Photoshop Lady

Your Favourite Photoshop Tutorials in One Place

create-a-massive-tsunami-impacting-the-statue-of-liberty-scene

Under


- Photoshop is recommended for this tutorial -

 
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

Free Download: Vector Polygon Speech Bubble Icons

Free Download: Vector Polygon Speech Bubble Icons

There are many icons on the internet. However, you may find very difficult to look for a high quality one. Sometimes, to enable your design to have better expression, speech icons are very useful.

This nice set of speech icons is deisgned by Vecteezy. It contains numbers of speech icons which can allow you to apply to different scenarios. More importantly, it is completely free for your use. You can download the icons enhance your web presence today. The iconset is in psd, ai and eps for your ease of use.

polygonal-speech-bubble-set

Download for Free Now

Photoshop Tutorials Submission Form

Photoshop Tutorials Submission Form

Please fill in the form below. We will get back to you within 48 hours.

  1. (required)
  2. (valid email required)
  3. (required)
  4. (required)
  5. (required)
 

Premium Custom Design Service

Premium Custom Design Service

thumbnail_retouching-1373021169

Character & Mascot Logo Design

Andy is a Game Graphic Designer, Illustrator, Mascot Designer. You can get some great Character/Mascot Logo Design for an affordable price.

4 days with 2 revisions

($200) View Service

thumbnail_retouching-1373021169

Professional Landing Page Design with SEO

I will design your one page website with an eye for detail and focus on placing the elements in the right place for maximum conversion. I’m sure the end result will be to your satisfaction.

7 days with 5 revisions

($145) View Service

thumbnail_retouching-1373021169

Professional iOS App Icon

I’ll help you make an icon for your application gorgeous!I provide high quality designs. It includes 1 PSD file and PNG package with the size 1024, 512, 144, 114, 72, 58, 57, 50, 29px.

4 days with 3 revisions

($250) View Service

thumbnail_retouching-1373021169

Professional Logo Design + Corporate Identity Manual

You will get Vector logo in Ai, EPS, PSD and JPG formats, 4 color versions (full color positive, full color negative, one color positive, one color negative), 8 page Corporate Identity Guide PDF (usage guidelines, CMYK/RGB colors, Typography, etc).

3 days with 2 revisions

($180) View Service

thumbnail_retouching-1373021169

Professional Logo Design

You will get 3 concepts of logos, Set revisions on selected logo, 100% vector logo scalable to any size without loosing resolution, Different file formats for web and print use such as .ai, .eps, .psd, .pdf, jpg, transparent .png

1 day with 5 revisions

($50) View Service

thumbnail_retouching-1373021169

Professional Badges (4 Badges)

You will get 3 concepts of logos, Set revisions on selected logo, 100% vector logo scalable to any size without loosing resolution, Different file formats for web and print use such as .ai, .eps, .psd, .pdf, jpg, transparent .png

4 days with 2 revisions

($100) View Service

thumbnail_retouching-1373021169

Professional and Unique Business Card Design

You will get a professional, good looking business card, front and back, Ready to print business card! I will provide them in photoshop layered format or any other file format you need.

2 days with 3 revisions

($30) View Service

thumbnail_retouching-1373021169

Modern and Clear Infographic

You will get a clean and clear infographics. Everytime build on great font and first look understandable. With your data I provide sketches and after you reconsideration provide a final graphics. I deliver any size of .png and .psd file.

3 days with 2 revisions

($195) View Service

thumbnail_retouching-1373021169

Modern One Page Design

One page website design work i am doing is using 960 grid system format, so the design will be responsive made. Deliverables would be in .psd format and on your request some icons or shapes i use can be done vectorial.

2 days with 4 revisions

($195) View Service

thumbnail_retouching-1373021169

Logo & Brand Identity Design

My process is clean and quick, emails are responded to nearly immediately and revisions are knocked out in no time. Deliverables can be handed off in any file type, but always start in a fully scalable, vector format that can work on everything from a button to a bus.

4 days with 3 revisions

($300) View Service

How to Draw a Monster on a Real Picture

How to Draw a Monster on a Real Picture

Monster usually appears on cartoon films and seldom show up in real pictures. To your children, it would be great idea to draw a monster on their real pictures. In this tutorial, it will show you techniques to draw a 3D monster on a real picture in an easy way.

Step 1

First, we are going to start with the eyes, using the Elliptical Marquee Tool (M), make a circular selection, hold the Shift key pressed while drag the circle to keep it proportional. With the Paint Bucket Tool (G), fill the selection with white color, next, apply a Bevel and Emboss Layer Style with the following settings.

Step 2

Now, create a new Layer over the previous one, for the iris, use the Elliptical Marquee Tool (M) and place it in the middle of the eye, next, using the Paint Bucket Tool (G) fill it with light blue color. Apply a Gradient Overlay Layer Style with the following settings.

Step 3

