Photoshop Lady

Your Favourite Photoshop Tutorials in One Place

Making-a-Flying-Dragon-Scenery

Under


- Photoshop is recommended for this tutorial -

 
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

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 Create an Eye Catching Digital Illustration

How to Create an Eye Catching Digital Illustration

In this tutorial, we’re going to teach you how to use simple elements at your disposal and combine them to create an eye catching digital illustration. We will work through techniques like lighting placement, clipping masks, shadows and more. If you want to improve your Illustration skills and composition then this tutorial is for you.

Final Preview

Tutorial Details

Completion Time: 1 hour 30 mins
Stock: Beauty – http://www.istockphoto.com/stock-photo-3736351-beauty.php

Step 1

Open up Photoshop and import your stock photo, I used Beauty From IstockPhoto in this case. Once you have the stock photo opened up, duplicate the layer by right clicking on the background layer and hitting duplicate layer (CTRL + J). Its always good to have a copy of your original present in your composition.

Now let’s add a Image adjustment, go up to Layer>New Adjustment Layer>Gradient Map and use the default Gradient Black to White, now drop the opacity of the layer down to 52% and set the blending mode to Luminosity.

Go up to Layer>New Fill Layer>Gradient and hit the OK button and choose a gradient that runs Dark Blue(#0e272f) to Light Blue(#5993a4) Now set the Blending mode of that layer to Screen and erase parts of the layer that you do not want.

Step 2

Now get yourself a Bubble C4D that you like and import it into the image, Position it where you want it and change the Blending mode to Linear Dodge. I positioned the Bubble C4D on the Bottom part of her shoulder.

Now go up to Layer>New Adjustment Layer>Brightness and Contrast – Set your Brightness to +27 and your contrast to +39 and hit OK.

After setting up a new adjustment layer, create a new layer by going to Layer>New>Layer (CTRL + SHIFT + N) and Fill it with Black(#000000) set the blending options of the layer to Linear Dodge and grab your Brush Tool from your toolbar. I used a 500px sizes brush with bright orange(#ff6b00) and Faded Red(#7f1618) to Create two large lighting circles. I then scaled down the brush and used a soft white brush to just add some lighting depth to the circles and this is what it looked like without the blending mode active.

Step 3

We are going to use this step to add a few adjustment layers to our piece. Firstly go up to Layer>New Adjustment Layer>Gradient Map and choose the stock Purple(#290a59) to Orange(#ff7c00) Gradient and set the blending mode to Screen and the Fill to 13%.

Now go up to Layer>New Adjustment Layer>Curves bend the curve slightly down, you will have to play around with the curves to get your desired depth on the image itself. Now go up to Layer>New Adjustment Layer>Levels and set your levels to 6 – 1.13 – 253

After setting up those adjustment layers, you should have the outcome show below:

Step 4

Now we will create a new layer by going to Layer>New>Layer and then grab your gradient tool, (Shift + G) then set your gradient colors: Orange(#ff7c00) to Pink(#cc0033) and drag it from the top left hand corner to the right bottom corner and then set your blending mode to Soft Light and your Opacity to 30%. Be sure to erase any part of the gradient you don’t like.

The next part I used a Lighting Image that I download from Barton Damer that he shared with us last year, but he has since removed the pack for download and I am not able to share the full image with you guys, sorry for that. What I would have done is get hold of some long exposure photos that either you have taken or bought from somewhere. I integrated the image into the composition and set the blending mode to Linear Dodge and the opacity at 87%

Step 5

Now you are going to create a scatter brush, choose your brush tool (B) and choose a reasonably small size brush in the range of 2px – 5px and a Hardness of 100% and then go to Window>Brushes now check out the settings in the images below.

After setting up your brush create a new layer by going to Layer>New>Layer (Ctrl + Shift + N) and then choose white as your foreground color and brush along the lines of your previous layer, the lighting effect/exposure shot. You should have something like this.

Step 6

In this step we are going to use parts of the image itself to create a new element to use, Firstly create a new layer by going to Layer>New>Layer and then go to Image>Apply Image (Ctrl + Shift + Alt + E) now grab your marquee tool and draw a small rectangle on her face, you can choose where, but I chose across her nose and eye and then hit (Ctrl + Shift + C) That merge copies the current selection.

Now create a New Layer by going to Layer>New>Layer (Ctrl + Shift + N) and then go up to Edit>Paste this will paste the copied piece in a new layer. Now go to Edit>Free Transform (Ctrl + T) and rotate the selection 45 Degrees.

Now set the Blending Mode to Soft Light and Move it down into the Lighting Area, I copied the selection twice and just moved them around on top of each other to create a vibrant feel. I also erased the parts that I don’t like to blend it in better.

Step 7

Now create a new layer by going to Layer>New>Layer and fill that layer with black(#000000) now set the blending mode of that layer to Linear Dodge and Grab your Brush tool, use a moderate size tool of about 500px with hardness set to 0%. Use a Dark Yellow(#f38d30) as your foreground color and brush in the bottom left corner of the piece. Remember to brush on the same layer that you filled with black. Now with the same layer selected go up to Filter>Blur>Radial Blur and use the zoom effect at 100% you should have something like this.

Next I used a Smoke Image that I got from SXC – http://www.sxc.hu/browse.phtml?f=view&id=788872 and imported it into the composition. I then set the blending mode to Linear Dodge and set the Opacity to 27% I then Used Free Transform Edit>Free Transform to rotate the image to the left a bit and move it down into the comp to compliment the flushed lighting at the bottom.

I then created a new layer Layer>New>Layer and filled it with black(#000000) I then went to Filter>Noise>Add Noise and set it to 33% Uniform and Monochromatic noise and hit OK. I then went to Image>Adjustments>Levels and used the settings below:

Now set the Blending Mode of the layer to Linear Dodge and the Opacity to 37% and erase the areas over her face and the areas you don’t want. You should have something like this.

Step 8

In this step we will be leveling out the lighting in the piece a bit. Firstly create a new layer by going to Layer>New>Layer and then grabbing your brush tool at a medium size set the blending mode to Linear Dodge and then use a bright color ex.yellow or white to fill in the lighting gaps on the left hand side of the image, play around with the strength of the brush to determine how bright you want the actual brushing to be.

Next create another new layer and then set the blending mode to Linear Dodge now with the same brush choose a Soft Green (#c1b568) and brush it along the side of her eye, above her cheek.

Next create another new layer and set the blending mode to Linear Dodge and now using a bit larger brush with the color Pink(#c03369) brush on the bottom of the image to equal the pink at the bottom. You should have something like this.

Step 9

Now create a new layer by going to Layer>New>layer and then grabbing your brush tool and picking a nice splatter brush to use. Now brush on the back of her neck with the splatters moving away from her. Now hide that layer and create a new layer. Now go to Image>Apply Image and then unhide the layer that you previously hid that contains the splatter brushing now with the new applied image layer selected press (Ctrl + G) or right click on the layer and select Create Clipping mask. Now grab your Move tool (V) and then move the image around, you will see the image moving around within your splattered brush. Move the image around until you are totally satisfied with it.

Now Create a New another New Layer and select your Brush tool, but a normal Large soft brush ex 900px now select a soft blue color(#00acec) and brush on the bottom of the image on the right hand side, Now select Pink (#c03369) and brush on the left hand side, after you have brushed set the Blending mode of the layer to Linear Dodge.

Now go to Layer>New Adjustment Layer>Black and White and then hit OK. Set the Opacity to 53% and then erase parts of the layer that cover her face and the colors on the bottom. You should have something like this.

Step 10

We will start off by going to Layer>New Adjustment Layer>Gradient Map and then use the default black to white gradient and set the blending mode to Multiply and then erase the sections that you don’t want part of the gradient map.
Now in this section grab your Polygonal Lasso Tool (Shift + L) and then make a selection in the upper section of the piece that runs 45 degrees like seen below.

Now create a New Layer by going to Layer>New>Layer and then grab your gradient tool and set the gradient- white to nothing. And then drag your gradient tool from the top right to the bottom left within the selection then deselect the selection by going to Select>Deselect and then change the blending mode of your layer to Overlay and the Opacity to 58%. Now repeat that process about another two times putting them where you want them to be and where it suites your image.

Step 11

Now use the same scatter brush technique that you used in STEP 5 and Create a New Layer and fill it with Black then set the Blending mode to Color Dodge and opacity to 82% and then use a White scatter brush, a bit larger than the previous one though. Brush along your exposure lines and erase the parts you don’t like.

Now create a new layer by going to Layer>New>Layer and then go to your brush tool and select a 19px hard brush and then grab your pen tool (P) now drag a line on your earlier copied face layers and then stroke that layer with simulate pressure, offset it a little bit though. Set the Blending mode of the layer to Overlay and now repeat that process on the other edges of the copied piece.

You should have something like this:

Step 12

Create a New Layer and fill it with black. Set the Blending mode to Linear Dodge and Opacity to 60% now grab a Large Soft Brush and use the color Blue(#00acec) and brush on the bottom right hand side of the image and then use a soft Pink(#ff74d1) brush in the middle on the right hand side. You can use the colors that match your image if you aren’t following my exact tutorial.

Create a New Layer and then go to Image>Apply Image now go up to Filter>Liquify then use the Twirl Brush in the Liquify toolset and create random swirls and motions. Hit OK when you’re done and then set the Blending mode of the Layer to Lighter Color and erase all the parts that you do not want present in the image.

Now create another new layer and then set the Blending Mode to Color Dodge and grab your Brush Tool and select a Large Soft Brush and use the color Purple(#3b2d82) to light up the top of her head on the right hand side. You should have something like this.

Step 13

Create a Gradient map by going to Layer>New Adjustment Layer>Gradient Map and use the Default Black to White Gradient and set the Blending Mode to Luminosity and the Opacity to 44% Now create a new layer and use a Soft Pink brush(#ff4dd7) and brush on her check for some shine.

Now Create a new Layer by going to Layer>New>Layer and then setting your brush size to 10px and then grabbing your pen tool. Now Drag a small line with your pen tool and then stroke that line with Simulate Pressure and delete the path by right clicking>Delete Path. Now with the Layer selected hit (Ctrl + J) or right click on the layer and hit Duplicate Layer. Now use the Free Transform (Ctrl+T) tool to rotate the stripe 90 degrees. On the same layer grab your brush tool and increase the size of the brush and use it to make a dot in the middle of the corresponding stripes. Now press (Ctrl + E) to merge one layer down. Now move the star around to where you want to place it. Now duplicate it by right clicking on the layer and pressing Duplicate Layer and then move it around to another place. Play around a bit by duplicating them and resizing them to suite your needs. You should have something similar to me below.

Step 14

Last but not least create a new gradient map by going to Layer>New Adjustment Layer >Gradient map and choose the blue(#0a00b2) to Red(#ff0000) to Yellow(#fffc00) gradient and then hit OK. Set your Blending mode on the Layer to Soft Light and The Opacity to 18% and you’re done.

Thanks for reading the tutorial.

About the Author

Artist: Jacques van Heerden // An1ken
Portfolio: www.an1ken.net
Twitter: @An1ken – www.twitter.com/An1ken
Blog: www.creativeoverflow.net

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

3D Spiral Flash Gallery Giveaway Contest

3D Spiral Flash Gallery Giveaway Contest

3D Spiral Flash Gallery Giveaway Contest

Under Articles ( Author: Photoshop Lady )

flashloaded.png

Introduction

The 3D Spiral is a Flash gallery component that displays images on an interactive 3D rotating spiral using the Papervision3D engine.

To obtain different layouts by changing the height and width of the spiral, the viewer can scroll, move up/down and zoom the spiral freely. It includes customizable opening and closing animation styles and a built-in preloader for seamless transitions between thumbs and large images.

Giveaway Contest

Flashloaded offers Photoshop Lady 3 free 3D Spiral Flash Gallery Licenses and each of this currently costs $49.95. We have decided to give away these to our readers. I am sure you would love it and benefit from it a lot.

To participate, you can simply make a post on our Photoshop Forums. And we will draw 3 outstanding posts on 18th Nov 2008. Act quickly and don’t miss this chance to win the new generation flash gallery component.

Fantastic Digital Artworks for Design Inspiration

Fantastic Digital Artworks for Design Inspiration

Photoshop is an excellent tool for seamlessly compositing disparate elements into a beautiful photomotage and making sophisticated artworks. The best way to improve yourself is to make reference to other fantastic works and great ideas. There are lots of professionals graphics around the internet. To ease of your life, we have selected some nice works in this article. Hope it can help and inspire you to develop your great works.

The Future World

Future-World

The King and Lion

The Forest God

Forest-God

The Goddess of Spring

The-Goddess-of-Spring

Swan Lake Beauty

Swan-Lake-Beauty

Open World

open-world

The Decider

The-Decider

The Colosseum

The-Colosseum

The Best Photoshop Tutorials in 2014

The Best Photoshop Tutorials in 2014

Happy New Year! Photoshop Lady Group would like to say thank you very much to everyone who has been supporting Photoshop Lady in the past and we do hope our contents can inspire and help you with your artwork creation. Some published great tutorials from 2014 have been selected in this article and hope you guys like them. Enjoy!

Dissolution – 25 Years of Photoshop

Dissolution – 25 Years of Photoshop

This digital painting was created by Germany creative director or illustrator Martin Grohs. Actually it is a wallpaper, titled as “Dissolution”. It portrays one vision, one space-lady with melting space suit disappearing before a hot exploding plant. These all reflect the theme “what you take from the earth, you must give back, that is nature’s way.”

This wallpaper was made to celebrate 25 years of photoshop. The greatness of photoshop is it can present imagination to us or we can just have imaginations. While one fantastic uniqueness of this wallpaper is that it is dynamic, which shows audience a gradual progress of dissolution. Space-lady’s changing space suit, the color-changing space and the plant embody the theme of dissolution, presenting a coming explosion. And at the end of the process ,the word “dissolution” perfectly appears on the screen. This is really a piece of super-inspiring work.

Choose resolution : 2560 x 1440 . 1920 x 1200 . 1680 x 1050 . 1440 x 900 . 1280 x 1024

dis_solution

dissolution

young caucasian woman

Dissolution-25 Years of Photoshop-11

Dissolution-25 Years of Photoshop-10