In this tutorial, we will learn to create a header for an imaginary dating related website.

Create a new file of header size. Select ‘Heart’ auto shape from the list of autoshapes. Choose red color as foreground and draw the heart as shown in the figure.

Apply these layer styles :-

Image after applying above layer styles.

Press control+J to duplicate the layer and move it as shown :-

Group & merge these two layers. Press control+j to duplicate the layer. Move it 4-5 pixle upwards and change the blending mode to ‘Multiply’.

Press control+j to duplicate the layer and move it upwards as shown in the figure.

Change the opacity to 30%.

Again press control+j and move the layer at the top.

At the top of the canvas, draw a 1 pixel wide black color line with line tool.

Duplicate and move the lines as shown in the figure.

Group and merge the lines. After merging, change the opacity to 40%.

Draw this shape with Rectangle tool.

Apply same layer style (inner shadow and satin) as we applied to the first heart layer.

Press control+J to duplicate the layer. DONT FORGET TO RASTERIZE THE LAYER. Select Rectangular Marquee tool and draw 2 pixel wide selection and press delete.

Type link text.

Add company logo and name. Our header is ready to use.

In this tutorial I will teach you how to convert a picture into a sketch which can be used in sketch books. Step 1: We will use the photograph below for our tutorial.

Step 2: Duplicate copy of the Background by Selecting the Duplicate Layer Option from the Layer Menu. We do this just in case any mistake is done then we do not end up ruining the original Image.

Step 3: Convert the background into layer by Layer via Copy option in the Layer Menu. We should make a copy so that if we go wrong at any point we have an image to start a fresh from.

Step 4: We will convert the photograph into grayscale by selecting the Desaturate option from the Image.

Step 5: At this point we will make another copy of the grayscale photograph.

Step 6: Convert the Image into a negative by selecting the invert option from the Image Menu as shown below.

The image will look some thing like given below.

Step 7: Now select the Color Dodge option from the Blending Mode Menu in the Layer Palette. This will make the image completely disappear.

Step 8: We will get the sketch of the image by selecting the Gaussian blur option from the Filter Menu.

Now as you will move the Radius slider in the Gaussian Blur dialog box toward the right we will see the sketch of the photograph reappear.

In this tutorial I will teach you how to convert a photograph into one which you would see through a Night Vision Device.

Step 1: Open an appropriate picture in Photoshop.

Step No. 2: We will first convert the photograph into grayscale by selecting the Grayscale as shown below from the Image Menu.

Step 3: Now we will apply the Night Vision effect to our photograph by selecting the Duotone Option from the shown below Image Menu.

In the Dialog Box which appears, select Duotone in Type and then double click on the color boxes to set the colors.

Note that the color of Ink 2 should be lighter than Ink 1.I have chosen my set of colors but do not hesitate to experiment with your combinations of green.

Step 4: Select RGB color from the shown below Image Menu.

In the RGB Color Dialog Box set the three Input Levels appropriately to boost the Contrast.

Step 5: Now some noise will be added to our image to enhance the Night Vision effect.

Note: check the Monochrome check box.

Step 6: Again Select the RGB color option as done before.

Note: Again set the three input levels to darken the picture uniformly.

Step 7: Use the Burn Tool and darken the edges to give a more realistic look.

Step 8: In the end use Hue/Saturation Tool to do some last minute touches.

My Final Image.

You probably already know that Adobe Photoshop is great for making your digital and online pictures look more professional. But do you know how to make money with photoshop? Learn how to use photoshop to make a profit. Any photoshop tutorial will tell you how to edit your images, how to add attractive framing and borders, and how to work with layers and masks to give your images that perfect professional look. What standard tutorials don’t tell you is that you can actually use photoshop to generate some personal income. How to make money with photoshop is one of the best-kept secrets that adobe photoshop tutorials won’t teach you.

Have you ever heard of a photoshop freelancer? Once you hear about freelancing with photoshop once, you’ll start to notice references and resources for photoshop freelancers all over the web. Not mentioned in photoshop tips and tutorials, many photoshop freelancers have learned how to make money with photoshop - and now you can, too. Graphic design is one of the hottest new trends in the online market. As web site competition heats up, everyone is looking for their own personalized graphics and logos for web pages, and this is how photoshop freelancers make their money. Because there is a huge demand for unique, stylized graphics and logos, adobe photoshop has suddenly become a viable money-making tool for those interested in doing a little freelancing. Logo design is very much in need by corporations and companies looking to personalize their web pages and set themselves apart from other businesses and web sites. Graphics that look great online are very much in need, and photoshop is the perfect tool for create logos that businesses will love.

