Photoshop Lady

Your Favourite Photoshop Tutorials in One Place

Concept-of-Designing-a-Smart-Car

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

Lion Image Designed in Adobe Illustrator

Lion Image Designed in Adobe Illustrator

Ukrainian artist Denis Gonchar shows the process of dealing with lion image with Adobe Illustrator. The tutorial shows how does a colorful dimensional lion head appear on the warm sand yellow background. The way is to add color onto the original lion head and deal with details time and time again.

A lion-head profile with light background is a must. The next step is to darken the lion’s mane, presenting dimensions, then proceed to add decorative colors to present the artist style of the lion and finally be sure to the deal with the bright color and dark color around the lion head carefully to show light and shadows reflected by the lion head, which is also for dimensional purpose.

07
01
02
03
04
05
06
07

Dissolution – 25 Years of Photoshop

Dissolution – 25 Years of Photoshop

This digital painting was created by Germany creative director or illustrator Martin Grohs. Actually it is a wallpaper, titled as “Dissolution”. It portrays one vision, one space-lady with melting space suit disappearing before a hot exploding plant. These all reflect the theme “what you take from the earth, you must give back, that is nature’s way.”

This wallpaper was made to celebrate 25 years of photoshop. The greatness of photoshop is it can present imagination to us or we can just have imaginations. While one fantastic uniqueness of this wallpaper is that it is dynamic, which shows audience a gradual progress of dissolution. Space-lady’s changing space suit, the color-changing space and the plant embody the theme of dissolution, presenting a coming explosion. And at the end of the process ,the word “dissolution” perfectly appears on the screen. This is really a piece of super-inspiring work.

Choose resolution : 2560 x 1440 . 1920 x 1200 . 1680 x 1050 . 1440 x 900 . 1280 x 1024

dis_solution

dissolution

young caucasian woman

Dissolution-25 Years of Photoshop-11

Dissolution-25 Years of Photoshop-10

Premium Custom Design Service

Premium Custom Design Service

thumbnail_retouching-1373021169

Character & Mascot Logo Design

Andy is a Game Graphic Designer, Illustrator, Mascot Designer. You can get some great Character/Mascot Logo Design for an affordable price.

4 days with 2 revisions

($200) View Service

thumbnail_retouching-1373021169

Professional Landing Page Design with SEO

I will design your one page website with an eye for detail and focus on placing the elements in the right place for maximum conversion. I’m sure the end result will be to your satisfaction.

7 days with 5 revisions

($145) View Service

thumbnail_retouching-1373021169

Professional iOS App Icon

I’ll help you make an icon for your application gorgeous!I provide high quality designs. It includes 1 PSD file and PNG package with the size 1024, 512, 144, 114, 72, 58, 57, 50, 29px.

4 days with 3 revisions

($250) View Service

thumbnail_retouching-1373021169

Professional Logo Design + Corporate Identity Manual

You will get Vector logo in Ai, EPS, PSD and JPG formats, 4 color versions (full color positive, full color negative, one color positive, one color negative), 8 page Corporate Identity Guide PDF (usage guidelines, CMYK/RGB colors, Typography, etc).

3 days with 2 revisions

($180) View Service

thumbnail_retouching-1373021169

Professional Logo Design

You will get 3 concepts of logos, Set revisions on selected logo, 100% vector logo scalable to any size without loosing resolution, Different file formats for web and print use such as .ai, .eps, .psd, .pdf, jpg, transparent .png

1 day with 5 revisions

($50) View Service

thumbnail_retouching-1373021169

Professional Badges (4 Badges)

You will get 3 concepts of logos, Set revisions on selected logo, 100% vector logo scalable to any size without loosing resolution, Different file formats for web and print use such as .ai, .eps, .psd, .pdf, jpg, transparent .png

4 days with 2 revisions

($100) View Service

thumbnail_retouching-1373021169

Professional and Unique Business Card Design

You will get a professional, good looking business card, front and back, Ready to print business card! I will provide them in photoshop layered format or any other file format you need.

2 days with 3 revisions

($30) View Service

thumbnail_retouching-1373021169

Modern and Clear Infographic

You will get a clean and clear infographics. Everytime build on great font and first look understandable. With your data I provide sketches and after you reconsideration provide a final graphics. I deliver any size of .png and .psd file.

3 days with 2 revisions

($195) View Service

thumbnail_retouching-1373021169

Modern One Page Design

One page website design work i am doing is using 960 grid system format, so the design will be responsive made. Deliverables would be in .psd format and on your request some icons or shapes i use can be done vectorial.

2 days with 4 revisions

($195) View Service

thumbnail_retouching-1373021169

Logo & Brand Identity Design

My process is clean and quick, emails are responded to nearly immediately and revisions are knocked out in no time. Deliverables can be handed off in any file type, but always start in a fully scalable, vector format that can work on everything from a button to a bus.

4 days with 3 revisions

($300) View Service

The 100 Most Popular Photoshop Tutorials 2009

The 100 Most Popular Photoshop Tutorials 2009

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 2009. These are selected from our published tutorials, with over 1 million votes and views from our Photoshop users and readers. Enjoy.

10 Free Resources for Web Designers

10 Free Resources for Web Designers

As a designer, sometimes it’s difficult to get started on a new project. Maybe You will need to scour the web for inspiration, or doodle on a notepad to hopefully get some ideas. That’s when you need to look through collections of freebies.

Fortunately, enhancing your web design doesn’t have to cost a small fortune or take a lot of time. Here are 10 Awesome Freebies for Designers that can help enhance your web presence today.

1) Vector Icons

200 vector icons are fantastic for use on all manner of sites. With subjects ranging from science to entertaining, the vast scope of the icons means that you’re bound to find something useful.

This vector icon pack includes 200 vector shapes, meaning you can scale them up as much as you like and they’ll stay sharp. Each file includes AI, EPS, PSD and JPG files. They’re good for use on both personal and professional projects.

vector-icons-free

2) CORP responsive WordPress theme

CORP is a clean and versatile theme that’s absolutely packed with features. The simple grid layout provides an ideal frame to hang your content on, it’s ideal for corporations that need an online presence in a hurry, or as a starting point for any business whose brand image projects organization.

The theme was tested up to WordPress 3.5.1; it features the drag and drop GT3 Page Builder; it’s fully responsive and retina ready; it’s coded with SEO and best practices in mind; Google webfonts are supported; different header layouts are available; custom menus, backgrounds, modules, shortcodes and widgets are all included; there’s a premium slider plugin; complete documentation; and much, much more…

wp-theme2

3) Flat Rounded Social Icons

Flat design is all the rage, and trend-conscious clients are beginning to ask for redesigns to meet the current fad for all things flat. Here is a set of free almost-flat social icons which is designed to embrace flat design without surrendering to it completely, the set is a great way to iron out your current design.

social-icons

4) Flowing Borders & Ribbons

Here is a set of 46 hand-drawn frame and ribbon vectors. Scribbled onto a page and then digitized, the liberated borders look like they were drawn in the heyday of UPA cartoons; I half expect to see Mr. Magoo, or Gerald McBoing Boing, come wandering across the page.

Add a light watercolor wash and combine them with a heavily scrolling script typeface and they’d make a lovely, and personal feeling, addition to any wedding stationery.

ribbon

5) Colorful Grunge Textures

This set of 25 Colorful Grunge Textures is perfect for use as overlay textures on your photos. The pack contains 25 .jpg textures at 5000 by 5000px saved at 300ppi. The textures are compatible with all photo editors that support layers (Photoshop, Photoshop Elements, GIMP, Pixelmator etc.), both PC and Mac.

patterns

6) Modus Versus PSD Template

Modus Versus is a free multi-purpose PSD template, designed on the 1170 grid system. Excellent for use with responsive frameworks like the popular Twitter Bootstrap, it could form the basis of a good corporate site. It would be an ideal choice for a marketing or professional services company, or you could pick it apart and use elements of it in other projects.

theme

7) Flat UI Kit

Flat design is more of a rejection of 3D artifice than it is a style, which fits so perfectly into the contemporary landscape that it’s already hard to envisage a time when it wasn’t de rigueur. To help you take the leap into flat design WebDesignerDepot put together this great freebie: A free flat UI kit.

ui-kit

8) Bluetron icons

This is a set of 40 fantastic icons called Bluetron. They are available as PNG files (256 x 256px). You can use them for free for both personal and commercial purposes. The icons were designed by Waqas Ahmed who’s the founder and blogger of The Art Times and Lead Designer at Iconic Graphics.

blue-icons

9) Ultimate Social Icon Set

This is a social icon set which contains all the latest icons needed for you social needs! It includes a total of 75 icons, provided in three sizes: 16×16, 32×32 and 64×64. The file is free for personal and commercial use.

social-media

10) Exclusive Photoshop Patterns

This one is a Photoshop pattern file (.PAT) which contains 40 beautiful textures that you can apply to your designs. A detailed step by step instruction is provided inside the file to help you use them. You can use these as textures for your websites or any background.

bg

Fantastic Digital Artworks for Design Inspiration

Fantastic Digital Artworks for Design Inspiration

Photoshop is an excellent tool for seamlessly compositing disparate elements into a beautiful photomotage and making sophisticated artworks. The best way to improve yourself is to make reference to other fantastic works and great ideas. There are lots of professionals graphics around the internet. To ease of your life, we have selected some nice works in this article. Hope it can help and inspire you to develop your great works.

The Future World

Future-World

The King and Lion

The Forest God

Forest-God

The Goddess of Spring

The-Goddess-of-Spring

Swan Lake Beauty

Swan-Lake-Beauty

Open World

open-world

The Decider

The-Decider

The Colosseum

The-Colosseum