Photoshop Lady

Your Favourite Photoshop Tutorials in One Place

super-retro-style-for-an-old-school-cover

Under


- Photoshop is recommended for this tutorial -

 
How To Paint A Poe & Pluton Cartoon Portrait in Photoshop

How To Paint A Poe & Pluton Cartoon Portrait in Photoshop

Final Image Preview

On this tutorial we will make a Poe and Pluton cartoon portrait, using custom brushes created by ourselves

Tutorial Assets

Watercolor Texture

Paper Texture

Step 1

Open a new document of 1800px high and 1200px wide. First, we will set up what will be the brush that we are going to use to draw the general lines, from the Brush Selector pick the brush no.30, Hard Round, and set its opacity to 75% and Flow to 35%.

Step 2

Now, on the Brush Presets menu (F5), make the following settings, check the Shape Dynamics and Transfer boxes, and adjust Spacing to 1%. You can see the final shape of the Brush.

Step 3

Create a new layer “Poe”, and leave its default setting. With the Brush we created, start drawing the face, neck and shoulders, adjust the size to get thicker strokes on the garb, and thinner strokes for the face, hair, and neck. Draw flowing strokes, without taking much care on the detail, afterwards use the Erase Tool to remove the unwanted parts of the strokes. Also use the Erase Tool to create the eye’s brights.

Step 4

Next, on a new layer “Body & Pluton”, start drawing the Poe’s lower body and Pluton. On the picture you can see that the strokes just establish the main forms, using stains instead of precise lines. Again, use the Erase Tool to remove certain areas as Pluton’s eyes and Poe’s fingers.

Step 5

We will add an extra layer “Lower Body”, where we will paint the area between Poe and Pluton. After, this will be useful for split the two elements and avoid to mix them together. Notice the erased area beside the Pluton’s head.

Step 6

Now, let’s start to create our custom watercolor brush. Use a new layer to paint two brush strokes as shown, using the Soft Round Brush. Notice that they aren’t symmetrical, this will be better for the final result. Next, go to Edit > Define Brush, we can name it “watercolor”, now it is ready on the Brush List for being used.

Step 7

Next, on the Brush Presets (F5), start setting the following adjustments, check the Shape Dynamics box, and adjust Spacing to 1%.

Step 8

Check the Scattering box and adjust its settings as shown. The same with the Transfer option. You can see how the brush shape changes on the display.

Step 9

Finally check the Dual Brush box and select the brush number 45 with the following settings. Now we have our watercolor brush ready for be used.

Step 10

Pick the Smudge Tool, and with the watercolor brush, smudge the painted layers we created before. Adjust the Strength to get different results.

Step 11

Create a new layer “Details” and with a Hard Round Brush paint the fine details as cat’s whiskers and some loose hairs. Next, with the Smudge Tool, and a Soft Round Brush selected, drag some portions of black to create more cat fur, with a small brush size selected.

Step 12

Now, we will create another textured brush. Using the brush number 30 as a base, apply the following settings on the Space Dynamics and Scattering sliders.

Step 13

Following with the Transfer and Dual Box adjustments.

Step 14

Picking the Eraser Tool, and the brush we just create selected, erase some edges of Poe’s suit to imitate a dry brush watercolor effect.

Step 15

Next, create a new layer “Pluton’s Eyes”, and on it draw the necessary brush strokes to draw the eye’s pupil, yes, remember that it only has one…and the eye’s shadows. With white color, paint the tusk and the eye’s brights.

Step 16

For the Poe’s face shadows, select the brush number 30 and adjust it as shown.

Step 17

For the Poe’s face shadows, create a new layer “Poe Face Shadows”, set its Blending Mode to Normal and 60% opacity. Start painting the shadows as cheeks, chin, eye sockets, etc. Overlap more than one brush stroke to achieve darker tones.

Step 18

Let’s start with the background, create a new layer “Background Color”, just bellow of the layer we created before. On it, with the Gradient Tool, select a brownish tone and make a gradient from bottom to upper zone as shown.

