17
Jan
10

Creating Trees in Illustrator

Green is in vogue and clients everywhere want natural imagery in their promotional material. Ben the Illustrator shows you how to create a fresh-looking tree

As a child, no doubt a tree was one of the first things you drew, with a brown rectangular block for the trunk and a big green scribble for the leaves. But with companies increasingly keen to shout about their ecological credentials, now’s a good time to learn how to create a tree with a computer instead of crayons.

In this tutorial you’ll start by taking a photograph of a tree, then trace its natural form and add your own creative touches to produce an eye-catching, contemporary illustration. You’ll use a range of Illustrator tools, including the freehand drawing tools, the shape tools and the Layers palette.

Of course, the methods I’ll show you can be adapted for any project you have to hand. You can create your own atmosphere using a different colour palette, a different type of tree and different surroundings. Your final illustration can be bright and colourful, dark and magical, psychedelic and surreal, or wholly realistic – it’s entirely your choice.

Click to download illustrator tutorial

Digital Ink Studio©recommended article by: http://www.computerarts.co.uk/tutorials/2d__and__photoshop/creating_trees_in_illustrator

17
Jan
10

Create Your Own Realistic View Stamp

Create Your Own Realistic View Stamp 01

 

In this lesson I will show you how to create your own realistic stamp, which you may use further in your design. 

First of all, we need to create a new document with the size of canvas 500×300 pixels, white background. Then we need to find some texture for the paper. We can do this by searching via Google Images or by taken my texture. Open it and locate at the canvas as you may see on the picture bellow: 

Create Your Own Realistic View Stamp 01 

Go to the next step, I mean start creating stamp ingenuously. Remember, firstly we need to make stamp in scale 20% larger than original size, further we shall decrease it to get more realistic lay out. Firstly, create a frame and stamp within it. Use the Ellipse Tool and create round shape with any colour. It does not meter which colour you will use. 

Create Your Own Realistic View Stamp 02 

Set up fill opacity to 0% and apply the Stroke  layer style to this layer: 

Create Your Own Realistic View Stamp 03 

Get this one result: 

Create Your Own Realistic View Stamp 04 

After this we duplicate the layer and make it a little smaller, on this time press and hold Alt+Shift to get the proportional decreasing. 

Create Your Own Realistic View Stamp 05 

In next stage you need to type text across the circle line. Use the Horizontal Type Tool to type some text, move cursor perpendicularly to circle’s line and when it will take a look like on picture below start to type the text. 

Create Your Own Realistic View Stamp 06 

Type the text ‘Company Name Goes Here.’ The font we are using is Arial – standard free font from the Windows’ font library. 

Create Your Own Realistic View Stamp 07 

After this step make the circle smaller again by pressing and holding Alt+Shift

Create Your Own Realistic View Stamp 08 

Now, I suppose we need to fill the free space between 2 circles. Use the Custom Shape Tool and choose the form that you may see bellow from the standard Photoshop palette: 

Create Your Own Realistic View Stamp 09 

Drawing the star on our canvas: 

Create Your Own Realistic View Stamp 10 

Copy this star two more times with Ctrl+J and move it a little bit left to get the result as bellow: 

Create Your Own Realistic View Stamp 11 

Finally, we need to add text within the little circle. Use the Horizontal Type Tool and type some text within it. I used the Arial Narrow font. 

Create Your Own Realistic View Stamp 12 

After that rotate this text using Ctrl+T for transformation: 

Create Your Own Realistic View Stamp 13 

We have finished design for our stamp. Now, we need to make it stylish to give it realistic view. Merge all layers except background in one and apply the Gradient Overlay layer style to received layer. 

Create Your Own Realistic View Stamp 14 

Create Your Own Realistic View Stamp 15 

Then create a new layer over and merge it with the previous one to get all effects in one layer. Then use the Eraser Tool (Mode: Pencil, Brush size: 1 px) and erase chaotically as you can see at the picture bellow: 

Create Your Own Realistic View Stamp 16 

After this set up the mode layer to Dissolve, then create a new layer over and merge it with the previous one. 

Create Your Own Realistic View Stamp 17 

At this point we’re decreasing the stamp view on 20% and set up the layer mode to Multiply

Create Your Own Realistic View Stamp 18 

Our stamp is almost done! The last one thing we need to do a little spread the stamp in some places. Use the Smudge Tool (Mode: Normal, Strength: 50%) to make smearing as you can see at the picture bellow: 

Create Your Own Realistic View Stamp 19 

Now, our lesson is over! Hope that you had not troubles with it performing! 

Create Your Own Realistic View Stamp 20 

Published May 22nd, 2009 under Graphic Design.

17
Jan
10

How to Make Realistic Dew

realistic_dew_01

You can find a lot of tutorials how to make dew on the leaves. But I would like to invite your attention to another one unique simple tutorial how to achieve the desired effect in just a few steps.

To start this tutorial find some likely picture of the leaf where we will put the dew. In my opinion, a suitable image will be this one. Feel free to use it or find another one which you want on Google Images. Open chosen picture and create a new layer on it. Select the Brush Tool (Brush: 8 px, Sharp edges) and draw black spots on the leaves.

How to Make Realistic Dew 01

After that apply Filter > Liquify with similar settings to these:

How to Make Realistic Dew 02

Our result will be next. Water drops took a more realistic view.

How to Make Realistic Dew 03

Now we set the layer to blending mode Screen and apply following Blending Options for this layer:
Drop Shadow
Inner Shadow
Inner Glow
Bevel and Emboss

How to Make Realistic Dew 04

How to Make Realistic Dew 05

How to Make Realistic Dew 06

How to Make Realistic Dew 07

Now it looks better the before.

How to Make Realistic Dew 08

