Pscc slides p8

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


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


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


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


Puppet WarpAdd dimensionality to flat layers

Change mesh settings to increase or decrease precision

Bend layer content around pins (anchors)


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


AnimationTweening

Frame Delay

Looping

Export as GIF for Web display


SlicingSlice tool manually draws slices

Layer>New Layer Based Slices

Options bar:– Slices From

Guides

– Divide [Slice]

User slices

Auto slices


Slice OptionsSlice Select tool

Double-click a specific slice

Select multiple and double-click to change options for all selected


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


Save for Web


Exporting HTMLFormat:– HTML and Images– Images Only– HTML Only

Settings– Default is usually okay

Slices:– All Slices– All User Slices– Selected Slices

Education

Pscc slides p8