Photoshop Lady

Your Favourite Photoshop Tutorials in One Place

Create a Super Natural Snowing Scene

Under


- Photoshop is recommended for this tutorial -

 
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

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.

Low-poly Self Portrait Photoshop Tutorial

Low-poly Self Portrait Photoshop Tutorial

Low-poly self portrait tutorial” is a Photoshop tutorial created by Brazilian creative director Breno Bitencourt. In this tutorial, Breno Bitencourt will show you how to create a low-poly portrait in illustrator and Photoshop step by step.

The main techniques used here are masks and blending modes, Photoshop’s auto contrast, auto colour and auto levelsfunctions. There are also something basic you should know .Working with the best reference photo, choosing the best fragments to combine in a single image, dealing with the time-consuming part of the triangular mesh, firing up illustrator with pen tool, using align panel & vertical align center to deal with details, and adding color.
Watch the Video tutorial below and enjoy today’s lesson!

Low-poly Self Portrait Photoshop Tutorial-1
Low-poly Self Portrait Photoshop Tutorial-2
Low-poly Self Portrait Photoshop Tutorial-3
Low-poly Self Portrait Photoshop Tutorial-4
Low-poly Self Portrait Photoshop Tutorial-5
Low-poly Self Portrait Photoshop Tutorial-6
Low-poly Self Portrait Photoshop Tutorial-7
Low-poly Self Portrait Photoshop Tutorial-8
Low-poly Self Portrait Photoshop Tutorial-9
Low-poly Self Portrait Photoshop Tutorial-10
Low-poly Self Portrait Photoshop Tutorial-11
Low-poly Self Portrait Photoshop Tutorial-12
Low-poly Self Portrait Photoshop Tutorial-13
Low-poly Self Portrait Photoshop Tutorial-14
Low-poly Self Portrait Photoshop Tutorial-15
Low-poly Self Portrait Photoshop Tutorial-16
Low-poly Self Portrait Photoshop Tutorial-17
Low-poly Self Portrait Photoshop Tutorial-18

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.

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

How to Create an Eye Catching Digital Illustration

How to Create an Eye Catching Digital Illustration

In this tutorial, we’re going to teach you how to use simple elements at your disposal and combine them to create an eye catching digital illustration. We will work through techniques like lighting placement, clipping masks, shadows and more. If you want to improve your Illustration skills and composition then this tutorial is for you.

Final Preview

Tutorial Details

Completion Time: 1 hour 30 mins
Stock: Beauty – http://www.istockphoto.com/stock-photo-3736351-beauty.php

Step 1

Open up Photoshop and import your stock photo, I used Beauty From IstockPhoto in this case. Once you have the stock photo opened up, duplicate the layer by right clicking on the background layer and hitting duplicate layer (CTRL + J). Its always good to have a copy of your original present in your composition.

Now let’s add a Image adjustment, go up to Layer>New Adjustment Layer>Gradient Map and use the default Gradient Black to White, now drop the opacity of the layer down to 52% and set the blending mode to Luminosity.

Go up to Layer>New Fill Layer>Gradient and hit the OK button and choose a gradient that runs Dark Blue(#0e272f) to Light Blue(#5993a4) Now set the Blending mode of that layer to Screen and erase parts of the layer that you do not want.

Step 2

Now get yourself a Bubble C4D that you like and import it into the image, Position it where you want it and change the Blending mode to Linear Dodge. I positioned the Bubble C4D on the Bottom part of her shoulder.

Now go up to Layer>New Adjustment Layer>Brightness and Contrast – Set your Brightness to +27 and your contrast to +39 and hit OK.

After setting up a new adjustment layer, create a new layer by going to Layer>New>Layer (CTRL + SHIFT + N) and Fill it with Black(#000000) set the blending options of the layer to Linear Dodge and grab your Brush Tool from your toolbar. I used a 500px sizes brush with bright orange(#ff6b00) and Faded Red(#7f1618) to Create two large lighting circles. I then scaled down the brush and used a soft white brush to just add some lighting depth to the circles and this is what it looked like without the blending mode active.

Step 3

We are going to use this step to add a few adjustment layers to our piece. Firstly go up to Layer>New Adjustment Layer>Gradient Map and choose the stock Purple(#290a59) to Orange(#ff7c00) Gradient and set the blending mode to Screen and the Fill to 13%.

Now go up to Layer>New Adjustment Layer>Curves bend the curve slightly down, you will have to play around with the curves to get your desired depth on the image itself. Now go up to Layer>New Adjustment Layer>Levels and set your levels to 6 – 1.13 – 253

After setting up those adjustment layers, you should have the outcome show below:

Step 4

Now we will create a new layer by going to Layer>New>Layer and then grab your gradient tool, (Shift + G) then set your gradient colors: Orange(#ff7c00) to Pink(#cc0033) and drag it from the top left hand corner to the right bottom corner and then set your blending mode to Soft Light and your Opacity to 30%. Be sure to erase any part of the gradient you don’t like.

The next part I used a Lighting Image that I download from Barton Damer that he shared with us last year, but he has since removed the pack for download and I am not able to share the full image with you guys, sorry for that. What I would have done is get hold of some long exposure photos that either you have taken or bought from somewhere. I integrated the image into the composition and set the blending mode to Linear Dodge and the opacity at 87%

Step 5

Now you are going to create a scatter brush, choose your brush tool (B) and choose a reasonably small size brush in the range of 2px – 5px and a Hardness of 100% and then go to Window>Brushes now check out the settings in the images below.

After setting up your brush create a new layer by going to Layer>New>Layer (Ctrl + Shift + N) and then choose white as your foreground color and brush along the lines of your previous layer, the lighting effect/exposure shot. You should have something like this.

Step 6

In this step we are going to use parts of the image itself to create a new element to use, Firstly create a new layer by going to Layer>New>Layer and then go to Image>Apply Image (Ctrl + Shift + Alt + E) now grab your marquee tool and draw a small rectangle on her face, you can choose where, but I chose across her nose and eye and then hit (Ctrl + Shift + C) That merge copies the current selection.

Now create a New Layer by going to Layer>New>Layer (Ctrl + Shift + N) and then go up to Edit>Paste this will paste the copied piece in a new layer. Now go to Edit>Free Transform (Ctrl + T) and rotate the selection 45 Degrees.

Now set the Blending Mode to Soft Light and Move it down into the Lighting Area, I copied the selection twice and just moved them around on top of each other to create a vibrant feel. I also erased the parts that I don’t like to blend it in better.

Step 7

Now create a new layer by going to Layer>New>Layer and fill that layer with black(#000000) now set the blending mode of that layer to Linear Dodge and Grab your Brush tool, use a moderate size tool of about 500px with hardness set to 0%. Use a Dark Yellow(#f38d30) as your foreground color and brush in the bottom left corner of the piece. Remember to brush on the same layer that you filled with black. Now with the same layer selected go up to Filter>Blur>Radial Blur and use the zoom effect at 100% you should have something like this.

Next I used a Smoke Image that I got from SXC – http://www.sxc.hu/browse.phtml?f=view&id=788872 and imported it into the composition. I then set the blending mode to Linear Dodge and set the Opacity to 27% I then Used Free Transform Edit>Free Transform to rotate the image to the left a bit and move it down into the comp to compliment the flushed lighting at the bottom.

I then created a new layer Layer>New>Layer and filled it with black(#000000) I then went to Filter>Noise>Add Noise and set it to 33% Uniform and Monochromatic noise and hit OK. I then went to Image>Adjustments>Levels and used the settings below:

Now set the Blending Mode of the layer to Linear Dodge and the Opacity to 37% and erase the areas over her face and the areas you don’t want. You should have something like this.

Step 8

In this step we will be leveling out the lighting in the piece a bit. Firstly create a new layer by going to Layer>New>Layer and then grabbing your brush tool at a medium size set the blending mode to Linear Dodge and then use a bright color ex.yellow or white to fill in the lighting gaps on the left hand side of the image, play around with the strength of the brush to determine how bright you want the actual brushing to be.

Next create another new layer and then set the blending mode to Linear Dodge now with the same brush choose a Soft Green (#c1b568) and brush it along the side of her eye, above her cheek.

Next create another new layer and set the blending mode to Linear Dodge and now using a bit larger brush with the color Pink(#c03369) brush on the bottom of the image to equal the pink at the bottom. You should have something like this.

Step 9

Now create a new layer by going to Layer>New>layer and then grabbing your brush tool and picking a nice splatter brush to use. Now brush on the back of her neck with the splatters moving away from her. Now hide that layer and create a new layer. Now go to Image>Apply Image and then unhide the layer that you previously hid that contains the splatter brushing now with the new applied image layer selected press (Ctrl + G) or right click on the layer and select Create Clipping mask. Now grab your Move tool (V) and then move the image around, you will see the image moving around within your splattered brush. Move the image around until you are totally satisfied with it.

Now Create a New another New Layer and select your Brush tool, but a normal Large soft brush ex 900px now select a soft blue color(#00acec) and brush on the bottom of the image on the right hand side, Now select Pink (#c03369) and brush on the left hand side, after you have brushed set the Blending mode of the layer to Linear Dodge.

Now go to Layer>New Adjustment Layer>Black and White and then hit OK. Set the Opacity to 53% and then erase parts of the layer that cover her face and the colors on the bottom. You should have something like this.

Step 10

We will start off by going to Layer>New Adjustment Layer>Gradient Map and then use the default black to white gradient and set the blending mode to Multiply and then erase the sections that you don’t want part of the gradient map.
Now in this section grab your Polygonal Lasso Tool (Shift + L) and then make a selection in the upper section of the piece that runs 45 degrees like seen below.

Now create a New Layer by going to Layer>New>Layer and then grab your gradient tool and set the gradient- white to nothing. And then drag your gradient tool from the top right to the bottom left within the selection then deselect the selection by going to Select>Deselect and then change the blending mode of your layer to Overlay and the Opacity to 58%. Now repeat that process about another two times putting them where you want them to be and where it suites your image.

Step 11

Now use the same scatter brush technique that you used in STEP 5 and Create a New Layer and fill it with Black then set the Blending mode to Color Dodge and opacity to 82% and then use a White scatter brush, a bit larger than the previous one though. Brush along your exposure lines and erase the parts you don’t like.

Now create a new layer by going to Layer>New>Layer and then go to your brush tool and select a 19px hard brush and then grab your pen tool (P) now drag a line on your earlier copied face layers and then stroke that layer with simulate pressure, offset it a little bit though. Set the Blending mode of the layer to Overlay and now repeat that process on the other edges of the copied piece.

You should have something like this:

Step 12

Create a New Layer and fill it with black. Set the Blending mode to Linear Dodge and Opacity to 60% now grab a Large Soft Brush and use the color Blue(#00acec) and brush on the bottom right hand side of the image and then use a soft Pink(#ff74d1) brush in the middle on the right hand side. You can use the colors that match your image if you aren’t following my exact tutorial.

Create a New Layer and then go to Image>Apply Image now go up to Filter>Liquify then use the Twirl Brush in the Liquify toolset and create random swirls and motions. Hit OK when you’re done and then set the Blending mode of the Layer to Lighter Color and erase all the parts that you do not want present in the image.

Now create another new layer and then set the Blending Mode to Color Dodge and grab your Brush Tool and select a Large Soft Brush and use the color Purple(#3b2d82) to light up the top of her head on the right hand side. You should have something like this.

Step 13

Create a Gradient map by going to Layer>New Adjustment Layer>Gradient Map and use the Default Black to White Gradient and set the Blending Mode to Luminosity and the Opacity to 44% Now create a new layer and use a Soft Pink brush(#ff4dd7) and brush on her check for some shine.

Now Create a new Layer by going to Layer>New>Layer and then setting your brush size to 10px and then grabbing your pen tool. Now Drag a small line with your pen tool and then stroke that line with Simulate Pressure and delete the path by right clicking>Delete Path. Now with the Layer selected hit (Ctrl + J) or right click on the layer and hit Duplicate Layer. Now use the Free Transform (Ctrl+T) tool to rotate the stripe 90 degrees. On the same layer grab your brush tool and increase the size of the brush and use it to make a dot in the middle of the corresponding stripes. Now press (Ctrl + E) to merge one layer down. Now move the star around to where you want to place it. Now duplicate it by right clicking on the layer and pressing Duplicate Layer and then move it around to another place. Play around a bit by duplicating them and resizing them to suite your needs. You should have something similar to me below.

Step 14

Last but not least create a new gradient map by going to Layer>New Adjustment Layer >Gradient map and choose the blue(#0a00b2) to Red(#ff0000) to Yellow(#fffc00) gradient and then hit OK. Set your Blending mode on the Layer to Soft Light and The Opacity to 18% and you’re done.

Thanks for reading the tutorial.

About the Author

Artist: Jacques van Heerden // An1ken
Portfolio: www.an1ken.net
Twitter: @An1ken – www.twitter.com/An1ken
Blog: www.creativeoverflow.net

Contact Us

Contact Us

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

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.