A photoshop freelancer can find plenty of work on the web, where very few people know the ins and outs of graphic design. Even those who know how to use photoshop often don’t know how to use photoshop to its full potential despite the amount of tutorials they may take. Someone who can create unique logos and images using photoshop can find a new career path open to them by using their skills to become a photoshop freelancer. This can be a highly lucrative choice in today’s highly modernized world, where so much is happening in the online world. Adobe photoshop is not only great for improving your digital images, but can also open a new door in your freelancing career. Graphic designers, and those who know how to use photoshop well, are always highly in demand.

It’s an aspect of using photoshop that tutorials won’t teach you, no matter how many adobe photoshop tutorials you may take. But now that you’ve heard about freelancing with photoshop, you’ll find much more information on the Internet than you ever knew existed about this exciting career path. Photoshop, an easy software package to use, can turn anyone into a photoshop freelancer and experienced graphic designer. Though it may not be mentioned in photoshop tips, it is one aspect of adobe photoshop that some freelancers have learned to use to the fullest advantage.

It doesn’t end with logo design, either. Photoshop freelancers may be called upon to polish web site images or pictures taken by digital camera. Many businesses like to post real pictures on their web sites, and the services of a photoshop freelancer can be used to make those pictures look great. The skills of a photoshop freelancer are needed all over the web, and you’ll find many opportunities to put your photoshop skills to good use.

Freelancing can be your key to self employment, and you’ll find that you can turn a quick profit by doing a little photoshop freelancing. When your skills can be used by many businesses and web sites on the Internet, why not share your knowledge and benefit a little from your photoshop expertise? Working for yourself can be a very enjoyable and financially beneficial experience, and all you need is a working knowledge of adobe photoshop to get your foot in the door of this career path.

You’ll find many resources for photoshop freelancers on the web. Everything from adobe photoshop tutorials and tips, to discussion pages, chat rooms, and forums are available to help you perfect your photoshop skills.

This article was written by Kevin M. Sugrue the creator of TutorialHell.com!

What are the differences between adobe photoshop and adobe illustrator? Produced by the same company, there are some that say the difference between the two programs is small. In actuality, adobe illustrator takes some key elements of adobe photoshop to the next level and beyond.

Abobe photoshop is a very popular program used by digital photographers around the world. The abundance of photoshop tips and tutorials make this a very easy program to learn and to use. Photoshop can be used to take any existing image and give it a professional, polished looked. Borders can be added and pictures tweaked to look better than any digital camera could make possible. Almost anything you can imagine doing to a picture is capable when using adobe photoshop. Abobe illustrator is a different program entirely. Illustrator is a vector-based drawing program that allows you to create your own unique graphics. Adobe illustrator graphics can be used in print, online, in video, and even on your cell phone. Want to create your own background for your cell phone? It’s possible when you have adobe illustrator, and something that can’t be done with photoshop alone. Both programs are vastly talked about on the web. You will find a huge array of photoshop tutorials and illustrator tutorials, illustrator and photoshop tips. Forums, chat rooms, and discussion groups that focus on both programs are also abundant on the web. Once you start looking, you’ll find more and more information on adobe photoshop and adobe illustrator. While photoshop does have some photoshop drawing and vector art tools, the tools are nothing compared to what is available on adobe illustrator. With a vast array of templates that can help you get started and a number of different drawing tools, you can create your own unique graphics and artwork using adobe illustrator. You can create unique graphics with photoshop, but you must start with a base image and your tools are limited in comparison to adobe illustrator. For the serious graphic designer, adobe illustrator is the best program to use. However, if your drawing needs are small, photoshop will probably work just as well.

Photoshop tutorials do not extensively cover photoshop drawing, and you’ll have to look for some photoshop drawing specific tutorials to find truly useful information. Photoshop tips pages mention little regarding photoshop drawing and vector art tools. However, to make your digital images look perfect adobe photoshop is the perfect tool for you. Once you learn how to use photoshop to make your images perfect, you won’t be able to stop yourself from “fixing” every digital image that you use.

Adobe illustrator is a different program. Where photoshop helps you create a unique look using existing images, illustrator helps you create your own brand-new images. In graphic design, adobe illustrator may be one of the best and easier tools you can use. The software is user friendly and tutorials to help you use illustrator better are all over the Internet. Whatever you need to learn about adobe illustrator, there’s a tutorial for that.

