Photoshop Lady

Your Favourite Photoshop Tutorials in One Place

Create an Awesome Crack Image using Photoshop

Under


- Photoshop is recommended for this tutorial -

 
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

30 Best Photoshop Abstract Effect Tutorials

30 Best Photoshop Abstract Effect Tutorials

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 30 Best Photoshop Abstract Effect Tutorials of All Time. These are selected from our Photoshop users and readers.

Photoshop 25th Anniversary – Cosmogony Reloaded

Photoshop 25th Anniversary – Cosmogony Reloaded

Emi Haze is a calm, quiet, really creative, and inspired perfectionist. For him, everything has its own importance, images, textures, sounds and fragrances.

In his recent works he tried to merge the human body with nature or rather with the four elements of fire, air, water and earth, and even with a fifth esoteric element: the Aristotelian ether, that includes all the others, the essence of celestial bodies, eternal and unchangeable in comparison with the earth as a place of change. The result is the vision of his imaginative world hanging between reality and fantasy, dream and utopia and in which color and sensitivity have the predominant role.

His artwork “Cosmogony Reloaded” is just the outcome of this idea to be part of the Photoshop 25th Anniversary special advertising campaign. “Cosmogony Reloaded” is on the short film which was featured during the Academy Award Oscars 2015 ceremony.

Photoshop 25th Anniversary - Cosmogony Reloaded-01
Photoshop 25th Anniversary - Cosmogony Reloaded-02
Photoshop 25th Anniversary - Cosmogony Reloaded-03
Photoshop 25th Anniversary - Cosmogony Reloaded-04
Photoshop 25th Anniversary - Cosmogony Reloaded-05
Photoshop 25th Anniversary - Cosmogony Reloaded-06
Photoshop 25th Anniversary - Cosmogony Reloaded-07
Photoshop 25th Anniversary - Cosmogony Reloaded-08
Photoshop 25th Anniversary - Cosmogony Reloaded-09
Photoshop 25th Anniversary - Cosmogony Reloaded-10
Photoshop 25th Anniversary - Cosmogony Reloaded-11
Photoshop 25th Anniversary - Cosmogony Reloaded-12
Photoshop 25th Anniversary - Cosmogony Reloaded-13

Creative and Unique Bow Ties from BowSelecTie

Creative and Unique Bow Ties from BowSelecTie

You may have the impression that a bow tie is either a thing for nerds, a tie for that weird joker in the office, or something you must have for any formal event like a wedding. Bow Select Tie is here to change your ideas about bow ties completely and forever. We love bow ties. We have endeavored to create the most unique bow ties that are sure to get you noticed. Naturally, we have a huge selection of classic bow ties that fit every occasion and dress. Amazingly daring and bold bow ties are our forte.

We feel that a bow tie should allow the wearer to express themselves in an unforgettable way. We have wooden bow ties that are real wood, a vibrantly colored collection of feather bow ties that go with any shirt or coat, humorous bow ties, and bow ties that celebrate your country or city.

bow-ties

We know that many men are intimidated by having to tie a bow tie. We have pre-tied bow ties and our collection of self-tied bow ties comes with complete instructions to tie your bow tie. We have the bow tie for the man that prefers a classic look and the chic styling that classic bow ties add to any shirt or suit. We also have the most daring and outrageous bow ties that any man or woman could possibly desire.

Celebrate your favorite sport, a game you love to play, your interest in science, or your favorite cartoon character. We also have the largest collections of bow ties inspired by Chinese and Japanese art and design. Our ties let you express your passion for computers, comics, candy, money, fish, fruit, newspapers, and cities. We have designed the most elegant selection of formal classic bow ties in patterns and colors that go with anything. Our variations on the black bow tie let you express yourself in subtle and not so subtle ways.

Bow Select Tie is designed to let you experience the variety of material, color, pattern, texture, and shape that bow ties can have. We want you to look your best for that special event or person and we want you to be as bold and brassy as you dare to be. We have created a collection of bow ties that brings the bow tie off the formal wear rack and straight into the main stream of haute couture. Our desire is that you look great and feel great when you stand out from the crowd wearing one of our exquisitely designed bow ties, e.g. Peacock Feather Bow Tie.

Bow Select Tie is the place for the largest selection of bow ties. We held nothing back in our designs. We designed with you in mind. Wear a tie that gets you the attention that you want and deserve. Wear a Bow Select Tie.

Yellow Bow Tie

yellow-bow-tie

Wooden Bow Tie

wooden-bow-tie

Red Bow Tie

red-bow-tie

Feather Bow Tie

feather-bow-tie

Black and White Bow Tie

black-white-bow-tie

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

Realistic Decorated Wine Bottle Illustration

Realistic Decorated Wine Bottle Illustration

In this tutorial I will teach how create a realistic bottle illustration and some shadow and cut techniques.

final-s.jpg

Step 1

