Photoshop Lady

Your Favourite Photoshop Tutorials in One Place

Amazing Avatar Creation

Under


- Photoshop is recommended for this tutorial -

 
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

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.

Designing a Portable Gaming Device Poster

Designing a Portable Gaming Device Poster

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:

GP2X Console Advertisement Design

About the Author

Eli is a young and aspiring web designer from South Australia.

Inspiration

Before starting, you may want to locate some inspiration for your design. Here are just a few great places for finding design inspiration:

deviantART (Designs & Interfaces)
depthCORE
Designflavr
Smashing Magazine Inspiration
Web Design Inspiration

And there are plenty more sites out there where you can get inspiration, just take a look. You can even get inspiration from stock sites such as iStockPhoto and Vector Stock.

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.

Settings for New Document

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:

Radial Gradient Settings

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.

Centered Radial Gradient

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.

Light Texture Added

Duplicate your texture layer once, change the layer mode to Screen and put the opacity up to 50%.

Light Texture Duplicate

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.

Head over to Google Images and search for a large or an extra large image of whatever product you want to use. I was lucky enough to find a pretty decent, extra large image of a GP2X.

gp2x

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.

Clone Stamp Tool in Action

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.

Pen Tool and Path Created

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.

GP2X Screen Added

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.

Convert Layer to 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.

Outer Glow Layer Style Added

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.

Duplicate and Rotate Products

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.

Download Abstract Render

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:

Abstract Render Duplicates

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.

Splatter Vectors Added

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:

Icon Vectors Added

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.

7. Logo/Text

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.

Logo Added

Optional: lower opacity and apply layer styles to add extra effect to the logo.

Layer Styles Change

Next, add in some text describing your product.

Top text, description:

Top Description Text Added

Bottom text, website URL:

Bottom Text (URL) Added

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.

8. Finalizing

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.

GP2X Console Advertisement Design

Subscribe to Photoshop Lady

If you don’t want to miss any great articles or tutorials, please subscribe to Photoshop Lady via a feed reader, or via email updates!

Thanks for reading the tutorial, I hope you enjoyed it.

Contact Us

Contact Us

  1. (required)
  2. (valid email required)
 

20 Best Places to Submit Your Photoshop Tutorials

20 Best Places to Submit Your Photoshop Tutorials

When you have created your own amazing Photoshop tutorials, I am sure you would like to spread the world by submitting them to the Photoshop tutorials sites. However, many of the Photoshop tutorials sites are inactive, and have not been updated for a long time. Only some of the Photoshop tutorials sites can drive you large amount of traffic.

We have selected the following 20 Best Places to Submit Your Photoshop Tutorials. They can gives you nice amount of traffic and a good quality of valid linkback. You can find the “Direct Submission Link” on each of the Photoshop tutorials sites we mentioned. We hope it can make your life easier.

—————- Direct Submission Link —————-

Pixel2Life

Pixel2Life

Pixel2Life is probably the biggest tutorial search engine on the web, covering the most subjects as well.

—————- Direct Submission Link —————-

Good-Tutorials

Good-Tutorials

Good-Tutorials is the largest source of tutorials on the web today. It has been featured on the BBC, SkyNews, TechTV (now G4), in the British magazine iCreate, PC World, and has been linked to by thousands of sites, blogs and forums. Since its start in 2002, it has been designed, coded, and loved by Zach Holman.

—————- Direct Submission Link —————-

Design Bump

Design Bump

Design Bump isn’t just a tutorial website, rather a general design resources depository. Covering subjects such as: Web Design, Tutorials, Flash, Business, Programming, WordPress and much more!

—————- Direct Submission Link —————-

Psdtuts+

test
Psdtuts+ is a blog/Photoshop site made to house and showcase some of the best Photoshop tutorials around. We publish tutorials that not only produce great graphics and effects, but explain the techniques behind them in a friendly, approachable manner.

—————- Direct Submission Link —————-

PSLover

PSLover

One of the bigger Photoshop tutorial databases on the web, PSLover has been arond for quite a while now and is still going strong.

—————- Direct Submission Link —————-

Tutorialvault.net

Tutorialvault.net

Tutorialvault.net focuses on collecting and archiving the best graphic and coding tutorials on the internet. While a large part of our database features tutorials from the Adobe Family of programs, we also have a vast list of CSS, PHP and 3D tutorials.

—————- Direct Submission Link —————-

TutorialsGarden

