In this tutorial, I will show you how to create abstract eye catching Valentine’s Day illustration with hearts from scratch using several techniques in Adobe Photoshop CS5. Let’s get started!
Final Image Preview
![How to create abstract Valentine's Day illustration with hearts in Photoshop CS5](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial562/38.jpg)
Start working by creating a new document (Ctrl+N) in Adobe Photoshop CS5 with the size
1280px by 1024px(RGB color mode) at a resolution of 72 pixels/inch. Select the background layer in Layers panel and click onAdd a layer style icon from bottom part of the Layers panel to select Gradient Overlay.![How to create abstract Valentine's Day illustration with hearts in Photoshop CS5](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial562/1.jpg)
Click in the color bar to open the Gradient Editor and set the color stops as shown. Click OK to close theGradient Editor dialog box.
![How to create abstract Valentine's Day illustration with hearts in Photoshop CS5](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial562/2.jpg)
We’ve got the next result:
![How to create abstract Valentine's Day illustration with hearts in Photoshop CS5](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial562/3.jpg)
Select the Custom Shape Tool (U)in the Tools bar, in the Options bar click the Shape to open the selection menu. Find Heart at the bottom of the menu, and then double-click a shape thumbnail to select it.
![How to create abstract Valentine's Day illustration with hearts in Photoshop CS5](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial562/4.jpg)
Click and drag to draw the heart shape. Then apply the Convert Point Tool to make the appropriate corrections on the heart’s shape.
![How to create abstract Valentine's Day illustration with hearts in Photoshop CS5](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial562/5.jpg)
Set Opacity to 10% for this layer and click on Add a layer style icon from bottom part of the Layers panel to select Gradient Overlay.
![How to create abstract Valentine's Day illustration with hearts in Photoshop CS5](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial562/6.jpg)
Click in the color bar to open the Gradient Editor and set the color stops as shown. Click OK to close theGradient Editor dialog box.
![How to create abstract Valentine's Day illustration with hearts in Photoshop CS5](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial562/7.jpg)
We’ve got the next result:
![How to create abstract Valentine's Day illustration with hearts in Photoshop CS5](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial562/8.jpg)
Next we have to make some copies of the last made layer, increasing the Opacity value for each next copy and change the heart sizes with Free Transform (Ctrl+T) command.
![How to create abstract Valentine's Day illustration with hearts in Photoshop CS5](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial562/9.jpg)
Change the Opacity to 15% for the next copy:
![How to create abstract Valentine's Day illustration with hearts in Photoshop CS5](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial562/10.jpg)
Opacity is 10% for the next copy:
![How to create abstract Valentine's Day illustration with hearts in Photoshop CS5](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial562/11.jpg)
The next copy with Opacity to 10%.
![How to create abstract Valentine's Day illustration with hearts in Photoshop CS5](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial562/12.jpg)
Change the Opacity to 10% for the next copy:
![How to create abstract Valentine's Day illustration with hearts in Photoshop CS5](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial562/13.jpg)
This way we have to represent several copies as shown (Opacity - 10%).
![How to create abstract Valentine's Day illustration with hearts in Photoshop CS5](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial562/14.jpg)
The next copy has Opacity - 20%:
![How to create abstract Valentine's Day illustration with hearts in Photoshop CS5](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial562/15.jpg)
Also we have to represent several copies as shown with Opacity - 20%.
![How to create abstract Valentine's Day illustration with hearts in Photoshop CS5](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial562/16.jpg)
The next copy needs the Opacity - 30%:
![How to create abstract Valentine's Day illustration with hearts in Photoshop CS5](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial562/17.jpg)
One more heart with Opacity - 50%.
![How to create abstract Valentine's Day illustration with hearts in Photoshop CS5](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial562/18.jpg)
Next copy with Opacity - 70%.
In this tutorial, I will show you how to create abstract eye catching Valentine’s Day illustration with hearts from scratch using several techniques in Adobe Photoshop CS5. Let’s get started!
Final Image Preview
![How to create abstract Valentine's Day illustration with hearts in Photoshop CS5](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial562/38.jpg)
Start working by creating a new document (Ctrl+N) in Adobe Photoshop CS5 with the size 1280px by 1024px(RGB color mode) at a resolution of 72 pixels/inch. Select the background layer in Layers panel and click onAdd a layer style icon from bottom part of the Layers panel to select Gradient Overlay.
![How to create abstract Valentine's Day illustration with hearts in Photoshop CS5](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial562/1.jpg)
Click in the color bar to open the Gradient Editor and set the color stops as shown. Click OK to close theGradient Editor dialog box.
![How to create abstract Valentine's Day illustration with hearts in Photoshop CS5](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial562/2.jpg)
We’ve got the next result:
![How to create abstract Valentine's Day illustration with hearts in Photoshop CS5](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial562/3.jpg)
Select the Custom Shape Tool (U)in the Tools bar, in the Options bar click the Shape to open the selection menu. Find Heart at the bottom of the menu, and then double-click a shape thumbnail to select it.
![How to create abstract Valentine's Day illustration with hearts in Photoshop CS5](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial562/4.jpg)
Click and drag to draw the heart shape. Then apply the Convert Point Tool to make the appropriate corrections on the heart’s shape.
![How to create abstract Valentine's Day illustration with hearts in Photoshop CS5](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial562/5.jpg)
Set Opacity to 10% for this layer and click on Add a layer style icon from bottom part of the Layers panel to select Gradient Overlay.
![How to create abstract Valentine's Day illustration with hearts in Photoshop CS5](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial562/6.jpg)
Click in the color bar to open the Gradient Editor and set the color stops as shown. Click OK to close theGradient Editor dialog box.
![How to create abstract Valentine's Day illustration with hearts in Photoshop CS5](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial562/7.jpg)
We’ve got the next result:
![How to create abstract Valentine's Day illustration with hearts in Photoshop CS5](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial562/8.jpg)
Next we have to make some copies of the last made layer, increasing the Opacity value for each next copy and change the heart sizes with Free Transform (Ctrl+T) command.
![How to create abstract Valentine's Day illustration with hearts in Photoshop CS5](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial562/9.jpg)
Change the Opacity to 15% for the next copy:
![How to create abstract Valentine's Day illustration with hearts in Photoshop CS5](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial562/10.jpg)
Opacity is 10% for the next copy:
![How to create abstract Valentine's Day illustration with hearts in Photoshop CS5](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial562/11.jpg)
The next copy with Opacity to 10%.
![How to create abstract Valentine's Day illustration with hearts in Photoshop CS5](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial562/12.jpg)
Change the Opacity to 10% for the next copy:
![How to create abstract Valentine's Day illustration with hearts in Photoshop CS5](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial562/13.jpg)
This way we have to represent several copies as shown (Opacity - 10%).
![How to create abstract Valentine's Day illustration with hearts in Photoshop CS5](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial562/14.jpg)
The next copy has Opacity - 20%:
![How to create abstract Valentine's Day illustration with hearts in Photoshop CS5](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial562/15.jpg)
Also we have to represent several copies as shown with Opacity - 20%.
![How to create abstract Valentine's Day illustration with hearts in Photoshop CS5](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial562/16.jpg)
The next copy needs the Opacity - 30%:
![How to create abstract Valentine's Day illustration with hearts in Photoshop CS5](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial562/17.jpg)
One more heart with Opacity - 50%.
![How to create abstract Valentine's Day illustration with hearts in Photoshop CS5](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial562/18.jpg)
Next copy with Opacity - 70%.
Now we have to put on the left side a copy with Opacity - 30%:
![How to create abstract Valentine's Day illustration with hearts in Photoshop CS5](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial562/20.jpg)
Represent several copies with Opacity - 30%:
![How to create abstract Valentine's Day illustration with hearts in Photoshop CS5](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial562/21.jpg)
One more heart with Opacity - 50%.
![How to create abstract Valentine's Day illustration with hearts in Photoshop CS5](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial562/22.jpg)
… and then a copy with Opacity - 70%.
![How to create abstract Valentine's Day illustration with hearts in Photoshop CS5](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial562/23.jpg)
Now we have to represent several copies of the heart with the Opacity to 10%. Change the copies’ sizes, applying the Free Transform (Ctrl+T) command.
![How to create abstract Valentine's Day illustration with hearts in Photoshop CS5](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial562/24.jpg)
Let’s represent a heart’s copy with Opacity - 30%:
![How to create abstract Valentine's Day illustration with hearts in Photoshop CS5](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial562/25.jpg)
… and represent several copies of the heart with Opacity - 10%:
![How to create abstract Valentine's Day illustration with hearts in Photoshop CS5](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial562/26.jpg)
Choose the Custom Shape Tool (U) and draw a heart of white color. Incline it a little, applying the Free Transform (Ctrl+T) command. Set Fill to 50% for this layer.
![How to create abstract Valentine's Day illustration with hearts in Photoshop CS5](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial562/27.jpg)
Make three copies of the last made layer and select the Free Transform (Ctrl+T) command to change the copies’ sizes and place them as shown:
![How to create abstract Valentine's Day illustration with hearts in Photoshop CS5](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial562/28.jpg)
Using the same tools, we have to represent one more small heart:
![How to create abstract Valentine's Day illustration with hearts in Photoshop CS5](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial562/29.jpg)
Set Fill to 0% for this layer and click on Add a layer style icon from bottom part of the Layers panel to selectStroke.
![How to create abstract Valentine's Day illustration with hearts in Photoshop CS5](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial562/30.jpg)
We’ve got the next result:
![How to create abstract Valentine's Day illustration with hearts in Photoshop CS5](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial562/31.jpg)
Make seven copies of the last made layer and select the Free Transform (Ctrl+T) command to change the copies’ sizes, placing them as it is shown below:
![How to create abstract Valentine's Day illustration with hearts in Photoshop CS5](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial562/32.jpg)
Take now the Ellipse Tool (U) to draw an ellipse.
![How to create abstract Valentine's Day illustration with hearts in Photoshop CS5](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial562/33.jpg)
Set Fill to 0% for this layer and change the Opacity to 80%. Click on Add a layer style icon from bottom part of the Layers panel and select Stroke.
![How to create abstract Valentine's Day illustration with hearts in Photoshop CS5](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial562/34.jpg)
We’ve got the next result:
![How to create abstract Valentine's Day illustration with hearts in Photoshop CS5](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial562/35.jpg)
Make two copies of the last made layer and select the Free Transform (Ctrl+T) command to change the copies’ sizes, placing them the same way indicated next picture:
![How to create abstract Valentine's Day illustration with hearts in Photoshop CS5](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial562/36.jpg)
Click Create new fill or adjustment layer from bottom part of the Layers panel and select Hue/Saturation. Drag the slider to the left to decrease the Hue value.
![How to create abstract Valentine's Day illustration with hearts in Photoshop CS5](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial562/37.jpg)
We’ve got the next result:
![How to create abstract Valentine's Day illustration with hearts in Photoshop CS5](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial562/38.jpg)
Happy Valentine’s Day!
0 comments:
Post a Comment