Page 240 - Web Applications (803) Class 12
P. 240

You can browse, select, download and use PSD templates from the following websites:
                https://www.freeimages.com/psd?ref=365psd
                https://www.brusheezy.com/psds

                https://dribbble.com/search/free-psd

                4.3 WORKING WITH LINKED SMART OBJECTS

              A great technique to work efficiently is by using Smart Objects. Layers with image data from raster or vector
              images, such as those in Photoshop or Illustrator files, are called “Smart Objects.” Smart Objects keep the
              original qualities of an image's source content intact, allowing you to change the layer without causing any
              damage.

              The contents of an image can be embedded into a Photoshop document. You can make Linked Smart Objects
              in Photoshop that have content that is referenced from outside picture files. When a source image file changes,
              a Linked Smart Object's contents are updated. A Smart Object may be included directly into a Photoshop file
              or may be linked to an other file, where it may be updated and used repeatedly.
              Watch the video available on https://helpx.adobe.com/in/photoshop/how-to/photoshop-linked-
              smart-objects.html to learn to work with linked Smart Objects.


                       Do you know?

                      PSDs can carry a lot of colour and image quality information. They may preserve up to 30,000 pixels
                      in both height and breadth. They’re one of the few image files that can be edited over several layers,
                      allowing multiple photos to be combined and individually edited.




              Page Transitions
              Page transitions are an essential component of website navigation and user experience; they maintain visual
              coherence and keep visitors entertained while the website's assets load. Visit the link given below to
              check out examples of page transitions that can add a little something special to your next webpage—
              https://speckyboy.com/page-transition-effects/

              Let us try out a simple page transition effect – slideover effect!
              Page1.html

                  <html>
                  <head>
                      <title>Page Transition</title>
                      <link rel="stylesheet" href="mstyle1.css">
                  </head>
                  <body>
                      <div class="loader" id="loader">
                      </div>
                      <div class="page1" id="page1">
                         <h1>WELCOME <br>
                             <a onclick="showP2()">CLICK HERE</a>
                     </h1>

                238   Touchpad Web Applications-XII
   235   236   237   238   239   240   241   242   243   244   245