Photoshop Lady

Your Favourite Photoshop Tutorials in One Place

Beautiful-Glossy-Text-Art-Using-Photoshop

Under


- Photoshop is recommended for this tutorial -

 
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.

A Roundup of 25 Awesome Natural Themed Fonts

A Roundup of 25 Awesome Natural Themed Fonts

Thanks to climate change and a general shift towards eco-living, natural fonts are in high demand right now. We’ve scoured the web to find the best fonts with a natural theme available anywhere, for you to use in your own work. Some are conventional, others are wildly imaginative, but all should serve as a great source of inspiration when creating designs of a natural persuasion. Leaves, logs, trees, beaches, flowers, stones, stars, bugs and even human hair- you’ll find it all, and much more, below.

1. Touch of Nature

This ‘submarine’ font is perfect for use in any aquatic design. Complete with little fishies, it’s reminiscent of fish tanks and sea-life centres.

2. Tree Like

Bowed and warped, Tree Like has a really unique look and ties in perfectly with epic high fantasy. Think: Lord of the Rings.

3. Flame

I love this font! Quirky, peculiar and idiosyncratic, it would be perfect for promotion of a really cool, indie band.

4. Apple Tree

Apple Tree manages to look organic, despite its modern, some-might-say futuristic design. It would look great in work based around futuristic methods of sustainability and carbon conservation.

5. Beach Type

Beach Type is a chilled-out, laid-back kind of font. It’s the font you’d expect to appear on a beach bar on some exotic island.

6. Wood 2

Wood 2 has a classic, handmade feel. Characters seem to have been nailed together from bits of old timber. It’s perfect for work with an organic theme.

7. Flowers Cube

Flowers Cube is an embellished version of a classic, angular font. It has a real vintage feel to it.

8. Natural Log

Natural Log’s spindly, hand-drawn aesthetic makes it perfect for designs aimed at children.

9. Flower 3

Simplicity at its best, Flower 3 looks as though it was written with a blade of grass dipped in ink. It’s utterly charming. Perfect in work centred around agriculture and the countryside.

10. Seaweed Fire

Seaweed Fire is spiky, compact and rather dismal, but fantastic all the same. It should be used in anything to do with horror.

11. Charcoal First

Unruly and irregular, with some letters bigger than others, Charcoal First has a definite graffiti-like, urban quality. It looks like it’s been written quickly, possibly on a wall somewhere!

12. Wild Wood

Rooted to the ground and covered in thin shoots, Wild Wood looks like something from a modern fairytale. It has a certain Tim Burtonesque, gothic quality to it.

13. Stone Cold

Grungy and weathered, Stone Cold is abstract, but still easy to read. This font certainly looks better when it’s bigger.

14. Beyond Sky

Beyond Sky is a very feminine, dreamy font. It’s gorgeous and would ideally suit being used in the beauty industry.

15. Wood Sticks

The cartoon-like Wood Sticks font has a cheerful, light-hearted appearance. It would look great on the menu of a vegan cafe.

16. Night Sky

Night Sky is such a fun font, surrounded by stars and crescent moons. Why not use it in a children’s book or on a website aimed at kids?

17. Bingo Star

Stars are tightly clustered together to form the letters of this highly original, delightful font. If you’re looking for a font that’s unique, this is the one for you.

18. Earth

Sleek, slick, cool and highly professional, Earth is a font fit for the ‘space age’. It’s perfect for use on promotional flyers for club nights or modern, dance music events.

19. Galaxy 1

Similar to the Earth font, Galaxy has a real vintage quality. Like the font used in Star Wars, it looks like it has come straight from the 70s, which is great for use in vintage designs.

20. Alpha Woman Hair

You can’t help but laugh when you look at this font. Cheesy and pretty ridiculous, its letters are formed from various hairstyles. Not to be taken seriously, however, it could be used to great effect in a tongue-in-cheek design.

21. Moon Star

Moon Star looks like something from a 60s TV show like Bewitched or The Jetsons. It’s really magical and would fit well with 60s/70s-like vintage designs.

