SUN PAGE
Tampilkan postingan dengan label Tutorial Photoshop. Tampilkan semua postingan
Tampilkan postingan dengan label Tutorial Photoshop. Tampilkan semua postingan

Sabtu, 21 Mei 2011

Minggu, 15 Mei 2011

Tutorial Photoshop - How to Create a Cosmic Photo Composition

Final Image Preview


How to Create a Cosmic Photo Composition in Photoshop CS4

Create a new document (Ctrl+N) in Adobe Photoshop with the size 1024px by 768px (RGB color mode) at a resolution of 72 pixels/inch. Use the Paint Bucket Tool (G) to fill with black color the new background layer.

How to Create a Cosmic Photo Composition in Photoshop CS4

Find a stock photo with a model represented on it, I used this photo from deviantart. I would like to thank the author of this photo:

How to Create a Cosmic Photo Composition in Photoshop CS4

Remove the background using your favorite tools like Pen Tool (P), Magic Wand Tool (W), Magnetic Lasso (L) or even a simple Filter>Extract and insert it on a new layer in our main document. If necessary we can change the girl’s image sizes, applying the Free Transform (Ctrl+T) command.

How to Create a Cosmic Photo Composition in Photoshop CS4

Create a new layer and choose a Soft Round brush from Brush Tool (B). The brush’s color is #98E2B4

How to Create a Cosmic Photo Composition in Photoshop CS4

Represent a kind of luminescence under the girl’s layer.

How to Create a Cosmic Photo Composition in Photoshop CS4

Next we’ll add some patterns on the background, download the Metal Mesh Patterns from deviantart. I would like to thank the author of these patterns:

How to Create a Cosmic Photo Composition in Photoshop CS4

Copy the pattern file to your Program Files\Adobe\Adobe Photoshop X\Presets\Patterns folder (Adobe Photoshop X been your version of Photoshop).

Create a new layer and set Fill to 0% for this layer, click on Add a layer style icon from bottom part of the Layers panel and select Pattern Overlay. Click the Pattern Preset Picker and Load the pattern file from Program Files\Adobe\Adobe Photoshop X\Presets\Patterns folder. Apply the next settings for Pattern Overlay:

How to Create a Cosmic Photo Composition in Photoshop CS4

Place this layer under the layer with the girl on it.

How to Create a Cosmic Photo Composition in Photoshop CS4

Let’s create a clipping mask to make the content of the layer (containing the pattern) only visible within the content of the layer (containing the luminescence). Hold down Alt (Windows) or Option (Mac OS), position the pointer over the line in the Layers panel dividing the layer (containing the luminescence) and the layer above with pattern that you want to include in the clipping mask (the pointer changes to two overlapping circles), and click.

How to Create a Cosmic Photo Composition in Photoshop CS4

We’ve got the next result:

How to Create a Cosmic Photo Composition in Photoshop CS4

Next we shall pass on the Adobe Illustrator. Take the Line Segment Tool (\) and represent two lines of black color on the top and bottom parts.

How to Create a Cosmic Photo Composition in Photoshop CS4

Select them, choosing in this case the Direct Selection Tool (A) and then apply Object>Blend>Blend Options

How to Create a Cosmic Photo Composition in Photoshop CS4

We’ve got the next result:

How to Create a Cosmic Photo Composition in Photoshop CS4

Pass on the Adobe Photoshop and insert on our document the lines (Paste as: Pixels). Using the Free Transform (Ctrl+T) command, turn them over and place them as below:

How to Create a Cosmic Photo Composition in Photoshop CS4

Inverse the layer content using CTRL+I.

How to Create a Cosmic Photo Composition in Photoshop CS4

Make three copies of the last made layer and select again Free Transform (Ctrl+T) command to place the copies as it is demonstrated on the next image. The copies’ layers should be placed lower than the layer with the girl on it.

How to Create a Cosmic Photo Composition in Photoshop CS4

Click now on each layer containing the lines on the bottom part of the Layers panel on Add layer mask icon and choose after that the Soft Round brush of black color (Opacity 30%)

How to Create a Cosmic Photo Composition in Photoshop CS4

Make some brushstroke to hide the lines’ edges.

How to Create a Cosmic Photo Composition in Photoshop CS4

Create a new layer again and apply here the Soft Round brush mentioned above of white color and represent the luminescence behind the girl. Using also the brush of different diameters, it’s possible to represent several dots of white color.

How to Create a Cosmic Photo Composition in Photoshop CS4

Take now the Ellipse Tool (U) to draw a highlight around the girl’s head.

How to Create a Cosmic Photo Composition in Photoshop CS4

Sumber : adobetutorialz.com

Tutorial Photoshop - How to Create a Space Girl Photo Manipulation

Final Image Preview


How to Create a Space Girl Photo Manipulation in Adobe Photoshop CS4
Start working by opening in Adobe Photoshop CS4 a space photo like this one:

How to Create a Space Girl Photo Manipulation in Adobe Photoshop CS4
Find a stock photo with a model represented on it, I used this photo from deviantart. I would like to thank the author of this photo:

How to Create a Space Girl Photo Manipulation in Adobe Photoshop CS4
Remove the background using your favorite tools like Pen Tool (P), Magic Wand Tool (W), Magnetic Lasso (L) or even a simple Filter>Extract and insert the image on a new layer in our main document.

How to Create a Space Girl Photo Manipulation in Adobe Photoshop CS4
Click on Add a layer style icon from bottom part of the Layers panel and select Inner Glow

How to Create a Space Girl Photo Manipulation in Adobe Photoshop CS4
We’ve got the next inner glow effect around girl:

How to Create a Space Girl Photo Manipulation in Adobe Photoshop CS4
Click now on the bottom part of the Layers panel on Add layer mask icon and choose after that the Soft Round brush of black color (Opacity 15%)

How to Create a Space Girl Photo Manipulation in Adobe Photoshop CS4
Using Soft Round brush paint on the mask to hide the girl’s legs as shown:

How to Create a Space Girl Photo Manipulation in Adobe Photoshop CS4
Create a new layer and select for it a Soft Round brush of yellow color (Opacity 10%) to paint the layer:

How to Create a Space Girl Photo Manipulation in Adobe Photoshop CS4
Set Blending mode for this layer to Saturation

How to Create a Space Girl Photo Manipulation in Adobe Photoshop CS4
Hold down Alt (Windows) or Option (Mac OS) and click between the layers of the yellow brush and the layer containing the girl (on the Layers panel) to create a clipping mask

How to Create a Space Girl Photo Manipulation in Adobe Photoshop CS4
Now we have the content of the layer containing the yellow color only visible within the content of the layer containing the girl

How to Create a Space Girl Photo Manipulation in Adobe Photoshop CS4
Create a new layer and select the Soft Round brush with #0000FF color (Opacity20%).

How to Create a Space Girl Photo Manipulation in Adobe Photoshop CS4
Paint the background as shown and place this layer under the layer with the girl on it:

How to Create a Space Girl Photo Manipulation in Adobe Photoshop CS4
On the next new layer we’ll apply the above used brush to continue painting the background with the color #00B4F6 (Opacity20%). This layer will be situated under the girl’s layer:

How to Create a Space Girl Photo Manipulation in Adobe Photoshop CS4
Create a new layer and apply here the Soft Round brush to paint the bottom part of the picture with violet color (Opacity 20%)

How to Create a Space Girl Photo Manipulation in Adobe Photoshop CS4
Set the Blending mode to Screen for this layer

How to Create a Space Girl Photo Manipulation in Adobe Photoshop CS4
Use again the Soft Round brush and paint with blue color on background. This layer will be situated under the layer containing the girl:

How to Create a Space Girl Photo Manipulation in Adobe Photoshop CS4
Next there will be used again the soft brush with green color this time and Opacity - 20%.

How to Create a Space Girl Photo Manipulation in Adobe Photoshop CS4
Create a new layer and apply on it the Soft Round brush to paint on the background as shown.

How to Create a Space Girl Photo Manipulation in Adobe Photoshop CS4
The brush’s color is yellow (Opacity 15%). Place this layer under the girl’s layer.

How to Create a Space Girl Photo Manipulation in Adobe Photoshop CS4
Set the Blending mode for this layer to Overlay

How to Create a Space Girl Photo Manipulation in Adobe Photoshop CS4
On the next new layer we’ll use the Soft Round brush of white color (Opacity 20%) to represent several lines, like those from below. This layer needs to be situated under the girl’s layer:

How to Create a Space Girl Photo Manipulation in Adobe Photoshop CS4
Set the Blending mode to Overlay for this layer

How to Create a Space Girl Photo Manipulation in Adobe Photoshop CS4
Let’s create the next new layer and apply on it the same soft brush of white color (Opacity 15%) to make lighter the girl’s body. This layer needs to be placed lower than the girl’s layer:

How to Create a Space Girl Photo Manipulation in Adobe Photoshop CS4
Next we’ll make the girl’s arm look more illuminated. In this case we’ll create a new layer and use here the Soft Round brush

How to Create a Space Girl Photo Manipulation in Adobe Photoshop CS4
Paint firstly with red color (Opacity 15%) the necessary element and then use the color #FDCD9E

How to Create a Space Girl Photo Manipulation in Adobe Photoshop CS4

Sumber : adobetutorialz.com

Sabtu, 14 Mei 2011

Tutorial Photoshop - Create a Futuristic Photo Illustration

Learn how to combine brushes, shapes and blur effects in Photoshop CS5 to create a futuristic photo illustration in this step-by-step guide. Layered PSD file included. Let’s get started!


Final Image Preview


Create a Futuristic Photo Illustration in Photoshop CS5


Start working by creating a new document (Ctrl+N) in Adobe Photoshop CS5 with the size 1920px by 1200px (RGB color mode) at a resolution of 72 pixels/inch. Use the Paint Bucket Tool (G) to fill with black color the new background layer.



