Photoshop Lady

Your Favourite Photoshop Tutorials in One Place

Transform-your-Image-into-a-Cartoon-Art

Under


- Photoshop is recommended for this tutorial -

 
Deal of the Week: 500+ Retro/Vintage Design Elements

Deal of the Week: 500+ Retro/Vintage Design Elements

2015-02-21_142400

18

20

Retro will always be in. And with this amazing Mighty Deal, you’ll have the ultimate retro and vintage collection! Full of more than 500+ Retro/Vintage Design Elements from Cruzine Design, you’ll find yourself suddenly embracing ornamental headers, frames, and both complex and simple logos, signs and badges. Then there’s the textures, wreath and sunburst shapes, and Photoshop patterns and styles.

These vector files are completely customizable and scalable. Files include Adobe Photoshop and Adobe Illustrator (.AI and .EPS) formats. Normally this massive collection of retro and vintage design elements would cost you $180, but for a limited time you can get the entire collection for only $27! That’s a whopping 85% off the regular price!

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

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

How to Create an Essentially Beautiful Flyer

How to Create an Essentially Beautiful Flyer

In today’s tutorial we will be showing you how to make use of simple elements and colors in Photoshop to get an essentially beautiful outcome. People always over complicate things, that’s why we will be having a simple approach towards this large piece. We will be teaching you in a step by step manner and hopefully you can learn something new from this tutorial. Let’s get to it.

Tutorial Requirements

Stock: Model Wearing Purple Dress
Brushes: Abstract Glow Brushes by Ro-stock
Elements: Elements Pack
Textures: DSC_0042
Time: 1 Hour

Final Preview

Step 1

The first thing you have to do is decide what stock image you are going to use and what your output size for the large piece is going to be. Are you going to print it in a A3 size or are you going to only use it on the web. In our case we will be making a large enough image to use on the web and in print if necessary. Go ahead and open up Photoshop and then create a new document by going to File>New (CTRL+N) then create a document with the settings below.

Step 2

Now that you have a blank document in front of you it’s time to create your color base for the design. Go to Layer>New Fill Layer>Gradient this will bring up a gradient fill box. Now double click the gradient to setup a new gradient and set the gradient from #3c6c94 to #c0ecf8 (See below) Once you have created your gradient hit OK>OK and then you will see a nice smooth, good looking gradient as your base.

Step 3

Time to make use of the first downloaded texture, it’s called DSC_0042 I am not aware who the author of the texture is due to having the texture for quite some time now. Open up the texture and drag it into your canvas. Set the layer’s blending mode to Overlay and erase parts of the layer you don’t want. Now create a new layer Layer>New>Layer (SHIFT+CTRL+N) and use a big soft brush with the color #6b6b6b and brush over your entire canvas, then set the blending mode to Overlay. Lastly go to Layer>New Adjustment Layer>Gradient Map use the default gradient map, which is Black to White and then set the blending mode to Multiply and the Opacity to 76% This is what you should have below.

Step 4

Now it’s time to bring in our stock photograph, I have chosen to use one from iStock Photo. Open up your model picture in Photoshop and start to remove the background from around your model if you don’t know how to do it, follow This Tutorial from Media Militia. Now that you have removed the background from the models picture you can drag your model into your canvas and you should have something like this below.

Step 5

Now that you have your model in the canvas, it’s time to start working on the effects. Create a new layer and take a big black soft brush and then brush at the bottom of your canvas, just to add a darker feel at the bottom. You should have something like this below.

Step 6

In this step we will start adding lighting to the model. Create a new layer and fill it with black #000000. Now set the blending mode to Linear Dodge and select your brush tool with a soft brush of about 960px big. Now start using different colors to blend your model and lighten up the canvas. I used the following colors: Blue #005d7f | Pink #570033 & #970059 | Green #617c01 | Red #810007 I mixed those colors together and then finally used a hard small brush with White #FFFFFF to create the dots that you see on the chart below. The image you see below is the layer with colors without the blending mode.

Here you can see what the outcome is after the blending mode is set to Linear Dodge.

Step 7