Step 19

Next, to start making the lights, create a new layer “Highlights”, with the brush we created on step 16, select white color, and start painting the lights, I chose a cenital light, so it impacts on the upper areas of volumes as shown.


Step 20

To add some vignetting on the background, go to Filters > Lens Correction, and on the Custom tab you will find out the Vignette Amount slider, a quantity of -40 will be ok.

Step 21

To create the paper texture, we will add a real paper image. Create a new layer “Paper Texture”, set its Blending Mode to Multiply and 30% Opacity. Next, Copy and Paste the paper image on that layer.

Step 22

Next, we will add an spotlight just behind Poe. Create a new layer “Spotlight”, set its Blending Mode to Lighten and 50% Opacity. With the Elliptical Marquee Tool, create a circle, place it behind the Poe’s shoulders and fill it with withe color, next go to Filter > Blur > Gaussian Bluer, and blur its edges. To avoid that the white overlap to Poe, create a Layer Mask and hide the unwanted areas.

Step 23

Continuing adding textures, create a new layer “Ink Stain”, set its Blending Mode to Lighten and 80% Opacity. On it, place one of the ink textures you will find on the assets as shown.

Step 24

More textures…Create a new layer “Aged Texture”, set its Blending Mode to Soft Light, and 80% Opacity. On it place again one of the ink textures from the assets to give an aged finish to the image. Notice that all textures are placed bellow Poe & Pluton’s layers, to keep them clean on other plane.

Step 25

Now the image is almost finished, create a new Group and put in it all the layers. Next save the document as .JPG, open it, and place this file on top.

Step 26

With the Dodge Tool, light up a bit some areas to create more contrast. The watercolor brush will be a good choice to do that.

Step 27

Again, let’s add some more vignetting, go to Filters > Lens Correction, and adjust the Amount slider to -30.

Step 28

Finally, to add some noise to the image, create a new layer “Noise”, set its Blending Mode to Multiply, and fill it (Shift + F5) with white color. Next, go to Filters > Noise > Add Noise, a quantity between 8 and 10 will work.

Step 29

And this is the final result

Privacy Policy

Privacy Policy

Privacy Policy of PotoshopLady.com

The privacy of our visitors to PhotoshopLady.com is important to us. At PhotoshopLady.com, we recognize that privacy of your personal information is important. Here is information on what types of personal information we receive and collect when you use visit PhotoshopLady.com, and how we safeguard your information. We never sell your personal information to third parties.

Log Files

As with most other websites, we collect and use the data contained in log files. The information in the log files include your IP (internet protocal) address, your ISP (internet service provider, such as AOL or Shaw Cable), the browser you used to visit our site (such as Internet Explorer or Firefox), the time you visited our site and which pages you visited throughout our site.

Cookies and Web Beacons

We do use cookies to store information, such as your personal preferences when you visit our site. This could include only showing you a popup once in your visit, or the ability to login to some of our features, such as forums. We also use third party advertisements on PhotoshopLady.com to support our site. Some of these advertisers may use technology such as cookies and web beacons when they advertise on our site, which will also send these advertisers (such as Google through the Google AdSense program) information including your IP address, your ISP , the browser you used to visit our site, and in some cases, whether you have Flash installed. This is generally used for geotargeting purposes (showing New York real estate ads to someone in New York, for example) or showing certain ads based on specific sites visited (such as showing cooking ads to someone who frequents cooking sites). You can chose to disable or selectively turn off our cookies or third-party cookies in your browser settings, or by managing preferences in programs such as Norton Internet Security. However, this can affect how you are able to interact with our site as well as other websites. This could include the inability to login to services or programs, such as logging into forums or accounts. The privacy of our visitors to PhotoshopLady.com is important to us. At PhotoshopLady.com , we recognize that privacy of your personal information is important. Here is information on what types of personal information we receive and collect when you use visit PhotoshopLady.com , and how we safeguard your information. We never sell your personal information to third parties. Log Files As with most other websites, we collect and use the data contained in log files. The information in the log files include your IP (internet protocal) address, your ISP (internet service provider, such as AOL or Shaw Cable), the browser you used to visit our site (such as Internet Explorer or Firefox), the time you visited our site and which pages you visited throughout our site. Cookies and Web Beacons We do use cookies to store information, such as your personal preferences when you visit our site. This could include only showing you a popup once in your visit, or the ability to login to some of our features, such as forums. We also use third party advertisements on PhotoshopLady.com webto support our site. Some of these advertisers may use technology such as cookies and web beacons when they advertise on our site, which will also send these advertisers (such as Google through the Google AdSense program) information including your IP address, your ISP , the browser you used to visit our site, and in some cases, whether you have Flash installed. This is generally used for geotargeting purposes (showing New York real estate ads to someone in New York, for example) or showing certain ads based on specific sites visited (such as showing cooking ads to someone who frequents cooking sites). You can chose to disable or selectively turn off our cookies or third-party cookies in your browser settings, or by managing preferences in programs such as Norton Internet Security. However, this can affect how you are able to interact with our site as well as other websites. This could include the inability to login to services or programs, such as logging into forums or accounts.

