Beginners' Guide to Adobe Photoshop

[Rayleigh018]

hmmm i have no idea na sobrang tagal na pala netong thread mo sir! really usefull . . im just starting to learn few things from PS and ur doing really good.. sana meron pa tong kasunod...

 

[criticalgrave]

May nakakaalam ba sa inyo ng ganitong tutorials sa photoshop? pls paturo naman gusto ko kasi ng ganitong effects .. yung pic ng mahal mo gagawin mong ganito pls pls pls...

e2 sir...iba nga lang pero same lang ng concept...kaw na cguro po bahalang mag experiment..hehehe

Step 1: Crop The Image Around The Person's Face
Before we begin, I should mention that you'll probably want to work on a copy of your photo for this effect rather than on the original image, since the first thing we'll be doing is cropping some of it away. To save a copy of the image, go up to the File menu at the top of the screen and choose Save As. Give the document a different name, such as "text-portrait-effect" or whatever makes sense to you, and save it as a Photoshop .PSD file. This way, you can do whatever you like to the image and not worry about damaging the original.

Let's begin by cropping the image so we get a nice close-up view of the person's face. Photoshop's official tool for cropping images is the Crop Tool, but for simple crops like this, you'll often find that the Rectangular Marquee Tool is all you really need. I'm going to grab the Rectangular Marquee Tool from the top of the Tools panel (panels are called "palettes" in earlier versions of Photoshop). I could also press the letter M on my keyboard to select it with the shortcut:

Then, with the Rectangular Marquee Tool selected, I'll click and drag out a selection around the man's face, beginning in the top left and dragging towards the bottom right. If you need to reposition your selection as you're dragging it, hold down your spacebar, drag the selection to a new location with your mouse, then release your spacebar and continue dragging out the selection. I want my selection to be a perfect square, so I'll hold down my Shift key as I'm dragging, which will force the shape of the selection into a square. When you're done, you should have a selection that looks something like this:

With the selection in place, go up to the Image menu in the Menu Bar at the top of the screen and select the Crop command:

As soon as you select the Crop command, Photoshop crops away everything outside of the selection outline, leaving us with our close-up portrait:

Step 2: Add A New Blank Layer
If we look in our Layers panel (palette), we see that we currently have just one layer in our Photoshop document. This layer, named Background, is the layer that contains our image. We need to add a new blank layer above the Background layer, and we can do that by clicking on the New Layer icon at the bottom of the Layers panel:

Nothing will seem to have happened in the document window, but the Layers panel is now showing a new layer sitting above the Background layer. Photoshop automatically names the new layer "Layer 1". If we look in the layer's preview thumbnail to the left of the layer's name, we see a gray and white checkerboard pattern. This is how Photoshop represents transparency, and since the preview window is filled with nothing but this checkerboard pattern, we know the layer is currently blank (transparent):

Step 3: Fill The New Layer With Black
Next, we need to fill our new layer with black. Go up to the Edit menu at the top of the screen and select the Fill command:

This brings up Photoshop's Fill dialog box, giving us an easy way to fill a layer or a selection with either a solid color or a pattern. Since we no longer have a selection active on the layer, the entire layer will be filled with whatever color we choose. Select Black from the list to the right of the word Use in the Contents section at the top of the dialog box:

Click OK to exit out of the dialog box and Photoshop fills "Layer 1" with black. Since "Layer 1" is sitting above the Background layer, our image is now blocked from view in the document window by the fill color:

Step 4: Select The Type Tool
We're ready to add our text. We'll need Photoshop's Type Tool for that, so select it from the Tools panel, or press the letter T on your keyboard to quickly select it with the shortcut:

Photoshop gives us the option to add either point type or area type to our documents. Point type is your basic single line of text, usually either a heading or a short caption. Adding point type is as easy as clicking with the Type Tool at the point in the document where you want the line of text to appear and then adding your text. As long as the text you're adding is short enough that you're not worried about it extending out beyond the edge of the document, point type is usually the way to go.