TutorialsGarden

Covering many subjects extensively, such as: 3D Studio Max, CSS, Fireworks, Flash, Gimp, Photoshop and more.

—————- Direct Submission Link —————-

Tutorial Outpost

Tutorial Outpost

Tutorial Outpost was started in November 2003 by Josh Pigford initially as a project to learn web development. It quickly turned in to much more as being one of the first major tutorial portals around. It has expanded in to many more categories past the initial Photoshop Tutorials and is now visited by more than 125,000 people each and every month.

—————- Direct Submission Link —————-

Tutorials Expert

Tutorials Expert

Covering subjects of: 2D graphics, 3D graphics, audio editing, business applications, databases and more.

—————- Direct Submission Link —————-

Photoshop Roadmap

Photoshop Roadmap

A brilliant collection of Photoshop tutorials, brushes, resources and plenty more.

—————- Direct Submission Link —————-

FSTutorials

FSTutorials

A beautiful depository for Photoshop tutorials, including the following categories: basics, buttons, color effects, designing, drawing, photo effects, special effects, text effects, textures and web graphics.

—————- Direct Submission Link —————-

TutorialMix

TutorialMix

Covering topics on the following: 3DS Max, Photoshop, ASP, Cinema 4D, Dreamweaver, Illustrator and many more.

—————- Direct Submission Link —————-

Tutorial-Index

Tutorial-Index

One of the younger but larger collections of tutorials on the web. Tutorial-Index covers the following subjects: Photoshop, Flash, PHP, Unix, Javascript and many more.

—————- Direct Submission Link —————-

TutorialKit

TutorialKit

Covering many popular categories, including: Photo Correction, Special Effects, Text Effects, 3D Effects, Web Layouts and Graphic Design.

—————- Direct Submission Link —————-

Tutorialized

Tutorialized

One of the oldest tutorial databases, Tutorialized has been around since the beginning.

—————- Direct Submission Link —————-

Total Tutorials

Total Tutorials

Covering tutorials on Photoshop, 3D Studio Max and Cinema 4D, Total Tutorials has been in the game for a very long time.

—————- Direct Submission Link —————-

Tutorial Center

Tutorial Center

Just some of the categories that Tutorial Center covers: Photoshop, Illustrator, InDesign, Blender, CSS and more.

—————- Direct Submission Link —————-

Kaoz-Tutorials

Kaoz-Tutorials

Covering the following subjects in some depth: Photoshop, Flash, HTML and CSS, Javascript and PHP.

—————- Direct Submission Link —————-

CG Links

CG Links

CG Links covers 3D & 2D files, tutorials, books, plug-ins and textures

—————- Direct Submission Link —————-

CGTutorials.com

CGTutorials.com

CG Tutorials is becoming one of the fastest growing directories of computer graphics tutorials. We seek to index all computer graphics tutorials in order to give them publicity and to give everyone an easy way to find the tutorial they seek.

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.

Depositphotos – Royalty-Free Stock Photos and Illustrations

Depositphotos – Royalty-Free Stock Photos and Illustrations

Introduction

Depositphotos is the best source for premium royalty-free stock photos, illustrations and vector art. If you are a designer, advertiser, photo editor, content manager or blogger, they have millions of high-quality photographs and vector images available at affordable prices to fill all your image needs.

deposite-photo

Their libraries are updated daily through contributor uploads that are closely scrutinized for quality and originality. Between the protections and the controls, you’re assured of finding the highest quality original artwork available anywhere.

It’s easy to become a Buyer right now – just Register an account and start buying pictures today! It’s easy to become a Seller, too. Register for a Seller account and upload your images for review. Once they are reviewed and approved your images you can start selling and earning right away! The system is designed to reward the best sellers, so whether you’re a professional or hobbyist, there’s virtually no limit to what you can earn.

Subscription Plans

Subscription plans allow you to download several photos each day, up to your plan limit. Every image you download using any of subscription plans is provided in all JPEG sizes and Vector images. You may purchase subscription plans of many different levels, from 3 days to 12 months, depending on your needs. It is really handy for designers that need stock images frequently.

stock-images

Free Trail

You can also try out their Free Trial Subscription too. You will be able to download any stock photos or vector images you like absolutely free of charge. Depositphotos’ Free Trial Subscription allows users to download 5 free stock images per day for 7 days. You can use images downloaded during your Free Trial Subscription for any reason, such as personal projects, websites, blogs, newsletters, journals, advertisements, etc.

