Your Favourite Photoshop Tutorials in One Place
- Photoshop is recommended for this tutorial -
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
Photoshop Lady aims to collect the best and free photoshop tutorials around the internet. All of the high quality photoshop tutorials are categorized into 3D Effect, Abstract Effect, Drawing Effect, Photo Effect, Text Effect, Texture & Patterns and User Interface Design.
You can see the rating and number of views for each Photoshop tutorials.You can add your favorite photoshop tutorials simply by clicking “Add to Favorite”, so that you can revisit them at any time. You can also drag your favorite photoshop tutorials into the bin if you do not need them anymore.
Photoshop Lady is updated daily. Please make sure you have subscribe to our RSS Feed as well, so that you can receive new high quality photoshop tutorials everyday. We are very welcome you to submit your own photoshop tutorials to us as well. There will be more features coming soon. Please stay tuned.
Welcome (back) to Photoshop Lady. Thanks for reading!
In this intermediate Photoshop tutorial we will be walking through the making of an interesting, creative advertisement poster. This is what I would consider great for advertising your newest product, or just getting some design practice. I will not be explaining the function of every tool in Photoshop used in this tutorial, instead I will be walking through the design process (if you could call it that, anyway).
Here is our end result:
About the Author
Eli is a young and aspiring web designer from South Australia.
Before starting, you may want to locate some inspiration for your design. Here are just a few great places for finding design inspiration:
1. Setting up the Canvas
When creating a new document (File > New), you may want to use a Preset size. I selected International Paper > A6. This is just for practice, so we want to keep it fairly small and RGB as the color mode.
Resolution should be at 300, unless you want to change it. To fit the document nicely on your screen you will probably have to zoom out to around 33.3% of the document size.
2. Creating a Basic Background
For our basic background we’ll just be using a radial gradient. Locate and get out the gradient tool, then set your settings similar to these:
The colors seen in the above image are: #a2f0e0 and #3793b3. All done? Create a radial gradient in the center of your document. I recommend you draw some rulers onto your canvas so you can find the center easier.
2-2. Additional Background Effects
Now we want to upgrade our basic background a little bit. You can do this by adding a simple texture in there then messing with the layer mode(s) and opacity. First, head on over to Katanaz-Stock on deviantART and download the Light Texture 03 image.
Copy this image onto your canvas, resize/rotate it if you like, then change the layer mode to Multiply and lower the fill/opacity to something very low, 10% for example.
Duplicate your texture layer once, change the layer mode to Screen and put the opacity up to 50%.
Now, we still have a fairly basic background, but it’s much nicer than just a gradient.
3. Choosing your Product
Now you need to decide what sort of product you want to promote in this design. It could be a cell phone, a gaming console, something fashion-related, or anything really. I’ve gone with something a little more unique for this tutorial, a GP2X F-200.
Click the above thumbnail for the fullsize image that we’re using.
3-2. Touching up Product Image(s)
Part of the job is touching up product images and making them suitable for placing in your main design document. As you can see, the image I’ve chosen has some noticeable blotches, blemishes, etc. so let’s try and remove them using the Clone Stamp Tool. There are a few different tools that you can use to remove imperfections, but I’ve found the Clone Stamp Tool works just fine (maybe even best), in a case like this.
If you’re not too fond of what we’re doing in this step, you can of course just download the PSD file at the end of the tutorial and use the cutout, although you won’t have learned much!
After you have touched the image up, we need to cut the product out from the background. Since the product is very light grey on a white background, you can’t simply use the Magic Wand Tool, can you? So we’ll have to use the Pen Tool to make a very clean, precise selection around the device.
Obviously I can’t really walk through you through the entire making of the path, so if you’re a newbie with the Pen Tool and making paths, I recommend you read this advanced tutorial on the Pen Tool.
Optional: after you’re done you may want to add a colorful image into the screen of your product.
4. Product Placement
After you’ve made all of your touchups and cutout your product, copy it over your other canvas. If you’re running a newer version of Photoshop (CS3 I think), you should be able to convert your layer to a smart object, so you will be able to resize it, rotate it and resize it again (over and over) without losing quality.
So, if you’re on a newer version of Photoshop, right-click your product layer and convert it to a Smart Object.
Using Transform Mode (ctrl+t), size your product down to something more appropriate and then position it accordingly. To bring your product off of the background, you may want to apply a basic drop shadow via an Outer Glow layer style.
Duplicate your GP2X layer twice, rotate one -15.0 degrees, and the other 15.0 degrees using Transform Mode (ctrl+t). Position your new duplicates accordingly, and size them down a little if necessary. You have to use your own imagination here.
Both duplicates have a similar Outer Glow layer style applied to them, except using a lower opacity.
5. Abstract Elements
To make our design “pop” we’re gonna use some abstract elements.
Using Cinema 4D I managed to muster up a basic but cool abstract render using the GP2X image as the texture. Using this render we’re going to make our design look a whole lot more interesting.
This is how I made use of the 3D abstract:
1. Start by copying it to your canvas, make a few duplicates.
2. Rotate/resize/position your render(s) underneath the product, then erase away the parts of the render that make the overall design look worse than better.
3. Repeat 1-3 times.
And now I have this:
Now that looks much better! If you look around for some inspiration, or in some magazines for creative cellphone ads, you’ll notice these ads have a similar design style going on. The idea is to get some creative elements behind the product/around the product/maybe on top of the product.
6. Vector Elements
I still think our design is a bit boring, so let’s find some vector stocks. Check out the freebie websites such as Vecteezy and find some vectors. Or you can go to iStockPhoto/Vector Stock/Go Media and get some premium vectors.
To start off with I just used two simple splats with a light, sky-blue color (#87ffff), but it should be very easy to find a free brush that will do the job of these vectors just fine.
Next, I used a set of vector icons that I bought a while back from Vector Stock for just one credit (one dollar!) to place underneath the product. This is what I’ve got:
This may look better or worse in your opinion, so please feel free to do whatever you like with the design to make it according to your tastes.
Note: the icons in the above image have an outer glow applied to them, using a light color and Linear Dodge as the blend mode.
Another note: for some reason I’ve been unable to locate these icons again on Vector Stock, otherwise I would have linked to them. I’m sorry if this is an inconvenience.
If possible, find a large version of the logo that belongs to the product you’re trying to promote here. Copy it onto your canvas and resize it to an appropriate size.
Optional: lower opacity and apply layer styles to add extra effect to the logo.
Next, add in some text describing your product.
Top text, description:
Bottom text, website URL:
The font used here is called Frutiger, it’s a commercial font rather than a free one, so you may want to find a suitable alternative. The text you can see in the above images also have a slight Drop Shadow layer style applied to them.
Finalizing the design is up to you. You need to add your own touches to this design to make it perfect. I don’t think I did anything to it that wasn’t stated in the tutorial! Some ideas would be to change the color of the document using some adjustment layers (add more contrast using levels adjustment, etc.)
A good idea would be to add some more color, so if you like, create a new layer, select a large, soft brush and make a few blobs on your canvas using different colors. Change the layer mode to something such as Color Dodge or Overlay.
Subscribe to Photoshop Lady
Thanks for reading the tutorial, I hope you enjoyed it.
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.
Completion Time: 1 hour 30 mins
Stock: Beauty – http://www.istockphoto.com/stock-photo-3736351-beauty.php
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.
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.
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:
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%
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.
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.
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.
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.
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.
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.
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:
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.
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.
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
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.
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…
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.
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.
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.
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.
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.
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.
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.
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.
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.
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!
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:
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.
Sometimes, you may find it difficult to look for some of the highest quality photoshop tutorials using search engines. As most of time, almost all tutorials would label themselves to be good, high quality or even the best photoshop tutorial you can find. When searching through all these tutorials, your time is wasted.
In order to save your time, Photoshop Lady come up with Top 10 Icon Design Tutorials in Photoshop. These are selected from our Photoshop users and readers.
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.
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