25
In this tutorial, you’ll learn to design a romantic Valentine’s Day card from scratch in Photoshop. Here is a simple tutorial for beginners in the spirit of Valentine’s Day which will explain how to use Pen Tool, Custom Shape and Layer Style to create a romantic card in Photoshop. Let’s get started! Final Image Preview Create a new document (File>New) in Adobe Photoshop with the size 1920px by 1200px (RGB color mode) at a resolution of 72 pixels/inch. Using the Rectangle Tool (U), let’s represent a big rectangle reserved for background we want to have.

katydidphotography.files.wordpress.com€¦  · Web viewIn this tutorial, you’ll learn to design a romantic Valentine’s Day card from scratch in Photoshop. Here is a simple tutorial

  • Upload
    others

  • View
    5

  • Download
    0

Embed Size (px)

Citation preview

Page 1: katydidphotography.files.wordpress.com€¦  · Web viewIn this tutorial, you’ll learn to design a romantic Valentine’s Day card from scratch in Photoshop. Here is a simple tutorial

In this tutorial, you’ll learn to design a romantic Valentine’s Day card from scratch in Photoshop. Here is a simple tutorial for beginners in the spirit of Valentine’s Day which will explain how to use Pen Tool, Custom Shape and Layer Style to create a romantic card in Photoshop. Let’s get started!

Final Image Preview

Create a new document (File>New) in Adobe Photoshop with the size 1920px by 1200px (RGB color mode) at a resolution of 72 pixels/inch. Using the Rectangle Tool (U), let’s represent a big rectangle reserved for background we want to have.

Page 2: katydidphotography.files.wordpress.com€¦  · Web viewIn this tutorial, you’ll learn to design a romantic Valentine’s Day card from scratch in Photoshop. Here is a simple tutorial

For this layer click on Add a layer style icon from bottom part of the Layers panel and select Gradient Overlay:

Click in the color bar to open the Gradient Editor and set the color stops as shown. Click OK to close the Gradient Editor dialog box.

We’ve got the next radial gradient on the background:

Page 3: katydidphotography.files.wordpress.com€¦  · Web viewIn this tutorial, you’ll learn to design a romantic Valentine’s Day card from scratch in Photoshop. Here is a simple tutorial

Next we’ll represent a shape on the background. Choose the Pen Tool (P), select from Options bar the Shape Layers drawing mode and draw the next shape:

Set Fill to 0% for this layer and apply Gradient Overlay by selecting Add a layer style from bottom part of the Layers panel.

Page 4: katydidphotography.files.wordpress.com€¦  · Web viewIn this tutorial, you’ll learn to design a romantic Valentine’s Day card from scratch in Photoshop. Here is a simple tutorial

Click in the color bar to open the Gradient Editor and set the color stops as shown. Click OK to close the Gradient Editor dialog box.

We’ve got the next background:

Page 5: katydidphotography.files.wordpress.com€¦  · Web viewIn this tutorial, you’ll learn to design a romantic Valentine’s Day card from scratch in Photoshop. Here is a simple tutorial

Make a copy of the layer containing the shape. Then select Free Transform (Ctrl+T) command to move the copy to the right side. You can make some corrections of the anchor points using the Convert Point Tool.

Set the Fill to 0% for this layer and apply Gradient Overlay:

Page 6: katydidphotography.files.wordpress.com€¦  · Web viewIn this tutorial, you’ll learn to design a romantic Valentine’s Day card from scratch in Photoshop. Here is a simple tutorial

Click in the color bar to open the Gradient Editor and set the color stops as shown. Click OK to close the Gradient Editor dialog box.

We’ve got the next abstract background for our card:

Page 7: katydidphotography.files.wordpress.com€¦  · Web viewIn this tutorial, you’ll learn to design a romantic Valentine’s Day card from scratch in Photoshop. Here is a simple tutorial

Select the Custom Shape Tool (U) in the Tools bar, in the Options bar click the Shape to open the selection menu. Find Heart Card shape at the bottom of the menu, and then double-click a shape thumbnail to select it.

Click and drag to draw the shape.

Page 8: katydidphotography.files.wordpress.com€¦  · Web viewIn this tutorial, you’ll learn to design a romantic Valentine’s Day card from scratch in Photoshop. Here is a simple tutorial

Click on Add a layer style icon from bottom part of the Layers panel and select Gradient Overlay:

Click in the color bar to open the Gradient Editor and set the color stops as shown. Click OK to close the Gradient Editor dialog box.

Page 9: katydidphotography.files.wordpress.com€¦  · Web viewIn this tutorial, you’ll learn to design a romantic Valentine’s Day card from scratch in Photoshop. Here is a simple tutorial

Also apply the Stroke:

Select Fill Type – Gradient and click in the color bar to open the Gradient Editor and set the color stops as shown. Click OK to close the Gradient Editor dialog box.

Page 10: katydidphotography.files.wordpress.com€¦  · Web viewIn this tutorial, you’ll learn to design a romantic Valentine’s Day card from scratch in Photoshop. Here is a simple tutorial

We’ve got the next effect on the heart shape:

Make a copy of the layer with the heart on it and select Free Transform (Ctrl+T) command to make smaller the copy.

Page 11: katydidphotography.files.wordpress.com€¦  · Web viewIn this tutorial, you’ll learn to design a romantic Valentine’s Day card from scratch in Photoshop. Here is a simple tutorial

Set Fill to 0% for this layer and apply Gradient Overlay by selecting Add a layer style from bottom part of the Layers panel.

Click in the color bar to open the Gradient Editor and set the color stops as shown. Click OK to close the Gradient Editor dialog box.