Conclusion

Depositphotos is one of the best resources for buying and selling Royalty-free photographs and vector images. Their vast library of imagestock coupled with their wide variety of flexible purchase options makes them the most convenient and profitable tool for designers, artists and photographers

How to Create Product Labels in Photoshop

How to Create Product Labels in Photoshop

Hello Everyone here we have a design/illustration tutorial. We are working on a label for a Micro brew beer.

Step 1

First of all, I will go through all the process and how I came up with a rough sketch of what my character would look like.

Here is a sketch on paper with a permanent marker line art. Scan your work and keep the file on a 300dpi resolution. The bigger the better, that way scaling down works best! The sketch was done on red so we could easily separate the line art from the sketch. How? Super easy! At first label your layer by double clicking on it.

Step 2

You can either do it by ctrl+click on PC or command+click on MAC and select your sketch layer, once you have the marching ants you go to the channels tab and click on your red channel.

You copy that channel layer ctrl+c on PC command+c on MAC. And you click again on you composite channel (RGB) to select them all. You go back to your layers panel and paste your red channel as a layer ctrl+v on PC or command+v on MAC. Name your new layer LINE ART.

Step 3

Let’s go to the levels adjustment ctrl+L on PC or command+l o MAC and tweak your sliders so you get a clean black and white image. Try and get all the grays out. Easy! Now to get rid of the white and keep a clean lien art! OK so we can get rid of that first sketch of ours or keep it if you like to have the history. I personally like to have all my layers at the end and see how much the image changed from beginning to end. (I know many of your might be dying about the left eye of the ninja but I’m getting there!) Ok, now we get rid of the white background. Hide all your layers but your line art by doing alt+click on PC or optn+click on MAC over the little eye icon on your layer. We open the blending options of our LINE ART layer by double clicking on the space next to the name or by simply going to your “FX” button.

After that, selecting blending options. There you’ll have 3 blocks and the third one is the one we want: “Blend If: Gray” Here you want to slide the white triangle to the left until the white is totally gone! Click OK when done.

Step 4

Great! Now we need to lock those changes so we need to press ctrl+click on PC or command+click on MAC on the create new layer icon so that the new layer appears under our line art layer. Then select both and press ctrl+e on PC or command+e on MAC to merge both layers onto one and keep it in transparency. Awesome! Now we can finally duplicate that eye and get ready to color it.

Step 5

Once OK, we can go to the painting process. Create a new layer under the line art and layout all your flat colors.

Step 6

it is time to work on your lights and shadows. Use brighter tones of the same layout colors for the highlights and darker for your shadows. Once you finish, you should have something like this:

Step 7

Now we can take this great drawing to the next level. We are going to color the line art. What? my precious clean clack lines? yes! to do this you want to lock the transparency on the line art by clicking on this icon:

Now it is coloring time. Choose the darkest color of the shadow per section of your character. Let’s say you are working on the hoodie of the ninja. Select your darkest value with the eyedropper tool and go a little darker than that. Why? just so that the line art doesn’t blend with the shadows. Once you have that color start brushing in! Your final illustration would look a little like this:

Step 8

Since you have done with the character. It is time to work on the label. Setup your size and resolution on a new document. Remember 300+dpi is best if you want to print. Firstly, we set the background color in green. Press alt+backspace on PC or option+backspace on MAC to fill the layer with your choice of color.

Step 9

With a soft brush ,the dodge and the burn tool you need to work out some shadows and lights. Then choose greens with the same dodge and burn but with a textured brush as below.

Step 10

Now we go to work on the starburst effect. Create a new layer; and then,draw line and dark gray rectangles like this:

Step 11

Go to the main menu and select “Filters” then “Distort” and lastly “Polar Coordinates” and use RECTANGULAR TO POLAR. BAM! Starburst. Now lower the opacity to about 50% and change the blend mode to “Overlay”.

Step 12

It’s time for the Ovals. Firstly, we create our oval in a dark green. And then apply the following layer styles and apply the following settings as below:

Step 13

We duplicate the layer by pressing ctrl+j on PC or command+j on MAC. Then change the color to a darker green and adjust the stroke settings to:

And then, add your illustration layer

Apply the following outer glow layer style to make it POP:

Step 14

And then, we can add logo, flavor and text into the recipe!

Use the same idea to create the template as this:

Download PSD Source File