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