Area type, on the other hand, is used when you have large amounts of text, say one or more paragraphs, and you need to make sure that all of the text stays within the boundaries of the document or within a certain area of the document. Since we need to fill our entire document with text, we'll need to use area type.

To add area type, we first need to define the boundaries for the text, and we do that by dragging out a text frame, which looks very similar to the same sort of basic selection we dragged out earlier with the Rectangular Marquee Tool. Once we have the text frame in place, any text we add will be confined within the frame.

With the Type Tool selected, click in the very top left corner of the document, then drag down to the very bottom right corner of the document so that the text frame covers the entire document area when you're done. As you drag, you'll see the outline of your text frame appearing. Just as when dragging out a selection with the Rectangular Marquee Tool, you can reposition the text frame as you're dragging it out if needed by holding down your spacebar, dragging the frame to a new location, then releasing your spacebar and continuing to drag. When you're done, release your mouse button and you should see your text frame surrounding the entire document, although it may be a little difficult to see in the small screenshot:

Step 5: Select Your Font Options In The Options Bar
Now that we have our text frame in place, we can add our text. Before we do though, we'll need to choose which font we want to use. Any time the Type Tool is selected, the Options Bar at the top of the screen will show various options for working with text in Photoshop, including options for choosing a font, font style, font size, text color, and so on. The exact fonts you have to choose from will depend on whichever ones you currently have installed on your computer. You'll probably need to experiment a few times with this since the font you choose, especially the font size, will have a large impact on the overall look of the effect. To preserve as much detail in the portrait as possible, you'll want to use a small font size. Of course, the smaller the font, the more text you'll need to add to fill up the entire document area.

I'm going to stick with something simple, like Arial Black, and I'll choose 12 pt for my font size to keep it small enough to maintain lots of detail in the portrait:

We'll need our text color to be white, so if yours is currently set to some other color, click on the color swatch in the Options Bar, which will bring up Photoshop's Color Picker, and choose white. Click OK when you're done to exit out of the Color Picker. The color swatch in the Options Bar should now be filled with white:

Step 6: Add Your Text To The Document
All we need to do now is to add the text. As I mentioned at the beginning of the tutorial, you can personalize the text portrait effect by writing something specific about the person in the photo, or you can simply copy and paste enough text from somewhere to fill up the document. Since I'm using a stock photo for this tutorial and I don't actually know the person in the image (although I'm sure he's a nice guy with lots of good stories to share), I'll simply add some standard "lorem ipsum" page filler text. When you're done, you're entire document should be filled with white text:

To accept the text and exit out of text editing mode, click on the small checkmark in the Options Bar:

Step 7: Add A Layer Mask To The Type Layer
To turn our Photoshop document full of text into our text portrait effect, we'll need to add a layer mask to the text layer. If we look in the Layers panel, we see that we now have three layers, with our text layer sitting above the other two layers. We know that it's a text layer because the layer's preview thumbnail shows a capital letter T in the center of it. To add a layer mask to the layer, click on the Layer Mask icon at the bottom of the Layers panel:

Nothing will happen yet in the document window, but a layer mask thumbnail will appear to the right of the layer's preview thumbnail:

Step 8: Copy The Original Photo On The Background Layer
We're now going to create our effect by copying and pasting the portrait photo directly into the layer mask we just added. Click on the Background layer in the Layers panel to select it. You'll see it become highlighted in blue, telling us that it's now the currently selected layer:

Press Ctrl+A (Win) / Command+A (Mac) to quickly select the entire layer. You'll see a selection outline appear around the edges of the document, indicating that the entire layer is now selected. Even though we can still see our white text against the solid black fill color in the document window, we're actually selecting the contents of the Background layer because that's the layer we currently have selected in the Layers panel. Then, press Ctrl+C (Win) / Command+C (Mac) to copy the contents of the layer (the portrait photo) temporarily into your computer's memory.

