Tutorial Photoshop
Tutorial Photoshop
1. Begin with a 500 x 500 px file (recommendation). Type in what you want 3D, pick the
colour of your choice and Rasterize the layer (Right-Click on the text layer and
select Rasterize Layer).
2. Next to give movement to the text, hold Ctrl and hit T to Free Transform the object.
While holding Ctrl, Alt, and Shift, drag one of the bottom two corners outwards, enough
to seem a bit "zoomy".
3. Next, hold Alt and hit the Up arrow on your keyboard. Keep doing it until you get the
depth wished. After doing so, hide the top and the background layer and select any
one of the bottom layers (below the top layer), hold Shift + Ctrl and hit E to merge
every layer together except for the top and background layer.
4. Finally, un-hide the top and the background layer. Double click on the layer above
the background layer to customize its blending options. Change the colour to the
one that suits you best. Click OK.
Tattoo efect
1. To begin with, start off by opening the image you want to edit. In this case, Beyonce
Knowels' shoulder =P.
2. Next, import the image you want to tattoo. In this case, the tiger. *Note The tiger was
originally coloured before the import of it. If you wish to make it have a base colour
{preferebly dark green or black}, select the layer, hit Ctrl + U or go to Image >
Adjustments > Hue/Saturation. In the panel, make sure Colorize is 'checked'
before you go ahead and play around with the settings.
3. Next, place the tattoo layer where ever you want it to appear on the layer thats
being tattooed. Make sure you're happy with the positioning, because the next step of
this tutorial will be masking...basically, if you mask once and you wish to move the
layer, the selected layer is going to take the layer under it's fragments.With the tattoo
layer {the tiger in this case}already being selected, head on to Layer > Add Layer
Mask > Reveal All.
4. Next, go to Image > Apply Image. Play around with the settings, just make
sure that...
Layer: {layer of the object being tattooed}
Channel: RGB
Blending: Multiply
Opacity: 100%
And you're done. Play around with the settings as much as you wish.
3D Cubes
1. Make a new RGB image. I used the dimensions of 260 x 260 in the example.
2.To start making cubes, click on the Cube Tool. Make a cube depending on the size of
your image.
3. Once done, click ok. And you will have something like the image on the left.
4.Now for the coloring part, Click on Image > Adjust > Hue and Saturation.
Make sure the colorize box is checked. Choose the color you want.
5. Customize it if you wish, and enjoy. Colour adjustments and shadows go a far way
88x31 Botão
1. Make a new RGB image. Use the dimensions of 88 x 31 (pixels) whenever making a link
button. Most of the sites wont accept your logo if the size is not 88 x 31. For good results, remove
the background layer (which will cause the button to have a transparent background).
Use the the rectangle tool to make a rectangle on a new layer. Make sure you pick the color of
your choice.
2. Double-click on the layer and head on to Bevel and Emboss, and use these settings:
Depth : 211
Size : 2
Soften : 0
3. Without finalizing the changes, head on to Stroke and use these settings:
Size : 1
Position : Outside
4. Don't "stuff" the whole image, for it doesnt look really good for a button. Add text to it so that
other people know that it's your button. :)
Código de Barras
1. Start creating a new RGB image. I used the dimensions of 288x288 in the example. Click on
the single row marquee tool. Make a one pixel line (which is going to be your main bar code
line). Fill the whole selection with the color of your choice.
This will give you something that looks like the image on the left
3. If you wish to add text, use the Rectangular Marquee Tool and cut a little bit of the area where
you want the text on the barcode. Add the text.
How To Wrap Text Around An Object
If you want to take some text and wrap it around an object there are some complicated
procedures using the Shear filter that will yield very precise results, but for most uses the
following quick and easy technique will produce the desired effect.
To begin open your image (find a free copy of the coffee cup below) and create a new layer by
going Layer> New> Layer.
On this layer you will place the type by choosing a font and typing the words of the phrase
you want to wrap. I've found that handwriting fonts work the best.
To select a font in Photoshop go Window> Character. In the palette you'll see a list of your installed fonts. Make sure to tweak the settings
so that the spacing and size and color are all appropriate for the effect you want to achieve.
Make sure that your text layer is active and then go Layer> Type> Warp Text.
Now you need to choose a transform option from the Style popup menu. Choose
Arch and then click Horizontal.
The Arch Style's default is to bend from left to top to right, but we want to bend
from left to bottom to right, so we need to move the Bend Slider toward the left
until we reach a negative number.
found -22 to be very close to the shape of the curve of the cup's lip, so that worked for me. Readjust the slider until you feel you've got it just
right. And that's it! Click OK.
To create water drops you can use PS's very effective layer blending options. Pick
the black color and with a sharp edged brush drop several simple circle shaped
dots of different sizes on a layer.
Use the key combos "[" and "]" for changing the size of the brush dynamically.
Select the Filter/Distort/Wave menu and use similar values for the filter as in the
illustration below to distort the little black dots to make their shape more natural.
There are many ways to create Aqua like buttons. The tutorial below is a simple example that you can build on to create your own translucent
objects.
Our sample document is 400x250 pixels. Start by choosing a bright color and create the
oval shape on a new layer.
Now, repeat the selection of the oval layer and contract the selection. Select the Oval
selection tool and press Alt while drawing another oval selection over the existing one
that will cut off most of the selection, but leave a slice. This will be our primary
reflection. Fill up this selection with the white background color on a new layer (Apple-
Alt-Shift-N & Apple-Backspace). Make this layer opacity 80% (Just press 8).
Now, repeat the selection of the oval layer and contract the selection. Select the Oval
selection tool and press Alt while drawing another oval selection over the existing one
that will cut off most of the selection, but leave a slice. This will be our primary
reflection. Fill up this selection with the white background color on a new layer (Apple-
Alt-Shift-N & Apple-Backspace). Make this layer opacity 80% (Just press 8).
Now make a duplicate of your layer (Apple-J). Rotate your new layer by 180 degrees by
selecting Edit/Transform/Rotate 180 and place it symmetrically on the bottom of the
button.
Blur this new layer (Filter/Blur/Gaussian blur 5 pixels) to get a diffused look, which is
supposed to be a reflection of a reflection on the top. Make it only 50% opacity (Press 5).
Now Apple-click the oval layer to make a selection of it again and go inside the selection
with your cursor to move the selection down. Apply a feather (Apple-Alt-D) of just 5
Now create a layer between the background layer and the oval's layer and fill the
selection with the foreground color (Alt-Backspace). Set this new shadow layer to 60%
opacity (Press 6). The shadow is colored since our object is translucent and the light goes
through it, so the shadow will also have a color cast.
As a final step you can add the text or graphics on the top of your button with a slight
shadow and you are done.
Girly text with flashy stars
1. Make a new image (File > New or Ctrl+N) any size you want.
2. Set your foreground color to #FFAAF8.
3. Edit > Fill and click OK:
4. Create a new layer (Layer > New > Layer or Shift+Ctrl+N). Now change your foreground
color to #FF1FED, then select the Horizontal Type Tool and select the font Arial Black at size
60pt. Type some text (below is an image of the text i typed):
5. Layer > Layer Style > Blending Options or right click on the layer and select Blending
Options. (follow steps a, b, c, d, e, f, and g which are highlighted in red):
a} Add a Drop Shadow (make sure to uncheck Use Global Light before setting the Angle):
b} Add an Inner Shadow (make sure to uncheck Use Global Light before setting the Angle):
d} Add Bevel and Emboss (make sure to uncheck Use Global Light before setting the Angle):
e} Add Satin:
g} Add a Stroke:
7. Now were going to create some nice shiny star like figures for the text. Create a new layer
(Layer > New > Layer or Shift+Ctrl+N).
8. Set your foreground color to #FFFFFF.
9. Select the Brush Tool. Then in the Options window, drop down the brush settings (brush
settings shown in the image below):
Girly text with flashy stars
10. Click on the blue circle with the arrow in it. A drop down menu will apear, select Assorted
Brushes:
11. Now a new set of brushes should have appeared, select Crosshatch 1 as your brush
(highlighted in red below):
12. Now before anything else. Go to Layer > Layer Style > Blending Options or right click on
the layer and select Blending Options. (follow steps a & b which are highlighted in red):
13. Now just click on the spots where you want your shiny star figures. Below is an image of my final result:
Metallic Text
1. Make a new image (File > New or Ctrl+N) or open up an image or file that you want to add
the text to (File > Open or Ctrl+O).
2. Create a new layer (Layer > New > Layer or Shift+Ctrl+N) and type some text in with the
Horizontal Type Tool. I have typed Mystic-Phoenix with the font called Klingon Blade:
. Right click on the text layer that was just made and choose Blending Options. (follow steps a,
b, c, and d which are highlighted in red)
a} Add an Inner Shadow (Be sure you uncheck the Use Global Light box before setting the -90
degrees):
c} Add Bevel and Emboss (Be sure to uncheck the Use Global Light box before applying the
Angle or Altitude):
d} Add a Stroke:
Metallic Text
4. Create a new layer. Ctrl+Click the text layer to get it's selection. Select your Rectangular
Marquee Tool and by holding Alt on your keyboard, select the bottom half of the selection to
remove it from the selection (Now you should only have the top half selected):
5. Fill in this selection with the color white. Then set the layers opacity to 50%.
6. With the same selection still selected, create a new layer and set your foreground color to
white.
7. Select your Gradient Tool and in the Options window select the Foreground to Transparent
gradient:
8. Now click at the top of the selection and while holding Shift on your keyboard drag to the
bottom of the selection. Now your image should look similar to the one below:
9. Click Ctrl+E on your keyboard to merge this layer with the layer below it.
10. Select the Smudge Tool and smudge the bottom of the white layer thing we just created. Now it
should be blended in with the text layer (below is an image of my result):
11. Now you have to get rid of the smudginess that went outside of the letter border lines. Ctrl+Click the text layer. Then go to Select > Inverse or
press Shift+Ctrl+I on your keyboard. Now hit the Delete button on your keboard. The reason we did this was because if you change the
background color to something other than white, you will see the white smudge on the outside of the letters.
12. Now you have your metallic looking text (below is an image of my final result):
3D Text
1. Create a new image (Filer > New or Ctrl+N) with any size you prefer. I chose 500x300.
2 . C re a t e a n ew l a ye r ( L a ye r > N ew > L a ye r o r S h i f t + C t r l + N ) .
3. Select the Horizontal Type Tool and type some text with a light color. I used the color #00B4FF
and font called "Anaconda Expanded":
4. Lets Rasterize the layer (Layer > Rasterize > Layer or right click on the layer and click
Rasterize Layer).
5. Edit > Free Transform or Ctrl+T. While holding Shift+Ctrl+Alt, click either the bottom left
corner box or bottom right corner box and drag outward, stretching the bottm of the text:
6. Duplicate the layer (Layer > Duplicate Layer or Ctrl+J). Then drag that layer under the 1st
layer:
7. Create a Layer Set (Layer > New > Layer Set). Or click the folder icon in the Layers
Palette:
10. Now select the Move Tool by selecting it on the Tool Box Window or by pressing V on
your keyboard.
11. While holding onto the Shift button on your keyboard, press the Down button twice.
Your result should look similar to the image below:
12. Now while holding Alt on your keyboard, press the Up button on your keyboard 19
times. Now you should have a total of 20 layers in your set and your result should look
similar to the image below:
12. Now while holding Alt on your keyboard, press the Up button on your keyboard 19
times. Now you should have a total of 20 layers in your set and your result should look
similar to the image below:
14. Click on the 1st layer we did which is on top of the Layer Set.
15. Layer > Layer Style > Gradient Overlay (you may choose whatever color
combination you prefer):
16. Now link the Layer Set with this layer by clicking on the Link Box (we do this because
if you plan to move your 3d text, the 3d effect goes with the text):
17. Your final result should look similar to the image below:
Simple Extraction Technique
I used to use that Lasso tool in photoshop to extract /tuts/PS/basics/images. That magic wand one...geeze. It just didn't work for
more complex pictures. So First of all choose an image you want. You can use the image above. By the way that is a picture of the sexy, and
exquisite Andriana Lima from Victoia Secret. Once you open up the image go to Filter > Extract or hold on your keyboard Alt + Ctrl + X
This will bring up the extract pallet. And it should look like the image below. And for my image I used the settings of:
Brush Size: 12
Highlight: Green
Fill: Blue
Use the highlight tool on the left side. Then highlight around the image. It's okay if you hightlight some part of her body but if you
could get it straight along the curves and line then that would be much better. Once you are done doing that, it should look like below.
Simple Extraction Technique
Choose the fill (bucket) tool and fill in her body. What's ever inside the highlight area will be filled. If it leaks outside then
that means that there is gap somewhere. Find it and fix it.
Click "OK". Now don't be surprised if it isn't what you expect it to be. The background of the image should now be removed. Use the "Eraser" tool
and erase any remaining unwanted space. Change the "flow" of the erase tool to something like 20% or something instead of 100%. This makes it
so that it doesn't erase everything completely itsteads make it kinda blend. Fix up your image and do whatever you want with it. Here's
my final result.
Create Television Scanlines
This shouldn't be the first tutorial you should learn when trying to use Adobe Photoshop. But it will have to do for now. First choose an image,
or use the the image above. Then go to File > New. A dialog box should appear like the image below Use the settings below on the dialog
box...
Height: 2
Width: 1
Content: Transparent
Next zoom into the picture at 1600%. Then choose the pen tool. And fill in one pixel (one square) of the canvas with it. Change the size of the pen
tool to 1 px to make it easier on yourself. It should look like the image below? After that go to Edit > Define Pattern and a dialog box should
appear that gives you the option of naming the pattern. Name it "ScanLine" or anything you like. Then click "OK" and that will save the pattern into
your hard drive. What you just did was created a pattern which we will use to create the scan line in a picture.
Create Television Scanlines
Next go to File > Open and open up an image of your choice or the flower image above. Once you open it, go to Layer > New Fill Layer >
Pattern and then a dialog box should appear. Press "OK". Then another dialog box should appear that looks like the image below. Click on the
"Arrow" and choose the pattern that you just created. Click "OK"
As you can see, you just created scan lines. But it looks dope doesn't it?. Fix the Opacity on the "Layer" pallet and change it to something like 25%
and your final image should look something like below. Which looks much better right? Tweak around with the image some more and you can
probably create some cooler stuff.
You don't have to use the scanline that I showed you above. That was just an example. Making your own
patterns will make different results. Below are a few examples that you can use. Each will make the pictures
look different.
Blending Technique
This is probably the easiest tutorial in the world. It only takes a few steps to achieve but it gets you profressional results. First get two
/tuts/PS/basics/images that you want to blend together. I chose an image of Japan and Goku from Dragon BallZ (The Greatest Action Cartoon!). You
can use any picture you want, because it's very easy to understand. If you want these two pictures of Japan and Goku, then go ahead
Put both of those pictures on one canvas. Because when you open the /tuts/PS/basics/images up,
it is in two different canvases (Photoshop language, I guess). To put them together all you have to
do is drag the picture of Goku into the Japan picture. Make sure that you choose the "Move" tool
Make a Selection where you want to blend the two pictures. It should look like the image below.
Blending Technique
And voila the image is now blended. Simple right? Play around with your image and do whatever you want. I wanted goku in the middle of Japan, so
I moved him there and just blended around him. And I got the result below. And now you know.
Simple Extraction Technique
This tutorial will show how to cut an image out of its background. "But Rigor," You whine. "We already know about Photoshop’s Extract option
and tools like Magic Wand. Why the fudge are you wasting our time with this?" It’s simple, ding dong. *drags your face to the title* This is one
of the easier ways of doing a PRECISE cutting job on more complicated images if you’re too lazy to trace accurately with Extract or take out t
hings by accident with tools like Magic Wand.
Open up an image and a background you’d like to put it on. I’ll use a random Sephiroth
picture and some background I made. Damn look at that hair. When you’re through with
this cutting tutorial not even hair like that can stop you because Rigor is good at
teaching people how to cheat.
Make a new layer and put it after both of your image layers. Change the
Foreground color to White (#FFFFFF). Now on the new layer, use a regular Brush,
sizes 3-13, and color onto it. The true color will show up through the two previous
layers. Try to stay inside the lines of your image. For better results, use the
Polygonal Lasso Tool for tight areas so you don’t go over certain lines.
After you’re done making the original colors appear, clean up anything outside the
outline of the image. While still being on the White layer, Hold down Ctrl and click
on it in the Layers Panel. Inverse (Shift + Ctrl + I) the selection and then move
onto on the First Layer. Now cut the selection. (Ctrl + X). The first image is
normal, then the 2nd is inversed.
Repeat the step on the Second Layer. This step is optional. For any small image affects, apply it only to the First Layer.
The Blending Modes
This tutorial will teach you about the blending modes in photoshop and the effects it has on photos and what each blend means. In this
tutorial I will be using a picture of some clouds and truck.
Next I took the two images and place the cloud layer on top of the truck layer, then I simply
cut around the cloud using the pen tool or any other method you can so that the cloud will
appear as if it's a painting on the side of the truck.
Next I change the mode to "Multiply". This mode adds darkness from the layer beneath to
the layer on top.
Next I change the mode to "Screen" which is I think the opposite of Muliply. This adds
brightness of the top layer to the bottom layer, making the image brighter than both of the
two layers.
Next I change the mode to "Overlay" which is like Multiply and screen except more like the
middle or in between each two blending modes. It's more subtile and lets more of the struck
show through.
And this image I change to Darken mode. What this does is it does the opposite of lighten. It
shows the darkess part of the top layer.
And there you have it a simple tutorial on some of the blending modes in photoshop. Tip to change from mode to mode quicker you can hold
"Shift+ Alt" and then type the first letter of the mode's name. a simple shortcut.
Selective Coloring
This tutorial will show you how to selectively color parts of an image. You will learn how to do it two ways, via the pen tool, and via the brush
tool. Depending on which type of image you are working on, one of those methods should get things done faster.
First open up the image of your choice. For my example, I am using a sexy picture of Mariah
Carey. In this picture we will color the hair and change her Lingerie color. It's best to work
with large images, then shrink it down to the size that you want.
We are going to teach you by the brush tool first, and coloring the hair. Because with the
brush tool, it's much easier to color her hair, because the hair is all wild and not straight like
her lingerie. Reset your colors by
pressing "D". Next switch to quick
mask mode. Press "Q" on your
keyboard. Then grab the brush tool,
and choose a size that is right for the
image that you are doing. For my
choice I choose 10 pixels and then I
adjusted the size as I went around
the hair. Next start brushing hair
with the brush.
Once you are done, get out of quick brush mode. Then choose the selection tool, and right
click the image and choose "Select Inverse".
Sometimes when you see the result, there are some stuff missing that you forgot to highlight right? Or you didn't do a good job. You can
easily fix this by reversing the steps again. So you would "Select Inverse" again, and then enter Quick Mask Mode. And brush in the missing
part or remove the missing part. Tip: The color black adds, while the color white removes.
Next Copy the selection, and paste it on a new layer. Press "Ctrl + C" then press "Ctrl + V"...to paste it automatically into a new layer.
Selective Coloring
Next, press CTRL + U on your keyboard to bring up the "Hue/Saturation" box, or go to "Layer > New
Adjustment Layer > Hue/Saturation". Next check the colorize box, then move the bar arounds to get the
right color. Tip: If you move the opacity bar around, you can get some good results, so it
doesn't appear as if the color is too strong.
You may notice that some of the coloring has effected other areas like the skin.. it's alright. That is easily
fixable. Because we colorize the copied layered we can just take the erase tool, and start erasing areas we
don't want. Fix the settings of the erase tool, and erase away. And to your right is what I got.
Page two will talk about, how to do her clothing, with method 2. Method 2, uses the pen tool. The pen tool is
recommended for when you are working with curves and less chao.
So this time we are using the pen tool to selectively color her lingerie. On page 1
we use the brush tool. But this time we are going to use, the pen tool. Instead of
having to brush everything in, if you just go around the lingerie with the pen
tool, it would be easier and much faster than having to brush it in.
Some area of the the clothing is covered up by parts of Mariah's hand. Don't make one continue
path...instead just close up the path, if Mariah's hand is covering in. This create a new path. I did so, like
the imageo on the right shows. I highlighted where, some parts of the lingerie are covered up by
something of Mariah. So that means that you should create a different path for that section with the pen tool.
Once you finish all the paths, or created all the paths with the pen tool, right click the layer and choose "Make Selection". Then a box appears,
that has a few options. Use the image below as your setting. After that hit okay. And then you should have your selection.
Next follow the same steps as what we did on page 1 by pressing ctrl + u, and coloring in our image. And now you are done. Below is the
image I got.
Blending Technique
But remember to select the top layer. :) Click the gradient tool
Blending Technique
Now on the top layer (ie: the coloured flower) click anywhere in the flower then drag to your left and let go
See how it's nicely blended? Now add brushes and other effects. This is
my finishing result!
Color Boost
See how it's nicely blended? Now add brushes and other effects. This is my finishing result!
Next duplicate the layer. Then change the Blend mode to screen. What
you should get is something like below.