Make Ctrl + Left Click on the Iris Layer, to select the iris shape, now go to Edit > Stroke and make a 2 pixels blue stroke around it on a new Layer “Iris Stroke”, the blue color we used before will work. To add depth on the iris, create a new Layer “Iris Bright”, and using the Gradient Tool, make a white gradient as shown.

Step 4

For the iris texture we are going to create a custom brush. With the Brush Tool (B), on a new Layer, draw a form more or less as shown, next, Ctrl+ Left Click on that Layer, to select its content, then go to Edit > Create Brush, now, we have our custom brush on the Brush Presets menu. Go to the Brush Presets palette (F5), and on the Brush tab, adjust settings as shown. Create a new Layer, “Iris Texture”,set its Blending Mode to Soft Light and 100% Opacity, and with the Ellipse Tool (U) make a circle, smaller than the iris size, now stroke the Path with the custom brush selected, then, you will get a radial iris texture.

Step 5

On a new Layer “Retina”, let’s make the retina, use the Elliptical Marquee Tool (M) to create a circular selection, next, fill it with black color. Create a new Layer “Retina Bright”, set its Blending Mode to Mormal and 100% Opacity, with the same selection process we used before, make a white stroke around it. To fade off the upper-right area, create a Layer Mask and make a gradient as shown.

Step 6

To finish with the eye, create a new Layer “Eye Bright”, and with the Brush Tool, and a Soften Round Brush selected, paint a white stroke on the upper-right area, next, pick the Smudge Tool and dissolve its edges. Once all the eye’s Layers are completed, merge them together to get only one.

Step 7

Now, let’s get started with the body. Using the Pen Tool (P), create a Path to define the body’s shape, once you are happy with it, create a new Layer “Body”, and Fill Path with pink color. Next, duplicate the eye’s Layer three times and place them on the desired place, resize each one to get a better result, you can also organize all in a folder to keep them organized.

Step 8

To adjust and refine the shape go to Filters > Liquify, using the Forward Warp Tool (W), make the necessary corrections, as the upper eyebrow.

Step 9

On the “Body” Layer, apply a Bevel and Emboss Layer Style with the following settings to get the body’s volume.

Step 10

For the mouth, create a new layer “Mouth”, set its Blending Mode to Normal and 75% Opacity, pick the Brush Tool (B) with a Round Brush selected, and paint the mouth with black color, next apply a Bevel and Emboss Layer Style with the following settings. To create the back legs, use the Rectangle Marquee Tool (M) to select the legs and Copy and Paste it on a new Layer, next go to Edit > Transform > Flip Horizontal, finally adjust the Layer Opacity to 80%, so they appear more distant.

Step 11

Create a new Layer ” General Shadow”, set its Blending Mode to Overlay and 100 Opacity, next, select the body’s shape ( Ctrl + Left Clcik) and go to Selection > Transform Selection > Contract, and apply a 6px transformation. With the Gradient Tool (G), make a black to transparent gradient, from bottom to up-right as shown. Create a Layer Mask to hide the undesired gradient’s areas.

Step 12

Create a new Layer, “Main Light”, set its Blending Mode to Mormal and 100% Opacity, then repeat same body’s selection as the previous step, but now subtracting the eyes shapes, like this, once the selection is active, press Ctrl + Alt + Left Click, on each eye Layer. Go to Selection > Transform Selection > Contract, and apply a 12px transformation. On the new “Main Light” Layer, use the Gradient Tool (G) to apply a white to transparent gradient from upper-right downwards as shown. Again, use a Layer Mask to hide the undesired gradient areas.

Step 13

Create a new Layer “Eyes Shadows” underneath the eyes folder, set its Blending Mode to Soft Light, and 75% Opacity. Make a selection of all the eyes, use de Selection Tool (M) to relocate it a bit left-downwards and fill it with black color. Finally use the Blur Tool to blur the edges a bit.

Step 14

Now, let’s make the eye’s reflections, create a new Layer ” Eyes Reflections” set its Blending Mode to Softlight and 100% Opacity. Usind the Elliptical Marquee Tool (M) make the following selections, next, with the Paint Bucket Tool (G), fill them with black color.

Step 15

Next, to highlight a bit the eyes, create a new Layer “Eyes Strokes” set its Blending Mode to Overlay and leave Opacity to 100%. To select the eyes contours, make Ctrl + Left Click, holding the Shift key pressed, over each eye layer, next, go to Edit > Stroke and make a 2 pixels stroke, with black Color, and Outside selected. With the Blur Tool, blur them a bit.

Step 16

Create a new Layer “Brights”, set its Blending Mode to Normal and 100% Opacity, and with a Soft Round Brush, paint the eyebrows lights, following with the Smudge and Blur Tools to mix them with the body’s surface.

Step 17