Inky Deals Giveaway: 11” MacBook Air & Design Resources

Inky Deals Giveaway: 11” MacBook Air & Design Resources

We are happy to announce another massive giveaway from Inky Deals that comes with a free pack of premium resources worth $66. The freebie is sent to the email address you use to enter the contest and is part of The Epic Bundle: $20,048 worth of Top-Quality Resources – From $49.

preview

About Inky Deals

Inky Deals is the place to go if you want premium resources at unbeatable prices whether you’re a graphic or web designer, developer, or business owner looking to improve yourself and your work. They’re the only ones who offer a 200% money back guarantee on every product. This means that if you’re not happy with it, you get your money back and you also get to keep the product.

Take advantage of this opportunity to win an 11” MackBook Air and 1 of the 10 Epic Bundles: $20,048 worth of Top-Quality Resources – From $49!

inkydeals-testimonials

What Can You Win?

You’ll get a surprise free pack of premium resources worth $66 sent to the email address you use to enter the contest. Take a look at what’s inside the The Epic Bundle: $20,048 worth of Top-Quality Resources – From $49:

bundle-preview

10 lucky winners will be chosen from the list of participants and each one of them will win a free copy of The Epic Bundle: $20,048 worth of Top-Quality Resources – From $49. One of the 10 winners will also take home an 11” MacBook Air!

How to Enter the Giveaway:

To enter the giveaway, please use the widget below. You can gain more entries by leaving a comment, tweeting about the giveaway and sharing it with your friends.
a Rafflecopter giveaway

Thank you for participating, you’re now part of Inky’s extended design family! Sit tight, because you’ve just embarked alongside 300,000 of your peers on a ship that will lead you to great professional and personal development.

How to Make Vivid FORNEX from Sketch

How to Make Vivid FORNEX from Sketch

With rich beautiful works in web design, illustration and icon design, designer Vet Orso from Russian Federation shows his drawing process for FORNEX with the help of photoshop.

When he completes the draft, each parts needed on the paper, he has a general idea in his mind. Then he starts his work with photoshop. Drawing the sketch for FORNEX, coloring and dealing with details are main steps. Since it is not difficult, with careful observation and patience, the result is one brilliant piece of work comes into being. It does have some kind of similarity with the original poster!

How to Make Vivid FORNEX from Sketch-1
How to Make Vivid FORNEX from Sketch-2
How to Make Vivid FORNEX from Sketch-3
How to Make Vivid FORNEX from Sketch-4
How to Make Vivid FORNEX from Sketch-5
How to Make Vivid FORNEX from Sketch-6

Advertise

Advertise

Introduction

Photoshop Lady is established in April 2008. We have been growing really fast within these six months. Photoshop Lady has been featured on many popular websites and blogs and has been received a lot of positive feedback.