Page 12: katydidphotography.files.wordpress.com€¦  · Web viewIn this tutorial, you’ll learn to design a romantic Valentine’s Day card from scratch in Photoshop. Here is a simple tutorial

We’ve got the next effect on the heart shape:

Let’s create now a highlight on the heart. To create the highlight we’ll try to draw multiple shapes in a layer and modify the first shape using Subtract option. Select the Ellipse Tool (U), draw the first ellipse shape and then holding Alt button (or select from Options bar the Subtract From Shape Area options to remove the overlapping area from the existing ellipse shape) draw the second ellipse shape as shown:

Page 13: katydidphotography.files.wordpress.com€¦  · Web viewIn this tutorial, you’ll learn to design a romantic Valentine’s Day card from scratch in Photoshop. Here is a simple tutorial

Set Fill to 0% for this layer and apply Gradient Overlay by selecting Add a layer style from bottom part of the Layers panel

Click in the color bar to open the Gradient Editor and set the color stops as shown. Click OK to close the Gradient Editor dialog box.

Page 14: katydidphotography.files.wordpress.com€¦  · Web viewIn this tutorial, you’ll learn to design a romantic Valentine’s Day card from scratch in Photoshop. Here is a simple tutorial

We’ve got the next highlight on the heart shape:

Make a copy of the recently made layer containing the highlight and choose the Free Transform (Ctrl+T) command to turn over the copy, placing it the same way as it is indicated below:

Page 15: katydidphotography.files.wordpress.com€¦  · Web viewIn this tutorial, you’ll learn to design a romantic Valentine’s Day card from scratch in Photoshop. Here is a simple tutorial

Set Fill to 0% for this layer and apply Gradient Overlay

Click in the color bar to open the Gradient Editor and set the color stops as shown. Click OK to close the Gradient Editor dialog box.

Page 16: katydidphotography.files.wordpress.com€¦  · Web viewIn this tutorial, you’ll learn to design a romantic Valentine’s Day card from scratch in Photoshop. Here is a simple tutorial

We’ve got the second highlight on the heart shape:

Make another copy of the heart and select Free Transform (Ctrl+T) command to make the copy smaller. Select Ellipse Tool (U), press Alt button (Subtract From Shape Area) and draw the next ellipse as shown to remove the overlapping area from the existing heart shape:

Page 17: katydidphotography.files.wordpress.com€¦  · Web viewIn this tutorial, you’ll learn to design a romantic Valentine’s Day card from scratch in Photoshop. Here is a simple tutorial

Set the Fill to 0% for this layer and click on Add a layer style icon from bottom part of the Layers panel to select Gradient Overlay:

Click in the color bar to open the Gradient Editor and set the color stops as shown. Click OK to close the Gradient Editor dialog box.

Page 18: katydidphotography.files.wordpress.com€¦  · Web viewIn this tutorial, you’ll learn to design a romantic Valentine’s Day card from scratch in Photoshop. Here is a simple tutorial

We’ve got the next effect on the heart shape:

Combine in a group all the layers composing the heart (press CTRL button to select the necessary layers in the Layers panel and hold on the left mouse’s button while dragging the selected layers down on Create a new group icon). Then we’ll Merge Down the group. In this case we’ll select the group and then press CTRL+E.

Make two copies of the heart’s layer. Use Free Transform (Ctrl+T) command to change their sizes and the copies’ placement as shown.

Page 19: katydidphotography.files.wordpress.com€¦  · Web viewIn this tutorial, you’ll learn to design a romantic Valentine’s Day card from scratch in Photoshop. Here is a simple tutorial

We’ve got the next composition:

Try to represent now the rays of light, applying the Pen Tool (P). The rays’ layer we’ll situate under the hearts’ layers.

Page 20: katydidphotography.files.wordpress.com€¦  · Web viewIn this tutorial, you’ll learn to design a romantic Valentine’s Day card from scratch in Photoshop. Here is a simple tutorial

We’ve got the next result:

Combine in a group all the layers with the rays (press CTRL button to select the corresponding layers in Layers panel and hold on the left mouse’s button to move down the selected layers on Create a new group icon).

Let’s rasterize the group now the same way described above earlier by pressing Ctrl+E. Make a copy of the last made rasterized layer and select Free Transform (Ctrl+T) command to make smaller the copy and turn it around by its axe.

Page 21: katydidphotography.files.wordpress.com€¦  · Web viewIn this tutorial, you’ll learn to design a romantic Valentine’s Day card from scratch in Photoshop. Here is a simple tutorial

Set Fill to 53% for this layer:

Make one more copy of the last made layer and select Free Transform (Ctrl+T) command to turn the copy around by its axe.

Page 22: katydidphotography.files.wordpress.com€¦  · Web viewIn this tutorial, you’ll learn to design a romantic Valentine’s Day card from scratch in Photoshop. Here is a simple tutorial

Put together in a group again all the layers composing the rays (press CTRL button to select the necessary layers and hold on the left mouse’s button to take the selected layers on Create a new group icon). Set for the group Fill to 70%.

Create a new layer and select the Hard Mechanical brush from Brush Tool (B)

Page 23: katydidphotography.files.wordpress.com€¦  · Web viewIn this tutorial, you’ll learn to design a romantic Valentine’s Day card from scratch in Photoshop. Here is a simple tutorial

Set the Foreground color to white and represent many dots of different diameter as shown:

Click on the same layer on the bottom part of the Layers panel on Add layer mask, select the mask to make it active and choose the Soft Round brush of black color (Opacity 15%)

Page 24: katydidphotography.files.wordpress.com€¦  · Web viewIn this tutorial, you’ll learn to design a romantic Valentine’s Day card from scratch in Photoshop. Here is a simple tutorial

Make some brushstroke to erase the dots along the document’s edges.

Finished!