You can see the piece is coming together now. In this step we will be repeating the exact same thing we did in Step 6 just with a bit different colors. Create a new layer and fill it with black #000000 now set the blending mode to Linear Dodge and grab your brush tool with a soft brush sized 700px now choose the colors that you want to use to light up the canvas. I used Pink #450627 & #32041b | Green #1a1900 you are free to use any colors that you desire though. See color placement below.

Now add in another soft pink in the top left hand corner just to balance the color in the piece.

Now make sure both your layers are set to linear dodge. You should have something like below.

Step 8

Now it’s time to add in some elements. In this case we will be adding in some butterflies, stars and cogs. I have made these elements available for download as a package Elements Pack Now you can import these elements into your canvas and then place them around how you would like them to be placed. I added in the cogs first and set some of their blending modes to overlay just to give a variety of depth.


Now I added in the stars and placed them around as I wanted, depending on the image you use, you can position them to flow with your design.

Next I added in the butterflies, I made some of them bigger than the others to also portrait depth in the piece. This is what I have so far below.

Step 9

In this step we will be adding some image adjustments. Go to Layer>New Adjustment Layer>Brightness/Contrast. Leave the brightness at 0 and make the contrast -20 now press OK to accept the changes. Now go back to Layer>New Adjustment Layer>Curves Use the RGB Channel and just curve your line out a tiny bit to darken the middle of the piece a bit. You should have something like this below.

Step 10

Now it’s time to make use of some brushes. Navigate down your layers palette and create a new layer just underneath your model layer. Now grab your brush tool and make use of Abstract Glow Brushes by Ro-stock now choose your brush from the pack and brush underneath the model layer to give it a mystical feeling. I made use of 2 different brushes in this case to make things flow well. I have something like this below.

Step 11

In our final step we will be sharpening the image. Firstly create a new layer by going to Layer>New>Layer and then go to Image>Apply Image. Now that you have a applied image go to Filter>Other>High Pass now use a radius of 10px and hit OK. Now set your blending mode to Overlay and your opacity down to 42% and you are done.

Final Preview

The Evolution of Photoshop Infographic

The Evolution of Photoshop Infographic

In 1987, Thomas Knoll, a PhD student at the University of Michigan began writing a program on his Macintosh Plus to display grayscale images on a monochrome display. This program, called Display, caught the attention of his brother John Knoll, an Industrial Light & Magic employee, who recommended Thomas turn it into a fully-fledged image editing program. Thomas took a six month break from his studies in 1988 to collaborate with his brother on the program, which had been renamed ImagePro. Later that year, Thomas renamed his program Photoshop.

During this time, John traveled to Silicon Valley and gave a demonstration of the program to engineers at Apple and Russell Brown, art director at Adobe. Both showings were successful, and Adobe decided to purchase the license to distribute in September 1988. While John worked on plug-ins in California, Thomas remained in Ann Arbor writing program code. Photoshop 1.0 was released in 1990 for Macintosh exclusively.

That’s the early history of Photoshop. Here we have created The Evolution of Photoshop Infographic, in order to show you the entire history of Photoshop up until now.

Click to enlarge.

evolution-photoshop

About the Author

Dona Collins is an infographic artist, blogger and financial writer at CreditLoan.com. When she is free you can find her on twitter and other times you can find her writing articles for creditloan blog.

VIP Downloads of Top Quality Design Resources

VIP Downloads of Top Quality Design Resources

VIP Downloads of Over 2500 Top Quality Design Resources

PhotoshopLady works in partnership with WeGraphics to provide to his community the best design resources at the lowest price. By joining the premium membership, you will get access to ready-to-use sets of brushes, vectors, textures, icons and other awesome stuff paying only 7$/month or 49$/year. The arsenal of design items currently contains more than 2500 resources, with 3 new sets weekly added. And there’s a discount for Photoshoplady’s friends! By using the coupon ‘wp-pslady‘, you will get a 10% off on the yearly accounts (both recurring billing and pre-paid membership).

Want to learn more? Visit WeGraphics.net

1

25 Stunning and Creative Photoshopped Ads

25 Stunning and Creative Photoshopped Ads