Step 9: Paste The Photo Directly Into The Layer Mask
Hold down your Alt (Win) / Option (Mac) key and click on the layer mask thumbnail on the text layer in the Layers panel:

By holding down Alt / Option as we click on the layer mask thumbnail, not only do we select the layer mask, we make it visible inside the document window, allowing us to paste our image directly into it. Since the mask is currently filled with white, your document window will appear filled with white. Press Ctrl+V (Win) / Command+V (Mac) to paste the portrait photo directly into the layer mask. Since layer masks deal only with black, white and shades of gray, the image will appear as a black and white image in the document window:

To exit out of the layer mask and switch our view back to normal in the document window, simply hold down Alt (Win) / Option (Mac) once again and click on the layer mask thumbnail, just as we did a moment ago. Notice that the portrait photo is now visible inside the layer mask thumbnail:

Press Ctrl+D (Win) / Command+D (Mac) to remove the selection outline from around the edges of the document window. We're now back to our normal view mode inside the document, and the text is now being masked by the photo that we pasted directly into the layer mask, creating our "text portrait" effect:

Step 10: Duplicate The Type Layer
If you're happy with the results at this point, you can skip these last couple of steps, but if you find that the effect looks a little too dark, make sure the text layer is selected in the Layers panel, then press Ctrl+J (Win) / Command+J (Mac) to quickly duplicate the layer. A copy of the text layer will appear above the original:

The image will now appear brighter:

Step 11: Adjust The Layer Opacity To Fine Tune The Brightness
If you find that the effect is still too dark, simply duplicate the text layer a second time. Or, if you find that it's now a bit too bright, you can fine tune the results by lowering the layer's opacity. You'll find the Opacity option at the top of the Layers panel. The lower you set the opacity of the top layer, the more you allow the layers below it to show through, which in this case will have the effect of darkening the image. I'm going to lower the opacity of my copied text layer down to around 65% just to darken the effect slightly:

And with that, we're done! Here, after adjusting the brightness with the Opacity option, is my final "text portrait" Photoshop effect:

yan sir.diskartehan mo nalang po cguro... hope this helps...enjoy..

 

[criticalgrave]

Share q din po mga sir... Hope this helps..

Step 1

First we are going to create a new document in Photoshop with 1000×1000 pixels with all the default settings. Fill the background layer with black color.

Step 2

Select Horizontal Type Tool and place any text (white color, caps on) filling all background as you can see below. Only use one text layer.

Rotate text 45 degrees CW by going to Edit > Transform > Rotate.

Step 3

Open photo and copy it to our canvas over text layer. Go to Edit > Free Transform and resize photo to something similar to what I have.

Select text from text layer (Ctrl+left click on text layer thumbnail in layers). Press Ctrl+Shift+I to invert selection. With selection active, select photo layer and press Delete to clear selection contents.

Press Ctrl+D to deactivate selection.

Apply Image > Adjustments > Brightness/Contrast.

Step 4

Create a new layer. Select Horizontal Tool (Arial, white color, 55px) and write something like “DJ Music!”. Create a second new layer and write “Only best hits!” (Arial, white color, 25px).

Rotate text 45 degrees CW by going to Edit > Transform > Rotate on both layers.

Apply Layer > Layer Style > Blending Options > Outer Glow to both layer to make it more readable.

Final Image

 

[pandasauure]

di ko pa alam yan tol eh kaya nga nagmamasid ako sayo now kung ano ang mga TUTS mo kaya salamat nmn nito sa pag gawa nyo ng THREAD para dagdag kaalaman nmn sa akin..

haha ganun ba sir keep supporting my thread sir salamat po talaga

Nice Tutorial sir... imba post mo sir haha,

@quote -- may nakita ata ako sir na ganang tutorial...nd ko lang sure kung saan...try qng hanapin ulit...


[share q na din inedit q..3p ko lang.. ala kasi magawa...hehe]

wow astig naman to sir haha

hmmm i have no idea na sobrang tagal na pala netong thread mo sir! really usefull . . im just starting to learn few things from PS and ur doing really good.. sana meron pa tong kasunod...

