Web Design Blog | Web Design Fan | Resources for Web Designers and Graphic Designers » Illustrations

Meat Boy Vector Illustration Tutorial

Mehdi El Hanafi — Fri, 18 Mar 2011 13:00:00 +0000

While a lot of people fail to control Pen Tool using Adobe Photoshop Application, I felt it was necessary for me to create this tutorial to show all of those who are troubling with this issue how to control and draw with this specific tool.

We will practice and navigate specific techniques that will lead us to a beautiful sketch. We will also understand in this tutorial the “ filter smart ” as well. I’m always looking forward to more tutorials to help all of you understand what’s once was very difficult!!!

So, Want to Learn? Follow my lead and you will be amazed how easy it is to craft such a beautiful creation! And smile when you see the final result and be proud of yourself!!!

Preview of Final Results

Tutorial Title

Step 1

Create a new document using Photoshop with the following dimensions: 1450 X 1033 Pixel. Make sure to remove the lock option from the background and rename it to: Bg.

Step 2

Apply the settings Pen Tool

Step 3

Start drawing the body with pen tool and follow step by step as you see in the image

Step 4

Change color the Body to #9a0000 and Apply the settings, Layer > Layer Style > Stroke.

Step 5

After that Select Pen tool and with same settings and start drawing the eyes follow my steps

Step 6

Now Apply The settings Drop Shadow by following Layer > Layer Style > Drop Shadow

Step 7

With Ellipse tool start drawing the blur eyes then Click CTRL+T or Edit > Free Transform Path and flip it a little as you see in the image

Step 8

Now Apply The settings Outer Glow by following Layer > Layer Style > Outer Glow

Step 9

Now listen do you remember the samething i did before with the first eye? ok good do it with left eye then apply the settings drop shadow by following the same steps

Step 10

Sounds good, select pen tool agin and create the shadow by following the steps

Step 11

Do you remember the shadow you have createed? good drag it under the layer left eye and apply the settings Bevel and Emboss Layer > Layer Style > Bevel and Emboss

Step 12

It’s time to create the meat, Select Pen Tool and Setup color #db144d and start drawing as you see in the image

Step 13

Now Go to Layers Box and Select Layer Meat by clicking right your mouse and duplicate layer then change color to black #000000

Step 14

Now apply the settings Blur by following Filter > Blur > Gaussian Blur

Step 15

Select Layer Meat and add new mask to layer shadow meat by following the settings Layer > Layer Mask > Hide All and change mode layer to soft light and opacity to 50%

Step 16

Select pen tool again and create little hole into meat then apply the settings Drop Shadow Layer > Layer Stye > Drop Shadow

20 Incredible Illustrated Web Designs

Yanuar Prisantoso — Tue, 15 Mar 2011 00:42:38 +0000

Illustrators have become an integral part of the web design world in recent years and have come to produce some of the most gorgeous designs on the web today. Keep reading to see some of the most impressive pieces we have found.

Meomi cloud house

This full design website dominated with animation, if we point our mouse into a
figure, we will see the animation. One of animation is the figure which above
the roof will say “meomi” if we point our mouse into its

Deborah
Cavenaugh

IndoFolio

Octwelve

Bimbi
Sicuramente

Somos La Pera Limonera

Platin

The Octonauts

The
Great Bearded Reef

Hugs for Monsters

A Modern Eden

The Many Face Of

Alex Buga’s Living room

Digital Podge

Cascade Brewery Co

xhtmlCafe

Green Globe

K4 Laboratory

The Alamo Basement

The Great Bearded Reef

Using MB7-222 and MB6-819 which are prepared by top certified professionals, MB6-204 & 70-562; both are marvelous in their nature.

30 Wonderful Websites With Illustrations

Tomas Laurinavicius — Thu, 11 Feb 2010 16:18:30 +0000

Illustration usage in web design is probably one of the easiest way to add uniqueness for your website. Illustrations also can be used as a brand’s mascot. If you want to see some beautiful designs with mascots check previous post 25 Websites With Awesome Mascots.

In this showcase you’ll find 30 beautiful examples of effective illustrations usage in web design. Hope you’ll find this collection inspirational and useful.

1. Haafe

2. N.Design Studio

3. Get Me Fast

4. Bruno Souza

5. Bird Brain App

6. Fully Illustrated

7. BlackMoon Design

8. WOW Toys

9. Flourish

10. Bogdan Teodorescu

11. Vunky Blog

12. Francesco Mugnai

13. Mark Forrester

14. Justin Woods

15. Eutem

16. Villager Kent

17. IndoFolio

18. Vixml

19. Artcore Illustrations

20. Matt Salik

21. Artua

22. Comcast Town

23. Hey Indy

24. Web Design Beach

25. Tori’s Eye

26. Serj Kozlov

27. Pampaneo

28. Lionite

29. Tomáš Pojeta

30. SketchBlog

What do you think?

What do you think about illustrations in web design? Share your tips, experience or just opinion in comments. Thank you.

No doubt, there are so many sources available for 70-290 preparation but only 70-662 brain dumps can provide you real success even on limited time. EX0-101 resources by test-king helps you guaranteed pass your exam in hassle free way.