Create a Futuristic Photo Illustration in Photoshop CS5


Find a stock photo with a model represented on it, I used this photo from deviantart. I would like to thank the author of this photo, or if you prefer, you can substitute similar image of your own.


Create a Futuristic Photo Illustration in Photoshop CS5


Remove the background using your favorite tools like Pen Tool (P), Magic Wand Tool (W), Magnetic Lasso (L) or even a simple Filter>Extract and insert it on a new layer in our main document.



Create a Futuristic Photo Illustration in Photoshop CS5


Create a new layer and select the Soft Mechanical brush of white color.


Create a Futuristic Photo Illustration in Photoshop CS5


Changing the Opacity value and brush’s diameter try to represent something like the stars on the canvas. The layer will be situated lower than the man’s layer.



Create a Futuristic Photo Illustration in Photoshop CS5


Make a copy of the last made layer and select the Free Transform (Ctrl+T) command to turn over the copy’s layer.


Create a Futuristic Photo Illustration in Photoshop CS5


On the next new layer we’ll insert several more small stars, as it was described above. The layer should be placed also lower than the man’s layer.


Create a Futuristic Photo Illustration in Photoshop CS5


Now we have to combine in a group all the stars’ layers (press CTRL button to select the necessary layers and hold on the left mouse’s button while dragging the selected layers on Create a new group icon from bottom part of the Layers panel). Set Opacity to 67% for this group.



Create a Futuristic Photo Illustration in Photoshop CS5


Make a copy of the represented group and rasterize the copy (select firstly the group’s copy in Layers panel and then press CTRL+E to Merge Down), choose the Free Transform (Ctrl+T) command to turn around the copy’s layer.


Create a Futuristic Photo Illustration in Photoshop CS5


Create a new layer and select the Soft Round brush of the color #C4C240 (set Opacity to 20% in Options bar).



Create a Futuristic Photo Illustration in Photoshop CS5


Use this brush to paint the next zone around the man. Place the layer under the man’s layer.


Create a Futuristic Photo Illustration in Photoshop CS5


Creating the next new layer, we have to apply here the Soft Round brush of the next colors #972AFF, #5FEDFF, #60FFBB (Opacity - 10%) and represent many sposts.



Create a Futuristic Photo Illustration in Photoshop CS5


Place this layer under the man’s layer.


Create a Futuristic Photo Illustration in Photoshop CS5


Create a new layer again and use on it the Paint Bucket Tool (G) to fill the layer with black color. Place this layer under the man’s layer too.


Create a Futuristic Photo Illustration in Photoshop CS5


Apply on the same layer the next filter: Filter>Noise>Add Noise.



Create a Futuristic Photo Illustration in Photoshop CS5


We’ve got the next result:


Create a Futuristic Photo Illustration in Photoshop CS5


Set Fill to 75% for this layer and change the Blending mode to Soft Light.



Create a Futuristic Photo Illustration in Photoshop CS5


Now we have to use the Ellipse Tool (U) to represent several small circles by turn. The circles’ layers should be situated under the man’s layer too. Draw the first circle.


Create a Futuristic Photo Illustration in Photoshop CS5


Set Fill to 0% and click on Add a layer style icon from bottom part of the Layers panel to select Stroke.



Create a Futuristic Photo Illustration in Photoshop CS5


We’ve got the next result:


Create a Futuristic Photo Illustration in Photoshop CS5


Make a copy of the last made layer and choose the Free Transform (Ctrl+T) command to enlarge the copy’s layer (click the Link icon in Options bar to maintain the aspect ratio).


Create a Futuristic Photo Illustration in Photoshop CS5


Set Fill to 0% and click on Add a layer style icon from bottom part of the Layers panel to select Stroke.



Create a Futuristic Photo Illustration in Photoshop CS5


We’ve got the next result:


Create a Futuristic Photo Illustration in Photoshop CS5


Continue copying the layers and enlarging after that the copied layers the same way described above.


Create a Futuristic Photo Illustration in Photoshop CS5


Set Fill to 0% and click on Add a layer style icon from bottom part of the Layers panel to select Stroke.



Create a Futuristic Photo Illustration in Photoshop CS5


We’ve got the next result:


Create a Futuristic Photo Illustration in Photoshop CS5


Make another copy:


Create a Futuristic Photo Illustration in Photoshop CS5


Set Fill to 0% and click on Add a layer style icon from bottom part of the Layers panel to select Stroke.



Create a Futuristic Photo Illustration in Photoshop CS5


We’ve got the next result:


Create a Futuristic Photo Illustration in Photoshop CS5


One more copy:


Create a Futuristic Photo Illustration in Photoshop CS5


Set Fill to 0% and click on Add a layer style icon from bottom part of the Layers panel to select Stroke.



Create a Futuristic Photo Illustration in Photoshop CS5


We’ve got the next result:


Create a Futuristic Photo Illustration in Photoshop CS5



Source : adobetutorialz.com