Create a new file with 700px of width and 700px of height. Now use the pen tool (shortcut “p”) to draw one side of bottle. If you don’t know how use the pen tool take a look at this link of photoshop online help When you reach the desired result now use the Direct Selection Tool (shortcut “a”) to select all point of path, hold ALT and drag the path to duplicate. Now, still using Direct Selection (Shortcut “a”) select all point of the second side, right click and select “Free Transform Path“, go to menu “Edit/Tranform Path/Flip Horizontal“. Place the flipped path on the right place to create the bottle silhouette.

photoshop-tutorial1.jpg

Step 2

Now, we need to close the silhouette. First, using the pen tool(“p”) close the top of bottle. Go to the bottom o silhuette and do the same thing but with a little curve between points. Like above:

photoshop-tutorial2.jpg

Step 3

Go to the “Paths” tab and click on fill option button at bottom of panel. After this, make sure your path layer still there on paths tab, never erase or overwrite the layer of the bottle path. Now we have the bottle, but we need some color and realistic details, in most cases this can be done using some gradient and shadow effects. To apply Gradient without lost the initial shape we use the blending options.

photoshop-tutorial3.jpg

Step 4

Go back to the layers tab and right click on the bottle layer and select “Blending Options“. Check the Gradient Overlay, define Style to Linear and Angle to 0 and double click on the Gradient field to open the Gradient Editor. Create a new custom gradient using the color #878398,#9c96b3,#413e4d,#7c7792,#878398. Like below:

photoshop-tutorial4.jpg

Step 5

Create new layer and change name to reflection. Go to the paths tab, duplicate the bottle path(right click on the path layer) and resize the points of path to reach the first image above. Fill the path with white color. Back to the layer tab, apply a gradient overlay in blending options and set the Gradient Fill with some white and gray color and define the opacity field to 60% and close the Blending Options window. Now go to the blend mode of the reflection layer and set to Soft Light and change the opacity to something like 45%:

photoshop-tutorial5.jpg

Step 6

Go back to the blending options in the bottle layer and define inner shadow like below, and create a Stroke like below:

photoshop-tutorial6.jpg

Step 7

We need a label for wine glass. Create a new rectangle with Rectangle Tool, place the rectangle layer between reflection layer and bottle layer, rename it to “label”. Go to Blending Options again and apply a dropshadow with 41% opacity, distance 0 and size of 2. Now apply a Gradient Overlay with the settings like below:

photoshop-tutorial7.jpg

Step 8

Create some texts like the title and some description to fill the space, use old style fonts, for me Trajan Pro is a good one. Add some vector shapes with old flourishe style, the result will be something like this:

photoshop-tutorial8.jpg

Step 9

Create new path with the stopper shape, fill with brown collor(#988c6c). Go to Filer/Noise/, Add Noise and set the Amount value to 5. Now it’s to other gradient, add gradient overlay in blending options windows on this layer. Define Blend Mode of Gradient Overlay to Vivid Light and set angle to 0 and create a gradient #000000 to #957c34 and back to #000000. With this step we get a good stopper like below:

photoshop-tutorial9.jpg

Step 10

Now we jump to details. Create a new layer and a simple path to reproduce a ring on that layer, fill it. Create a dropshadow with Blending Options like below and add a Gradient Overlay. Use the colors to reproduce gold material (I use these #d1c04c,#eae2aa,#a48440,#645025,#3a2e14). Look step by step below:

photoshop-tutorial10.jpg

Step 11

More details. Create duplicate the stopper path and change her size to wrap the neck, fill it with black:

photoshop-tutorial11.jpg

Step 12

We almost finish. To create a coll background select #063e41 color and fill a background layer of document. Go to Filter/Render/Lighting Effects and select Omni Light Type.

photoshop-tutorial12.jpg

Step 13

Now we need a realistic shadow. Duplicate the bottle layer, remove all effects(right click on layer “Clear Effects“), go to Edit/Transform/Wrap menu or hold CTRL on the edge o shape and resize it to reach this result:

photoshop-tutorial13.jpg

Step 14

Go to Image/Adjustments/Hue Saturation menu or press CTRL+U on windows. Change the lightness to -100. Go to Filter/Blur/Gaussian Blur menu and set it to 8. Change the opacity of layer to 34%:

photoshop-tutorial14.jpg

Step 15

Add some flowers. Open this images on photoshop, go to Channels tab select the most contrasted channel, duplicate him, increase the constrast of duplicated channel layer in Image/Adjusments/Brightness/Contrast and Image/Adjusments/Curve, use Quick Selection Tool(“w”) to create a fast selection of areas outside the flower. Delete the duplicated channel, back to the RGB channel, right click on the selection and select inverse. Cut and paste the flower on the bottle document. Repeate the same step to cut other flower. Othe tip is increase the brightness of flower (Image/Adjustments/Curves) to made things more white. Define some dropshadow in Blending options for eache flower:

photoshop-tutorial15.jpg

Step 16

Use some vectors like this and change the blend mode of vector layer to Luminosity and opacity to 50%. We also add an reflection effect in the bottle(we can teach how create reflection in some other tutorial):

photoshop-tutorial16.jpg

Conclusion

With this tutorial you learned how create a realistic bottle, shadows and how work with Blend Mode, Gradients. With some easy steps you can reach a good effect.

final.jpg

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.