hahah salamat more than a month na din po itong thread ko hahha tambay ka lang po lagi dito

Share q din po mga sir... Hope this helps..

Step 1

First we are going to create a new document in Photoshop with 1000×1000 pixels with all the default settings. Fill the background layer with black color.

Step 2

Select Horizontal Type Tool and place any text (white color, caps on) filling all background as you can see below. Only use one text layer.

Rotate text 45 degrees CW by going to Edit > Transform > Rotate.

Step 3

Open photo and copy it to our canvas over text layer. Go to Edit > Free Transform and resize photo to something similar to what I have.

Select text from text layer (Ctrl+left click on text layer thumbnail in layers). Press Ctrl+Shift+I to invert selection. With selection active, select photo layer and press Delete to clear selection contents.

Press Ctrl+D to deactivate selection.

Apply Image > Adjustments > Brightness/Contrast.

Step 4

Create a new layer. Select Horizontal Tool (Arial, white color, 55px) and write something like “DJ Music!”. Create a second new layer and write “Only best hits!” (Arial, white color, 25px).

Rotate text 45 degrees CW by going to Edit > Transform > Rotate on both layers.

Apply Layer > Layer Style > Blending Options > Outer Glow to both layer to make it more readable.

Final Image

e2 sir...iba nga lang pero same lang ng concept...kaw na cguro po bahalang mag experiment..hehehe

Step 1: Crop The Image Around The Person's Face
Before we begin, I should mention that you'll probably want to work on a copy of your photo for this effect rather than on the original image, since the first thing we'll be doing is cropping some of it away. To save a copy of the image, go up to the File menu at the top of the screen and choose Save As. Give the document a different name, such as "text-portrait-effect" or whatever makes sense to you, and save it as a Photoshop .PSD file. This way, you can do whatever you like to the image and not worry about damaging the original.

Let's begin by cropping the image so we get a nice close-up view of the person's face. Photoshop's official tool for cropping images is the Crop Tool, but for simple crops like this, you'll often find that the Rectangular Marquee Tool is all you really need. I'm going to grab the Rectangular Marquee Tool from the top of the Tools panel (panels are called "palettes" in earlier versions of Photoshop). I could also press the letter M on my keyboard to select it with the shortcut:

Then, with the Rectangular Marquee Tool selected, I'll click and drag out a selection around the man's face, beginning in the top left and dragging towards the bottom right. If you need to reposition your selection as you're dragging it, hold down your spacebar, drag the selection to a new location with your mouse, then release your spacebar and continue dragging out the selection. I want my selection to be a perfect square, so I'll hold down my Shift key as I'm dragging, which will force the shape of the selection into a square. When you're done, you should have a selection that looks something like this:

With the selection in place, go up to the Image menu in the Menu Bar at the top of the screen and select the Crop command:

As soon as you select the Crop command, Photoshop crops away everything outside of the selection outline, leaving us with our close-up portrait:

Step 2: Add A New Blank Layer
If we look in our Layers panel (palette), we see that we currently have just one layer in our Photoshop document. This layer, named Background, is the layer that contains our image. We need to add a new blank layer above the Background layer, and we can do that by clicking on the New Layer icon at the bottom of the Layers panel:

Nothing will seem to have happened in the document window, but the Layers panel is now showing a new layer sitting above the Background layer. Photoshop automatically names the new layer "Layer 1". If we look in the layer's preview thumbnail to the left of the layer's name, we see a gray and white checkerboard pattern. This is how Photoshop represents transparency, and since the preview window is filled with nothing but this checkerboard pattern, we know the layer is currently blank (transparent):

Step 3: Fill The New Layer With Black
Next, we need to fill our new layer with black. Go up to the Edit menu at the top of the screen and select the Fill command:

This brings up Photoshop's Fill dialog box, giving us an easy way to fill a layer or a selection with either a solid color or a pattern. Since we no longer have a selection active on the layer, the entire layer will be filled with whatever color we choose. Select Black from the list to the right of the word Use in the Contents section at the top of the dialog box:

Click OK to exit out of the dialog box and Photoshop fills "Layer 1" with black. Since "Layer 1" is sitting above the Background layer, our image is now blocked from view in the document window by the fill color:

Step 4: Select The Type Tool
We're ready to add our text. We'll need Photoshop's Type Tool for that, so select it from the Tools panel, or press the letter T on your keyboard to quickly select it with the shortcut:

Photoshop gives us the option to add either point type or area type to our documents. Point type is your basic single line of text, usually either a heading or a short caption. Adding point type is as easy as clicking with the Type Tool at the point in the document where you want the line of text to appear and then adding your text. As long as the text you're adding is short enough that you're not worried about it extending out beyond the edge of the document, point type is usually the way to go.

Area type, on the other hand, is used when you have large amounts of text, say one or more paragraphs, and you need to make sure that all of the text stays within the boundaries of the document or within a certain area of the document. Since we need to fill our entire document with text, we'll need to use area type.

To add area type, we first need to define the boundaries for the text, and we do that by dragging out a text frame, which looks very similar to the same sort of basic selection we dragged out earlier with the Rectangular Marquee Tool. Once we have the text frame in place, any text we add will be confined within the frame.

With the Type Tool selected, click in the very top left corner of the document, then drag down to the very bottom right corner of the document so that the text frame covers the entire document area when you're done. As you drag, you'll see the outline of your text frame appearing. Just as when dragging out a selection with the Rectangular Marquee Tool, you can reposition the text frame as you're dragging it out if needed by holding down your spacebar, dragging the frame to a new location, then releasing your spacebar and continuing to drag. When you're done, release your mouse button and you should see your text frame surrounding the entire document, although it may be a little difficult to see in the small screenshot:

Step 5: Select Your Font Options In The Options Bar
Now that we have our text frame in place, we can add our text. Before we do though, we'll need to choose which font we want to use. Any time the Type Tool is selected, the Options Bar at the top of the screen will show various options for working with text in Photoshop, including options for choosing a font, font style, font size, text color, and so on. The exact fonts you have to choose from will depend on whichever ones you currently have installed on your computer. You'll probably need to experiment a few times with this since the font you choose, especially the font size, will have a large impact on the overall look of the effect. To preserve as much detail in the portrait as possible, you'll want to use a small font size. Of course, the smaller the font, the more text you'll need to add to fill up the entire document area.

I'm going to stick with something simple, like Arial Black, and I'll choose 12 pt for my font size to keep it small enough to maintain lots of detail in the portrait:

We'll need our text color to be white, so if yours is currently set to some other color, click on the color swatch in the Options Bar, which will bring up Photoshop's Color Picker, and choose white. Click OK when you're done to exit out of the Color Picker. The color swatch in the Options Bar should now be filled with white:

Step 6: Add Your Text To The Document
All we need to do now is to add the text. As I mentioned at the beginning of the tutorial, you can personalize the text portrait effect by writing something specific about the person in the photo, or you can simply copy and paste enough text from somewhere to fill up the document. Since I'm using a stock photo for this tutorial and I don't actually know the person in the image (although I'm sure he's a nice guy with lots of good stories to share), I'll simply add some standard "lorem ipsum" page filler text. When you're done, you're entire document should be filled with white text:

To accept the text and exit out of text editing mode, click on the small checkmark in the Options Bar:

Step 7: Add A Layer Mask To The Type Layer
To turn our Photoshop document full of text into our text portrait effect, we'll need to add a layer mask to the text layer. If we look in the Layers panel, we see that we now have three layers, with our text layer sitting above the other two layers. We know that it's a text layer because the layer's preview thumbnail shows a capital letter T in the center of it. To add a layer mask to the layer, click on the Layer Mask icon at the bottom of the Layers panel:

Nothing will happen yet in the document window, but a layer mask thumbnail will appear to the right of the layer's preview thumbnail:

Step 8: Copy The Original Photo On The Background Layer
We're now going to create our effect by copying and pasting the portrait photo directly into the layer mask we just added. Click on the Background layer in the Layers panel to select it. You'll see it become highlighted in blue, telling us that it's now the currently selected layer:

Press Ctrl+A (Win) / Command+A (Mac) to quickly select the entire layer. You'll see a selection outline appear around the edges of the document, indicating that the entire layer is now selected. Even though we can still see our white text against the solid black fill color in the document window, we're actually selecting the contents of the Background layer because that's the layer we currently have selected in the Layers panel. Then, press Ctrl+C (Win) / Command+C (Mac) to copy the contents of the layer (the portrait photo) temporarily into your computer's memory.

Step 9: Paste The Photo Directly Into The Layer Mask
Hold down your Alt (Win) / Option (Mac) key and click on the layer mask thumbnail on the text layer in the Layers panel:

By holding down Alt / Option as we click on the layer mask thumbnail, not only do we select the layer mask, we make it visible inside the document window, allowing us to paste our image directly into it. Since the mask is currently filled with white, your document window will appear filled with white. Press Ctrl+V (Win) / Command+V (Mac) to paste the portrait photo directly into the layer mask. Since layer masks deal only with black, white and shades of gray, the image will appear as a black and white image in the document window:

To exit out of the layer mask and switch our view back to normal in the document window, simply hold down Alt (Win) / Option (Mac) once again and click on the layer mask thumbnail, just as we did a moment ago. Notice that the portrait photo is now visible inside the layer mask thumbnail:

Press Ctrl+D (Win) / Command+D (Mac) to remove the selection outline from around the edges of the document window. We're now back to our normal view mode inside the document, and the text is now being masked by the photo that we pasted directly into the layer mask, creating our "text portrait" effect:

Step 10: Duplicate The Type Layer
If you're happy with the results at this point, you can skip these last couple of steps, but if you find that the effect looks a little too dark, make sure the text layer is selected in the Layers panel, then press Ctrl+J (Win) / Command+J (Mac) to quickly duplicate the layer. A copy of the text layer will appear above the original:

The image will now appear brighter:

Step 11: Adjust The Layer Opacity To Fine Tune The Brightness
If you find that the effect is still too dark, simply duplicate the text layer a second time. Or, if you find that it's now a bit too bright, you can fine tune the results by lowering the layer's opacity. You'll find the Opacity option at the top of the Layers panel. The lower you set the opacity of the top layer, the more you allow the layers below it to show through, which in this case will have the effect of darkening the image. I'm going to lower the opacity of my copied text layer down to around 65% just to darken the effect slightly:

And with that, we're done! Here, after adjusting the brightness with the Opacity option, is my final "text portrait" Photoshop effect:

yan sir.diskartehan mo nalang po cguro... hope this helps...enjoy..

wow astig same concept din kasuo magkaiba ata ng tutorials sir i want the exact kasi yung ganun na tutorials talaga kasi dyan sa tutorials mo sir eh kita parin yung contrast ng layer dun sa stock photo hindi katulad dun sa picture na pinakita ko na pure letters lang tlaga at nakahide yung layer ng stock photo kaya ang naiwan na lng ay yung mismong txt parang binakat ba.. haha but nice tutorial sir pag aaralan ko yung sayo haha

 

[IamNumber25]

dito Boss

 

[criticalgrave]

wow astig same concept din kasuo magkaiba ata ng tutorials sir i want the exact kasi yung ganun na tutorials talaga kasi dyan sa tutorials mo sir eh kita parin yung contrast ng layer dun sa stock photo hindi katulad dun sa picture na pinakita ko na pure letters lang tlaga at nakahide yung layer ng stock photo kaya ang naiwan na lng ay yung mismong txt parang binakat ba.. haha but nice tutorial sir pag aaralan ko yung sayo haha