Photoshop Lady aims to collect the best and free photoshop tutorials around the internet. Photoshop Lady is updated daily. User can add your favorite photoshop tutorials simply by clicking “Add to Favorite”, so that users can revisit them at any time.

Currently, there are over 10,000 RSS readers with over 200,000 unique visitors and over 800,000 page views / month. Our visitors consist mainly of professional designers from all over the globe with the majority located in the US. You can find more details about each ads zones below or via BuySellAds.

Small Banner Ads

The banners are located at the Top of the Blog. The banner ad will appear on every single page of the blog. The banner size is 160x100px. You will receive over 800,000 impressions every month, the banners are static and will not be rotated. There are only 0 / 4 ads spots are available. The cost of Top Small Banner Ads is $280/month.

sbanner.png

Leaderboard Banner Ads

The banners are located After the 1st/2nd Blog Post. The banner ad will appear on every single page of the blog. The banner size is 728x90px. You will receive over 800,000 impressions every month, the banners are static and will not be rotated. There are only 0 / 1 ads spots are available. The cost of Top Small Banner Ads is $380/month.

sbanner.png

Skyscraper Banner Ads

The banners are located at the Left Side of the Blog. The banner size is 200x400px. You will receive over 800,000 impressions every month, the banners are static and will not be rotated. There are only 1/1 ads spot available. The cost of Sidebar Large Banner Ads is $350/month

lbanner.png

If you are interested, please feel free to make a puchase via BuySellAds.

Weekly Design Inspirations and Resources for Designers

Weekly Design Inspirations and Resources for Designers

Here we got the best inspirations and design resources around the world. Some of the most inspiring images selected by our writers and readers. Take a look at the links we have selected for your inspiration and to keep you updated about what’s going on out there. If you want to participate and share your graphic design inspiration, please feel free to let us know. You can also check out Webdesigner News for more great content from around the web that can be interest to web designers.

Giza Pro Typeface

Moon Typeface

4K Magazine PSD Mockup

Boris Khalvadjian – Branding

Hand-drawn Graphic

60 Days of Logos

Google Rebranding

55+ Elements UI Kit

Illustrator Vs Photoshop

Lombok Typeface

Want more? No problem! Keep track of top design news from around the web with Webdesigner News.

10 Free Resources for Web Designers

10 Free Resources for Web Designers

As a designer, sometimes it’s difficult to get started on a new project. Maybe You will need to scour the web for inspiration, or doodle on a notepad to hopefully get some ideas. That’s when you need to look through collections of freebies.

Fortunately, enhancing your web design doesn’t have to cost a small fortune or take a lot of time. Here are 10 Awesome Freebies for Designers that can help enhance your web presence today.

1) Vector Icons

200 vector icons are fantastic for use on all manner of sites. With subjects ranging from science to entertaining, the vast scope of the icons means that you’re bound to find something useful.

This vector icon pack includes 200 vector shapes, meaning you can scale them up as much as you like and they’ll stay sharp. Each file includes AI, EPS, PSD and JPG files. They’re good for use on both personal and professional projects.

vector-icons-free

2) CORP responsive WordPress theme

CORP is a clean and versatile theme that’s absolutely packed with features. The simple grid layout provides an ideal frame to hang your content on, it’s ideal for corporations that need an online presence in a hurry, or as a starting point for any business whose brand image projects organization.

The theme was tested up to WordPress 3.5.1; it features the drag and drop GT3 Page Builder; it’s fully responsive and retina ready; it’s coded with SEO and best practices in mind; Google webfonts are supported; different header layouts are available; custom menus, backgrounds, modules, shortcodes and widgets are all included; there’s a premium slider plugin; complete documentation; and much, much more…

wp-theme2

3) Flat Rounded Social Icons

Flat design is all the rage, and trend-conscious clients are beginning to ask for redesigns to meet the current fad for all things flat. Here is a set of free almost-flat social icons which is designed to embrace flat design without surrendering to it completely, the set is a great way to iron out your current design.

social-icons

4) Flowing Borders & Ribbons