We are not finished yet. Select drop shapes with Select > Load Selection and go to the background layer to duplicate selected fragment from the background to the new layer. Use Ctrl+J to do this action. After that select this layer again with Select > Load Selection and apply Filter > Distort > Spherize with next presets you can see on the picture below:

How to Make Realistic Dew 09

The result will be next:

How to Make Realistic Dew 10

After that use Sharpen Tool (Brush: 200px, Mode: Normal, Strength: 30%) to increase the sharpness drops.

How to Make Realistic Dew 11

Hide the selection temporary with Ctrl+H and use the Dodge Tool (Brush: 50 px, Range: Highlights, Exposure: 20%) and make lighter the lower part of each drop to enhance the volume effect of the drops.

How to Make Realistic Dew 12

Press Ctrl+H one more time to restore selection, then create a new layer above and fill selected area with black color.

How to Make Realistic Dew 13

Remove the selection with Ctrl+D and set the layer to blending mode Screen. Then apply Filter > Noise > Add Noise:

How to Make Realistic Dew 14

Now your image should look as mine:

How to Make Realistic Dew 15

After that apply the Sharpen Tool (Brush: 200px, Mode: Normal, Strength: 30%) one more time to make accent on the water drops inside.

How to Make Realistic Dew 16

And finally we’re all done! Keep experimenting with all the techniques described above to create a unique look every time. Enjoy!

How to Make Realistic Dew 17

Published Jul 31st, 2009 under Effects, Graphic Design.

17
Jan
10

How to Create Skin for the Cube

How to Create Skin for the Cube

Hey, are you hungry for new interesting tutorials? I have one for you, which not so long, perhaps so useful. This tutorial how to how to create the skin for the cube by using image to get the correct sense of space.

So, in the beginning we need to find pictures, what we will use during the tutorial period. Go to Google Images and look up for a good picture of cube or you can feel free to download the cutom, that I made from here: Cube. Open up this picture, it will be the main canvas for experiments. Ok, then we need to find the picture to put it on the cube sides. Open up the second picture and after that create a new layer on the current canvas. Get out the Rectangular Marquee Tool to create square selection about 250×250 pixels and fill it with different color, for example black.

How to Create Skin for the Cube 01

Add two square areas more to make three skins for all of cube sides. Now, select one of the black squares with Select > Load Selection, after that go to the background layer with dragon copy it using Ctrl+C.

How to Create Skin for the Cube 02

Then go to the main canvas and paste copied part image into it using Ctrl+V.

How to Create Skin for the Cube 03

Ok, time to put this part of image on the one of cube sides. Use Edit > Transform > Distort to transform this image as shown on the picture below.

How to Create Skin for the Cube 04

Go back to the canvas with dragon; select another one black square to copy second part of image in the same way.

How to Create Skin for the Cube 05

Ok, go back to our main canvas again and paste this part image into it. Use Edit > Transform > Distort to create second part of the skin for our cube:

How to Create Skin for the Cube 06

Move to dragon canvas one last time and copy the last one part of the future skin.

How to Create Skin for the Cube 07

Bring it to the main canvas and transform it to with Edit > Transform > Distort:

How to Create Skin for the Cube 08

Ok, looks realistic as for me, but not finished yet. Merge three of these sides in one layer and change layer mode to Multiply.

How to Create Skin for the Cube 09

Lastly, you might want to make some clear work between the cube segments. We can do this work using the Eraser Tool with hard round brush. You can see the result on my picture below.

How to Create Skin for the Cube 10

I finished off with this tutorial. We made good cube skin and get the correct sense of space. Please feel free to experiment, get creative and use your own settings.

How to Create Skin for the Cube 11

Published Sep 20th, 2009 under Graphic Design.

17
Jan
10

Creating Drawing Effect on the Photo

Creating Drawing Effect on the Photo

 Open up the picture and desaturate it in the beginning with Image > Adjustments > Desaturate or press Ctrl+Shift+U.

Creating Drawing Effect on the Photo 01

After that increase the contrast with Image > Adjustments > Levels:

Creating Drawing Effect on the Photo 02

See the difference now?

Creating Drawing Effect on the Photo 03

Move to the next step. Create a new layer and fill it with white color. After that change layer opacity for this layer to 30%. Then select the Eraser Tool and a soft round brush to make a little clear work on the face area.

Creating Drawing Effect on the Photo 04

Merge two of these layers in one and start to make drawing effect. Get out the Pen Tool (you need to make sure that you’re working with Paths instead of Shape Layers). Draw out your line using paths:

Creating Drawing Effect on the Photo 05

After that select the Brush Tool and set up with the following settings and set foreground color as black:

Creating Drawing Effect on the Photo 06

Create new layer and then right-click and select Stroke Path.

Creating Drawing Effect on the Photo 07

A little dialog box will appear as in the screenshot. Choose Brush and make sure there is a tick next to Simulate Pressure. This is important as it will give your curve tapered ends which will make it rock!

Creating Drawing Effect on the Photo 08

The picture use to look as mine:

Creating Drawing Effect on the Photo 09

Now the line is hardly noticeable, but don’t worry about. Next right click again and select Delete Path. Try to make more lines in the same way to outline the body and hair contours.

Creating Drawing Effect on the Photo 10

Now, move to the background layer with woman’s photo and select the Brush Tool (use soft brush about 100 px and set brush opacity to 30% up). Sketched the silhouette with white color a little bit.

Creating Drawing Effect on the Photo 11

After that use the Sharpen Tool to make the contours more distinct.

Creating Drawing Effect on the Photo 12

I finished off with this tutorial by merging all of my layers together. Please feel free to experiment, get creative, use your own settings. I hope you enjoyed this tutorial.

Creating Drawing Effect on the Photo 13

Published Nov 3rd, 2009 under Graphic Design, Photo Effects.




Archives