Posts Tagged ‘tutorial’

Tutorial: How to draw a banner (scroll) in Illustrator

Tutorial: How to draw a banner (scroll) in Illustrator

Wrapping scrolls around illustrations or images are quite popular designers little trick these days. I’ll show you how to draw a scroll “easy way”.

Step 1
Assuming that you know how the scroll (banner) looks like, draw just one half of it (start left or right from the center). I am using the Wacom tablet and usually I use the “Pen tool”, but I think that drawing with the “Path tool” is easier for those of you who use a mouse.

Tutorial: How to draw a banner (scroll) in Illustrator

And now:

Sponsored sentence (which, by all means does not mean that you should not click on the link and actually take a look at the book)

And, while at it, you might also consider learning a few good photography tricks here ->

End of sponsored sentence.

Step 2
You can modify the shape as you wish, just keep in mind that you have to draw a folded part on the side.

Tutorial: How to draw a banner (scroll) in Illustrator

Step 3
Now draw the folded part, which will “fly on the wind”.

Tutorial: How to draw a banner (scroll) in Illustrator

Step 4
The folded part of the banner must be placed just bellow the main part, now you have to follow the path between the main part and the folded part and draw another folded part between them.

Tutorial: How to draw a banner (scroll) in Illustrator

Step 5
That connection should look like this:

Tutorial: How to draw a banner (scroll) in Illustrator

Step 6
Now copy+paste these three parts, and mirror them horizontally. Join middle anchors and the banner is finished. Color them as you wish. Add some cracks and you’ll get the “old-world” style.

Tutorial: How to draw a banner (scroll) in Illustrator

I’m using banners (scrolls) in my “emblem” designs

Pink emblem, design element
© Photographer: Bsilvia | Agency: Dreamstime.com

*******

Featured PREMIUM Photoshop Brushes Sets

Swirls Floral brushes set (42+42) Second Edition + 42 PNG filesTattoo Designs Photoshop brushes set Second Edition
CLICK HERE TO PREVIEW THIS SETCLICK HERE TO PREVIEW THIS SET
Swirls Floral brushes set (42+42) Second Edition + 42 PNG filesSet of 42 brushes in two sizes compatible with Photoshop 7.0, CS, CS2, CS3, CS4 and CS5.

Set contains 42 .png files at 300 dpi, 2500×2500 pix – transparent, so you can easily use them in any photo editing software (zipped)

- COMMERCIAL LICENSE

Tattoo designs Photoshop brushes set Second Edition (30+30)- 30 Photoshop brushes in 1361-2429px,
- 30 Photoshop brushes in 543-969px,
- 30 transparent PNG files,
- all PNGs and Photoshop brushes are in 300dpi,
- compatible with Photoshop 7.0, CS, CS2, CS3, CS4 and CS5
- COMMERCIAL LICENSE

Popularity: 45% [?]

Tutorial: How to create a shiny Web 2.0 button in Illustrator

Easy :)
First, draw a circle (using Shift tab) and fill it with radial gradient like this:

How to create a shiny Web 2.0 button in Illustrator

Now, copy that circle, paste it on the top of the first one and make it smaller. Rotate the gradient fill in that smaller circle for 180 degree. This will create a “shining” effect.

How to create a shiny Web 2.0 button in Illustrator

Make another circle resize it to make it smaller than the one we did just now. Fill it in using simple radial gradient fill.

How to create a shiny Web 2.0 button in Illustrator

Now make the fourth (this is the last one) circle that’s smaller than third one and use Pen tool to create a shape that will look like this: (select the bottom anchor point and simply delete it).

How to create a shiny Web 2.0 button in Illustrator

Done. Now, that wasn’t difficult, was it?

How to create a shiny Web 2.0 button in Illustrator

Here are some sample images derived from this button:


© Photographer: | Agency: Dreamstime.com


© Photographer: | Agency: Dreamstime.com


© Photographer: | Agency: Dreamstime.com


© Photographer: | Agency: Dreamstime.com

Popularity: 7% [?]

Tutorial: Simple web shop icon

Let me show you how I created a simple web shop icon (shop trolley). In Illustrator (or similar vector software) make a simplified shop trolley “L” shape (the handle + basis).

011.jpg

Now, we will select the basis line and copy it two more times to get something similar to E shape where the left vertical line end up above the top horizontal line.

021.jpg

Draw one vertical line that will close the shape.
031.jpg

As for the wheels, create two circles below the basis of the trolley. Make one ellipse and then a second one, smaller in the middle of the first one.(Do that using Ellipse tool). Select both ellipses, and subtract them with “Pathfinder -> Subtract from shape area” option. There is our wheel :)
041.jpg

Copy that wheel and position them under the basis.
051.jpg

Now for the background circle follow the same procedure as for the wheels. One small difference is that holding ALT+TAB will make this ellipse a perfect circle. Color it, place it behind the trolley and – voila!
Icons set - shopping
© Photographer: Bsilvia | Agency: Dreamstime.com

Simple, innit?

Let me know if you need any help.

Popularity: 3% [?]

Tutorial: How to create your own custom brush in PhotoShop

Use brush on old fashioned, real white paper to make some more or less straight lines. Scan them in gray or B&W mode on 300 pix/inch resolution.

You should get an image that looks like this:

How to create your own custom brush in PhotoShop

Now you can simply create brush in 2 steps.

Use Rectangle Marquee tool to make selection. Go to Edit – Define Brush Preset.

How to create your own custom brush in PhotoShop

New Brush dialog pops out, rename it if you want.

How to create your own custom brush in PhotoShop
Your new brush in Brush Palette is now available for selection.And, if you need these brushes but don’t feel like going through all this, get them for free

Subscribe to my newsletter and get immediate access to loads of free Photoshop brushes and other freebies!

Popularity: 2% [?]

Inspiration is right in front of you!

July 12, 2007 |  by  |  Tutorials  |  , , ,  |  No Comments

Take a look at your desktop (the real one – not the screen ;)) It’s there, whatever you see you can, for instance – scan and start from there.
In this example I will show you how to use stuff from your desktop to get compelling illustration.
So, as I sad – scan something that you found on your desk. In this case it’s mobile phone and pencil. Important: Don’t forget to cover copyrighted words or logos.

Inspiration is right in front of you!

Place them into Illustrator (or CorelDraw –) and trace it in b&w (2 colors mode. Both Illustrator and CorelDraw –offer built-in tracing feature.)

Inspiration is right in front of you!

These “messy” spots and dots are actually very welcomed because we will use them to get some grunge look of the illustration. Place your vectorized stuff around the background.

Inspiration is right in front of you!

And after some playing around with dots and spots – voila, the illustration is done!
On the other hand, if you need this illustration for any purposes, why bother going through all this when it can be bought for just 1$ at Stocxpert.

Get this illustration for only 1$!

Popularity: 1% [?]

Google recommends: