Showing posts with label Photoshop CS4. Show all posts
Showing posts with label Photoshop CS4. Show all posts

Thursday, 30 June 2011

How To Apply Textures to Uneven Surfaces

Evensurface

Source: psd.tutsplus.com By James Davies 

 

Applying texture to a flat surface, or flatly applying a texture across a whole image (as a means to age it or degrade it) is simple stuff. Realistically applying a texture to an uneven surface is much more hands-on (more so than simply overlaying a texture and changing the Blending mode).

 

Video Tutorial

Our video editor Gavin Steele has created this video tutorial to compliment this text + image tutorial.


Step 1

Job number one, as ever, is pooling your assets together. I got the man from iStockphoto here and the tree bark (courtesy of K. Tuck) from stock.xchng here.


Step 2

Cut out the face using the Pen tool (set to Paths not Shape Layers). Cut and paste it into your blank canvas (1562 pixels by 1172 pixels at 300dpi). Open up the bark image, and import it into your working document. Resize and rotate the document as in the screengrab.


Step 3

Use the Clone Stamp tool to fill in the rest of the texture. Avoid easily recognizable repetitions in the texture like the ones circled. Clone them out. I used a 200 pixel, soft-edged brush to do this

Click On Read The Rest Of This Post To Read Full Guide With Text & Images:-

Tuesday, 21 June 2011

10 Killer Photoshop Tips For Web Designers

Killer2

By Alvaris Falcon Source: Hongkiat.com 

Believe it or not, if you’re using Photoshop to design website, you’re on the right path to become a successful web designer. This is simply because Photoshop is one of the most advanced tool in the design industry that can make your creative imagination comes true with its plethora of professional tools which boost your productivity at the same time.

But how well do you know about Photoshop? Sometimes we’re wondering why certain web designer can design a website layout with extremely heavy graphics in 5 days, while we need around 10 days to complete that kind of design. It’s probably not about how fast you can click, it’s about how well you know about Photoshop, how you gonna unlock its full potential to boost your productivity.

adobe photoshop killer tips 10 Killer Photoshop Tips For Web Designers

We want you to know how to unlock its full potential. Yes, that’s why we created this post, to provide you 10 extremely useful Photoshop tips to boost your design speed. There can be shortcut, feature or setting you don’t know about, but not anymore. With this article you gonna learn them all, and you will design faster, and faster.

Note: Shortcut keys mentioned in this article are in Windows Photoshop format. If you are using Mac, be sure to know that Ctrl = Cmd (Command) and Alt = Opt (Option).

 

10. Undo, More Undo Please

I totally believe that we designer are very addictive to undo something, even until when we made a mistake on sketching, we tend to ‘undo’ it.

Well as you might know by pressing Ctrl + Z in Photoshop you can undo the previous action you made, but when you press the same key combination again, it will redo the previous action. This is quite unnatural and troublesome as you always need to undo multiple times to get to the state you want.

keyboard shortcut panel 10 Killer Photoshop Tips For Web Designers

Believe it or not, Photoshop has a specific button for multiple undo, and it is Alt + Ctrl + Z. Yes, by using this key combination you can undo multiple times, according to the value of History States you set in Edit > Preference > Performance.

If you’re used to common Undo’s key combination which is Ctrl + Z, you can simply press Ctrl +Shift + Alt + K to access Keyboard Shortcut panel and change Undo’s key combination under the Edit section to Ctrl + Z.

9. Sampling Color, Anywhere!

Stumbled upon a nicely designed website and wondering which exact colors is it using? This happens very often when I’m seeking inspiration during the time I’m doing site layout in Photoshop. For me I will launch a color picker, pick the color and get its hex number, then click on the color palette in Photoshop, then input the hex number then get the color, pretty annoying isn’t it?

sampling color anywhere 10 Killer Photoshop Tips For Web Designers

Well you don’t really need to suffer like that, you can actually just click on Eyedropper tool or pressing I to activate it, then click on the Photoshop’s work screen and drag the Eyedropper icon to anywhere on the monitor screen to get the color you want. Yeah, it’s really that easy.

Click On Read The Rest Of This Post To Read Full Guide Text & Images...

Tuesday, 15 March 2011

A Step-By-Step Guides To Create A TRON Minimal Design In Photoshop

Tron
Source: hongkiat.com By Vectorious

TRON is definitely one of the geek’s dream-come-true movie. It’s suit and vehicles are perfectly slick which is why the attempts to assemble objects that replicates tools in TRON has been surfacing around the Internet. As for designer’s, with the right clicks and tricks using Photoshop, a TRON fiction does not neet to be hard.

Today we will create a TRON wallpaper in Photoshop using stock photos and vectors. We will give you a precise guidance on how to do it and why certain method is better. You will get an in-depth comprehension of what you are doing. Buckle up for digital dream!

You will learn how to:

  • Analyze your design from out-of-the-box point of views
  • Create structured designs, based on hidden or related elements in your composition
  • Use shortcuts for a faster work flow
  • Make complex selections and cutouts via Channels
  • Effectively use general tools
  • Add perspective to your design
  • Combine vectors with pixels
  • Create light effects
  • Use blending modes
  • Use layer styles

Difficulty: Beginner – Intermediate. Completion time: 1 hour. Tools: Photoshop CS3, Illustrator CS3 optional.

 

Resources:

NOTE: To install the font, extract on Desktop the .zip archive containing the font, then copy them. Go to C:\WINDOWS\Fonts\ directory and paste them in.

A Few Thumbnail View Of Steps To Complete This Task:-

free web site traffic and promotion 

Click On Read The Rest Of This Post For Complete Guide With Text & Image: 

Sunday, 27 February 2011

How To Create A Smoke Fading Effect In Photoshop

Source:  10steps.sg By Johnson Koh

Creating a Smoke Fading Effect

 
 

Preparations

We will need a close up image of a model, and also the awesome Smoke Brushes Set 1 designed by Falln-Stock.

Click here to download the brushes.
Click here to download the model image.

All rights of these resources belong to their respective owners.

     
 

Step 1 – Setting Up Environment

Create a document of size 750 by 550px.

Use Gradient tool with foreground color #2B2B2B and background #000000, start a linear gradient from the bottom-left.

   

 

 

Step 2 – Adding Clouds

Create a new layer on top of the Background. Set the foreground color to #000000 and background to #FFFFFF.

Go to Filter > Render > Clouds. Set the blending mode of this layer to Color Dodge.

Use Soft Eraser tool of size 300px, remove some parts of the clouds as shown in the diagram.