Spotlight
When you need to showcase a product, the spotlight is a great effect to use to have the image "pop."
BEFORE:
AFTER:
STEPS:
- Open a new file with a solid background fill color.
- Select an object (e.g., a product to showcase like a camera) from another file and cut and paste it into to a new layer. Scale and move object, if needed.
- Create a new layer below product object layer and use the Lasso Tool to draw a rough selection around object and fill selection with white (ALT/OPTION+Backspace/Delete) and then deselect the selection.
- Apply a Smart Filter and a Gaussian Blur filter to that layer using a high Radius setting.
- BONUS: Add text and other effects if you like.
NOTE: The reason for the layer being deselected in step three is so that when filter is applied it will be applied to the entire layer and not just the selection.
Grid Effect #1
This is a common grid effect that is used often.
BEFORE:
AFTER:
STEPS:
- Create a new file that has to same height and width (e.g., 1000x1000) with the Background Contents color set to white.
NOTE: The canvas can be any size but this features works best with a square image.
- Create a new layer and then select View > New Guide Layout... and set both the row and column to 3 and all margins and gutters to 20, and then click the OK button.
- Using the Rectangular marquee tool, drag to draw a selection at the top left corner within the margin and gutter. Hold down the SHIFT key and add selections to the other squares.
- Press CMD/CTRL+D to remove the selections and then select View > Clear Guides.
TIP: You can save this as a template and use it for any image later.
- Open the image that you would like to use in the Grid and press CMD/CTRL+A and then Edit > Copy.
- Click back on the original image and the select Edit > Paste Special > Paste In Place.
NOTE: This step will paste and center the image and create a layer mask all in one step.
- Hold down the ALT/OPTION key and click between the two layers to create a clipping mask.
- If necessary, press CMD/CTRL+T to resize the image and use the Move Tool to move the image.
- BONUS: Click the grid layer, add a drop shadow filter, and move it to offset it.
Grid Effect #2
This is another common grid effect that is used often.
BEFORE:
AFTER:
STEPS:
- Open an image that you would like to create a grid on and the select the Crop tool (C) and set the preset aspect ratio of 1x1 (square). Double-click the image to commit the crop.
- Create a new layer and then select View > New Guide Layout... and set both the row and column to 3 and all margins and gutters to 0, and then click the OK button.
- Using the Rectangular Marquee Tool, drag to draw a selection at the top left corner to select the first grid and then press CMD/CTRL+J to copy the selection to another layer.
- Select the next square and then select the main layer again and press CMD/CTRL+J again. Repeat for all squares.
- Select View > Clear Guides.
- Using the Crop tool, increase the size of the canvas about 20 to 30 pixels.
- Click the first square and add a 10 pixels stroke and a drop shadow effect to it.
- Press CMD/CTRL+T and move and rotate the first square as you see fit. Repeat for the other squares.
Grid Effect #3
This is another common grid effect that is used often.
BEFORE:
AFTER:
STEPS:
- Open an image that you would like to create a grid on and the select the Crop tool and set the preset aspect ratio of 1x1 (square). Double-click the image to commit the crop. Then, create a new layer.
- Create a new layer and then select View > New Guide Layout... and set both the row and column to 5 and all margins and gutters to 0, and then click the OK button.
- Using the Single Row Marquee Tool Rectangular, click near the first row of the grid to create a selection. Hold down the SHIFT key and add the remainder horizontal row selections. Switch to the Single Column Marquee Tool and the SHIFT tool still depressed, add the vertical selections to complete the grid.
- Select View > Clear Guides.
- Fill the selection with white or black depending on the image. (e.g., ALT+Backspace) and then deselect the selection (CMD/CTRL + D).
- Optionally, Add a Stroke Adjustment layer and set the stroke size to 2, the color to white, and Position to Outside to the Grid layer to increase the thickness of the grid lines.
- Press CMD/CTRL+T and move and rotate the first square as you see fit. Repeat for the other squares.
Grid Effect #4
This is another common grid effect that is used often.
BEFORE:
AFTER:
STEPS:
- Open an image that you would like to create a grid on and the select the Crop tool and set the preset aspect ratio of 1x1 (square). Double-click the image to commit the crop. Then, create a new layer.
- Create a new layer and then select View > New Guide Layout... and set both the row and column to 5 and all margins and gutters to 0, and then click the OK button.
- Using the Single Row Marquee Tool Rectangular, click near the first row of the grid to create a selection. Hold down the SHIFT key and add the remainder horizontal row selections. Switch to the Single Column Marquee Tool and the SHIFT tool still depressed, add the vertical selections to complete the grid.
- Select View > Clear Guides.
- Fill the selection with white or black depending on the image. (e.g., ALT+Backspace)
- With the Single Row Marquee Tool selected, click near the FIRST HORIZONTAL grid line to create a single row horizontal selection. Now, hold down the SHIFT key and click near the remaining. horizontal grid lines to create the other horizontal selection.
- With the Single Column Marquee Tool selected AND with the SHIFT KEY still held down, click near the FIRST VERTICAL grid line to create a single column horizontal selection. Now, click near the remaining. vertical grid lines to create the other vertical selection.
- Fill the selection with white or black depending on the image. (e.g., ALT+Backspace) and then deselect the selection (CMD/CTRL + D).
- Optionally, add a Stroke Adjustment Layer and set the stroke size to 2, the color to another color, and Position to Outside or Center to the Grid layer to increase the thickness of the grid lines.
- Select View > Clear Guides.
BONUS: Colorize Several Grids
- Create a new blank layer and select several of the corner grid boxes and fill them with white (or whatever color you need to)
- Select several grid squares and thene apply a Gradient Adjustment Layer to several of grid square with a color.
- Repeat previous step several times for other grid squares.
Outside The Box
This is common 3D effect:
BEFORE:
AFTER:
STEPS:
- Open the two images that you would like to use for this effect. (e.g., TV and Water Skiing)
- Using the Rectangular Marquee Tool or the Pen Tool to draw a path and then make a selection from it.
- Open the other image that you like to use (e.g., Water Skiing) and select CTRL+A and then File > Copy.
- Switch to the other image and select File > Paste Special > Paste Into.
- Use the Move Tool to move the image to the desire location so that the main object (e.g., ski boat) protrude "outside of the box" of the other image.
- Click the thumbnail mask in the Layer panel to select the mask and not the image
- Click D to set the default foreground Black and White and then use the Paint brush to add or subtract from the mask by pressing the X key to toggle the brush color as you paint to add and move what is needed or not needed.
TIP: It is OK to overpaint and then remove what is not needed.
Vignette
This is another effect the is used (or overused).
BEFORE:
AFTER:
STEPS:
- Open any photo as a background.
- Make a rectangular or circular selection and then right-click into it and select Feather..., set the Feather Radius and the click the OK button.
CAUTION: With a selection tool active, you can also set the feather size (e.g.,10 pixels) in the Option panel and make an oval or rectangular selection around image border. However, once the Feather option is made, if you make another selection later, you have to remember to reset the feather option back to zero.
- Inverse selection (CTRL+SHIFT+I) and press Delete key to reveal Vignette effect. Deselect the selection (CTRL+D).
- BONUS: Add text, etc.
Frame Edge
The Frame Edge Effect is similar to the Vignette Effect but it is like working backward and applying the effect to the QuickMask and not the image.
BEFORE:
AFTER:
STEPS:
- Open any photo as a background.
- Create a rectangular or ellipse selection (or any custom selection) around an image border and and then invert it. Ensure that Feather is set to zero.
- Click the Quick Mask icon (Q) to enter the Quick Mask mode.
- Select Filter > Filter Gallery... , select the Brush Strokes Category, select Sprayed Strokes, adjust the slider to you liking and then click the OK button to commit the changes.
NOTE: The Filter Gallery does not work with Smart Objects.
- Revert back to standard mode (Q) and invert the selection. Press the Delete key and deselect the selection.
- BONUS: Add text, etc.
Depth of Field
Depth of Field simulated the effect that you would get from a high-end camera.
BEFORE:
AFTER:
STEPS:
- Open an image and make a selection of the object you want to have in focus and then invert the selection.
- Select Filter > Convert for Smart Filters and then select Filter > Gaussian Blur... Adjust the blur to your liking and then click the OK button to apply the filter
- Deselect the selection (CMD/CTRL+D).
- If necessary, use a soft-edge brush or the Eraser Tool with the foreground color set to black, paint/erase to bring back additional areas of the photo that you want to be in focus.
- BONUS: Add text to layer
Unlike an IMAGE 's layer mask where you paint with white and black to show or hide PIXELs, painting on an Adjustment Layer with black and white will show or hide the EFFECT (not the pixels). The WHOLE image will still be VISIBLE at all times.
Motion Blur
Motion Blur is often used to simulate movement. Is it similar to the Depth of Field explained earlier.
BEFORE:
AFTER:
STEPS:
- Open an image and make a selection of the object you DO NOT want to have a motion blur applied to it and then invert the selection.
- Select Filter > Convert for Smart Filters and then select Filter > Motion Blur... Adjust blur to your liking and then click the OK button to apply the filter.
- Deselect the selection (CMD/CTRL+D).
- If necessary, use a soft-edge brush or the Eraser Tool with the foreground color set to black, paint/erase to bring back additional areas of the photo that you want to be in focus.
- BONUS: Add text to layer
Displacement Map
A displacement map is typically used to "map" or "wrap" text to the surface of an object.
BEFORE:
AFTER:
STEPS:
- Open a background image you would like to use a a displacement map and click Filter > Blur > Gaussian Blur and set the Radius to 1 pixels.
- Click Image > Adjustments > Desaturate and save the file (e.g., displacement_map.psd) to be used in the upcoming step.
NOTE: This will make the image
black and white so that it can be used as a displacement map.
- Open the original image again and type some Text on it using the Type tool.
- Right-click the text layer in the Layers panel and select Convert to Smart Object.
NOTE:
Displacement Maps can only be applied to rasterized layers or to Smart Objects.
- Click Filter > Distort > Displace and set the Horizontal and Vertical Scale (e.g., 10) and click OK.
NOTE: The other setting only need to be changed in the background size is different from the displacement size.
- In the windows that opens, navigate to the displacement map and double-click it to apply it to the text.
- Set the Fill of the text layer in the Layers panel (0%) - The text will disappear. Double-click the text layer in the Layers panel to open the Layer Style dialog and apply the following Layer Style setting to your liking: Color Overlay (e.g., red), Blend mode (e.g. Liner Burn), Bevel and Emboss, Highlight (Linear Dodge), Shadow (e.g., Linear Burn) with Opacity turned down to about 15%.
NOTE: Since your text is a Smart Object, you can double click the Displace filter and change the intensity, or double click the layer thumbnail to open and edit the text. You may also want to change to lighting to fit the image.
Portrait Effect
This is one of the first effect that most Photoshop user learn when they start.
BEFORE:
AFTER:
STEPS:
- Open an image you want to convert to a portrait image.
- Select the subject and duplicate to new layer.
- Reselect the original layer, set the background and foreground colors (blue and white) that you would like to use for the background effect.
- Apply a Cloud Filter to the original layer and crop or move the subject if necessary.
Picture In A Picture (PIP)
This is a common effect that is used with a Smart Object to change both pictures without having to redo the effect.
BEFORE:
AFTER:
STEPS:
- Open an image you want to a insert a picture in a picture.
- Convert the image to a Smart Object and then duplicate it.
- Reselect the original layer and apply a Gaussian Blur with a 3.0 Radius.
- Select the duplicated layer, press CMD/CTRL + T to scale the image, hold down the ALT/OPTION key and then pull on one of the edge handle to scale the image smaller from its center.
- Add a white stroke and a drop shadow.
BONUS: REPLACE IMAGES WITH ANOTHER IMAGE
- Right-click on either of the Smart Object layer and select Replace Contents... and then navigate to a new image to replace the original two images.
Picute Curl
This is an old effect that is still occasionally used.
BEFORE:
AFTER:
STEPS:
- Open an image you want to add a curl effect.
- Convert the image to a Smart Object.
- Press CMD/CTRL + T to scale the image, hold down the ALT/OPTION key and then pull on one of the edge handle to scale the image smaller from its center.
- Hold down the CMD/CTRL key and the press the New Layer icon to create a layer BELOW the current layer.
- Apply an Adjustment Layer (e.g., Solid Color, Gradient, or Pattern) or another image as a background.
- Select the Smart Object layer and then press CMD/CTRL + T to enter the transformation mode and then click on the Free Transform and Warp mode icon at the top of the screen or right-click and select Warp from the menu.
- Click and drag the bottom-right corner handle until you see the back of the image as a curl.
- Create a new layer on top of the other layers and then use the Pen Tool to draw a path around the curl and fill it with white.
- Optionally, add a drop shadow to the picture.
BONUS: REPLACE IMAGES WITH ANOTHER IMAGE
- Right-click on either of the Smart Object layer and select Replace Contents... and then navigate to a new image to replace the original two images.
Let The Sun Shine In Effect
This is another effect taht is commonly used.
BEFORE:
AFTER:
STEPS:
- Open an image you want to add a sun light effect.
- Add a Photo Filter Adjustment Layer with a bright yellow color to represent the sun light.
- Create a new layer and then with the Rectangle Tool set to the pixel mode, add several black rectangles that will represent a window blind.
- See the opacity to about 30% to represent the shadow from the blinds.
- Hold down the CMD/CTRL key and the press the New Layer icon to create a layer BELOW the current layer.
- Optionally, convert the shadow layer to a Smart Ojbect and then add a Guassian Blur with a Radius about 6.
Vintage Effect
This is one of the first effect that most Photoshop user learn when they start.
BEFORE:
AFTER:
STEPS:
- Open an image that you would like to make into a vintage photo.
- Convert the image to a Smart Object and apply a Black and White Adjustment layer with the default settings.
- Apply a Photo Filter Adjustment layer with a Sepia Effect applied.
- Add a Noise Filter with a setting to make the photo grainy.
Sketch Effect
This is one of the first effect that most Photoshop user learn when they start.
BEFORE:
AFTER:
STEPS:
- Open an image you want to make as a sketch.
- Select Image > Adjustments > Desaturate.
- Duplicate the Desaturated layer.
- Select Image > Adjustments > Invert and the change the Blend mode to Color Dodge.
NOTE: The layer should appear mostly white.
- Apply a Gaussian Blur and adjust the radius to get the sketch look you want.
Glow Effect
This is one of the first effect that most Photoshop user learn when they start.
BEFORE:
AFTER:
STEPS:
- Open an image you like to add a glow effect.
- Select the subject and then duplicate it to a new layer.
- Add a Outer Glow Layer Style with the color and settings of your liking.
Rain Effect
This is one of the first effect that most Photoshop user learn when they start.
BEFORE:
AFTER:
STEPS:
- Open an image you want to apply a rain effect.
- Create a blank layer and fill it with black.
- Convert the black layer to a Smart Object and apply a Noise Filter with a setting of about 15-20% and a Gaussian Distribution
- Add a Motion Blur with an Angle of about 72 degrees and a Distance of about 500.
- Change the Opacity to about 50%.
Rainbow Effect
This is one of the first effect that most Photoshop user learn when they start.
BEFORE:
AFTER:
STEPS:
- Open an image you want to apply a rainbow effect.
NOTE: An image with a stormy background works best.
- Create a new layer, select the Gradient Tool, and then:
1.
Click the Gradient drop-down and select the MyGradienst > gold >Transparent Rainbow gradient.
2.
Set the style to Radial
3. Click the Tool Preset Picker.
4.
Select the Circular Rainbow option.
- Draw a circle that is larger than the canvas that represents where the rainbow will be displayed.
NOTE: You may have to try several time to get the effect you want.
- Set the Blend mode to Screen and lower the Opacity of the rainbow layer.
- Add a Layer Mask and use the brush tool to delete from the rainbow where necessary.
Neon Effect
This is one of the first effect that most Photoshop user learn when they start.
BEFORE:
AFTER:
STEPS:
- Open an image with dark background to use with the neon effect.
NOTE: Since we want a light effect, a dark background works best.
- Create a text layer and type the text you want to applied the neon effect.
NOTE: Use a font that has rounded edges (e.g., Arial Rounded MT Bold)
- Select the Outer Glow Layer Style and apply the following highlighted options:
- Select the Inner Glow Layer Style and apply the following highlighted options:
- Click the OK button to commit changes for Inner and Outer Glow Layer Styles.
Text In Image Effect
This is one of the first effect that most Photoshop user learn when they start.
BEFORE:
AFTER:
STEPS:
- Open an image you like to embed text into
- Create a new layer ABOVE the original image and fill it with black.
- Select the Text Tool, set the font to 6px, white, and Arial.
- Draw a text box the size of the canvas and fill it completely with text.
- Add another Layer Mask to the Text Layer.
- Click the original layer and press CMD/CTRL+A to select all pixels and then press CMD/CTRL+C to cut the layer pixels.
- Hold down the ALT/OPTION key and click the white layer mask THUMBNAIL to load it in the canvas window.
- Press CMD/CTRL+V to Paste the original image into the Layer Mask.
- Optionally, add a Layer Mask to the Text Layer and use the Brush Tool to erase areas not needed.
- Optionally, double-click the Text layer's thumbnail and change text color to whatever color you want.,
Face Painting
A displacement map is typically used to "map" or "wrap" text to the surface of an object.
BEFORE:
AFTER:
STEPS:
- Open an image of a person you would like to "face paint" with a full front face view AND an image you would like to use as the paint (e.g., US flag).
- Right click the face image in the Layers panel and select Covert to Smart Object. Then, right-click and select Duplicate Layer, from the Document drop-down and select New, give it a Name of face_paint_displacement_map, and then click the OK button.
NOTE: This will create a new layer that will be used and the displacement map that will wrap the image around the contour of the face.
- Select Filter > Blur > Gaussian Blur and adjust the Pixels Radius setting to 1 or more pixels depending on the resolution of the image.
- Click the Adjustment Layer icon and select Black White... from the menu
- Select File > Save As to save the displacement map as a PSD file to the same folder as the other project images by pressing the Save button, click the OK button and then close the displacement map from the tab.
- Re-open the color version.
- Make a selection of the just the face (not the ears or neck) using any selection tools (e.g., Quick Selection Tool).
- Click the Adjustment Layer icon and select Black White... from the menu.
NOTE: The face will turn gray.
- With the Layer Mask selected, zoom in on the eyes and use the brush tool to paint black on the mask for the eyes. Do the same for the mouth and nostrils of the nose. Then, double-click the magnifying glass to zoom back.
- With the image that you want to use on the face and the Select tool selected, press CMD/CTRL+A to select all of the pixels and then drag it to the face image on the tab, wait for it to highlight and then drag it to the image.
- Select Filter > Convert for Smart Filter... and then click the OK button. Then, press CMD/CTRL+T and transform the image to fit between the ears. Rotate the image if you need to also.
- Change the opacity to 50%.
- Select Filter > Distort > Pinch and adjust the setting to estimate the contour of the file.
- Press CMD/CTRL+T again and transform the image to fit comfortable within the face.
- Select Filter > Distort > Displace, use the default settings and the click the OK button and the select the displacement map and press Open.
NOTE: Try different settings if you need to.
- Hold down the ALT/OPTION key and drag and drop a copy of the face mask to the paint effect layer (e.g., flag).
- BONUS: Click the Adjustment Layer icon and select Vibrance... from the menu.
- Hold down the ALT/OPTION key and drag and drop a copy of the face mask to the Vibrance adjustment. Click the OK button to replace the Mask.
- Click the Vibrance icon (inverted triangle) and the change the Vibrance to 100 and the Saturation to whatever you like.