25 Stunning and Creative Photoshopped Ads

As the economy develops, our world has been thick with commercials and advertisements. However, not all the advertisements work as well as what the advertisers thought. Anyway, no one wants to read a boring paragraph of compliment or a long list about the promoted product. It is the creation in the advertisements that can really impress the viewers.

The following are 25 stunning and creative photoshopped ads collected from Creative Ad Awards, which is a new ads collecting website that featured by the most creative ads from the world. Please enjoy it and feel the surprise that the creation brings you.

Action Inside

All Day I Dream About Sneakers

Anywhere

Be Choked

Built for the Concrete Jungle

Don’t Mess with the Legend

Ultragliss Steam Iron. Faces any Wrinkle.

Fiery Party

Frozen Flame

Hole in Lake

The Natural Enemy of Boredom.

In the Arms of Elements

Lion Zebra

Military Jackets

Your walls deserve a paint which will age well

You can’t escape genetics

Organic Shampoo

Perfection Has Its Price

Poor Rabbit

Push the limits of everything

Smoking Hand

Every city is a mountain

The Gripper

The Insight Story

The Pair

Webydo’s 50K Community of Professional Designers Creating Their Websites Code-Free, Join The Revolution

Webydo’s 50K Community of Professional Designers Creating Their Websites Code-Free, Join The Revolution

Are you looking to kick start your website design by professional developers? Is there something that is getting in the way or preventing you from starting you from starting your website design project? Is the cost involved too high for you or your clients to hire a developer? These might be some of the questions on the back of your mind whenembark on a new project. Well, fear not, as Webydo is leading the way in professional online website creators to help designers create and publish their websites code-free. You might be thinking that it is similar to those sites offering website designing. Well, it’s not, Webydo is a well-known online design studio which has provided their community of designers a way around the coding so there is no need to hire a developer. Webydo offers you a diversified range of options having customized CMS (Content Management System) at your disposal and entire list of professional features to help kick start your business.

image001

Getting started can sometimes be the most challenging, but Webydo provides you with three clear paths to embark on. First, if you already have a vision for your design you can chose the blank canvas and spill your creative juices out onto this canvas. The other options are to take one of the basic layout options or choose a readymade inspirational design. All of these are completely customizable as well for you to make them your own.Once you have gone through the process of choosing a design, and when you feel satisfied, the site will make that virtual website into a living reality for your business and/or recreation purposes. After you create a website, you can see it live on one the Webydo subdomain, and test it out on the web, share with clients and make your edits right then and there.

image002

CEO of Webydo, Shmulik Grizim believes that they can bring any design to life without wasting time on writing a single line of code. The very same site has also achieved the milestone of breaking previous habits of website designing and complex coding. It has surely provided a feasible detour away from all such worries. The most remarkable feature of it includes the drag and drop option. Webydo’s professional website design studio allows you to import your favorite designs, media, photos and much more to your under-developed webpage using Webydo’s online canvas where you can assemble all the elements the way you like it. This gives you the utmost liberty of website design for each and every pixel on your webpage.

Do you want to insert any value-adding feature? Not a problem! The technical features of websites; like, blogging features propped up with various forms and Google map integration is more than just a need for any business. The popularity of this B2B website design platform is reflected from the ever-increasing influx of 50,000+ designer community within Webydo. These professional designers also helping to craft the future of the platform by regularly submitting new feature suggestions and voting on what should be added next right on the Participate page.

image003

Webydo is surely a unique blend of beautifully crafted webpages and endless marketing horizons for promoting a bold perspective of your very own business. Webydo has a number of qualified and expert designers which have the experience of developing numerous websites and an ability to convert them into a success. Design a website can be quite a tedious and time consuming process and this is Webydo is so remarkable, because they have provided a professional design platform for creative professionals to take full control of their design projects from creating, to publishing and managing. By allowing designers to rebrand the CMS with their logo or send branded invoices, the platform functions more efficiently for the designers at work. So, if you are looking for having better marketing prospects, you would surely contact us for crafting your very own pathway towards success.

image004

This article is proudly sponsored & presented by Webydo’s designer’s community.