Following with the lights, let’s create three layers, first one “Brights 2”, set is Blending Mode to Soft Light and 35% Opacity. With the Elliptical Marquee Tool (M), make an small elliptical selection, and with the Paint Bucket Tool (G), fill it with white color. Next, with the Blur Tool, blur it a bit. On the next layer “Brights 3”, set its Blending Mode to Soft Light and 30% Opacity, and repeat same operation as on the previous layer, but this time with a bigger elliptical selection, and placed where shown. Finally, the third one, “Internal Shadow” set its Blending Mode to Soft Light and 35% Opacity, but this time filled with black color and placed where shown. Notice that, the last two layers have Layers Masks, I did that for hide some portions of the shapes.

Step 18

To finish with the lights, create a new Layer “Highlights”, and with a Soft Round Brush, paint some strokes and dots to enhance areas where light has more relevance. Use the Blur and Smudge Tools to blend the strokes with the surface.

Step 19

Now let’s create a spotted texture on our character. Select the Hard Round Brush on the Brush Palette, now, on the brush settings (F5) , set it as shown. With it, the brush stroke will be as irregular dots, that will give us the desired result. Create a New Layer “Spotted” set its Blending Mode to Soft Light and 49% Opacity, pick white color and paint some dots where shown.

Step 20

The character is finished, it’s time to start with the background. Organize all previous layers under the same Group Folder, duplicate the resultant folder and Merge Group, so now we have the whole character on a single layer. Open the background image and place it under the character layer as shown (or as you prefer), now go to the Channels Tab and create a new one (Alpha 1 by default), pick the Gradient Tool (G), and with white color make a gradient from top to down that covers 3/4 of the channel, and aN small one from bottom to up, on the channel’s lower part. Select again the RGB Channel and come back to the Layers Tab. Select the background layer and go to Filters > Blur > Lens Blur, select the Alpha 1 channel on the Depth Map Source selector, and apply the following settings. Now we have our background image with a depth of field blur, that gives scale and depth to our image.

Step 21

To create the character’s reflection, duplicate the character’s layer, set its Blending Mode to Normal and 39% Opacity. Now go to Edit > Transform > Flip Vertical and place it just below of the character as shown. Next, go to Filters > Blur > Gaussian Blur, and apply a 2 pixels radius blur. Finally, create a Layer Mask, and with the Gradient Tool (G) hide the head and midbody of the character.

Step 22

For the shadows that the character casts, create two layers, first one, is for the shadow placed just below it, “Surface Shadow 1”. Set its Blending Mode to Multiply and 29% Opacity, with the Elliptical Marquee Tool (M) make an elliptical selection and, with the Paint Bucket Tool (G), fill it with black color, next, go to Filters > Blur > Gaussian Blur and blur it at taste. The second one, shadow that He projects on the surface, “Surface Shadow 2”. Set its Blending Mode to Soft Light and 100% Opacity, repeat same technique as before with the Elliptical Marquee Tool (M) and black color. Part of the shadow that is further from the character is weaker, so, to achieve that effect, apply a Layer Mask and with the Gradient Tool (G), and low Opacity set, fade that area.

Step 23

Following with the character’s integration, using the Blur Tool, blur the further legs to add some depth.

Step 24

The light, normally illuminates the contour of the objects, to achieve it on our character, create a new layer “Rim Light”, set its Blending Mode to Normal and 100% Opacity. Make Ctrl + Click on the character’s layer to create its selection, now go to Edit > Stroke, and make a 2 pixels white external stroke, with the Blur Tool, blur it a bit. Apply a Layer Mask and hide the areas where light doesn’t reach the character. That contour must be also on the surface’s reflection, so Copy and Paste the previous layer, go to Edit > Transform > Flip Vertical and fit it on the reflection, then set its Opacity to 43%

Step 25

Light bounces and incides again on the objects, to achieve that effect create a new layer “Bounced Light 1”, set its Blending Mode to Color and 40% Opacity. Witht the Color Picker, select the surface’s color, and picking the Gradient Tool (G), set with low Opacity, make a gradient on the body from left to right. For the lower part, create another layer, “Bounced Light 2”, set its Blending Mode to Normal and 25% Opacity and make a new gradient over it. to avoid staining the background with the gradients, select the body’s shape before making them.

Step 26

To create more balance on the shadows, create a new Layer “Shadows Correction”, set its Blending Mode to Soft Light and 50% Opacity, then, picking the Gradient Tool (G), and black color, make a gradient from lower left side to upper right.

Step 27

Now we have the character completely integrated on the background, so, duplicate and merge the previous layers to get the final image. To add some vignetting on the image, go to Filters > Lens Correction, and on the Custom tab you will find its settings, a quantity of -15 will be ok.

Step 28

Finally, I like to add some noise to my images, create a new Layer, set its Blending Mode to Multiply and 100% Opacity. With the Paint Bucket Tool, fill it with white color, and go to Filters > Noise > Add Noise, a quantity of 5% will be enough.

Step 29

Here we have our buddy caught by surprise while was taking a walk by the kitchen looking for some tasty things…

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