Monday, June 14, 2010

Pressed Text Effect

I have launched a New Blog :)

http://www.blog.kailash.me

All original tutorials with source file for free.

Final Result.

Step 1

Create an New document. Click on File > Select “New” Or Press keyboard shortcut “ctrl + n”

Step 2

Now fill the background layer with ” #4f9ec7 ”

Step 3

Choose ” Type Tool ” then type any text on the document with black as the text color, In this tutorial i have used “SF Quartzite” font Bold. If you would like to have the same font you can download this click here

Step 4
Layer Style – Right click on the text layer select “Blending Option”
1. Drop shadow – Make changes as per the below screen shot.

2. Inner shadow – Make changes as per the below screen shot.

3. Gradien Overlay – Make changes as per the below screen shot.

4. Pattern Overlay – Make changes as per the below screen shot.

Final Result.

Download PSD Source File

==============================
====== For more tutorials keep visiting ;)
==== http://photoshop-manic.blogspot.com ==================================
Adobe Photoshop Training - Photoshop Classes -Photoshop Tutorial - Photoshop Seminars - Photoshop CS3 - Photoshop CS4 - Photoshop 7 -Photoshop Tutorial Downloads - Lots more :-)

Sunday, April 11, 2010

Easy Photoshop Video Tutorials

If you’re looking for a visual way to wrap your head around the basic functions of Photoshop, check out these “101″ resources that take it nice and slow, and don’t assume any prior experience.

1. Workspace Overview

If you’ve never taken up the virtual paintbrush before, get the lay of the land with this overview of the workspace. It will give you a good sense of where the most useful tools and menus live in Photoshop.

2. Tools and Layers

This two-part tutorial breaks down most of the basic tools you’ll need to start your graphic hacking adventures.

If you come away with only one concept from a Photoshop lesson, it should be about layers. Layers are key to everything in Photoshop, but jumping in head-first can often leave new users confused. In addition to rummaging through the toolbox, this video offers a concise, visual explanation of how layers work using a simple drawing exercise.

For Intermediate Users

If you’ve gotten a feel for the software and done your share of image touch-up and manipulation, you may want to kick the program into second gear and start exploring some of the more powerful and creative features. These tutorials will get you going.

3. Blending Modes

Blending modes are connected to layers and are integral for toning photographs and many other graphic manipulations. This screencast will take you through Photoshop’s many blending flavors and hopefully spark some creative ideas for your next epic Facebook photo.

4. Patching and Healing

So you’ve got your new Facebook photo perfectly toned for maximum epicness — except for that tiny blemish and your annoying little brother who insists on jumping into every frame. That’s where the healing tools come in. With these, you can remove unwanted elements and (with a bit of practice) smooth those adjustments right into the background.

5. Text Effects

Let’s face it: The black and white arial text your rendered in MS Paint simply won’t cut it as your blog’s logo anymore. It’s time to snazz it up with some creative texturing. Check out this two-part tutorial that showcases some of the powerful text manipulation tools at your disposal in Photoshop.

6. Creating Actions

As you start using the software more regularly, you may find you’re repeating the same processes (sizing, filtering, blending, etc.) over and over again. The “Actions” feature lets you record the steps you use frequently and execute them with a single time-saving click or hotkey combination.

For Advanced Users

If you’ve spent any time on the Internet, you surely know what some Photoshop wizards are capable of. While the truly amazing feats require actual artistic talent (for which there is not yet a software substitute), some advanced Photoshop knowhow can go a long way to impressing your social media pals. Even if you’re not up to speed on all the advanced tools, just following along with these example-based lessons will provide a lot of insight into how the pros work their magic.

7. Changing Eye and Hair Color

If you’re due for a new look, but don’t want to drop a pretty penny at the salon, check out this tutorial on how to change eye and hair color for some dramatic portrait results.

8. Photo Combination and Manipulation

And now for some of the cool stuff. Through some clever erasing, blending, smoothing, and layering, this tutorial grafts a roaring lion’s face onto an apple to make for some frightening fruit that even Adam and Eve would have stayed away from.

9. Environmental Effects: Beams of Light

If landscapes are your passion, you can add even more drama to your sweeping vistas with some Photoshop tricks. Here, the designer adds some cloud-bursting light to make for an awe-inspiring desktop wallpaper, or perhaps even a snazzy Twitter background.

10. Environmental Effects: Fog and Mist

If you’re looking to add a bit of mystery to your recent snapshot, check out this tutorial on adding some rolling fog.

Have you found any other useful Photoshop tutorials on YouTube? Be sure to post the links in the comments below.

Thanks mashable for this wonderful list =D

NOTE : ALL CREDITS FOR THE ORIGINAL TUTORIAL MAKER :)

=================================
=== For more tutorials keep visiting ;) ===
= http://photoshop-manic.blogspot.com =
=================================