tnx po hehehe, nd q kasi mahanap ung nakita q b4...post q nalang po if mahanap q po ung cnasabi mo hehe

 

[yawzie23]

master hanggang step 6 lang po ako..



diko na nasundan ang hirap na nang mga sumunud na steps tapos di

na masyado detailed yung tuts..


anyway gusto ko po ma master yan kaya tina try ko po hehe..

 

[pandasauure]

dito Boss

walang anuman sir

tnx po hehehe, nd q kasi mahanap ung nakita q b4...post q nalang po if mahanap q po ung cnasabi mo hehe

ok po sir asahan ko po yan

master hanggang step 6 lang po ako..



diko na nasundan ang hirap na nang mga sumunud na steps tapos di

na masyado detailed yung tuts..


anyway gusto ko po ma master yan kaya tina try ko po hehe..

ganyan talaga sa una sir kaya nga kelangan ng patience at tiyaga sa ganyan eh habang tumatagal mahahasa ka din sa ganyan sir ... lahat ay nag dadaan talag sa ganyan

 

[criticalgrave]

Happy valentines muna sa inyong lahat..ipag pabukas na muna ang pag eedit haha!

 

[pandasauure]

Happy valentines muna sa inyong lahat..ipag pabukas na muna ang pag eedit haha!

haha happy valentines din

 

[lian27]

happy valentines may bago na pala ulit thanks sa mga tutorial astig

 

[pandasauure]

happy valentines may bago na pala ulit thanks sa mga tutorial astig

haha same to you sir .. yup may bagong tutorials po ako tambay lang po kayo dito

 

[r1ch13]

nice otor..keep it up.

 

[pandasauure]

nice otor..keep it up.

salamat po sir

 

[pandasauure]

Ups lang

 

[criticalgrave]

waw...antahimik ata ng thread sir?? pagod ba nung nakaraang hearts day??

now lang naka pag online ulit, medyo busy kasi...


sir share q lang po e2ng tutorial... not much, sana magustuhan nyo..

Step 1