22. Little Insect

So cute, Little Insect is another hand-drawn font ideal for children or companies with a soft, caring image.

23. Animal Caps

Each Animal Caps letter looks like an antique object. While it won’t fit with much modern graphic design, it’s so imaginative; I just had to include it in this list.

24. Sea Dreams

Sea Dreams looks like it’s suffered from a degree of coastal erosion itself. Soft and calming, why not use it on the front cover of a suitable novel.

25. JF Jungle Rock

Chunky characters, shrouded in plants and bugs, JF Jungle Rock looks like something out of a classic, tropical arcade game. It’s certainly got a hint of caveman about it.

Tom Walker is a blogger and designer working with an online supplier of MFC cartridges, inks and various other print materials to the creative industry. He often writes about innovative advertising and design on the CreativeCloud.

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

The Evolution of Photoshop Infographic

The Evolution of Photoshop Infographic

In 1987, Thomas Knoll, a PhD student at the University of Michigan began writing a program on his Macintosh Plus to display grayscale images on a monochrome display. This program, called Display, caught the attention of his brother John Knoll, an Industrial Light & Magic employee, who recommended Thomas turn it into a fully-fledged image editing program. Thomas took a six month break from his studies in 1988 to collaborate with his brother on the program, which had been renamed ImagePro. Later that year, Thomas renamed his program Photoshop.

During this time, John traveled to Silicon Valley and gave a demonstration of the program to engineers at Apple and Russell Brown, art director at Adobe. Both showings were successful, and Adobe decided to purchase the license to distribute in September 1988. While John worked on plug-ins in California, Thomas remained in Ann Arbor writing program code. Photoshop 1.0 was released in 1990 for Macintosh exclusively.

That’s the early history of Photoshop. Here we have created The Evolution of Photoshop Infographic, in order to show you the entire history of Photoshop up until now.

Click to enlarge.

evolution-photoshop

About the Author

Dona Collins is an infographic artist, blogger and financial writer at CreditLoan.com. When she is free you can find her on twitter and other times you can find her writing articles for creditloan blog.

Photoshop Tutorials Submission Form

Photoshop Tutorials Submission Form

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

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

The Outer Child or Inner Child

The Outer Child or Inner Child

Digital photography works L’Enfant Extérieur (The Outer Child) was projected by French retoucher Cristian Girotto and Quentin Curtat.

These creative original ideas reveal somewhere inside each of us, there’s a young lively, creative but also innocent and naive kid. L’ Enfant Extérieur makes this analysis come ture, showing us a world of men in the shape of children, as if the body could slip on the elapse of life,though wrinkles, freckles and beards may climb on to faces.

The inspiration of these creations begins from the classical dichotomy that questions itself about the nature of purity and the unavoidability of the corruption, without taking this contradiction too seriously, because children are always children. They like to play. More children are expected……

The Outer Child or Inner Child-s1
The Outer Child or Inner Child-s2
The Outer Child or Inner Child-s3
The Outer Child or Inner Child-s4
The Outer Child or Inner Child-s5
The Outer Child or Inner Child-s6
The Outer Child or Inner Child-s7
The Outer Child or Inner Child-s8
The Outer Child or Inner Child-s9
The Outer Child or Inner Child-s10
The Outer Child or Inner Child-s11
The Outer Child or Inner Child-s12
The Outer Child or Inner Child-s13
The Outer Child or Inner Child-s14
The Outer Child or Inner Child-s15
The Outer Child or Inner Child-s16
The Outer Child or Inner Child-s17
The Outer Child or Inner Child-s18

The 100 Most Popular Photoshop Tutorials 2008

The 100 Most Popular Photoshop Tutorials 2008

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 has been spending almost a whole year to search for the best photoshop tutorials for you. Eventually, we come up with The 100 Most Popular Photoshop Tutorials of 2008. These are selected from our published tutorials, with over 1 million votes and views from our Photoshop users and readers. Enjoy.

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.