Showing posts with label graphics. Show all posts
Showing posts with label graphics. Show all posts

Monday, May 12, 2008

Photoshop Tutorial: Dreamy effect editing

source: http://pswish.com/tutorial-make-perfume-commercial/

tut2-0.jpg

This tutorial will teach you how to make your very own fragrance advertisements, and even though we chose to use Monica Beluci in this tutorial, you can turn any ordinary home-made picture into a fragrance advertisement billboard. So first of all you need a picture of a girl (or boy you are doing to use. Pictures of people against black or dark backgrounds are better, since we will try to create an illusion of nocturnal sky.
___________________________________________________________________



___________________________________________________________________

tut2-1.jpg

Once you opened a new canvas with the desired dimensions of your billboard, create a new layer and fill it with any dark blue or dark purple hue, we used #210a3a. Make sure that your ‘background’ colour is set to white, and go to Filter >> Render >> Clouds. This will will your upper layer with nice foggy fibber texture. Set the overlay settings of this clouds layer to “Linear Light” (see illustration).

Our aim is to create a nicely high contrasted photo with a pit of fog and glow effect as well as make the background look like a night sky. SO, what we are going to do it, duplicate the photo of the girl, drag it (in the layer’s panel) on top of other 2 layers, and set this layer’s settings to “Overlay”

tut2-2.jpg

____________________________________________________________________

tut2-3.jpg

Next step is filling the bottom of the billboard with grass. This is the easiest part although I noticed that many get stuck here. We will be using the brush tool, with a default Photoshop CS2 brush called “brush dune”. You should have it. Set your foreground color to green (any hue, up to you, as long as it gives a natural look) and fill the bottom of the screen more or less like you see on the picture. The default settings for this brush are set to “scattering” so you don’t need to do much work except for just not overdoing the grass over the photo.

Next step is adding twirly shape.

If you don’t have any nice and twirly shape, you can download mine in PSD format HERE.

So you will either select a custom shape tool and draw any twirly shape of your choice, or take mine from the PSD file, drag and drop it to your canvas. Place the shame Between the girl’s layer and the grass (see below). Next, duplicate the shape later, transform it horizontally (or vertically, depending on your shape) and place it more or less as you can see on the illustration below.

tut2-4.jpgtut2-5.jpg

__________________________________________________________________

tut2-6.jpg

The idea is, to make the shape look as it’s behind the lady, so rasterize the upper shape’s layer and choose the Eraser Tool. Carefully remove the shape from the girl’s body. I’d suggest to use an eraser tool with hard edge, however if you want to nicely blend it with the fog effect on the background and not to make the edge too sharp, I suggest to use a 20px soft edge eraser tool.

Next step is adding glow. Make sure the upper shape is selected in your layers panel and go to Layer >> Layer styles >> Outer Glow. Apply the following glow settings using the white color. Repeat the same action for the first shape as well.

___________________________________________________________________

tut2-7.jpg

And this is what you got so far… You may also apply a few chaotic white dots, using the bruh tool and add glow, this will imitate stars on the background. This is optional, if you feel your background is too dull.

___________________________________________________________________

tut2-8.jpg

___________________________________________________________________

tut2-9.jpg

If you are making a fragrance billboard you will need a perfume bottle, but again this could be replaced with any other product you are going to “sell”. We went with this fragrance bottle from sxc.hu. Most important is to crop it properly and then find a good location for it on your billboard.

Once you have located it, it could be a good idea to add a little transparency to the glass so that you’d see the grass from underneath it. We just duplicated the layer and set one of them on “overlay”, the other on “soft” so we can see the grass through yet the bottle does not become semi-visible.

tut2-10.jpg

Photoshop Tutorial: Glitter Graphic



First of all we need to set up the canvas dimension
Then to search for a picture we want to use to make the graphic glitter to look really cool
The secret of a glitter is that you have to make it transparent and for it you`ll use the selection marquee tool as shown below
Find a nice texture image from a clipart to put over the picture to create a cool effect
Now what you have to do is to duplicate twice the texture layer and change its position (rotate 180 degrees and 90 degrees CW)
This is how the layers look right now



Use Edit > Transform > Rotate 180 degrees





And use again Edit > Transform > Rotate 90 degrees CW



Now we need to combine them as in the pictures below:
Select the female by using ctrl+Click on the 'picture layer'



Then select Inverse (ctrl+shift+I)



Now select each texture layer (texture1, texture1 copy, texture1 copy 2) and press 'delete'.
You should have a picture like this:



Special request: How we selected the jeans and deleted the rest?

Make a new path,



Take the Pen Tool and select the region you want to leave from the picture:



Right-click on the Path layer and select Make Selection as shown below:



Now all you need to do is: Ctrl+Shift+I or Select > Inverse and then delete the unnecessary part
from each texture layers like this:

The next step is to find which blend mode is better to use it for the texture:


You have to choose always which part of the image you want to be animated.
I chose to animate her jeans and the rest of the body to be static.
The blend mode for this texture will be: Color Dodge


At the end you`ll get 3 frames:


Using Adobe ImageReady:


You`ll get:



Source: Click Here

Sunday, May 4, 2008

Photoshop Tutorial: Vexelling the hair

Having a hard time detailing the hair? though you're already comfortable in vectoring images...i suggest you try this tutorial...its vexelling the hair..


Source: http://ilaria84.deviantart.com/art/Vexelling-Hair-26449207

Photoshop Tutorial: Vexeling an image

This is another nice tutorial for vectoring an image...as you can see below that the author really made a very good detailing of his vector art.

Source: http://www.mickm.com/index.php?section=tutorials&id=99

Vectorize People

This is a hard tutorial that may take some time, but it really worth it! This will teach you how to get those real vectorised people! And not by using filters...

Vectorize People

This is an editted tutorial on how to vectorise people...
For this tutorial, you need to understand the pen-tool!

  • Step 1 This will be a large tutorial, so make sure you got plenty of time on your schedule!
    First of all, you need to find a suitable picture of a random person;

    Vectorise People

  • Step 2 When you have the right photo, duplicate it and go to Image>Adjustments>Posterize and choose the amount of levels for the vector.
    The higher the amount, the more detailed your vector will be and the more it will look like a vexel.

    Vectorise People

  • Step 3 Use the Eyedropper to pick a color from the skin and use that color to fill the selection of the traced skin.
    You must trace the skin with the pen-tool!

    Vectorise People

  • Step 4 With that same pen-tool, trace the hair and place it BEHIND the skin;

    Vectorise People

  • Step 5 Because of the fact we would lose some hair, we draw the hair that is ON the face on a new layer on top of the face!

    Vectorise People

  • Step 6 Draw the bases of the clothes. Remember that everything has to be in one color. The shading will come next...

    Vectorise People

  • Step 7 Then WHILE LOOKING AT THE POSTERISED image, switch between the posterised photo and the original to (each time) select a color, from the level you are going to trace.

    Vectorise People

    Step 8 DO NOT TAKE A COLOR FROM THE POSTERISED LAYER. IT DOES NOT LOOK GOOD AND IT DOESN'T HAVE THE RIGHT COLORS!

  • Step 8 Continue along the path and trace all levels and arrange them from light at the bottom, to dark at the top.
    When you are done with that, GROUP them with the skin-layer, so that any edges outside the skin won't be seen!

    Vectorise People

  • Step 9 Because we have 2 layers of hair, make a new layer on top of the highest layer and DO NOT GROUP IT! Then trace the light hairs.
    If you have dark hair like my photo, it will be really easy. If you take blonde hair or lighter, you will have to vectorise more.

    Vectorise People

  • Step 10 Do the same with the clothing.
    If you look at the origianl and my version, you see I left out the necklace and the silly buttons. That is because it's my vector and I can choose what I keep and leave out. You can do that too.
    If the person in the photo is a bit too fat or has something on that you don't like, just change it!

    Vectorise People

  • Step 11 Finish up all fine details...

    Vectorise People

  • Step 12 Now for the eyes. Create with black the shape of the eye on a new layer and on a layer above that, the lashes. When you're done, merge the 2 together;

    Vectorise People

  • Step 13 Then inside the blackness, add a white eye-shape with in there a few circles to represent the eye.

    Vectorise People

  • Step 14 On to the hardest part - the lips! First of all, create the shape of the lips and fill it with the base-color;

    Vectorise People

  • Step 15 Draw the shade and shine of the lips and the inside of the mouth (IF NEEDED).
    I also drew the shade of the teeth already, so the girl doesn't look weird ;)

    Vectorise People

  • Step 16 Then finally add the teeth and the shine on them.
    Remember to group all the shadows and shines with the base-colors. That way, you will keep your .psd in good shape and the vector will look better!

    Vectorise People

  • Step 8 And after some hours of work, you are finally done! I really hope your result looks nice ;)

    Vectorise People