There’s no reason you cannot work with both adobe photoshop and adobe illustrator to create brand new images or polish existing ones. The two programs have some basic, shared components, so by mastering one you will already have a working knowledge of using the other. To make your images as stunning as possible or to create graphics that no one else has seen before, you can use both adobe photoshop and illustrator. There is no reason to pick between the two and use only one program if you have uses for both. Because the two programs and their uses are so different, it’s probably preferable to use both adobe programs for your digital photography and image creations.

In their own unique ways, adobe photoshop and adobe illustrator and great additions to your existing software. Each program has vast uses for the digital photographer and graphic designer, and you’ll find that both are equally useful when it comes to creating the best and most sophisticated images. Tutorials, photoshop tips, and adobe illustrator information that you’ll find online make using these programs quick and easy. The more you use these adobe programs, the more you’ll want to use them. Who knows what you’ll create next?

This article was written by Kevin M. Sugrue the creator of TutorialHell.com!

Stumble it! ]]> http://www.tutorialhell.com/photoshop-articles/adobe-photoshop-v-adobe-illustrator/feed http://www.tutorialhell.com/photoshop-tutorials/cherry-buttons-in-photoshop http://www.tutorialhell.com/photoshop-tutorials/cherry-buttons-in-photoshop#comments Wed, 13 Aug 2008 08:18:43 +0000 admin http://www.tutorialhell.com/uncategorized/cherry-buttons-in-photoshop

In this tutorial we will create an attractive cherry button web graphic in Photoshop.

Start with a large black canvas, in your layers window make a new layer set and name it Cherry Flavor Tab. Now choose your rounded rectangle tool with a 10 px radius, in a new layer draw a 166 x 34 pixels, #91001F colored rounded rectangle.

Step two:

With your step one layer add the following layer styles:

Step three:

Create a new layer and draw a 158 x 26 pixels, black rounded rectangle on the middle of the current tab design.

Step four:

With your step three layer, set the blending mode to lighten and add the following layer styles:

Step five:

Choose your text tool and select font Britannic Bold from the font list. Set the size to 18 pt, regular, crisp and white for color. In a new text layer type the title of your navigation tab.

Step six:

With your step three layer add the following layer styles:

Final:

Cherry Flavored Navigation Tabs.

©2008 Kevin M. Sugrue

How to draw a computer monitor in Photoshop using the ellipse, rectangle and circle tool.

Step one:

Start with a large #4894CD colored canvas, in your layers window make a new layer set and name it Monitor Graphic. Choose your Ellipse Tool, in a new layer draw a 85 x 837 pixels, #B4B5B7 colored ellipse shape.

Step two:

With your step one layer add the following layer styles:

Step three:

In a new layer draw another 85 x 837 pixels, #B4B5B7 colored ellipse shape.

Step four:

With your step three layer add the following layer styles:

Step five:

Choose your rounded rectangle tool with a 4 px radius, in a new layer draw a 25 x 26 pixels, #66676B colored rounded rectangle on the middle of the ellipse shape.

Step six:

With your step five layer add the following layer styles:

Step seven:

Now draw a 25 x 26 pixels, black rounded rectangle on top of the first rounded rectangle.

Step eight:

With your step seven layer add a gradient overlay layer style and the set the layers blending mode to lighten.

Step nine:

Make a new layer and draw a 175 x 117 pixels, #D8D6D9 colored rounded rectangle. This will be the first part of the screen.

Step ten:

With your step nine layer add the following layer styles:

Step eleven:

In a new layer draw a 159 x 97 pixels, #005FA7 colored rounded rectangle on the center of the screen design.

Step twelve:

With your step nine layer add the following layer styles:

Final:

Monitor Graphic Design.

©2008 Kevin M. Sugrue

Learn how to create a fire text effect in photoshop using the blending options with simple texture, shadow and overlay techniques.

Start with a large white canvas, in your layers window make a new layer set and name it Fire Glass Text Effect. Now type your name, use font Berlin Sans FB Demi, bold, 60 pt, crisp and #A15700 for color

Step one:
Start with a large white canvas, in your layers window make a new layer set and name it Fire Glass Text Effect. Now type your name, use font Berlin Sans FB Demi, bold, 60 pt, crisp and #A15700 for color.

Step two:
With your step one text layer add the following layer styles:

Step three:
In a new text layer type your name again with a black color above the first.

Step four:
With your step three text layer, set the blending mode to lighten and add the following layer styles:

Step five:
One more time add another text layer with your name in black.

Step six:
With your step three text layer, set the blending mode to lighten and add the following layer styles:

Final Image:
Fire Glass Text Effect.

©2008 Kevin M. Sugrue