Photoshop Lady

Your Favourite Photoshop Tutorials in One Place

Making-a-Nice-Avengers-Logo-in-Photoshop

Under


- Photoshop is recommended for this tutorial -

 
Deal of the Week: Gorgeous Gioviale Script Font

Deal of the Week: Gorgeous Gioviale Script Font

Script fonts have their issues. They can be bold and brash, yet legible. Or they can be beautifully curvaceous, yet a bit tough to decipher. What you need is a font that’s “just right.” The perfect balance between the two is the Gioviale typeface from Laura Worthington.

This gorgeous script font includes 300 swashes, more than 1,000 glyphs, 20 ornaments, 20 discretionary ligatures and more! Gioviale is available as both a Desktop font (files delivered in .OTF and .TTF formats) and Web font (supplied as .EOT, .SVG, .TTF, and .WOFF formats). The Desktop version is compatible with both Mac and Windows.

2014-06-16_174219

Gioviale normally sells for $37 (for the Desktop version), but for a limited time only, you can get this practical and pretty script font for only $15! That’s almost 60% off the regular price! OR get both the Desktop and Web Font versions together for just $22!

Advertise

Advertise

Introduction

Photoshop Lady is established in April 2008. We have been growing really fast within these six months. Photoshop Lady has been featured on many popular websites and blogs and has been received a lot of positive feedback.

Photoshop Lady aims to collect the best and free photoshop tutorials around the internet. Photoshop Lady is updated daily. User can add your favorite photoshop tutorials simply by clicking “Add to Favorite”, so that users can revisit them at any time.

Currently, there are over 10,000 RSS readers with over 200,000 unique visitors and over 800,000 page views / month. Our visitors consist mainly of professional designers from all over the globe with the majority located in the US. You can find more details about each ads zones below or via BuySellAds.

Small Banner Ads

The banners are located at the Top of the Blog. The banner ad will appear on every single page of the blog. The banner size is 160x100px. You will receive over 800,000 impressions every month, the banners are static and will not be rotated. There are only 0 / 4 ads spots are available. The cost of Top Small Banner Ads is $280/month.

sbanner.png

Leaderboard Banner Ads

The banners are located After the 1st/2nd Blog Post. The banner ad will appear on every single page of the blog. The banner size is 728x90px. You will receive over 800,000 impressions every month, the banners are static and will not be rotated. There are only 0 / 1 ads spots are available. The cost of Top Small Banner Ads is $380/month.

sbanner.png

Skyscraper Banner Ads

The banners are located at the Left Side of the Blog. The banner size is 200x400px. You will receive over 800,000 impressions every month, the banners are static and will not be rotated. There are only 1/1 ads spot available. The cost of Sidebar Large Banner Ads is $350/month

lbanner.png

If you are interested, please feel free to make a puchase via BuySellAds.

Awesome Digital Art Portrait of Zephirus

Awesome Digital Art Portrait of Zephirus

Emi Haze is an Italian digital artist and illustrator who has a strongest passion for art and painting connected to technology. In his works the human being melts with nature and its four elements to give birth to his inner world, ethereal and imaginative, hanging in balance between reality, dream and fantasy. A harmony that bonds man and nature in a perfect way and which unfortunately nowadays seems to be a utopia.

His style is a mix of all these tools, digital art and photography but also various hand-made elements such as scratches, ink marks, acrylic or watercolour stains. For him, everything in every moment has an artistic side, the aesthetics of things, people around him…everything has its own importance, images, textures, sounds, fragrances, his creativity is constantly stimulated.

Zephirus-1
Zephirus-2
Zephirus-3
Zephirus-4
Zephirus-5
Zephirus-6
Zephirus-7
Zephirus-8
Zephirus-9
Zephirus-10
Zephirus-11
Zephirus-12
Zephirus-13
Zephirus-14

Create a Realistic 3D Snooker Ball in Photoshop

Create a Realistic 3D Snooker Ball in Photoshop

In this tutorial, it will demonstrate you how to create a realistic 3D snooker ball. It is not difficult to make. Hope you will find it interesting. To create a 3D design, the shadow and reflection are always the most important elements to think of. Once you get familiar, your design will become awesome.

My final result for the 3D snooker balls will be as this:

Full-Size-for-Snooker-L

1. The first thing to do is the background. Choose the combination colour brown & yellow – #bdc68d .

Create a Shiny 3D Snooker Ball in Photoshop1

