View
268
Download
0
Category
Tags:
Preview:
DESCRIPTION
Citation preview
Adobe Photoshop CC: The Professional Portfolio
Project 8: Photo Gallery Web Page
Automating repetitive tasks
Editing layers for visual effect
Building frame animations
Slicing the page
Adobe Photoshop CC: The Professional Portfolio
ActionsRepeat multiple operations in a single click
File>Automate>Batch to process multiple files
Save custom action sets with .atn extension
Create a droplet to enable drag-and-drop processing
Adobe Photoshop CC: The Professional Portfolio
Actions (cont’d)Use caution when recording a resizing action– Resize/Resample to specific size
(inches, pixels, etc) or resolutions
– Can’t record based on percentages
– Use a workaround
Adobe Photoshop CC: The Professional Portfolio
Aligning LayersView>Snap– Guides– Grid– Layers– Slices– Document Bounds
When multiple layers are selected:– Align based on selected
edge– Distribute across space
of all selected layers
Adobe Photoshop CC: The Professional Portfolio
Puppet WarpAdd dimensionality to flat layers
Change mesh settings to increase or decrease precision
Bend layer content around pins (anchors)
Adobe Photoshop CC: The Professional Portfolio
3D TextCreate 3D objects from any text layer
Use built-in shape presets
Use Properties panel to manage options
Use on-screen 3D object controls
Adobe Photoshop CC: The Professional Portfolio
AnimationTweening
Frame Delay
Looping
Export as GIF for Web display
Adobe Photoshop CC: The Professional Portfolio
SlicingSlice tool manually draws slices
Layer>New Layer Based Slices
Options bar:– Slices From
Guides
– Divide [Slice]
User slices
Auto slices
Adobe Photoshop CC: The Professional Portfolio
Slice OptionsSlice Select tool
Double-click a specific slice
Select multiple and double-click to change options for all selected
Adobe Photoshop CC: The Professional Portfolio
No Image SlicesSpecific area in which text is exported as HTML text
Text is not converted to graphic text
Text in area is defined in dialog box
Text does not appear in the Photoshop canvas
Adobe Photoshop CC: The Professional Portfolio
Save for Web
Adobe Photoshop CC: The Professional Portfolio
Exporting HTMLFormat:– HTML and Images– Images Only– HTML Only
Settings– Default is usually okay
Slices:– All Slices– All User Slices– Selected Slices
Recommended