618519

Adobe Photoshop CC - 2015 Manual

118
Zoom out
Zoom in
Previous page
1/859
Next page
191
Web, screen, and app design
Last updated 11/30/2015
• Use layer comps to experiment with different page compositions or to export variations of a page. (See Layer
comps.)
• Create rollover text or button graphics to import into Dreamweaver or Flash.
• Create web animations with the Animation panel, then export them as animated GIF images or QuickTime files.
See
Create frame animations.
• Use Adobe Bridge to create a web photo gallery to quickly turn a set of images into an interactive web site, using a
variety of professional-looking templates.
For a video on designing web sites with Photoshop and Dreamweaver, see Access Photoshop from Dreamweaver to
enhance web image.
Creating rollover images
A rollover is a button or image on a web page that changes when the mouse is over it. To create a rollover, you need at
least two images: a primary image for the normal state and a secondary image for the changed state.
Photoshop provides a number of useful tools for creating rollover images:
• Use layers to create primary and secondary images. Create content on one layer, then duplicate the layer and edit it
to create similar content while maintaining alignment between layers. When creating a rollover effect, you can
change the layer’s style, visibility or position, make color or tonal adjustments, or apply filter effects. See
Duplicate
Photoshop layers.
• You can also use layer styles to apply effects, such as color overlays, drop shadows, glow, or emboss, to the primary
layer. To create a rollover pair, turn the layer style on or off and save the image in each state. See
Layer effects and
styles .
• Use preset button styles from the Styles panel to quickly create rollover buttons with normal, mouseover, and
mousedown states. Draw a basic shape with the rectangle tool and apply a style, such as Beveled Normal, to
automatically turn the rectangle into a button. Then copy the layer and apply other preset styles, like Beveled
Mouseover, to create additional button states. Save each layer as a separate image to create a finished rollover button
set.
• Use the Save For Web & Devices dialog box to save rollover images in a web-compatible format and with an
optimized file size. See
Optimizing images.
When you save rollover images, use a naming convention to distinguish the primary (non-rollover state) image from
the secondary (rollover state) image.
After creating a rollover image set in Photoshop, use Dreamweaver to place the images on a web page and automatically
add the JavaScript code for the rollover action.
Export to Zoomify
You can post high-resolution images on the web that viewers can pan and zoom to see more detail. The basic-size image
downloads in the same time as an equivalent size JPEG file. Photoshop exports the JPEG files and HTML file that you
can upload to your web server.
1 Choose File > Export > Zoomify and set export options.
Temp late Sets the background and navigation for the image viewed in the browser.
Output Location Specifies the location and name of the file.
Image Tile Options Specifies the quality of the image.
Browser Options Sets the pixel width and height for the base image in the viewer’s browser.
… 118 …


Need help? Post your question in this forum.

Forumrules


Report abuse

Libble takes abuse of its services very seriously. We're committed to dealing with such abuse according to the laws in your country of residence. When you submit a report, we'll investigate it and take the appropriate action. We'll get back to you only if we require additional details or have more information to share.

Product:

For example, Anti-Semitic content, racist content, or material that could result in a violent physical act.

For example, a credit card number, a personal identification number, or an unlisted home address. Note that email addresses and full names are not considered private information.

Forumrules

To achieve meaningful questions, we apply the following rules:

Register

Register getting emails for Adobe Photoshop CC - 2015 at:


You will receive an email to register for one or both of the options.


Get your user manual by e-mail

Enter your email address to receive the manual of Adobe Photoshop CC - 2015 in the language / languages: English as an attachment in your email.

The manual is 58,46 mb in size.

 

You will receive the manual in your email within minutes. If you have not received an email, then probably have entered the wrong email address or your mailbox is too full. In addition, it may be that your ISP may have a maximum size for emails to receive.

Others manual(s) of Adobe Photoshop CC - 2015

Adobe Photoshop CC - 2015 User Manual - German - 930 pages

Adobe Photoshop CC - 2015 User Manual - Dutch - 916 pages


The manual is sent by email. Check your email

If you have not received an email with the manual within fifteen minutes, it may be that you have a entered a wrong email address or that your ISP has set a maximum size to receive email that is smaller than the size of the manual.

The email address you have provided is not correct.

Please check the email address and correct it.

Your question is posted on this page

Would you like to receive an email when new answers and questions are posted? Please enter your email address.



Info