2. Combine it with my chosen texture and set the opacity = 50% as below. (You can download the texture from http://www.flickr.com/photos/bittbox/2118265369/sizes/l/

Create a Shiny 3D Snooker Ball in Photoshop2

3. After complete the background, we can actually create the snooker ball. And I have chosen the ball in brown colour – #b79e3a. Using Elliptical Marquee Tool to make a simple circle, then fill the colour by gradient tool >radial gradient as below.

Create a Shiny 3D Snooker Ball in Photoshop3

4. The brown circle is created, we can move on the next step, making some shadow for the ball. Go to Select > Modify > Contract by 20 Pixel.

5. After the contraction, create a new layer. Then using the gradient tool to fill in the black colour and adjust the gradient editor setting as below:

Create a Shiny 3D Snooker Ball in Photoshop5

6. Using the blur tool > Gaussan Blur to the previous painted (black) colour. Set your Blur Radius = 5 pixel.

Create a Shiny 3D Snooker Ball in Photoshop7

7. You should achieve the ball similar as below. Then let’s go to make the reflection effect for the ball.

Create a Shiny 3D Snooker Ball in Photoshop8

8. Move the elliptical circle into the upper part. And then fill the colour in gradient > radial gradient and set the colour as below.

Create a Shiny 3D Snooker Ball in Photoshop9

9. Press ctrl, then move the pointer to the ball’s layer thumbnail. Then elliptical circle will move back to the ball. Then press ctrl + Shift + I to select the rest bit of the circle. And you can delete the colour out of the circle. You should achieve the ball as following.

Create a Shiny 3D Snooker Ball in Photoshop10

10. Using the above-mentioned skill, make the elliptical circle and apply the contraction to the circle set the radius as 6 pixel. Fill the circle in white colour and set Opacity into 80%. Then repeat the same step to make one more circle with 8 pixel. Then delete the colour inside the small circle. Use the eraser to make the upper bit reflection, it should be like the curve at final

Here you have to try the adjustment of Opacity & blur until the result reaches your satisfaction because the strength of reflection really rely on these adjustments. Here you go, it is my result.

11. For the shadow at the bottom, you just need to simply create an ellipse circle by elliptical circle tool, fill it in black by “paint bucket tool”. Apply the blur > Gaussian Blur into 6 – 8 pixel.

Create a Shiny 3D Snooker Ball in Photoshop11

12. The last step is to simply add a white circle in the centre and add the number.

Full-Size-for-Snooker2-2

13. Duplicate the layers, to create one more ball in red, and you should be able to achieve the scene as below.

Full-Size-for-Snooker-L

Hope you can enjoy and this tutorial can give you an idea to develop your personal 3D object.

Thank you very much!

Weekly Design Inspirations and Resources for Designers

Weekly Design Inspirations and Resources for Designers

Here we got the best inspirations and design resources around the world. Some of the most inspiring images selected by our writers and readers. Take a look at the links we have selected for your inspiration and to keep you updated about what’s going on out there. If you want to participate and share your graphic design inspiration, please feel free to let us know. You can also check out Webdesigner News for more great content from around the web that can be interest to web designers.

Giza Pro Typeface

Moon Typeface

4K Magazine PSD Mockup

Boris Khalvadjian – Branding

Hand-drawn Graphic

60 Days of Logos

Google Rebranding

55+ Elements UI Kit

Illustrator Vs Photoshop

Lombok Typeface

Want more? No problem! Keep track of top design news from around the web with Webdesigner News.

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.

Parallax Your Site, Code-Free & Join Webydo’s Closed Beta

Parallax Your Site, Code-Free & Join Webydo’s Closed Beta

Webydo offers a code-free, fully integrated website design solution for professional web designers. However, what does it take for a designer to start creating sites for their clients? First, after a year, Webydo has become known and widely praised by the creative professional community for their intuitive design studio, feature rich options and ability to continuously develop and add new features for their designers. The best part about all of this is that there is absolutely no code involved.

image001

Innovation is piped in through the air vents at Webydo because what the designers are able to accomplish in a year has taken other similar platforms twice the amount of time. The latest and most exciting feature update is Webydo’s code-free, Parallax Scrolling Animator. Presently only offered in closed-beta, Webydo is granting access to the first 3,000 designers who sign up. Keep in mind that this is a hot feature and picking up a lot of attention and invites are running out quick, so grab yours before this unique opportunity closes.

image003

Webydo’s mission is to put designers in the driver’s seat of every project or task. Good news for designers is that by adding the ability to create a Parallax Scrolling website with their pixel-perfect animator, they can work independently to create and manage websites for their clients that will meet today’s hottest web design trends. We have seen some big names recently switch over to parallax scrolling such as Puma and Sony. In addition, designers can work on a site to site basis or upgrade their work load by signing up for the team or agency packages. This allows designers to have more control over their client’s websites and growing their design agency.

image004

You can place Webydo in the center of your business so that you have the option to do more in less time. It’s not going to be the run of the mill website creator. Getting starting is more intuitive for the experienced designer thanks to the familiar layout that is akin to that of Photoshop or InDesign. Shortening the learning curve and getting designers creating sites either right from a blank canvas or to take inspiration from one of the readymade designs or layout options.

image005

There are some incredible features within this B2B cloud-based design suit. You will be able to create a great looking website from start to finish without using code. You can also bill your clients within the dashboard. When your clients enter the CMS aspect to make any changes to content, they see your logo thanks to the white labeling option, allowing you to not only brand the dashboard but also help clients to see exactly where they are.

The community is really what makes Webydo so unique. The “Participate” page is where designers can propose features and let the community vote. Within a few weeks, the Parallax Scrolling Animator will also be live, which is one of the hottest trends hitting web design right now. In case you’re not sure of what this is, it allows depth, movement, and animation to be added when a user scrolls down the length of a web page. Providing an almost 3D affect, that started picking up popularity in video games and then taking off in 2013 by the web design community.

image007

Webydo’s closed-beta invites are again available for the first 8,000 designers who sign up and they will have the opportunity to be some of the first to experience the freedom of Parallax Scrolling Animation with Webydo.

image009

This article is presented by Webydo’s professional community of designers.

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