Free Art For All
Create a Vivid Themed Illustration Using Simple Hand-Drawn Elements – Part I
Drawn elements are certainly something that can enhance an illustration. Even if you’re not very good at drawing, you can still create a quality piece. All you need is a good idea and some Photoshop skills. And if you don’t believe me, you will definitely change your mind after reading this tutorial. So let’s take a look inside! Final Image Preview Take a look at the image we’ll be creating. Want access to the full PSD files and downloadable copies of every tutorial, including this one? Join Psd Plus for just $9/month. You can view the final image preview below.
The rest is here:
Create a Vivid Themed Illustration Using Simple Hand-Drawn Elements – Part I
Tags: Ads, Articles, beauty, burn, effects, face, frames, green, html, illustration, Photo Effects, tutorial
Share this post!
- Digg
- Delicious
- StumbleUpon
- Google Bookmarks
- Other > High Pass and add the value of 1 or 2. You should immediately get the result shown in the first picture below. Now hit Command + Shift + A to select the whole canvas, then Command + Shift + C (Copy merged), and Command + V (Paste). Turn the previous “walls” layer off. Leave only the white background layer visible and the new merged layer. Create a new layer above all, change its Opacity to Multiply, grab the Eyedropper Tool and sample some dark brown color. Then use the Brush Tool with 0% Hardness and around 3% Flow, and then paint as shown in the second picture below to create some irregular shading. Notice how the floor and ceiling is being created by doing this. Step 5 Select the merged layer (the one with the whole canvas) and use the Rectangular Marquee Tool to select the top part of the image, then hold Command and drag this part down. This will help us repair the perspective, because in the beginning we made it pretty much random (if you can imagine this, the diagonal wall lines should cross in the center of the image). Next, look at the second image below and use the Patch Tool to get rid of the straight line indicated by the arrows (which is a result of repairing perspective). Step 6 Let’s open the scratchy texture (link in introduction) and hit Command + Shift + U to Desaturate it. Then you can add Levels (Command + L) and enhance the whites, just to make these tiny scratch lines more visible. Take a look at the second image below, what we need to do is place this texture in the floor spot. There is also alternative way to do this step by stretching the texture (as you see in the third image below) to get the right perspective (using Command + T > Distort), but well, as not everyone has the correct eye to make this right, we can stick to the position in the second image below. Step 7 As you have positioned this texture, go to Layer > Layer Mask > Hide All. This will make the texture totally invisible. So then grab the Brush Tool, make your brush setting very soft (Flow at around 4% and Hardness at 0%). Then use white for the color and paint on the layer mask of the texture. The first image below shows the full mask view, and it’s shown where I painted to reveal the texture. Now look at the second image below, and notice how nicely this texture blends with the white background. Step 8 Use the same technique from the previous step to create the ceiling surface. Now open the face picture. Now grab the Eraser Tool set to 100% Hardness and 100% Flow, and get rid of the surrounding skin flowers. An accurate cut out is not necessary, as we will work the face shape in the following steps. For now we also need to resize down this face to make it more suitable to the illustration (third image below). Everything needs its own place in a quality piece, let your own eye be the judge of proportions. Step 9 Now let’s shape up this face. Grab the Pen Tool and draw a curvy path around the whole face. Pay attention to make lots of cavity shapes (absolutely no squares). After you’re done, turn the path into a selection and hit Command + Shift + I to inverse the selection (first image below), then hit Delete. Now you should get something similar to the second image below. When you work on an illustration like this you need to do a lot of work and planning. In the third image below I wanted to show you how I pictured in my head – what the next steps might look like. I sketched the face falling apart, and basically I wanted to do this by smudging the skin, but ultimately this turned out as splashes. Step 10 I made some further corrections to the face, as I didn’t like the face center (first image below). So if you want you can use the Pen Tool to cut more of the face. Pay attention to her nose, the holes are looking kinda weird (like the right one is barely noticeable). To correct this use the Burn Tool (with Range set to Midtones) and a small diameter. Burn the right nose hole (second image below). Be careful, the Burn Tool can affect the nose skin also, so that’s why we need a small diameter to make it with precision. If you still have the Burn Tool selected, make your diameter bigger and paint where the green arrows indicate (third image below). I wanted to enhance some shadows and also the bottom of the face. Soon we will drop some shadow below this face, and to make everything work properly it’s good to add shade to the bottom part of this skin. Step 11 The face seems kinda pale so let’s warm it up a little. Select the “face” layer, hold Alt and go to the Layers Palette, and pick Gradient Map (check option Use Previous Layer To Create Clipping Mask). Look at the first image below and use similar colors as mine. Select the Gradient Map layer, change its Blending Mode to Soft Light and lower its Opacity to around 20-30% (not to overload the face with color). Then using Alt again, add another Adjustment Layer, which is Curves and adjust it just a little bit to get the similar look as in the third image below. Step 12 OK, now make sure you no longer need to change anything in the color of the face and then select these two adjustment layers (Curves and Gradient Map) and also our “face” layer. Then hit Command + E to merge them. Next use Command + J to duplicate the “face” layer, drag the copy below original one and move it a little to the top left (first image below). You can achieve even more variety and less plane results if you rotate this face (second image below). Then grab the Lasso Tool and make a selection around the indicated part above the nose, hit Command + Shift + I to inverse the selection (third image below) and use delete to get rid of all the unwanted parts. Step 13 And what is this all about? This face looked very flat to me. To avoid that look it’s good to add some depth. As you can see, the first image below is the view that we get after deleting all the unwanted parts from the previous step, and the face cut is barely visible. &source=.:: Mileat Design ::." class="linkedin" title="Share this on Linkedin">LinkedIn
- Technorati Favorites
This entry was posted on January 4, 2010 at 8:39 am, and is filed under Ads, Articles, ORTHER, Photo Effects, Plus, background, effects, flowers, frames, html, illustration, painting, photoshop, texture, tutorial. Follow any responses to this post through RSS 2.0. You can leave a response or trackback from your own site.
No comments yet.
No trackbacks yet.
30 Simply Amazing Graffiti Art Tutorials
January 15, 2010 - 12:35 pm
Tags: adobe-photoshop, Ads, another-related, generated, graffiti, Graffiti Art Tutorials, photoshop, techniques, wallpaper
Posted in 3D, Ads, Art Works, Articles, Designing, Freebies, Graffiti Art, Graffiti Art Tutorials, Illustrate, Illustrations, News, Photoshop Tutorial, creative, drawing, effects, flash, graphics, html, painting, photoshop, photoshop-tutorials, techniques, text-effect, tutorial, tutorials, typography | No comments
We proudly presenting an amazing list of graffiti art with full of colors and some really like abstract art work, Adobe Photoshop is truly beloved tool for these kind of designing, there is not only paints their imagination in multitude of colors but also refine them to create some of the most striking graffiti graphics . There is simply awesome graffiti art techniques using tools, tips and tricks, most of the Photoshop lovers will enjoy all tutorials. hope you will give your comments for motivations. Graffiti Art Effects Big 3D Graffiti Tutorial Urban Art Tutorial in Photoshop and Illustrator Graffiti with Photoshop Graffiti Drawing Tutorial Creating and Implementing Graffiti Graffiti stamp art in Photoshop Re-style street art Amazing Graffiti HDR Tutorial 8 fume-free graffiti tutorials for digital artists Cool graffiti techniques Make Graffiti Effect Photoshop Paint Graffiti on Wall in Photoshop An Interesting Graffiti Effect Design Japanese-style graffiti Creating A Graffiti Car Wallpaper How to make a graffiti effect using Photoshop Pringle Chips Logo as Wall Graffiti Virtual murals From spray paint to pixel Graffiti / Cartoon Text Effect Free Manipulation Style Digital Graffiti Medieval Wall Painting Realistic Graffiti Tutorial Create your own graffiti fonts Graffiti-style Flash Graffiti vs digital Become a graffiti artist. Photoshop Graffiti Tutorial Related posts: 35 Most Visited Photoshop Tutorials of the Year 2009 Today in the greeting of good bye 2009, we… 5+ Newest Versions of Photoshop CS4 Tutorials There is a good news for Tutorials lovers who… 15 Creative Tutorial Publication of June 2009 We Proudly posting Latest Adobe Photoshop Latest and very… 10+ Photoshop Advanced Video Tutorials by Vimeo: Part 1 There is some best and advanced collections of Adobe… 25+ Astounding Typography Tutorials Today evening we’re With amazing listing of Typography Tutorials… Related posts brought to you by Yet Another Related Posts Plugin .
Levels And Histogram
January 15, 2010 - 12:34 pm
Tags: along-the-way, greens-or-blues, histogram, image, only-the-reds, photoshop, primary-colors, some-important, tricks-on-how, tutorial
Posted in Ads, News, ORTHER, photoshop, tutorial | No comments
In this tutorial we will be explaining what a Histogram is and how to use the Levels adjustment option. With Levels, you can adjust the highlights, midtones, and shadows of the image. By understanding how to read the Histogram, you will be able to make the correct adjustments to either all 3 primary colors (RGB) or to only the reds, greens or blues. Along the way we will be showing you some important tips and tricks on how to make your image look great.
Lucky Bamboo Brushes
January 15, 2010 - 12:34 pm
Tags: Ads, brushes-combined, lucky-bamboo, News, own-patch, photoshop, these-photoshop
Posted in Ads, News, ORTHER, photoshop | No comments
Five sets of lucky bamboo brushes combined into one. These Photoshop brushes can be stacked to create your own patch of bamboo.
Abstract Circular Light
January 15, 2010 - 12:34 pm
Tags: Ads, effect, News, photoshop, poster-or-advertisement, special-lighting, tutorial
Posted in Ads, News, ORTHER, photoshop, tutorial | No comments
In this tutorial I am going to make a special lighting effect from scratch. This effect can be applied to a poster or advertisement
Throw the Crop Tool into reverse
January 15, 2010 - 12:34 pm
Tags: Ads, crop, flexibility, News, photoshop, the-flexibility, tool-makes
Posted in Ads, News, ORTHER, photoshop | No comments
Normally, the Crop tool makes the canvas smaller. But it can also make the canvas bigger. And it gives you a preview and the flexibility to adjust size on the fly. Take that, Canvas Size!
Design a nice fresh green website navigation
January 15, 2010 - 12:34 pm
Tags: Ads, green-navigation, News, nice-fresh, photoshop
Posted in Ads, News, ORTHER, photoshop | No comments
Learn how to design a nice fresh green navigation for your web sites.
Animated Digital Clock With Live LCD interface
January 15, 2010 - 12:34 pm
Tags: Ads, flicking-digital, News, photoshop
Posted in Ads, News, ORTHER, photoshop | No comments
Design an animated, flicking digital clock in Photoshop.
50 web 2.0 Backgrounds Collection
January 15, 2010 - 12:34 pm
Tags: Ads, background, both-dark, color-scheme, different-web, navigation-bar, News, photoshop, ultimate-collection, very-neat
Posted in Ads, News, ORTHER, background, photoshop | No comments
The ultimate collection of tileable web 2.0 backgrounds for web design, blogs and software. Ideal structure for “header + navigation bar + body bg”. 50 variations with very neat and mild gradients to choose from, different web 2.0 style combination, colors for any web site, both dark and light color scheme backgrounds. I am sure you are going to love them!
Adjusting The Adjustment Layer
January 15, 2010 - 12:34 pm
Tags: Ads, correct, layer-mask, News, photos, photos-look, photoshop, will-give, will-show
Posted in Ads, News, ORTHER, photoshop | No comments
Adjustment Layers are created to allow you to make the correct adjustments (curves, levels, etc.) to an image without actually applying the changes permanently. Through this course we will show you how you add, delete, or change adjustment layers. We will also walk you through how you can use the layer mask with adjustment layers. Finally, we will give you important tips and tricks which will allow you to make your photos look like they were professionally taken
Making of Futuristic cityscape
January 15, 2010 - 12:34 pm
Tags: Ads, bryce, futuristic-cityscape, News, photoshop, tutorial, will-learn
Posted in Ads, News, ORTHER, photoshop, tutorial | No comments
In this tutorial we will learn how to make a futuristic cityscape in Bryce 5.5 and Photoshop.
Loading ...