Adobe Photoshop Training - Photoshop Classes -
Photoshop Tutorial - Photoshop Seminars -
Photoshop CS3 - Photoshop CS4 - Photoshop 7 -
Photoshop Tutorial Downloads - Lots more :-)

Thursday, October 29, 2009

create an web template

Create a clean elegant wordpress theme design using adobe photoshop.

Step 1

Create new document 1360px x 1500px 72dpi. Background color: #000, ( Black )

Note: Width is 960px out 1360. Leaving 200px on each side. So What I am saying is leave 200px space on both sides of your layer and the middle should come out to 960px.

Step 2

Select the paint brush( select brush with blur edges ) tool and create 4 circles. Circle 1:#308fab, Circle 2:#3f2e49, Circle 3:#58303d, Circle 4:#78372e,

Step 3

Now Lets stretch our image. Go to edit>>free transform and make image bigger. Then move image upward when completed

Stretch downward

Step 4

Ok so we will now add a nice effect to our background. Select on layer with four colors and go to Filter>>Noise>>Add Noise.

Amount:30%, Distribution:Gaussian, and select Monochromatic.

Noise Settings

Step 5

Go to Filter>>Blur>>Motion Blur

Select Motion Blur

Angle:90, Distance:225.

Motion Blur Settings

Step 6

Now select the rectangle tool and create a rectangle at the very top ( About 50px high ) and change the layer opacity to 35%

Rectangle tool/box

Note: Whenever I create dummy links I always have links on one text line so once you have the type tool selected Double click and one line should appear then

type the words.

Select the type tool and create 4 links. Home, About, Contact, Services. ( 4 spaces after each word, hit spacebar 4 times after you type a word that way you do not have to make

indiviual links )

links

Step 7

Now we will create a search form. Select the rectangle tool Color:#232224, then draw a box across the top right leaving room for a button. Then add the following text,Looking for something

create search form

For our search button select the rounded rectangle tool and create a small rectangle to the right of our search form background.

Now right click on search button layer>>Blending Options>>Gradient overlay.

Button/Gradient

Left color:#040404 , Right color:#292928;

Button/Gradient2

Now let’s add the following text to our search button. Search

Search BTN

Step 8

Select the rectangle tool Color:#000. Now create a box 960px across the layout and about 325px height. Then change the layer opacity to 35%

Featured box

Step 9

Now lets add a featured image, width:590px x height:295px;

Step 10

Select the type tool. Now you create a heading title of your own or use my current heading title.Font:Size:23px, Arial, Bold.

Create heading

Then create an post information link. Select the type tool and type the following.Posted by Marcell on 10.16.09 in Tutorials

Post Information Look

Now write the excerpt. I used dummy text. Google search Lorem Ispum

Excerpt

Step 11

Now we will create a button. Select the rectangle tool Color:#000; Now draw a rectangle button. Right click on layer>>Blending options>>Gradient Overlay Left Color:#1b1b1b,

Right color:#0e0e0e

create button

Duplicate the button layer. Then select the paint bucket tool ,Color:#373737, and fill the second black layer button.

grey button

Duplicate the first button layer. You should have 2 black button layers and 1 grey button layer.

3 buttons

Move buttons close together to give it that illusional look. ( zoom in to get best results )

3 buttons

btn example

Step 12

Select the type tool and type following.Read More. Font: Myraid pro, 29px, bold,. Now right click on text layer>>blending options>>Inner Shadow then copy current settings.

Step 13

Select the rectangle tool, color:#000, Then create a rectangle under featured section to bottom. Layer opacity 35%.

Create Main background

Step 14

Now we will create our post area. First thing we will create are our thumbnails. Create a thumbnail Width:275px height:164px,

Create Thumbnail

then right click on thumbnail layer>>Blending options>>Stroke.

Add a stroke

Note:I do not cover the post area as well since it is the same as the featured area

Step 15

Copy current post area from image below. It is almost the same as the featured box. You can do it champ!. For the line I used the line tool, 1px Color:#3b2221

Create Post

Step 16

Duplicate post area 3 times.

Step 17

Now we will create our sidebar. Google search rss icons( Icon used in tutorial is from Wefunction ) Then place a rss button at the top

of the sidebar. Now select the type tool in type the following, Subscribe Rss Email Feed. Font:Arial, 15px, bold

Sidebar rss

Step 18

Now we will add some sidebar widgets to our layout. Duplicate the read more button from the featured box and change the text to Sponsors. Drag box down to sidebar. Now Google search 125 ads or create

your own and place it into the layout.

Sponsor widget

Step 19

Duplicate the the read more button once more and change the font to Popular post. Then select the text tool and create a heading( Font: Arial, 14px, bold ). Then create a description for

the post or known as the excerpt( Font: Arial, 10px ). Select the line tool Color:#3b2221 and create a line that seprates each post. Once you have the first popular post article completed

duplicate the group 2 times.