Here is a set of 46 hand-drawn frame and ribbon vectors. Scribbled onto a page and then digitized, the liberated borders look like they were drawn in the heyday of UPA cartoons; I half expect to see Mr. Magoo, or Gerald McBoing Boing, come wandering across the page.

Add a light watercolor wash and combine them with a heavily scrolling script typeface and they’d make a lovely, and personal feeling, addition to any wedding stationery.

ribbon

5) Colorful Grunge Textures

This set of 25 Colorful Grunge Textures is perfect for use as overlay textures on your photos. The pack contains 25 .jpg textures at 5000 by 5000px saved at 300ppi. The textures are compatible with all photo editors that support layers (Photoshop, Photoshop Elements, GIMP, Pixelmator etc.), both PC and Mac.

patterns

6) Modus Versus PSD Template

Modus Versus is a free multi-purpose PSD template, designed on the 1170 grid system. Excellent for use with responsive frameworks like the popular Twitter Bootstrap, it could form the basis of a good corporate site. It would be an ideal choice for a marketing or professional services company, or you could pick it apart and use elements of it in other projects.

theme

7) Flat UI Kit

Flat design is more of a rejection of 3D artifice than it is a style, which fits so perfectly into the contemporary landscape that it’s already hard to envisage a time when it wasn’t de rigueur. To help you take the leap into flat design WebDesignerDepot put together this great freebie: A free flat UI kit.

ui-kit

8) Bluetron icons

This is a set of 40 fantastic icons called Bluetron. They are available as PNG files (256 x 256px). You can use them for free for both personal and commercial purposes. The icons were designed by Waqas Ahmed who’s the founder and blogger of The Art Times and Lead Designer at Iconic Graphics.

blue-icons

9) Ultimate Social Icon Set

This is a social icon set which contains all the latest icons needed for you social needs! It includes a total of 75 icons, provided in three sizes: 16×16, 32×32 and 64×64. The file is free for personal and commercial use.

social-media

10) Exclusive Photoshop Patterns

This one is a Photoshop pattern file (.PAT) which contains 40 beautiful textures that you can apply to your designs. A detailed step by step instruction is provided inside the file to help you use them. You can use these as textures for your websites or any background.

bg

Low-poly Self Portrait Photoshop Tutorial

Low-poly Self Portrait Photoshop Tutorial

Low-poly self portrait tutorial” is a Photoshop tutorial created by Brazilian creative director Breno Bitencourt. In this tutorial, Breno Bitencourt will show you how to create a low-poly portrait in illustrator and Photoshop step by step.

The main techniques used here are masks and blending modes, Photoshop’s auto contrast, auto colour and auto levelsfunctions. There are also something basic you should know .Working with the best reference photo, choosing the best fragments to combine in a single image, dealing with the time-consuming part of the triangular mesh, firing up illustrator with pen tool, using align panel & vertical align center to deal with details, and adding color.
Watch the Video tutorial below and enjoy today’s lesson!

Low-poly Self Portrait Photoshop Tutorial-1
Low-poly Self Portrait Photoshop Tutorial-2
Low-poly Self Portrait Photoshop Tutorial-3
Low-poly Self Portrait Photoshop Tutorial-4
Low-poly Self Portrait Photoshop Tutorial-5
Low-poly Self Portrait Photoshop Tutorial-6
Low-poly Self Portrait Photoshop Tutorial-7
Low-poly Self Portrait Photoshop Tutorial-8
Low-poly Self Portrait Photoshop Tutorial-9
Low-poly Self Portrait Photoshop Tutorial-10
Low-poly Self Portrait Photoshop Tutorial-11
Low-poly Self Portrait Photoshop Tutorial-12
Low-poly Self Portrait Photoshop Tutorial-13
Low-poly Self Portrait Photoshop Tutorial-14
Low-poly Self Portrait Photoshop Tutorial-15
Low-poly Self Portrait Photoshop Tutorial-16
Low-poly Self Portrait Photoshop Tutorial-17
Low-poly Self Portrait Photoshop Tutorial-18