Create a new file (I used 500×800 in the original) and fill it with any color (I used purple, #6d005c).

Step 2

Take the burn tool and darken the marked area (image). Then switch to the dodge tool and lighten the marked areas (image). The shadows and highlights create something like a room.

Step 3

Your result should look like this.

Step 4

Now, take the image (sonyericsson presslibary) of the mobile phone and delete the whole white parts (cut it out) and place it in the center.

Step 5

Duplicate the layer of the mobile phone and color it completly white (ctrl+u – lightness +100). Use the gaussian blur to create a glow and set the layer on overlay. Don’t forget to put the layer below the mobile phone layer.

Step 6

Get Spazz24′s Splatter Brushes and install them. Create a new layer between the glow and the mobile phone and use some of the brushes to get a result like I got.

Step 7

Create a new layer below the mobile phone, draw a dark bold line with the paintbrush and place it below the phone (phones shadow). You can also create a dark rectangle, blur it and rotate it slightly.

Step 8

Duplicate the mobile phone, flip it vertical and place it like in the image.

Step 9

Use transform -> distort and pull the topleft corner upwards (image).

Step 10

Add a layer mask (hide all), press D and drag a vertikal line to hide the bottom part of the reflection. Your result should look like this (image).

Step 11

Create a new layer (above the others) and use the pen (only paths) to create a zigzag form around the phone. Start in the bottom left corner.

Step 12

Now start rounding the paths using the convert point tool (image).

Step 13

Select the paintbrush, choose a 2px brush (soft) and set white as foreground color. Now switch to the pen again. Rightclick on the path and choose stroke path (brush).

Step 14

Select the lasso tool and select every second line that covers the phone .. and delete it.

Step 15

Select the eraser (oppacity 20%) and delete the endings of the line softly.

Step 16

Duplicate the line layer and move it 5px upwards. Press ctrl+u and color the line (hue 290; saturation 100; lightness -50).Press ctrl+e to merge the layers. Duplicate the merged layer and use gaussian blur (about 1px) to create a glow.

Step 17
Create a new file with the sizes 30×30 and fill it black. Go to edit -> define brush preset and name it ‘square’ (or something). Switch to our phone picture, create a new layer and select the paintbrush. Open the brush palette and choose our new created square-brush.


Step 18

Create a new layer, set white as foreground color and click a few times on the 2 lines. If you like your result, set the layer on overlay.

Step 19

Make a new layer, select the ellipse tool and create by dragging a big ellipse. Switch to the eraser (oppacity 50% and a biiiig pencil) and erase the marked area (image). The gradient has to be very soft!

Step 20

Set the layer on soft light with an oppacity of ~40% and duplicate the layer. Now you can rotate and move the layer into a nice position.

LAST STEP

Don’t forget to add a cool text or something.
Questions ? Ask !

enjoy!

 

[criticalgrave]

share q lang po...


Firstly, start by finding a stock photo that you can add the texture to. For example, you can use this one or you can of course, go to Google Images and look up some picture you are interesting in. Also you need to find some appropriate stone texture. You can do it in the same way or feel free to use mine. Ok, now open up both of your photos in Photoshop, you can either keep it at its current size of resize it down a little bit if you want. After that bring the texture picture to the canvas with the mans face:

Flip this texture vertical with Edit > Transform > Flip Vertical and set opacity up to 50% for this layer:

Ok, then mess with the layer mode & opacity/fill. I tried Multiply with opacity of 80%. After that apply Edit > Transform > Warp to transform the texture as on picture below:

This texture will cover the face and we need one more for the neck covering. Copy the stone texture one more time to our canvas and then change layer mode to the Multiply for the new layer, also set opacity to 80% up. After that resize it a little bit and transform is as below using Edit > Transform > Warp like on picture below:

Now its time to compose two different texture layers in one and cut away the textures out the skin area. Hide the upper layer (click on the eye, which indicates layer visibility) and go to lower layer with the texture. Select the Eraser Tool and a soft round brush about 20 px and process the edges to get the picture like mine:

Go back to the hidden layer and make it visible again. Now process its edges in the same way.

Merge two of these layers and change layer mode to Multiply again. Then you might want to make more sharpen this layer. Get out the Sharpen Tool and a soft round brush about 400 px and make a little sharpen work:

Now I would like to clear eyes area from the texture. To do this use the Eraser Tool and a soft round brush about 10 px:

Time to make the texture three-dimensional. For this effect use Dodge Tool (Range: Highlights, Exposure: 35%) and Burn Tool (Range: Shadows, Exposure: 40%) to make some parts of the face more brightness and bring some shadows to the dark parts. Try to do it more realistic.

Now I would like to bring mans clothes some sharpness. Use the Sharpen Tool (Size: 90px, Mode: Normal, Strength: 50%) to get the picture similar to this:

Looks good! Isnt it? But we are not finished yet! Now time to add some color to the skin. Use Select > Load Selection to create selection as on picture below, after that create a new layer and fill the selected area with color of #331e01:

Remove the selection with Ctrl+D and change the layer mode for this layer to Color:

After creating a new color for the mans skin I think we should add some cold hue to his face. For this effect select the Rectangular Marquee Tool (Feather: 100 px) and make selection as on picture below:

Then use Image > Adjustments > Hue/Saturation with similar settings to these:

Remove selection with Ctrl+D. Now we have an effect like this one:

Looks great! To finish off the tutorial select the Eraser Tool and a soft round brush with size of 100 px and make clear the lower part of the face and neck, but a little bit!

the end...

enjoy mga sir...happy editing

 

[pandasauure]

Wow nice tutorial sir hahah MEDyo bc pa kasi ako for our group project sensya na matatgalan pa ata bago ako mag update kaya kaw muna bahal if ok lang sir

 

[vhinpotz]

Wow. Patambay dito mga sir.

 

[jclbub]

Gusto ko rin ito! Pa bookmark TS!