Photoshop

‘Breakout’ Photo Effect.

psycheangel — Sat, 09 Aug 2008 03:48:35 +0000

Breakout’ Photo Effect.

Step 1:

Let’s start out by creating a new file. I used a 700×525 pixels canvas set at 72dpi, and I filled my background with a black color. In a new layer add a picture of a face, grab the example used in this tutorial here.

Step 2:

Duplicate your picture layer from step one and go to Filter > Pixelate > Pointilize, add the settings below.

Step 3:

Turn the picture into black and white by going to Image > Adjustments > Desaturate.

Step 4:

Now sharpen the image through Filter > Sharpen > Sharpen More.

Step 5:

Set the layer’s blending mode to Soft Light at 80% opacity.

Step 6:

Create a new layer and draw a black circle with 57 x 57 px dimensions.

Step 7:

Under Layer Style(Layer > Layer Style) add an Outer Glow, Inner Glow Satin and Gradient Overlayblending options to your black layer. Then set the layer’s blending mode to Lighten.

Step 8:

You should now have a break out effect on the skin.

Step 9:

Add more break out designs by duplicate the original layer and resizing through Edit > Transform > Scale.

Results:

‘Breakout’ Photo Effect.

Recover detail from highlights and exposed skin.

psycheangel — Sat, 09 Aug 2008 03:48:07 +0000

In this tutorial we’re going to recover detail from the skin area and have it on a separate layer for full control :

Take an image with skin well exposed with flash or overexposed natural light, and select the skin areas / areas you wish to recover detail from :

You can use the magic wand tool for example after a selection of color range :

After doing a selection with the color range, choose the magic wand tool , press and hold SHIFT while clicking on other skins parts to ADD those to your selection, do the same with ALT pressed to detract from your selection.

Glossy RSS icon

psycheangel — Sat, 09 Aug 2008 03:47:42 +0000

In this tutorial we are going to create a colorful RSS icon for your blog.

It’s necessary for the beginning to create a new file (File>New) of 512×512px and 72 dpi. Select the Ellipse Tool (U)

Ellipse Tool (U). Use the ellipse tool to draw ovals and circles. To draw a circle, hold down the Shift key while dragging. Double-click the ellipse tool to open the Color inspector.’); return false”>Ellipse Tool (U) and try to make an ellipse like the next one:

Fill 0% on the layer:

Select Blending Options>Gradient Overlay (making a mouse click on the processed layer on the layers’ palette) setting the next demands as below:

This element we should get. It’ll represent the shadow of the icon:

. Select the same tool to draw now a circle, colored with #F36523

Select Blending Options>Inner Shadow and set the next parameters for the last layer:

Blending Options>Stroke

Fill 0% for the layer. We should get the next result. It’ll represent the basis of the icon

Next we shall represent one more circle:

Choose the next selection for the layer: Blending Options>Gradient Overlay

Gradient Editor:

Now we need to draw another circle, but a circle that needs to be corrected with Direct Selection Tool (A), as it is shown below:

Select Blending Options>Inner Glow

Fill 0% on the layer. This way we’ve got several highlights on the icon:

Let’s represent one more circle colored with #F36523

Mark out the last made circle, press Alt button and cut out a half – moon element:

Set the next parameters:

We’ll get this way a half – shadow:

Now we need to select the Ellipse Tool (U)

Next we shall use the Rounded Rectangle Tool (U)

Rounded Rectangle Tool (U). To reshape the corners of a rounded rectangle, select the rounded rectangle tool and select the rectangle. Extra selection handles appear inside the rectangle corners. Dragging an inside handle toward the center of the rectangle to make it more rounded; drag it toward the outside of the rectangle to make it less rounded.’); return false”>Rounded Rectangle Tool (U) (radius of 30 px) and represent a bended rounded line.
1. Represent the line
2. Insert the points of the bend, applying the Add Anchior Point Tool, bending the element with Direct Selection Tool (A) and Convert Point Tool.

Place the new element as below:

Apply for the new layer Blending Options>Gradient Overlay

Gradient Editor:

We’ll get the next result!

Next we shall draw one more element, but a bigger one, having the icon finally finished!

Professional Portrait Retouching - Comparing Skin Softening Techniques

psycheangel — Sat, 09 Aug 2008 03:46:45 +0000

1. When starting off, it’s a good idea to get the Healing Brush Tool and fix some of the small blemishes and wrinkles. Simply select the tool, Alt + click on an area to select a source point, and then click onto the areas you want to clone/heal.

2. Before we soften the skin, we’ll actually apply a medium level of sharpening to get the most realistic results. With your image selected, go to Filter > Sharpen > Unsharp Mask and set the Amount to 100%, Radius to 1px, and Threshold to somewhere between 4-6.

3. Duplicate your image three times (press Ctrl/Cmd + J three times). Name the layers “Gaussian Blur”, “Surface Blur”, and “Median Blur” respectively, then hide the latter two layers so that only the “Gaussian Blur” layer and your original image are visible.

4. With the “Gaussian Blur” layer selected, go to Filter > Blur > Gaussian blur and choose a setting somwhere between 15-20px. You’re looking to blur out most of the detail in the skin, but retain a hint of some of the larger features, such as the eyes, nose, and mouth. Hit OK to apply the gaussian blur to the layer, drop the layer’s opacity to 50% and then hide the layer.

5. Select your “Surface Blur” layer, make sure it’s visible and then go to Filter > Blur > Surface Blur. Your settings for both sliders will need to be somewhere between 25-40. The concept here is the same as with the gaussian blur in that you want to smooth out most of the detail to make sure you have smooth transitions between shadows and highlights. Apply the surface blur to the layer, drop the layer’s opacity to 50%, then hide the layer.

6. Select the “Median Blur” layer and toggle on its visibility. Go to Filter > Noise > Median… and move the slider to somewhere between 20-25 pixels. Keep in mind the same concept as with the two previous layers in that you only want to blur out most of the detail and retain smooth skin tones and transitions. Apply the median blur and drop the layer’s opacity to 50%.

7. At this point, select your “Gaussian Blur” layer and toggle on its visibility so that only it and your original image are visible. Hold down your Alt/Option key and click on the Add Layer Mask icon at the bottom of the layers palette to add a black layer mask. Grab the Brush Tool, set your foreground color to white, and start painting over the skin of your subject. Avoid areas of detail, such as the eyes, eyebrows, nose, mouth, strong creases and wrinkles, etc. You only want to paint over the open areas of skin.

In the video, I only worked on the face of the subject, but I urge you to apply this softening to any areas of skin that are visible. The reason being that the retouched areas of skin will look obviously altered against the areas of untouched skin. To keep a sense of realism to your photo, it’s recommended that you go ahead and include all of the skin in your retouches.

Be sure to check the progress of your layer mask by Alt/Option clicking on the layer mask icon to view only the mask. This will show you the areas where you may have missed some spots. Simply Alt/Option click on the layer mask icon again to return to normal view.

8. Once your layer mask is complete, you can copy it to your other layers. To do this, simply hold down the Alt/Option key, click and hold on the layer mask in your “Gaussian Blur” layer and drag it straight up to the “Surface Blur” layer. Repeat this step to add the layer mask to the “Median Blur” layer as well.

This is the point where most people stop, but we’ll be doing one more quick technique to add back in some of the detail and texture of the skin.

9. Alt/Option click on one of the layer mask icons to load the masked area as a selection. Select your original image and Ctrl/Cmd + J to jump the selected area to a new layer. Drag that layer to the top of the layer stack. Desaturate this layer by going to Image > Adjustments > Desaturate.

10. With this layer still selected, go to Filter > Other > High Pass… The easiest way to work with this filter is to drag the slider all the way to the left and slowly bring it to the right. Keep an eye on the highlights as they start coming back into the layer. You’ll want to end up between 10-25px, just so some of the highlights are starting to peek back through. Hit OK to apply the filter.

11. Change the blend mode of this layer to Soft Light and drop the opacity to around 25-50%, depending on how much detail you want to add back to your photo. Leave this layer at the top of the layer stack as it will be a detail overlay for the underlying softening layers.

At this point, you have three of the most popular skin softening techniques on separate layers. Now you can easily toggle the visibility of each layer to compare the different methods of skin smoothing. This is a great way to not only find a great look for your photo, but to get a little more hands-on experience with the different levels of softening and smoothing available in Photoshop.

Once you’ve found the skin softening technique that you like the most, you can raise or lower the opacity of the layer to make the effect more or less dramatic. For optimum realism, take the opacity to around 35-40%. To achieve the once-popular porcelain skin appearance, simply raise the opacity of your softening layer to 85-90% and hide the top layer that we created in steps 9-11.

Click below for a quick comparison overview of each softening technique against the original image.

Photo manipulations - digital art training

psycheangel — Sat, 09 Aug 2008 03:46:18 +0000

Hello. We have a very interesting subject for today. I am looking forward to make more Photo manipulations, because this is also a part of digital art training. In this tutorial we’ll take a photo and retouch it using a tablet and Photoshop, so let’s do it.

We will start by searching a photo. I have one downloaded from deviantart.com Stock images section and here it is.

Here we have the picture of a girl with devil wings. Now I’m only interested in a girl for my project so we have to get rid of background. I will use Quick mask and simple rough edged brush to make a selection of this girl.

Select Brush Tool.

… And begin to cover the area with mask. Try to stay close to the edges.

Refine the edges if needed. You have the X key to switch between Cover with mask and erase the mask.

Tap Q again to switch to selection mode.

Now we will create a new document

with the same dimensions as our initial image.

And here are the dimensions.

Select inverse before you drag the girl to our new document.

And here we have the girl on a new document. We will work with this document now so you can close the initial image now.

I will also rotate my girl a little bit at the very start.

Now I will refine the edges of the girl, especially the hair and the wings, when there are a lot of tiny details there.

As we have our image on a new layer we can use simple eraser without spoiling the background.

And here is our result.

Craft a Vintage Fifties Letter

psycheangel — Sat, 09 Aug 2008 03:45:48 +0000

Step 1

Create a new document. Mine is 1600px by 1200px at 150 dpi. On the background layer create a radial gradient. It doesn’t need to be perfectly centered, so it’s OK if you’re bit off. I used the follow colors for my gradient: a foreground of #4a1c00 and a background of #311300.

Step 2

Open a paper texture of your choice. I used this one. Desaturate it and bring it into the letter document. Change its blend mode to lighten and lower its opacity to something near 70%.

You may need to stretch it a bit, or you could duplicate the layer and flip it horizontally. Then go to Edit > Auto Blend Layers. Just be sure to flatten the layers or convert them to a Smart Object.

Step 3

Now open a canvas texture of your choice. I used this one. As before, Desaturate it and bring it into the letter document. Make sure it’s the top layer. Change its Blend Mode to Color Burn and lower its Opacity to around 10%. If the canvas texture is too big, remember to scale it down a bit.

Step 4

Duplicate your background layer (the one with a radial gradient). Drag it to the top of you Layer’s Panel. Then change its Blend Mode to Overlay with an Opacity of approximately 70%. After doing this, select all the layers and group them. Call this group “Background” (you may need to unlock the background layer in order to include it in the group).

Step 5

On a new layer use the rectangle tool to create an envelope sized rectangle. Make sure the fill color is #f2d27d.

Step 6

Duplicate the same paper texture (this one). Then drag it on top of the “envelope layer.” Be sure to change its Blend Mode to Hard Light with 75% Opacity.

Step 7

Create a Clipping Mask between the envelope layer and the texture layer by holding down the Alt key and clicking between the two layers.

Step 8

Now select both layers, flatten them, and rotate the new flattened layer a bit to give it some interest. For the sake of being organized, rename the flattened layer “Envelope.”

Step 9

On the new Smart Object, apply the layer styles and settings shown below.

Step 10

On the envelope layer, use the Polygonal Lasso tool to select one of the corners. Once you’ve made you selection, press Ctrl+J to duplicate the selection onto its own layer. Make sure to remove the layer styles on the duplicate layer.

Step 11

Ctrl+click on the new layer’s thumbnail to load it as a selection. With the selection still active, select the envelope layer while holding down the Alt key and press the Layer Mask icon. This creates a Layer Mask with the selection being masked out.

Step 12

Select the new corner layer and distort it a bit. I went to Edit> Transform > Distort. I chose to bring in the bottom left corner towards the right and up a little bit.

Step 13

Now on the new corner layer, use the Polygonal Lasso tool again to make a selection similar to the one shown below. Repeat steps 10 through 12 after you’ve done this. Except instead of creating a mask on the envelope layer, you’re going to create the mask on the corner layer that you duplicated from.

Also, instead of pulling the bottom left corner to the right, you need to pull it to the left and down a bit. I went ahead and repeated the process one more time. Before you go onto the next step, make sure to make any final touch-ups regarding selections. You may have some stray pixels that weren’t covered by the layer mask.

Step 14

Select all corner layers, flatten them, and use the Smudge tool to soften the edge that connects the corner to the envelope. Then name this layer “Corner.”

Step 15

Here is where we’re going to make it look better. Create a new layer, fill it with 50% gray and change its Blending Mode to Overlay. This allows you to get the same effect as dodging and burning, but it does so non-destructively.

Name this layer “depth.” Use a large soft edge Brush and paint over the top of the envelope and document using a black fill for your brush. You’re probably going to need to lower the Brush Opacity and Flow. I have my Brush set at 25% Opacity. If the effect is still too dramatic for your liking, you can always turn down the opacity of the layer.

Step 16

Now onto the corner. Use a small soft Brush with a much lower Opacity and Flow (so that the effect is more subtle) to paint with. Go over the areas you want to be shadows with black, and paint over the areas you want to be highlights with white. You may have to go over certain areas more than once. Remember to make sure you’re being accurate with you painting, from here on, making changes will be difficult.

Step 17

Duplicate the image by going to Image>Duplicate. Now flatten all the layers. Then Desaturate them by pressing Ctrl+Shift+U. Save this new file as letter_map.psd. This is critical. The file has to be saved as a PSD in order for the remaining effects to work.

Now drag the desaturated layer to the original document. Hold down Shift as you’re dragging it from one document to the other to center it perfectly.

Step 18

In the original document, move the recently imported file right under the “depth” layer. Then change its Blend Mode to Multiply and change the Opacity to a setting you feel is necessary.

Step 19

Using Rectangle tool, create a long thing rectangle. Then duplicate the layer two times.

Step 20

Line up the layers alongside each other. Change the left most layer color to #ff0000. Change the middle one to #dbdbdb. And finally, change the right most layer to #000e61.

Step 21

Select all three layers and rotate them by 21.7 degrees. With all three layers still selected, convert them to a Smart Object.

Step 22

While holding down the Alt key, click and drag on the Smart Object. Then line up the stripes along the edge of the envelope. Don’t worry about going over the edge of the envelope, as we’ll solve that in the next step. Just make sure to cover the corners really well.

Step 23

Now select all the pattern layers and convert them into a Smart Object. Then move the border layer above the envelop layer. Create a Clipping Mask between the envelope layer and the border by holding down the Alt key and clicking between the pattern layer and the envelope layer.

Change the Blend Mode to Multiply, duplicate the border layer, drag it above the corner layer, and create a Clipping Mask between the border and the corner.

Step 24

Add a layer mask to one of the border layers so that you get a nice thin border inside the envelope. After you get the right look, hold the Alt key and click on the Layer Mask. Then drag it to the other border layer.

Note: The best way to make your selection is to Ctrl+Click on the thumbnail of the envelope layer. Then go to Select > Transform Selection and scale the selection.

Step 25

So far the border has been rather flat. Here is where you’re going to make it more realistic. Select one of the border layers. Once it’s selected go to Filter > Distort > Displace. The default setting should be fine, so don’t worry about messing with those unless you want to.

Press OK, and navigate to letter_map.psd, select it, and click Open. Do the same thing on the other border layer. For those who are curious about what the displace filter does, there is a great explanation here.

Step 26

On a new layer use the Rectangle tool to create a square with a fill color of #e9e8e8.

Step 27

Add a Layer mask, select the Brush tool, and go into the Brush Engine. Increase the Spacing of the Brush Tip Shape . It may take a bit of experimenting to get this part right depending on the size of your image.

Step 28

With the square layer selected, grab the Pen tool. Then right-click in the square and select Stroke Path. Select Brush in the dialogue box that appears. Make sure your foreground color is black.

Step 29

Now duplicate this square layer. Then delete the layer mask on the duplicate layer. Once you’ve done this scale down the duplicated square by going into free transform mode and holding down shift+alt/option and dragging in one of the corners. Change the color of this new square to something bright so you can see it.

Step 30

Drag in the image you want to use for your stamp. I used this one. Once you have it in the document, apply the Dry Brush Filter to it by going to Filter > Artistic > Dry Brush. Try to make the picture look less like picture and more like artwork.

Step 31

Scale down the image if necessary. Then create a Clipping Mask between the duplicate square layer and the image.

Step 32

Select all the layers that make up the stamp and convert them to a Smart Object. Once you’ve done that, duplicate the Smart Object two times, and rotate each stamp differently.

Step 33

Group the stamps and move them under the “depth” layer. If you like, you can turn down the Opacity a bit.

Step 34

One a new layer, use the Ellipse tool to create a circular path. Make sure you’re using a hard edge Brush. The size of the Brush will depend on the size of your circle. Right-click on the circle path and select Stroke Path.

Step 35

Duplicate the circle several times, and scale each duplicate down till you have an effect like the one shown below. It’s easiest to make one duplicate at a time, scale that duplicate down, and then repeat the process again on each one.

Step 36

Once you’ve finished scaling your circles, select the Custom Shapes tool and select one of the Symbol Preset Shapes. Place it in the center of the circles.

Step 37

Use the Line tool to create a long line stemming from the outer most circle. Remember to hold down the Shift key to make the line perfectly straight. Once you’ve done that, press Ctrl+T to go into Free Transform mode. Move the line down by pressing Shift+ The Down Arrow. Then press Enter when you’re done.

Step 38

Now press Ctrl+Shift+Alt+T six to nine times. This will duplicate the line and move it the exact same distance every time you press the T. The distance was determined by the number of times you press the Down Arrow in the previous step. Now apply the Wave Filter by going to Filter > Distort > Wave.

Step 39

Select all the layers that make up the mail cancellation and group them. Create a Layer Mask for this group. Then fade out the ends of the lines. Gradients and Grunge Brushes work best for this. I also took the opportunity to get rid of the wavy lines that were in the circles using a Layer Mask.

Step 40

Scale down the cancellation stamp and move above the postage stamps. Also don’t forget to add some text to the letter with the handwritten font of your choice. I used Luna Bar.

Step 41

Now to give the letter a distressed look, select the border layers and paint on the Layer Masks with a Paint Splatter Brush or any Grunge Brush of your choice. You can find a lot of these types of brushes on DeviantArt. You can also use the same technique on the stamps and the text layer, just remember to turn down the Flow and the Opacity of the Brush.

Energize Your Graphics with Abstract Energy Lines

psycheangel — Sat, 09 Aug 2008 03:45:00 +0000

What We’re Making

A preview of the effect we’re going to create in this tutorial can be seen in the back of this graphic:

The purpose of this tutorial is not to actually recreate this exact graphic, but rather show you how to add similar lines into your own compositions. For this reason, I’m not going to explain how to design this specific background, but you are free to download the background here if you’d like to follow using our example.

Step 1 - Start with a Flare

Create a new Layer.

First, we’ll create a large, bright flare where our lines will sprawl out of. Using a large, soft brush (0% hardness, 100-200px, or greater for large documents), and a white foreground color, dab a bit somewhere in your document as a starting point for your lines.

Set this layer to Overlay. If need be, duplicate this layer several times to get a more intense effect. Here is the flare after 3 duplicate layers:

Step 2 - Adding Some White Lines

Create a new layer above your flare. Still using a white foreground color, set your brush size to 1-2px, and your brush hardness to 100%.

Plan out a path for your lines. Decide which direction you want your lines to flow, how many sets (directions) you want your lines to flow in, and how you want your lines to interact with any subjects you may have in your composition. I want to have 3 groups of lines, two shooting upward out of my flare, and one coming out the bottom as if the flare fuses those groups together.

Now, making quick, smooth strokes (a Graphics Tablet really can help), draw your groups of lines into your new layer (Video Below). With a mouse, you need to be sure to make fast flicks to create a smooth looking line. Alternatively, you can create dozens of paths with the pen tool, and then stroke those paths with a 1-2px white brush. This approach will almost alway look better, but is more time consuming.

Here’s a quick demonstration video:

Step 3 - Adding More Lines

Continue to build upon your lines with additional colors as you see fit. Try to choose colors which compliment the other colors in your image, or are similar to the colors used in your graphic. Yellow is a nice complimentary color for blue, so I’ll add some extra yellow lines.

Step 4 - Scribbles

Create a new Layer.

Using a 1px, 100% hard, white brush, draw in some scribbles that closely follow your line work completed in steps 2 and 3. Add some extra scribbles that shoot out further than the rest near your flare, as if it is filled with electrical energy (you’ve gotta love the terms I’m using to describe such things in this article by now, but really, thinking of ways to compare your linework to real world examples can help you put your ideas to paper).

Step 5 - Add Depth with a Shadow

Duplicate the layer of white lines, and move the layer underneath your flare layers. Apply a Gaussian Blur with a radius of 5-10px. Change the color from White to Black by going to Image > Adjustments > Invert.

Using a shadow is a great way to create an illusion of depth in a graphic. After applying your shadow, the lines and flare should appear to pop forward a bit from the canvas.

Step 6 - Adding a Vibrant Blur

While holding Ctrl, select every line layer and flare layer you’ve created so far. Once every layer is selected in your layers palette, right click one of the selected layers, and choose to Duplicate layers (or Layer > Duplicate Layers).

You should now see a group of layers above your layers you just duplicated (all still selected). Merge these layers (Ctrl + E, or Layer > Merge Layers).

Set this new layer to Overlay. Apply a Guassian Blur with a radius of 10-20px.

This will simply five your lines a more ambient light feel, as if they are actually glowing a bit.

Step 7 - Adding Sparks

On a new layer, using a 1px, hard, white brush, paint in some small sparks (just quick dabs of paint), which increase in number as they approach closer to the flare and lines.

Wrapping Things Up

That’s really all there is too creating this sort of effect. The real creativity is not in the effect itself, but how you tie it into your design work. You can use the lines to wrap around objects in your compositions (would require some extra work with the eraser or masking), to direct attention to different parts of an image, or even use the lines to frame something.

hell-tutorial-photoshop

psycheangel — Sat, 09 Aug 2008 03:44:20 +0000

Step 1

The first thing you will have to do is create the 3D text. To do that you can use Illustrator. It has a very nice 3D filter and it will work just fine.

Type the text you want and go to Effect>3D>Extrude & Bevel. Change the Position to Off-Axix Bottom. Then you just rotate the X,Y, and X Axis until you get the result you want. Follow the image below for reference. Tip: It’s very important that you select Draw Hidden Faces. Otherwise Illustrator will not create some faces that will be very important for the end result.

Step 2

Now you will have to expand the 3D effect in order to select and change the color of the faces you want. Go to Obejct>Expand Appearance. First select the top faces, and move them away. Then select just the outer faces and fill them with black.

Step 3 - Photoshop

Create a new document in Photoshop and fill the background with Black. Copy the 3D text without the top faces and paste it in Phothoshop. Position it in the middle of the document and reduce its size.

Step 4

With the Magic Wand Tool (W) select the black faces and delete them.

Step 5

Go to Images>Adjustments>Hue/Saturation, change the color of the text to Orange.

Step 6

Make sure you have black and white for the background and foreground colors. Then go to Filter>Render>Clouds… After that, resize the layer. Make it smaller just to cover the word. Then just change the Blend Mode to Color Dodge

Step 7

Now create a new layer on top of the others and fill it with black, then with the Brush Tool (B) select a regular brush, very soft, like 0% hardness, and white for the color. Then just paint over some ares to make them brighter. (1-4)

Step 8

Apply a Layer Style to the 3D word, use Stroke with 1px Size, 40% Opacity and Black for the color.

Step 9

Let’s add a Gradient Overlay to the background. It will be necessary in order to make some of the light effects work. Use Radial for the Style and use Black and #412e1d(brown) for the colors.

Step 10

Now duplicate the 3D layer and go to Filter>Blur>Gaussian Blur use 30px for the Radius. Position this layer beneath the Hell layer.

Step 11

With the Ellipse Tool(U) create an ellipse like the image below, then go to Filter>Blur>Gaussian Blur. Use 70px for the Radius. After that, just change the Blend Mode to Overlay.

Step 12

Create a new layer on top of the Backgroud layer. Fill it with white and go to Filter>Texture>Texturizer. Use 60% for Scaling, 15 for the Relief and Top for the Light. Change the Blend Mode to Multiply.

Step 13

Here I wanted to add a nice texture to the floor, so I used a wooden texture. You can find the one I used at http://www.sxc.hu/photo/947335. Or you can check the Great Wood Textures at http://abduzeedo.com/great-wood-textures.

Paste the image in the document and resize it to make it cover the gradient area. Then go to Edit>Transform>Distort. Move the vertices to apply a nice perspective to the wood. After that just change the Blend Mode to Multiply.

Step 14 - Fire

Now let’s create the fire. To do that I will use what I learnt from the awesome Dramatic Text on Fire Effect in Photoshop by Collis from PSDTUTS.com. Basically we will get a photo of fire with flames and use the Warp tool to create different variations of the flame.

Download the image at http://www.sxc.hu/photo/985088 and paste it in the document. Make sure that it’s in front of the other layes. Then with the Eraser Tool (E) delete some areas. Also go to Edit>Transform>Warp and distort the flame to get a nice effect. Then just change the Blend Mode to Screen.

Step 15

Create more flames using the same technique, you can even use the Smudge Tool (R) to change the form of the flames.

Step 16

Create a new layer in front of the other layers and go to Filter>Render>Clouds. Make sure you have selected Black and White for the Background and Foreground colors. Then you can resize the layer a bit to make the smoke smaller. With the Eraser Tool (E) delete some areas and just leave smoke over the text. Then change the Blend Mode to Soft Light.

Step 17

Repeat the same thing as the previous step, this time however use Hard Light for the Blend Mode. This step will create a more volumetric smoke to the image.

Step 18

Let’s create the cracks on the floor. To do that let’s use another image from sxc.hu, you can download it at http://www.sxc.hu/photo/995884. Place the image on the document and resize it to cover the gradient area. Then like we did before with the wood texture, go to Edit>Transform>Distort. Distort the image until you get a nice perspective, then change the Blend Mode to Multiply.

Step 19

This step might look complicated but it’s not. Actually it’s quite simple. Duplicate the crack layer and change the blend mode to Normal again. Go to Image>Adjustments>Invert, then go to Image>Adjustments>Desaturate. This will invert the colors so what was once black will now become white and vice-versa. Now go to Image>Adjustments>Levels and use 40, 1.00, and 226.

Right after that select the Magic Wand Tool (W) and select the black part of the image. Then go to Select>Similar, Photoshop will select all the black from the layer. Then delete the blacks and you will have the cracks in white. Now just apply a Layer Style. Go to Layer>Layer Styles>Color Overlay. Use #ffba00 for the color.

Step 20

Select the Eraser Tool (E) with a big soft brush, use 0% hardness. Then start deleting the layer. Leave just a small area close to the word. After that go to Filter>Blur>Gaussian Blur. Use a small value 0.5%. Then the last thing here, move this layer 2 pixels left and bottom, so it will create a nice 3D effect.

Step 21

Here you can duplicate the yellow crack layer and apply a another gaussian blur, this time use a greater value and change the Blend Mode to Color Dodge. If you want you can duplicate it one or two more times to make the effect brighter.

Conclusion

You can add more cracks or change the flames, now it’s up to you. The idea of this tutorial was to create an image using fire coming from hell, like a deeper place using 3D typography. It’s basically a mix of tutorials and techniques. It’s all about playing and looking on the web, there are really great tutorials out there.

Create an Urban Tiger Photoshop Manipulation

psycheangel — Sat, 09 Aug 2008 03:43:33 +0000

In this tutorial we will examine the methods behind creating an image that contains a window to another world within it, as we smash a hole in urban life to reveal the jungle waiting in the wings. We’ll look at several basic techniques that are the cornerstones of creating any mixed media composition, including simple transformations, creating clipping paths and layer masking.

Here is the image you will be creating.

Download the rar file below to follow along with the tutorial.

Urban Tiger Tutorial Files

Note: Please click the images to enlarge.

Step 1

Open up ‘wall.jpg’ that you just downloaded. As uninspiring as it looks right now, this photograph is actually going to serve as the basis for our finished image - so take a moment to get familiar with it.

Step 2

Etching is the process of tracing around an element to extract it from its background. In this instance, what we actually want to do is etch the central hole in the wall, and then remove it to create a frame. Bearing this in mind, hit ‘P’ to select the Pen tool and zoom in to 300-400%.

Step 3

Start creating anchor points that trace precisely around the gap in the wall. Experiment with dragging your mouse once you have clicked to get a curved result. If curving around an object results in an anchor that doesn’t allow you to continue etching easily,try Alt-clicking the anchor point to ‘pick up’ the path..

Step 4

Continue tracing around the hole until you reach your original anchor point. Click on it again to complete the path. Bring up the Paths palette and save this path as ‘Path 1′. Now, right-click in the middle of your path and select Convert to Selection. Ensure Feather Radius is set to ‘0′ and click OK.

Step 5

Once you have made this selection, it’s time for you to mask out the hole. Add a layer mask by simply clicking the Add Layer Mask button at the bottom of your Layers palette. This will automatically create a mask based on your selection.

Step 6

Import a forest Import ‘forest.jpg’ that you just downloaded. Duplicate the background layer into your main composition. Now drag it below your masked Wall layer in the Layers palette. It should drop neatly behind the hole and look like a new backdrop.

TIP : Dare to experiment! Make sure you put the techniques discussed here to good use. Don’t just follow the steps and then move on - take a minute to experiment with everything along the way and ensure you have a thorough understanding of each process. These methods are fundamentals that can form the basis of a balanced skill set, but they’ll only end up in your toolbox if you don’t take the time to comprehend them thoroughly.

Step 7

Hit Ctrl-T to bring up the Free Transform dialog. Hold down Shift to constrain proportions, and re size your forest so that it fits snugly into the hole in the wall. Position the Forest layer so that the sky is barely visible and the foliage sits neatly centralized.

Step 8

Let’s make this forest look a little leafier and more lush - press Ctrl+B to bring up the Color Balance dialog. Hit the ‘Shadows’ radial, and tweak towards Blue. Now go to the Midtones and move towards Cyan.

Step 9

Open up the ‘tiger.jpg’ that you just downloaded. Now repeat the etching process, taking care to be as meticulous as possible. Remember, the higher in you zoom, the better quality etch you will end up with.

TIP : Flexibility is the key A tutorial is just a step along the path, never the complete journey, so do feel free to use these techniques on your own photographs.

Step 10

Duplicate the Tiger layer into the main composition. Position it below the etched Wall layer,but above the modified Rain Forest layer. Free Transform the layer so the tiger fits proportionally with the rest of the piece.

Step 11

One of the problems with bringing etched animals into compositions is that they often have a ‘cutout’ feel. To remedy this, bring up the Brushes palette and browse through the presets until you find the Dune Grass brush.

Step 12

The Dune Grass brush actually utilities both your foreground and background colors. Bearing this in mind, use the Eyedropper tool in order to sample two different highlight colors from your tiger’s back. Create a new layer and then brush some fur on!

Step 13

Repeat this process around the entire exterior of the tiger, ensuring you frequently re sample both colors from his coat. Continue until the ‘cutout’ effect is completely neutralized. Feel free to use as many layers as you require- in fact, the more you use the better. .

Step 14

Duplicate your layer and hit Ctrl-M to bring up the curves dialog. Bring the shadows down and the highlights slightly up increase the contrast; you want to match up as closely as possible with the Forest and Tiger layers.

Step 15

Because the bottom half of the Wall ayer is drastically brighter than the top, we have an imbalance. To fix this, we’ll add a ‘Burn’ layer to create a natural vignette. Use the Eyedropper to select a dark color from the shadows of this photo.

Step 16

Create a new layer and select a large soft brush around 300px in diameter. Set Opacity to 10%and start gently brushing in a vignette at the bottom of the image. Don’t worry about the tonal disparity - we’ll fix this up shortly.

Step 17

Bring up the Paths pale e again, and bring up your original Hole path that you etched in the first steps. Now move a the Layers tab. Select your Forest layer, right-click, make a selection and duplicate the selection to a new layer. Position it above the Wall layer.

Step 18

Now apply a mild Gaussian Blur to the layer - this will softly diffuse the light out across the bricks and simulate the outside lighting conditions. Ctrl-click this blurred layer to get its selection. Contract your selection by 10 pixels, Feather by 5 and clear the remainder, to be left with the finished effect.

Step 19

To wrap up, all we need to add is a Color Balance adjustment layer. Add one over the top of all your other layers (Layer>Adjustment Layers> Color Balance). The first thing to do is to drag the shadows towards Red and Yellow 20 Color Balance part two Now drag the Mid tones towards Yellow, and the Highlights towards Red. Take your time to balance these values here. This adjustment layer is the only thing that you really need to unite these elements, so be sure to give it the time and care it needs.

Do this by eye, and trust your instincts!

Create a Vintage Film Style Video Using Photoshop CS3 Extended

psycheangel — Sat, 09 Aug 2008 03:42:59 +0000

Step 1

Photoshop CS3 Extended has the useful feature of editing videos and animations directly inside of it. This time I’ll show you some of the basics of video editing in Photoshop. Before getting started, you must know that Photoshop can edit any video as a Smart Object. This opens endless possibilities to create amazing outcomes to our videos by adding effects, filters, and more.

Let’s begin, for this tutorial we’ll start by creating a new blank document 640 pixels by 480 pixels. You can choose the Preset Film and Video and change the Width value. Go to Layers > Video Layers > New Video Layer From File, and search for any video in your computer.

I used this video, which was filmed about a year ago. It’s of my friend Ariel rafting the Espíiritu Santo river here in Bolivia. As you can see, the video layer is on your Layers Palette right now. Convert it into a Smart Object (Right click on the layer miniature’s name and click on Convert to Smart Object). Then name it “Video.” Now, to set up your workspace, go to Window > Animation to show the Animation tools.

Step 2

First, we’ll edit the Levels of the “Video” layer. Click on Create a New Fill or Adjustment Layer > Levels in the Layers Palette. This will create a new Levels Adjustment Layer for the entire video. Use the following values.

Step 3

Then add another Adjustment layer by clicking Create a New Fill or Adjustment Layer > Photo Filter. Set the color to #704302 and the Density to 100%. This way the “Video” layer turns into a nice sepia tone. Also, as you can see, each layer added turns into a new layer in the Animation window.

Step 4

Here comes the fun! We’re going to animate some objects in Photoshop. We’re trying to get a vintage style video. First, we’re going to create some random lines moving across the screen. Draw some vertical lines, three or four, using a 2px soft Brush, then delete some parts of the lines using a soft Eraser with the Opacity and Flow each set at 50%. Also, add all the layers into a new group named “New Video.”

Step 5

Go to the Animation (Timeline) window. Click on the arrow to explode the “Lines” layer. You’ll see three rows: Position, Opacity, and Style. Each row can contain any number of Keyframes. When you create a keyframe you’re setting a modify point for your layer.

Photoshop will create the motion between two keyframes. You can modify these three values on each of your layers as many times as you want. You can create a combination of several positions, opacity values, and layer styles over the timeline.

The movie has 20 seconds in length, the frame rate is 30 frames per second, so that means the movie has 600 frames. By default the timeline measure is in seconds. Below there’s the control tools, there’s a Play button, a Next button and Prev frame button. Also there’s a slide to enlarge the size of your timeline viewing.

One of the most important tools in this window is the Current Time Indicator slider. It’s the blue triangle over the timeline. By moving this slider you’re selecting a unique frame-second to add a keyframe in. Armed with this knowledge, let’s add some effects!

Step 6

Drag the Current Time Indicator to 00:00f. Click the Time-vary stop watch (The tiny clock) of Position row. This will create a yellow rhombus over the Time line where the slider is located; This is a Keyframe. Now using the Move Tool (V) drag the “Lines” layer just a little to the right. This will be the first position of the motion.

Step 7

Now we’ll animate the Opacity of the “Lines” layer. Click on the Time-vary stop watch (The tiny clock) of the “Opacity” row. You’ll see a gray rhombus appear. Then go to the Layers Palette and set “Lines” Opacity to 0%. By changing the opacity the gray rhombus will become yellow.

Step 8

To create the second keyframe of animation drag the Current Time Indicator slider a few frames forward in the timeline. Then using the Move Tool (V), drag the invisible “Lines” a little bit to the right.

In the Layers Palette change the “Lines” Opacity to 75%. As you can see at the bottom of the image below, there’s two more keyframes in both the “Position” and “Opacity” rows.

This is the hardest step of the entire process. If you miss this your first try, don’t give up; just repeat the steps in order. By now you can use the Play button of the Animation window to start viewing the result: a motion fade in effect for the lines.

Step 9

To complete the “Lines” sequence. Drag the Current Time Indicator slider just like in the previous step, a little bit forward. Then using the Move tool (V), drag the lines to the right, not to much, but no to few. Finally, set the “Lines” Opacity to 0% once again. If you click Play, you’ll see a fade in + motion + fade out animation.

Step 10

Now we have a three keyframes animation for one layer, and it’s less than three seconds. So we need to repeat the lines animation across the time line. For this, go to Layers pallete and duplicate the “Lines” layer. Then go to Animation window and Shift + click all the keyframes of “Lines copy” layer. Once you have select them all, drag those frames forward, maybe near 10:00f.

Repeat the process, duplicate the “Lines copy” layer, select all the keyframes of “Lines copy 2″ layer, and drag them forward. I did this just three times, though you could do it as many times you want. Try to not have two or more keyframes at the same time on your timeline, because the lines will look bold on the final video. Again, see the result by clicking the Play button.

Step 11

To make the lines effect softer, convert each one of the “Lines” layers into a Smart Object. Then change their Opacities to 50%, 70%, and 50% respectively.

Step 12

Create a new layer above the “Lines” layer and name it “Noise.” Then press D to load the default colors. Go to Filter > Render > Clouds. Once you have your favorite clouds, go to Filter > Noise > Add Noise, and set the Amount to 30%. Also, set the Distribution as Uniform and select Monochromatic.

Step 13

Set the “Noise” layer’s Opacity to 25% and its Blending mode to Color Burn.

Step 14

In the Animation window, drag the Current Time Indicator slider to 00:00f. Then click on the Clock Position row and free transform the “Noise” layer increasing the width as in the image below. Then drag the Current Time Indicator slider to 20:00f (the last frame) and move the “Noise” layer to the right. This way you’ll get an animation for the noise.

Step 15

Now if you want to add more grunge details to your video, add another layer of lines below the “Noise” layer, but this time make them more bold (Brush 3px). Follow the same steps for the basic lines (Steps 6 through 9). The differences are the following: Set a larger space between the keyframes and the first keyframe isn’t in the 00:00f. If you want to get a better result, repeat this adding lines process three or four times.

Step 16

Now just because we can we’ll add some Subliminal text to our video. You can use it to add a signature to your work too. The steps are the same. First, create keyframes and change their layer’s properties.

Draw any text into a new layer named “Subliminal image.” Place this below the “Noise” layer. This time we’ll animate only the Opacity, and for a very short time to make a subliminal image. Create a 0% opacity keyframe, then another 88%, and finally another at 0%.

Step 17

Now we’ll add a dark border to our video. Create a new layer above the “New Video” group, Ctrl + A to select all, Ctrl + Alt + D to Feather the Selection. Then set a 50px radius. Ctrl + Shift + I to inverse the selection. Then using the Fill tool and a black foreground, fill the selection.

Step 18

Put everything into a new Group and name it “Full video” (I’m bad with the names).

Step 19

Paste this image into a new layer above everything, and delete the screen. I used the Magic Wand Tool with a Tolerance of 50 for this.

Step 20

Now convert all the “Full video” group into a Smart Object. If you want to edit the video later, Double-click on this layer. Now using the Warp tools distort the image to match the screen shape. I used some guides to make the work easier. Also, add a Drop Shadow to the TV layer. You can add more effects and layer styles if you want. I kept it simple this time.

Step 21

To render your video go to File > Export > Render video. Select the folder and name the file. Choose Quick time Export (If this option is disabled you need to get Quick Time 7.4.X or higher). By clicking on Settings and then Adjustments you can select a lot of options for render quality. This time I’ll use the default settings. Finally, click on Render.

Conclusion

Our final movie file can be viewed here. Editing video using Photoshop is not always easy work, but you can get excellent results with a little bit of patience. Try this tutorial to add a signature to your videos or to add vintage effects to your next video blog post.

Photoshop Tutorial - quick painting

psycheangel — Sat, 09 Aug 2008 03:42:19 +0000

In this photoshop tutorial we are going to pain a quick painting. It was done using a mere mouse. The theme of the painting is warm seasons of the year and it has a style of a child drawing done digitally in a short time – about 20 minutes.

So let’s get going.

Create a document. You won’t have to set the CMYK color gamma.

Now let’s set some background color and the mood to our picture. I’ve created a gradient here.

Here is our gradient fill.

As this is not a layer tap twice on the background to create a layer.

I would also like to warp my picture a little.

Click image to expand.

Crete a layer. 1st one.

Choose a round soft edged brush, set it to AIRBRUSH and hold a little bit on the tap. This way you can choose the diameter of the spot that you need. This will be our sun.

Click image to expand.

I would like now to apply some layer styling to our sun.

Here is our result.

Choose a sponge brush, let’s say N 14, create a new layer and make several strokes.

Click image to expand.

Something like this.

Click image to expand.

Create another layer (there will be 4 strokes layers in total).

Set the radius of the brush a little bit smaller and make some strokes.

I will also warp my strokes.

Click image to expand.

I will create a mask to my first stroke layer and make it a little blend with my background. I’ve switched off all the background layers for you to see how it will work.

Apply a normal contrast blue drop shadow to our strokes. To all strokes that are on the left.

Click image to expand.

Warp the strokes a little bit more and crate 2 copies of any stroke layer. Transform the strokes- flip them horizontally. So now we have them on the right too.

Switching back to the sun; I will apply a layer style.

Click image to expand.

And one of the left strokes needs a layer style too; a gradient overlay.

Click image to expand.

Here we have all the view to our picture.

Now I will grab my brush tool and select the LEAF brush with standard settings in Photoshop. This brush is set to scattering and etc.

Click image to expand.

Make several clicks and here we have the areas covered in real like leafs. That’s why I like Photoshop; you can make a brush out almost anything.

Click image to expand.

I will bring out the levels a little bit, and color balance my image

Click image to expand.

In the eng I will a ply plastic wrap filter, you won’t have to do it, but I like the picture with this effect.

Click image to expand.

And this is it.

Click image to expand.

Here is our Funny and sunny mood painting done in Photoshop. Hope you learned something.

Create a Complete Vexel Image Using Photoshop

psycheangel — Sat, 09 Aug 2008 03:41:56 +0000

Introduction

Ok what you should know before starting to read this tutorial is that there are many ways to make a vexel. This is just one way that I’ve developed to make a realistic vexel using the traditional techniques.

Now let me introduce you to the concept of a vexel. A vexel is a pixel based technique that is similar to the vector technique, but the vexel technique uses vector lines to plot out the picture. To create a vexel one can use vector lines and shapes to illustrate the picture that they are using as their base.

To create the vector lines on an image we can Posterize the picture to see its vector lines, and this gives us a guide on all the lines in the image and what to trace.

Pen Tool Tutorial

The most important part of this project will be the Pen Tool (P). This will be the tool we use most frequently. If you want to make a vexel, you have to be able to use it well. I will now give a mini tutorial on using the Pen Tool.

First thing you have to do is set the correct settings of the Pen Tool in it’s options. Below is a picture of where the Pen Tool is located. And above it are the correct settings that you should have set for this tool.

Now that we have the correct settings on the Pen Tool, we have to learn how to properly use it. So there are two main ways you can use it. First, I will explain the way which simply uses the basic Pen Tool. Now in vexeling we will be doing a lot of shape tracing; So I will demonstrate how to trace a random shape with the first Pen Tool technique.

Step 1

Ok, here is the first way to use the Pen Tool. This way isn’t a 100% accurate, but its the easiest way. Now below we have a shape that we will trace with the Pen Tool. This is still a small tutorial for the Pen Tool to get us a little bit of practice.

First thing we will do is start at one of the edges. You’ll want to zoom in for more accuracy. Now take out our Pen Tool and left click on the edge. Then move our pointer to the next edge above and to the left and click again. Now this is how you trace around shapes without rounded sides.

Now you should have something like the second image below. I cropped the piece of the image that we are trying to trace first. So you’ll have two little boxes one open and one closed.

Step 2

Now move on to the curved part of the image. We still have a small horizontal part left before the curve comes, so take your mouse and click on the point right before the image starts to curve. If you want to practice with the same image you can get it through the Photoshop Shapes.

Now once you are up to the curve, put the mouse about half way through the curve and click, but do not let go. Instead, after you have clicked, drag your mouse upwards until your line matches the curve. Below is what your trace should look like.

Step 3

Now take these two simple steps and apply them to the rest of the shape. Just go around the whole shape. Once you have fully traced it, go back to your starting point and connect it by simply clicking on the open box.

Step 4

OK great, now we have a full traced object. Also, our trace is Closed meaning there are no openings and no lines that are not connected. The last step is to fill this trace. You’ll need to know this because we’ll be filling our traces with skin colors when making our vexel.

You should still have the traced U Turn shape. Next thing you do is make a new layer. Then select it and move your pointer inside the shape and right-click. Then go to Fill Path and place in any color you want, and click OK. Right-click once again and Delete the Path. This gets rid of the trace we just did and leaves our new filled object.

Step 5

We have now learned the first way of tracing and making shapes with the Pen Tool. Now we’ll learn the second which is very similar, but it uses an extra part of the Pen Tool to make its shapes more accurate. It is called the Anchor Point.

Now we have a new more difficult shape to trace. This one can also be found in the Photoshop Shape Library. This shape has a lot of curves and is perfect for using the Pen Tool with the Anchor Point. So we’ll begin by starting at the bottom of a curve and making our first point. Then drag to the opposite side of the curve and make a diagonal line.

Step 6

Use our Anchor Point to make a curve. Take our pointer and drag it to the middle of our line. Then right-click and select Add Anchor Point.

Step 7

OK, now you can see a small box in the middle of the line. Hold Command to turn your Pen Tool into a pointer. While doing this, drag the box up to the top of your curve and let go.

Step 8

We still have two parts of the line that aren’t quite traced along side our curve. So, let’s add anchor points to them too, the same way you did to the first. Use the same method of holding Command and moving them towards the curve. There you have it.

Step 9

Now you can go on and complete the rest of the shape by repeating this process. So you can use whichever technique you are more comfortable with and apply it to the vexeling process. If you are still not a 100% comfortable with the Anchor Point way of using the Pen Tool, below is another step-by-step walk through on how to make shapes.

Step 10

You are now ready to vexel your image. Only thing you need to do is pick your image out. Now not all the images you see can be cleanly vexeled. You have to find an image of a person that has all their attributes fully visible and nothing hidden behind a shadow of a fuzzy picture. For example, the image used for this tutorial is below. Also, notice the reasons I picked this image.

Now when picking your stock remember that a larger resolution is better. The original resolution of the image chosen for this tutorial is 1414 pixels by 2121 pixels. So you want something like that or bigger. Now that we have our stock, we are ready to begin the vexeling process.

Step 11

Let’s set up the picture. Once you’ve selected your stock, open it in Photoshop. First thing you should do is duplicate the original once. Then change the name of the original stock to “Original,” just so you know which one is the original. Now you have the duplicate, select it and place it over your “Original.” Then when its selected, go to Filter > Blur > Smart Blur, and use the settings below.

Step 12

Duplicate your new Smart Blur layer. Now you should have two. Hide the duplicated layer that is on top. The one in between of the duplicate and the original should stay un-hidden. Now select that layer which is in the middle this, which should be the Smart Blur layer, and go to Image > Adjustments > Posterize. This effect is very very important.

You can see that when you apply this effect you get different shapes on your stock. So you need to pick a level of around 20-25. I picked 23 because to me it just looked the best. Now when you’re trying to select your level you should zoom into the stocks skin to just see how the shapes will play out at that level.

You want a level that gives you a good flow of shapes and skin tones but does not go overboard with it. As you can see in the image below, the 23rd level gave me a nice balance of shapes that I could trace out.

Step 13

If you look closely at the colors of the skin, there are a lot of colors that you would never see on real skin, like pink, green, and blue. So we need to get rid of them.

You should still have that duplicated Smart Blur Layer. Un-hide it and then place it over the posterized image. Then set its Blending Mode to Color. This should bring all the colors to realistic skin tones. Below are the before and after images.

Step 14

Let’s make sure you’re following along. The image below shows how the layers should look at this point.

Step 15

Now! we are ready to vexel! We have set up our stock and we’re ready to get going. So the first question we should have is what should I start vexeling first? Personally, I don’t like starting with the skin because its too hard to avoid vexeling the eyes and mouth while your doing the skin.

I like to start on top by vexeling the eyes and mouth then going to the lower level and doing the face. It doesn’t matter really if you prefer to do the mouth or the eyes first, but I started by doing the lips and teeth first. So we’ll do that.

Take out our Pen Tool and make a new layer. Please remember a very important thing. Each shape should have a new layer. This will cause you to have a lot of layers. I highly recommend that you seperate all the pieces of the vexel. Meaning that you do the lips, then you make a new document and do the eyes, and so on.

If you have one document with every shape in it, then it will make Photoshop run very slow. This will cause you to mess up a lot. So remember to seperate each body part, and make a new layer for all shapes.

What you should do is Zoom in (Ctrl and +). I usually go to around 600 - 800%, but thats just me, as I prefer it to be realistic. Once you zoom in you will see a lot of shapes. Then grab your Eye Dropper Tool. This is the 2nd most important tool for vexeling.

For the lips I usually start in the middle and work my way around. After you pick a spot in the middle, look for a shape to start from. Once you have that, use the Eye Dropper Tool to get its color. The color should be your foreground color.

Now grab your Pen Tool and trace this shape. Most of the shapes are rough shapes with a lot of edges. So, do not exactly trace every edge. You should trace to look more circular and softer. Look below, I have an image of my stock zoomed in at 700%. Look at the first shape I picked and how I traced it. Once its traced with the Pen Tool, right-click and fill it with that color. And that was your first shape!

Step 16

Go to your last shape layer and Command + click on the layer. This will select it. This helps because it shows you exactly where it is. This helps when you make the next shape, as you’re not going over. Also, you’re not taking the wrong color.

Now that you have that selected, make a new layer over the last shape. Then look for the next closest shape and repeat the process. Only thing you should do is Deselect the selection by pressing Ctrl+D before you fill your new shape. Below is the process I used to get to the next shape.

Step 17

This is a repetitive technique. You should repeat this process for awhile. It’s a simple process of taking the color of a specific shape and using the Pen Tool to make that shape. So I hope you made new layers for all your shapes. After about nine shapes my lips look like the image below.

Step 18

After about twenty-five layers in you should start seeing some progression. I have my twenty-five layers shown below. You can see what mine looks like and compare to yours.

Step 19

OK, after fifty layers you should be done with at least half of the lips. Keep in mind, I am purposely avoiding the inside of the mouth and the teeth. You should do the same because this will be a seperate topic coming later. So don’t focus on the inside of the mouth if your figure in your image’s mouth is open. Just focus on the outside.

Step 20

At the end I had about ninety or more layers on the lips. Once you have it done, we’ll hide our original layers. This way, all we have is a transparent layer with our lips. Then go to Image > Apply Image on a new layer.

Now select that new layer and place it over all the lip shapes. Then go to Filter > Sharpen > Sharpen. This just adds to the realism and gives it a good effect. The image for my lips is below. Once you are done with your lips you should compare it to the original picture and see if you can make small changes

Some of these changes can be changing the colors of the shapes. You can do this by selecting the shape and pressing Ctrl+U. Then adjust the Hue or Saturation. You can also use Brushes if you need to add gloss to the lips. Remember to be original and think of nice ways you can make your vexel look interesting and realistic.

Step 21

We want our layers to be organized. This is important throughout the whole project. Go to your layers and click on the folder button to make a separate folder just for the lips. Then carry all your lip shapes into that folder. Name that folder “Lips.”

Then make one for the “originals” also and one for the “Teeth” we are going to do next. After that, you should have the folder for “Lip”s on top, the folder for “Teeth” next, and the “originals” on the bottom.

Step 22

Now make a new layer inside our “Teeth” folder, which should be under the “lips” folder. Then zoom into our image and start with the vexeling of the teeth, or whatever is inside the mouth in your image.

The first thing I did here was take a dark color found inside the mouth and filled that open spot with that color. Then with a new layer I outlined the teeth and filled the outline with a common color found on the teeth. After that let’s start adding detail to the teeth and what’s in the mouth.

Step 23

For this part of the vexel I did not use the Pen Tool. For the lighting on the teeth, take a soft brush and sample another common color from the teeth of the posterized image. Then brush the teeth with a small brush. After all the brushing to the teeth was done I had about nine layers. The final image for the mouth is below.

Step 24

Ok now since we are done with our “lips” layers we should now move out to the “eyes” layers. For the eyes the techniques are slightly different, but mostly the same as the lips.

So lets make a new document since we are done with out lips. If you have a lot of layers on your lips, then make a new document so Photoshop doesn’t get too slow. Remember to carry over the folder of the originals into your new document.

Make a new folder for our “Eyes,” then we make a new layer in that folder and start the process of the eyes. Start with the bottom and work your way up. So you should definitely start with the bags of the eyes. So pick your eye, take either the right or left, and then zoom in once again around 700%. Start creating the shapes on the bags of the eyes.

Step 25

So six layers in I was done with the bags. Once you have done that you should move on to the top of the eye, which usually has the eyelashes. So start on that. In my case it was all black so it was not hard to vexel.

Step 26

Ok after ten layers I was done with the top and bottom of the eye. And now we’re ready to get into the actual eye.

Step 27

Ok now we have to outline the shape of the actual eye. Once we have outlined it we will make a new layer and fill it with a light gray color. Once we did that go and start adding some more shapes from the posterized image, just do the outsides around the pupil after 20 layers of shapes you should have something like below.

Step 28

Make a new layer over the last one you made. Then outline the actual pupil of the eye and fill it with a dark color. I filled mine with very dark green, but it depending on the color of the persons eye. Just fill it with a dark version of that persons eye color.

Step 29

Lets add some detail into the eyes. To start this by making a new layer. Then take the Eye Dropper Tool and sample colors that are in the posterized image’s eye. Then get out a small soft Brush. Make a new layer and Brush small strokes on this pupil. The colors should be ones found in the eye.

So you are pretty much painting the pupil. You want to get it realistic so paint the strokes exactly over where they actually are on the eye. Then paint the white part where the reflection comes from. Merge all those “eyes” layers and go to Filter > Sharpen > Sharpen.

Step 30

Add some light to the eye because mine is looking a bit dark. So make a new layer and take a small soft Brush and set it with the white color. Then brush over the middle of the eye, just one small dot will lighten up the eye. Then turn its Opacity to around 35%. This gives the eye a bit of a lighter tone to it.

Step 31

For the last part we need to add the eyelashes. Make a new layer and go to our Brush palette. Then set the main Brush to the 1px. Then we set its color to black. After, take out your Pen Tool and create a line that looks like an eyelash. Then right-click and Stroke Path. Repeat that until you have created all the eyelashes.

Step 32

Repeat what you just did with one eye, and do the same for the other eye. Below is the final result for both eyes.

Step 33

So since we finished another important part of the vexel we should make a new document. The next section we’ll be doing is the skin of the face. Now this is the longest one to do and there will be a lot of layers needed to make it look realistic.

I had about just four hundred plus layers for the face. So be ready to have a lot of layers. Zoom in around 300% on the posterized image. Then find yourself a nice spot to start. Your spot should either be the lightest or darkest part of your face. In my case, I started with the darkest part, which was the shadow coming from the nose.

Step 34

Now that we have picked our first spot, we need to find that shape and trace it out. For the face we’ll be working with layers slightly differently from how we worked with them on other parts. We’ll be putting each new layer under the one that came before it. Meaning once you make shape number 1 then shape number 2 will come under it and not over it. This helps you because you don’t have to make extra shapes to fill space and it controls the proper levels.

After making your first shape, fill it with the color from the Posterized image. Then go to its layer and Command + Click it to make the selection. Then grab your Eye Dropper Tool and take the next color selection. Make a new layer under the first and trace out its shape. Then just keep following this pattern.

Step 35

Below shows how much I did after twelve layers of work. Look at that and compare it to yours.

Step 36

If by now your skin isn’t looking very smooth, you’ll want to use something called Transition layers. Simply put, a transition layer is a layer put in between two shapes, which helps them to blend better.

Step 37

If you are still having trouble with skin colors you can look at this color pallet full of skin tones. If you’re having trouble finding those tones in your posterized image, then it will help you find the colors you need.

Step 38

OK, so below are progression pics at full-view. Then a couple of zoomed in pics at 300% of important parts. This way you can analyze the techniques used here.

Step 39

OK, now that you have vexeled the face, lets move on to the hair. Since vexeling is starting to get a bit boring and repetitive. Now if you have too many layers already in your “face” file, you’ll want to make a new document.

Now we don’t need the posterized image to do the hair. We only need the “original.” After making a new document, carry over the “original” picture onto that new canvas. Now go get your Pen Tool and look at the hair.

This technique also applies to male hair as well as a females. Look at your hair and find the one Light tone. Once you have found it, grab then Eye Dropper Tool and get its color. Now we’ll make a new layer and zoom into the hair at about 300%.

Take out the Pen Tool then start from whichever side you like (top, bottom, right left, just not in the middle). Try to make hair shapes by tracing that first light tone of the hair. Below is an example of me tracing a couple of the hair strands. And under that is an example of the light colors that can be found on the hair.

Step 40

Once you have outlined all of the light strands, right-click with the Pen Tool, and Fill in your light color. Then take the Burn Tool and kind of run over the hair strand with a soft Brush set to MidTones at about 30%.

You don’t want all your hair to be the same color. This gives it some shading and diversity. Below is the first layer of hair. I put it behind a dark background. That way you can see it better.

Step 41

The next step is very simple. You do the exact same thing except this time you work on a different shade. This time you do the midtones (the middle shade of the hair). If you want to make it detailed ,you should use about two or three different medium tones in the hair.

They should all be made on new layers under the lightest shade of the hair. Remember to use the Burn Tool on them. Also, you can use the Dodge Tool to give them a nicer glow. Below is the progression of the design so far.

Step 42

OK, the last part of the hair strands will be the darkest strands of hair. They’re usually very dark brown or black. So you should have about two, which will reinforce the hair color and give the hair some depth.

Step 43

So if your like me you’ll still have some spaces in the hair that are not filled. Let’s fix that by making a new layer under all the hair layers. Then pick a color that you see a lot in your hair image. I picked a light brownish color.

Take your Pen Tool and outline your hair, or just outline the parts that you can see through. Then fill it with that color. This should fill all the empty spots behind the hair strands.

Step 44

Now we’ll top the hair off with some shading. Make yourself a new layer over everything. Then Hide everything except the main hair. So you should have your background hidden. The only thing that should be left is a transparent background and the hair.

With your new layer selected, go to Image > Apply Image. This should give you all your hair on a new layer. Now you can use the Burn and Dodge Tool to either shade or lighten up the hair. Use a soft Brush with a 30% Midtone.

Step 45

So thats it for the hair. You can sharpen the hair if you like to, and give it a nice look. Below is what your image should look after doing the face and the Hair.

Step 46

Now this is a unique picture that I’m using because it has fur in it. Not everyones vexel image will have fur so I’ll give a quick simple rundown on how I made it. It’s very simple since you just did the hair.

It’s pretty much the exact same process as vexeling hair, but this time you have to follow the strands of fur because they bend and curve all around. So we’ll not be making shapes with the Pen Tool. Instead, we’ll be making lines with them. Get a 3px Hard Brush and take the Pen Tool out.

Trace out a line of Fur. Right-click it and go to Stroke. Also, have Simulate Pressure checked. Now do this and cover all the fur, as you did with the hair. Below is the illustrations progression.

Step 47

This is what I have so far for the Face, Hair, and the Fur.

Step 48

Now I won;t waste your time explaining how to do the arms because it is exactly the same process as the face. The only thing I’ll do is show you my progression with small tips.

Step 49

So that is the first hand. Here are pictures of the other one. Remember not to make it look incredibly detailed, as you can still leave big shapes, like the ones on the elbow of this hand.

Step 50

Now I want to focus a little bit on the watch and accessories of your vexel (if they have any). You should still use the Posterized image to do the accessories. So here are some shots of how I did the watch. Remember you can also use Brushes to enhance the color. I took some light Brushes and brushed them along parts of the watch to make it look better.

Step 51

Below is what is the finished hands with accessories. The last thing we have to get to is the clothing.

Step 52

OK, so clothing is the last step. There are no secrets with clothing. So do what you’ve been doing this whole tutorial. Below are my progression shots.

Step 53

Put everything together into one Photoshop document and that’s it! Below is the final image.

Conclusion

So I hope you learned a few things in the art of vexeling. My main tip would be to practice. I know it’s very cliche to say this, but it really does help. It might not look like it, but this is about my forth vexel. My first fully done vexel. Practice does result in success.

Also, what you should do is read more tutorials on this topic, each artist has different things to teach you and it helps a great deal.

So I want to help out as much as possible and will answer questions in the comments below. I’ll get back to you as soon as possible. Suggestions are welcome too.

The Dark Knight Logo

psycheangel — Sat, 09 Aug 2008 03:40:59 +0000

Step 1

Go ahead and create a new document (mine is 1024x900). Have your first layer named “Background” and fill it with Black.

Do a Google search for "dark knight logo" and find an image that’s large and clear enough for you to be able to trace out the Batman logo out of it. Paste it in your document and using the Pen tool (P) trace the shape. Make it white (for now, for visibility purposes) and name the layer “Shape”. You should now have something like the below image.

Step 2

Time to start building the light rays behind it. Create a new layer, name it “Light” and make sure it’s below the Shape layer. Grab the Pen tool and draw a spiked shape around the logo, kind of like below.

Give the layer a Radial Blur (Filter › Blur › Radial Blur) with the settings shown below (you may have to slightly adjust the brush size and strength depending on the details you are working on at one time).

Step 3

Now you can either duplicate the Light layer or create a new layer with the Pen tool as described above. Let’s go ahead and duplicate the Light layer (Ctrl+J) and transform it (Ctrl+T) and right-click and select Flip Horizontal. You should now have somewhat more “light”, but the shape looks a little to symmetrical. We need more chaos in there

Grab the Smudge tool (R) and smudge the edges of the Light and Light copy layer, both inwards and outwards, until you get an effect similar to the one below. Obviously, you can keep working on the details of the “light” until you are satisfied; you can also add more layers, if needed.

Step 4

Time to give the light some color. Duplicate each of the light layers (Light and Light copy). Then go ahead and select a color like #41b5ff as your foreground color. Holding down Ctrl, click on the first of the two new duplicated layers (this selects its visible pixels). Press Alt+Backspace to fill the shape with the selected foreground color. Do the same for the second duplicated layer. You should now have four “light” layers, two white and two light blue, each white layer should be below its blue copy. Select the Blending mode for each of the blue light layers as Color Burn. The result should look like the image below.

Step 5

Duplicate the Shape layer, press U and at the top select its fill color as #459ccb. Rasterize the layer (right-click, Rasterize Layer), then Ctrl+click the layer thumbnail to select its pixels. Go to the top menu: Select › Modify › Contract and select a 10px value, then click OK. This selects an area inside the shape that’s “contracted” by 10 pixels. Press Delete to clear the selected area, leaving you with the 10px border.

Let’s name this layer “Highlight” to try and keep everything a little organized. As a hint, it’s always a good idea to name your layers as it helps you find the correspondent layer to the shape on the screen much faster.

Apply it a Radial Blur (Filter › Blur › Radial Blur) with the same settings as before. I found it to be necessary to transform it and adjust its size a little (enlarge it) until it looks like the image below. Then, while holding Ctrl, click on the Shape layer’s thumbnail and click Add Layer Mask.This adds a mask in the shape of the (you guessed it) Batman shape. (Is that clever wording or what? :o) ). Right click on the mask and select Apply Layer Mask.

Next, add an empty Layer Mask to the Highlight layer, then duplicate the layer 4 times, making 5 identical Highlight layers, each with an empty mask.

Press D to select the default colors for background and foreground. Select the Gradient tool (G) and make it a Radial Gradient. Select the original Highlight layer and apply the gradient as arrow #1 shows below. Select the second Highlight layer and apply the gradient according to arrow #2, and so forth until the last Highlight layer.

After you’re done with the Highlight layers, the result should resemble the image below.

And…that’s it!

The Dark Knight logo is complete! I hope you liked creating it, as well as enjoyed the movie itself. It was hands down the best movie of 2008 and one of the best movies I can remember seeing.

Stylish Dark Menu Bar

psycheangel — Sat, 09 Aug 2008 03:40:27 +0000

Create a new document with grey color then create a new layer, use Rounded Rectangle Tool to make a selection and fill the color: #313131

Go to Blending Option of this layer, set properties as shown below:

The result of this step

Create a new layer, use Rounded Rectangle Tool to make a selection and fill the color: #313131

Blending Option this layer

The result of this step :

Create a new layer, use Rectangular Marquee Tool to make a selection and fill the color: #262626

Blending Options this layer

Create a new layer, use Rectangular Marquee Tool to make a selection like this, fill white color and adjust Opacity 10%

The result of this step

Create a new layer, make a selection, use Gradient with white color ( Radial Gradient ), drag from center of selection, adjust Opacity 30%

The result of this step

Continue to make a selection like this:

Press Ctrl+J to duplicate this layer, we have:

Continue to press Ctrl+J to duplicate layer, then move it to the top like the picture below:

Finally you will merge all layers, duplicate the button then add some texts to each button

The final result:

Speed Up Your Photoshop Workflow

psycheangel — Sat, 09 Aug 2008 03:39:52 +0000

If you’re a designer, the quality of your work must be paired with a reasonable amount of time for its completion. Working under tight deadlines and the competition on the market are just a few factors that should convince you that speed is important. And then, if you can do the same work in less time, it means you can use the gained time more effectively: for planning, for self-promotion or even for some fun!

Here are a few useful tips that you can use to speed up your Photoshop workflow:

1. Use Shortcuts

The best and easiest thing you can do to work faster is to use as many shortcuts as possible. You probably are familiar with Ctrl + S and Ctrl + Z, Ctrl + C and Ctrl + V, but you could do so much more! You can use shortcuts for all the menu commands and for all the tools, and more. Whenever a menu command doesn’t have a shortcut assigned to it, you can define one with Edit > Keyboard Shortcuts (Alt + Shift + Ctrl + K, to be true to our statements).

Above: I have set my own keyboard shortcuts for the Shadow/Highlights and the Exposure command under Image > Adjustments. Also, I have reassigned the CTRL + P command from printing (which I rarely do, since I design mostly for the web) to the Photo Filter adjustment, which I use a lot more often.

Some of the best time-saving tools are those for navigation inside your document:

Hold down the Spacebar key to make the hand tool temporarily active and drag into your document;
Use Ctrl + Spacebar + Click anywhere in your document where you want to zoom in;
Add Alt to the previous shortcut (Ctrl + Alt + Spacebar + Click) to zoom out.

You can use these in the middle of painting, selecting, erasing, anything except for typing (true for most shortcuts), and once you release the spacebar key you are back to your previous tool.
My most used tool shortcuts (I can tell these by how faded the paint is on these much abused keys on my keyboard!)

V – the move tool (remember it by the resemblance of the letter V with the arrow)
C – the crop tool
B - the brush tool
P – the pen tool
S – the stamp tool
G – the gradient tool

Easy to remember, aren’t they?
Photoshop has a series of other shortcuts that aren’t related to a tool or a menu command, which means you can’t really read them in a tool tip. Here are some of my favorites:

Alt + click and drag to duplicate an object and position it in a different location (to simply duplicate a layer, hit Ctrl + J)
Ctrl + T for the transform controls. Then you can right click to have access to all the command from under Edit > Transform, including the very useful flip horizontal/vertical. To freely transform your object, Ctrl + click and drag on any corner of the transform controls (watch for the cursor to change from black to white before dragging).
Ctrl + Alt + Shift + E: this works when you have selected the top most (visible) layer in the Layers palette, and it places a snapshot of your image on a separate layer at the top (it’s like saving a flat version of your comp and bringing it back into the comp as a layer).

For a comprehensive list of very cool and useful shortcut tricks, read this article at Web Design Wall.

2. Reuse your settings

When working with images of the same kind (as it happens often when retouching or preparing images for web), it’s very likely that you’ll need to use the same filter or adjustment with the same or close to same parameters. Then why start from the default values when you can fine tune from the previous settings?
How? Easily: use the Alt key in combination with any shortcut for adjustments or for filters. For instance, if your most recently used filter was Gaussian Blur, you can hit Ctrl + Alt + F to bring up the Gaussian Blur dialog with the setting you last used already filled in. Or, for Hue/Saturation, for instance, just hit Ctrl + Alt + U if you need to make similar adjustments with those used last time you applied Hue/Saturation.
Don’t have a shortcut for the adjustment you want to reuse? Click on the adjustment in the menu and press Alt while it’s opening (you might need a little exercise to “catch” it – if you press Alt before you click the menu option, you will close the menu).

And of course, you can always save presets for adjustments you need to apply to multiple images.

3. Use actions

Writing actions is easier than it sounds! It’s basically just recording the steps you are taking to complete a certain task in Photoshop, in order to reuse it afterwards with a simple click (or shortcut). A very simple and effective example: you’ve laid 20 web pages for a client, and you need to send them for review. Your layouts are in PSD format (because you’ll need to be able to make changes to them), but you need them all in jpeg format, so you can make a multi-page PDF file. You can open the files one by one and save them jpegs (sounds like fun, huh?), or you can open them all in Photoshop (don’t minimize them) and do this for one of them:

In you Actions palette, click the Create new action button at the bottom of the palette. Fill in the name and, if you wish, a shortcut combination. Then click Record. You will notice a red icon at the bottom of the Actions palette (it show that everything you do from this moment on in Photoshop is being recorded). Therefore, chose one of your files and save it as a jpeg. Then close the original PSD, without saving it. Back to the Actions palette, hit the square icon to stop recording. With your action selected, hit the play button for each of the remaining files and watch them disappear one by one! 30 seconds later, your jpegs are ready.

Note: you won’t be able to reuse this action, unless you want to save the files in the same folder as the one used for this action.

You can also find on the web ready-to-use actions that you can use to speed up your work. We have offered one in our Download gallery. It’s an action that I use all the time when I cut out objects for a comp because it saves me a great deal of time.
You can also run actions directly from Bridge, on a large number of images. Select your images and then choose: Tools > Photoshop > Batch. A great tool for running complex actions. Choose the action you want to run and go make yourself a cup of coffee. When you’re back, the job is done.

4. Use presets

There are numerous Photoshop presets available for free on the web and using them can prove to be a great time saver. From brushes to styles, from patterns to duotones and everything in between, these have been made available so you don’t have to start reinventing the wheel. Like glossy buttons? It can take you some time to build one up from scratch with layer effects if you haven’t done it before. If the timer is running, you might want to choose one that has already been created, and maybe tweak it until it meets your design’s needs.

DezinerFolio offers beautiful web 2.0 styles for Photoshop. Ardis Creative has started to offer resources of this kind too in the Download section. It’s not much, but it will grow with time. You can find dozens of wonderful free brushes at Brusheezy. Do yourself a favor and organize a resource database that you can turn to in times of need! Or at least bookmark these resource places and others alike.

5. Save room for changes

You certainly don’t want to start over with your design every time your boss or your client is asking you to change something… When you’re expecting changes, make a habit from working in a non-destructive manner with your layers/objects. Use adjustment layers instead of applying Hue/Saturation or Curves or anything alike directly on your image. Use the clone tool and the heal tool in a new layer on top of the one you need corrected (make sure to select Sample All layers or Current & Below in the tool’s preferences). And, if you have CS3, use smart filters.

6. Organize your Layers palette

When you’re working with very complex images, and especially when you know that others might need to work on the same file, you need to organize your layers so everything appears in a logical manner and everything is easy to find. Start with naming your layers. Names like Layer 0, Layer 39 and Layer 158 don’t say much about what’s on that layer. Organize your layers in folders. Color-code your folders for even easier identification. Lock the layers or folders that you don’t want to accidentally modify.
Note: when working with a complex image, it helps turning the Auto-Select feature of the Move tool ON, so you can click on an image and instantly identify the layer it sits on.

Paintball Club Wallpaper

psycheangel — Sat, 09 Aug 2008 03:39:17 +0000

Firstly we’ll create a new file (File>New) of 1280×1024 px and 72 dpi.
By default Foreground color - black and background color - white. Then select out of the menu the solution Filter>Render>Clouds.

Next we’ll press the combination of buttons Ctrl+M. We’ll get the dialog box where applying the eyedropper, is possible to obtain a contrast on the edges.

We must get the picture from below:

Next we’ll select the next option Filter> Filter Gallery… and set the adjustments as it is represented next table:

Applying this filter may transform the picture, getting the camouflage ornament.

Choose next the Paint Bucket Tool (G)

Paint Bucket Tool (G). The Paint Bucket tool fills adjacent pixels that are similar in color value to the pixels you click.’); return false”>Paint Bucket Tool (G) to fill the spots with two colors, demonstrated below.

Next select the Rectangle Tool (U) to stretch out the figure on the whole canvas. Choose after that the Blending Options>Gradient Overlay (by making a mouse click on this layer on the layer’s palette) and set the next demonstrated solutions.

Set the layer’s Fill 0% also on the layers’ palette.

We’ll get the shadows:

Create next a new layer on which we should apply the Brush Tool (B)

Brush Tool (B). The brush tool is used for making good backgrounds and also on new layers they have different types so that you get a different effect with every brush you use.’); return false”>Brush Tool (B) to represent a texture like the next one:

Select the next shown Blending Mode for the layer we work with:

Create a new file of 5×5 px and 72 dpi. On this new layer we’ll apply the Pencil Tool (B)

Pencil Tool (B). To use the pencil tool, simply select it from the toolbar by depressing the pencil tool icon. When you do so, you can draw on the canvas. Try it out. And don\’t forget to modify your brush size, roundness, angle, etc …’); return false”>Pencil Tool (B) to make a horizontal line made out of pixels. The color’s code is #484232. This file needs to be saved - Edit>Define Pattern.

Next select Edit>Fill. Here we’ll choose our saved pattern and press OK. The texture multiplies itself, getting something like a net.

Next we’ll represent the shadow for the texture: Blending Options>Drop Shadow

Start creating the metallic rivet on the picture. Here you may find an example of its representation by steps.

1. Using the Ellipse Tool (U)

3. Give it some volume.

4. The color’s reflex…

5. The shadow…

6. The falling shadow…

7. Try representing a circle as we did with the first one, but this one should be smaller.
8. Represent its contour.
9. Select Drop Shadow option on this layer. Fill 0% on the same layer.

The new rivets we’ve got should be positioned on the picture’s corners.

Choose again the Rectangle Tool (U) to create a rectangle of black color. Fill 80% for this last layer.

Next we’ll situate the text with the parameters from below on the last made element.

… and the layer adjustments.

On this stage we’ll get the next result, shown below:

Represent one more rectangle, applying the same method described above:

Represent its shadow:

… and the red mount. Fill 0% for the layer’s transparency.

We’ll get a kind of frame like the next one. Create one more new layer and put it together with the layer containing the frame. Mark them out and press Ctrl+E. This way we’ll rasterize the layer.

Applying the Eraser Tool (E)

Eraser Tool (E). The Eraser tool changes pixels in the image as you drag through them. If you\’re working in the background or in a layer with transparency locked, the pixels change to the background color; otherwise, the pixels are erased to transparency. You can also use the eraser to return the affected area to a state selected in the History palette.’); return false”>Eraser Tool (E), it’s possible to erase the major part of the frame, leaving only its corners.

Finished!

Giving a Mafia-Look to a Business Photo

psycheangel — Sat, 09 Aug 2008 03:37:35 +0000

Print advertisements - is one of the most interesting kinds of advertisement known. It attracts your attention by means of interesting effects and bright, clever and striking slogans. One of those attracted my attention lately. We often notice interesting prints in different places. The good and reasonable combination of the idea and its clever realization brings striking effect. From time to time, when I see interesting prints, I think that it is possible to make something resembling those at home using Photoshop. My last impression is this advertisement:

I found out that this advertisement has been made by the team Stanescu/Dumitrescu/Pilat for the Mccann Erickson Agency. This print won the 8th edition of AdPrint festival in the nomination Best Use of Copywriting. So, I decided to create something of that sort and make a detailed step-by-step instruction of my work. My aim was to create special mood, which is slightly alike with that seen in original, and texture using Photoshop tools. Here’s the result:

I needed a photo of a girl to work with. I found the one necessary using the search on the www.bigstockphoto.com. I have chosen a matched photo from those presented on the website according to the query “business attractive young girl”.

The first step of my work is to create a new document with black background sized 700px by 900px. Place the photo of a model so that the girl would be visually in the centre of the document.

Now you should delete the background of the photo. To delete the background use extraction using Path tool or any other tool you got used to. Note that the cutting should be made carefully so that the photo could look good on any background of any color.

Now give the image a milder texture by means of laying Surface Blur Filter (Filter>Blur>Surface Blur). Select necessary parameters: Radius - 3pixels, Threshold - 6 levels. This effect will visually smooth the image and it will also hide slight defects of the cutting.

The next step is desaturating the image (Image>Adjustments>Desaturate). Afterwards you should deepen the image and give it some intensity. Make the light fields more intensive, as well as those dark too. Go to Image>Adjustments>Selective Color. Select Colors: Blacks, set Whites to -100% and select Colors: Whites, set Blacks to +53%. Press Оk.

Now give the photo some azure, it will give your work the effect of slight coldness. Use Photo Filter (Image>Adjustments>Photo Filter). Set the necessary parameters for the Filter you use: Color#266850, Density 70%.

You should blur a little the shapes of a girl on the photo. Use Gaussian Blur Filter (Filter>Blur>Gaussian Blur), sized 5px. To reach the effect needed you should edit the photo using Fade Gaussian Blur (Edit>Fade Gaussian Blur). Set the following parameters: Opacity - 29%, Mode - Linear Light. Now add a little texture using Film Grain Filter (Filter>Artistic>Film Grain). Also set: Highlight Area 3 and Intensity 3.

Add more details. Duplicate layer (Layer>Duplicate Layer…), set 40% opacity and use Brush Strokes (Filter>Brush Strokes>Angled Strokes). Set the following parameters: Direction Balance 77, Stroke Length 8, and Sharpness 2. Merge Down layers (Layer>Merge Down).

Now the shapes of the girl look the way they should according to my idea. We also should point out some element on the photo to make our girl more “mafia-looking” as it was in the original. Let it be the girl’s tie in our case. So, go to the Paths (Window>Paths). Press the button and create a new Path. Use Pen tool to draw out the tie.

Click the right button of your mouse and choose Path>Make Selection. Go back to the layers (Window>Layers). Copy the selected (Edit>Copy). Then you should create the new layer (Layer>New>Layer) and paste the selected from the clipboard (Edit>Paste). Now set foreground color #000000 and background color #880000. Draw Linear Gradient from right to left.

Add some more details: give some intensity and texture to the tie. Use Noise Filter (Filter>Noise>Add Noise) sized 3px. Now add Angeled Strokes (Filter>Artistic>Angeled Strokes). Set parameters: Direction Balance 77, Stroke Length 8, and Sharpness 2.

Create new Layer (Layer>New>Layer). As a next step, create Clipping Mask (Layer>Create Clipping Mask). Now Draw Linear Gradient (Foreground to Transparent) from the bottom of the tie to its middle. Make sure that the foregroud color is #2e1b1c. Now choose a Brush sized 30px-40px and move on the left from a tie so that the left part of the tie was affected a little to get a necessary overtone.

We got the effect needed. Now we need to make a frame and add some text. Download the font and install it into the folder Fonts in Windows. Add the text (”the painted one”) sized 45px to the top.

Now you should choose the bands. Choose #e2e2e2 color and draw a line from the left top angle to the middle of the photo using 1px pencil. Then use Motion Blur (Filter>Blur>Motion Blur) with Distance 100 and Angle 0 degrees. Delete little piece on the left.

Draw a line from the right down angle to the middle of the photo using 1px pencil. To make two vertical lines use grade angle 90 degrees.

So, we seem to finish our work. We have successfully made mafia-style girl from a business-looking one. Now you see that you are able to create an interesting work on a basis of a usual photo from any clipart. You should just have enough patience, instructions from this tutorial and some inspiration. Don’t be shy - do it! J. Good luck in your work!

Model portfolio layout

psycheangel — Sat, 09 Aug 2008 03:36:56 +0000

Open a new document in Photoshop

Then open the following texture image in Photoshop. The name of the texture is: rocks-concrete-(34).jpg
Please note that you need the high resolution texture, and not the following thumbnail

After you open the texture in Photoshop, you need to select “Move tool” , and with this tool, you can drag the texture image on your layout

document.After that you can drag , and change the size of the texture until you are happy with the placement. here it is what i have

Now i will press on CTRL+U ( hue saturation ) , and i will use the following settings

I will go to Filter > Sharpen > Sharpen more
Then i will press CTRL+F ( with this shortcut i will repeat the filter one more time )

This is my result so far

With Rounded rectangle tool, i will create some shapes, with different colors

Now i will add a stock image with a very beautifull girl.

I will select Polygon Tool, and i will use the following settings

I will set my foreground color to #ca0000, then i will create a few triangles, and i will place them on my buttons

on this buttons i will place some text, and some numbers

you can see that the numbers have another opacity. to change the opacity for this layer, you need to select the layer, then you can change the opacity value to 20 %

Now i will add some text, and some images on my layout alone. this is my result so far

I will create a new layer right above the texture layer. to create a new layer in that place, first you need to select the texture layer, then press on CTRL+SHIFT+ALT+N

Grab brush tool, then use a big smooth brush

with this brush make a simple point on your layout

Now you can change the blending mode for this layer to Overlay

I hope you like my final result.

As you can see a good texture image can change the overla look of the layout. If you want to

Replicate Justin Timberlake’s Lovestoned Music Video

psycheangel — Sat, 09 Aug 2008 03:36:15 +0000

Intro

I may not be a Justin Timberlake fan (although the I Think That She Knows interlude is pretty awesome), but I can appreciate the stunning graphics in his music video for LoveStoned. This tutorial will be teaching you how to replicate some of the amazing lighting effects using in the video using nothing but good old Photoshop.

You can view the original music video here: http://www.youtube.com/watch?v=GIYXHLlxD8U

Final Image

This is the final image that we will be creating:

Step 1

Create a new document (1024 X 768 px) and fill it with black.

Step 2

Paste in an image of a volume equalizer. I found this image from here (http://www.sxc.hu/photo/1016857). I selected the black background of the image using the magic wand tool and deleted it (despite it matching our main background). Then I click in the area surrounding the equalizer image and invert my selection so that only the rectangular shapes making up the equalizer image are selected. Then I fill this selection with light blue (80D2FC). To save my using the paint bucket tool and filling each rectangle shape, I create a linear gradient ranging from 80D2FC to 80D2FC at 100% and then just drag from the top to the bottom of my selected equalizer to fill all the rectangles. Finally I duplicate this layer, and go to edit>transform>flip vertical, then move the flipped image so that it mirrors the original.

Step 3

I merge my original/flipped equalizer images and then rotate the new layer by 90 degrees. Then I copy and paste this image multiple times, fitting each together until I have a very long equalizer image. I merge all layers, and resize the final image so that I have something like the image below:

Step 4

Now I duplicate my equalizer image, and go to edit>transform>scale. I use the transform options bar to move my duplicate image 200px to the right of my original - this way I can be very precise instead of needing to use the grid of judging it by eye.

Step 5

Now I use the same technique to move my duplicate image 200px to the right. I then go back to my original equalizer image and move this 200px to the left, and then repeat this step again to move another duplicate a further 200px left. Then I merge all of my equalizer layers.

Step 6

Then I go to edit>transform>perspective and drag one of the top corners of my image towards the center until I’m happy with the result. Then go squash my image vertically, as the bars were looking a little too fat and I wanted them thinner. Finally I moved my image up so that the bottom of the bars weren’t touching the bottom of my document.

Step 7

I go to layer>add layer mask>reveal all, and then drag a black to transparent linear gradient upwards, to fade out the bottom of my equalizers.

Step 8

Now I grab a large, soft, white brush and make some markings on a new layer above my equalizer layer. Then I set the layer’s blend mode to overlay. The result is a nice subtle lighting effect over my equalizers.

Step 9

Now select your equalizer layer and apply the outer glow settings shown below. Then reduce your equalizer layer’s opacity to around 50%.

Step 10

Now duplicate your equalizer layer, and move the duplicate below the original. Apply a 50px gaussian blur, and then set the layer blend mode to ‘hard light’ and reduce it’s opacity to around 30%.

Step 11

Now select your layer mask on the original equalizer layer and fade out the top of your equalizer.

Step 12

Now create a new top layer called ‘clouds’. Select all and fill it with black. Then go to filter>render>clouds. Set the layer blend mode to ‘color dodge’.

Step 13

Duplicate your clouds layer and you should get a much more intense effect. Then select your equalizer layer and select around your equalizer shapes using the magic wand tool. Then invert your selection so that the equalizers are selected. Return to your second cloud layer and hit delete, then reduce the opacity of this duplicate cloud layer to 10%. You should have an eerie looking mist around the ends of your equalizers. It’s looking pretty good so far, but the clouds have created an effect similar to the outer glow. The problem with this is that where the equalizers fade out near the bottom of the images the clouds are too obvious, and create a strange outline. We want this outline near the tops of our equalizers, so simply select a large, soft eraser brush and brush away around the bottom of the equalizers on both of your cloud layers.

Step 14

Create a new layer. Now grab your paintbrush, and set it to a large size, 0% hardness and 100% opacity and paint in some large spots of light (color: 77D1FF). Then reduce this layer’s opacity to 30%.

Step 15

Now duplicate your original cloud layer and move it above your large paintbrush layer. The layer blending mode should still be color dodge. Then reduce your paintbrush layer’s opacity to 20% and your cloud layer’s opacity to 45%. To get rid of the circular outlines from your low opacity brush markings, go to filter>blur>motion blur and apply a motion blur of around 200.

Step 16

Now paste an image of a man standing up into the center of your image. I found my image here: http://www.sxc.hu/photo/912668. Cut out the man using the magic wand tool or lasso tool. Then change the layer’s blending mode to ’soft light’ and use a large, soft eraser brush to erase away his feet, letting him subtly merge into the equalizers.

Step 17

Now duplicate your man photo layer and change the layer blending mode back to normal. Then select around the light parts of the photo, in this case his face and shirt. Then with this area selected invert your selection and hit delete, deleting the rest of the image surrounding his face/shirt. Then finally select his tie and delete this. The parts that you have deleted will allow the dark ’soft light’ layer to show through.

Step 18

Now with your light areas of the man photo layer selected go to image>adjustments>desaturate. Then apply the color balance settings shown below:

Step 19

Now go back to your original equalizer layer and select the middle bar using the lasso tool. Copy it onto a new top layer above your man photo layer and resize it so that it is about 30% of the height of your man. Then duplicate this layer multiple times, going to edit>transform>flip vertical, and positioning the images until they completely cover your man.

Step 20

Now merge all of your duplicated small equalizer layers together, and go to image>adjustments>brigthness/contrast and make your brightness -100 and contrast +100 to make your equalizer images black. We want a rough selection that follows some of the shape of these small equalizer images, but currently the image is too blurry to select around it well. To fix this I go to filter>sharpen more and then use the magic wand tool with 50 tolerance to select roughly around some of the shapes. Then I invert my selection and hide my small equalizer layer. The trick now is to delete this selected area from your man photo layer and light face/shirt layer. However, too much of each layer would be deleted if you simply hit delete - for instance you want to retain most of the face. Therefore use the eraser brush, set to around 20% opacity to erase some areas of this selection more than others. I erased the face very little, but erased the man’s shirt quite a lot. Then I selected the original man photo layer and erased some of the edges of his suit, leaving other parts untouched.

Step 21

Now create a new top layer and use your path tool to draw a winding path across your man. Making sure that your current brush is 1px in size, 100% hardness and B6FEFE color with your path tool selected right click on your path and click ’stroke path’. Then I go to edit>transform>scale and reduce the height of my path a little to squash it down. Finally I duplicate this layer and move the new layer a few pixels beneath the original. I reduce the width of the duplicate path line layer so that the lines are slightly different and distinct.

Step 22

I merge my two line layers together and then apply the outer glow settings shown below. Then I grab a large, soft eraser brush and fade out the right edge of both lines. I reduce the layer’s opacity to 80%.

Step 23

I use the edit>transform>scale tool to squash my lines vertically a little more, and the move my line layer beneath my man photo layer. Then I delete the parts of the lines that are showing through my man’s legs, making it appear that they are now traveling behind him. Now I create a new layer above my pen lines layer and using my paintbrush paint some white brush strokes over certain parts of my lines. I reduce the opacity of my brush to fade out the edges of these white brush marks subtly. Then I set this layer’s blend mode to ‘overlay’, giving the lines a nice lighting effect.

And We’re Done

Click the finished image below to see the full-sized version.

Photoshop Silver Locket Icon

psycheangel — Sat, 09 Aug 2008 03:34:21 +0000

Today I will tell you about How we can Create Photoshp Silver Locket Icon

[1]-First of all Open New Document of Custom size,Height & Width 400×400 pixels,Resolution 72 & Mode RGB Color

[2]-Now Open New Layer & then create the following selection with the help of Elliptical Marquee Tool

[3]-Now fill the selection with ‘d1d1d1′color & then go to Blending Options,select Drop Shadow & use the following settings
Photoshop Technique-How to use the Drop Shadow feature

[4]-Now select Bevel & Emboss & use the following settings
Photoshop Technique-How to use the Bevel & Emboss feature

[5]-Now open New Layer & then create the following selection with the help of Elliptical Marquee Tool

[6]-Now fill the selection with any color & then go to Blending Options,select Inner Glow & use the following settings
Photoshop Technique-How to use the Inner Glow feature

[7]-Now select Gradient Overlay & use the following settings
Photoshop Technique-How to use the Gradient Overlay feature

[8]-Now select Stroke Structure & use the following settings
Photoshop Technique-How to use the Stroke Structure feature

[9]-Now Open New Layer & then create the following selection with the help of Elliptical Marquee Tool

[10]-Now fill the selection with any color & then go to Blending Options,select Drop Shadow & use the following settings
Photoshop Technique-How to use the Drop Shadow feature

[11]-Now select Gradient Overlay & use the following settings
Photoshop Technique-How to use the Gradient Overlay feature

[12]-Now select Stroke Structure & use the following settings
Photoshop Technique-How to use the Stroke Structure feature

[13]-Now Open New Layer & then create the following selection with the help of Polygonal Lasso Tool

[14]-Now fill the selection with any color & then go to Blending Options,select Drop Shadow & use the following settings
Photoshop Technique-How to use the Drop Shadow feature

[15]-Now select Bevel & Emboss & use the following settings
Photoshop Technique-How to use the Bevel & Emboss feature

[16]-Now select Satin Structure & use the following settings
Photoshop Technique-How to use the Satin Structure feature

[17]-Now Open New Layer & then create the following selection with the help of Rectangular Marquee Tool

[18]-Now fill the selection with any color & then go to Blending Options,select Bevel & Emboss & use the following settings
Photoshop Technique-How to use the Bevel & Emboss feature

[19]-Now Open New Layer & then select Custom Shape Tool & use the following Shape & Settings

[20]-Now create the following Shape with the help of Custom Shape Tool,right click select Make Selection

[21]-In Make Selection “Feather Radius” should ‘0′ pixels,tick on New Selection & then Ok.Your image should look like as
shown below

[22]-Now fill the selection with ‘e3e3e3′color & then go to Blending Options,select Bevel & Emboss & use the following settings
Photoshop Technique-How to use the Bevel & Emboss feature

[23]-Now make the Duplicate Layer with the help of Ctrl+J & then Rotate with the help of Ctrl+T & then press ENTER

[24]-Now just like above step Create the Other Duplicate Layers & then rotate with the help of Ctrl+T & after that set
the 3 pxl Brush,Open New Layer & create the following Shape with the help of ‘Pen Tool’ right click select Stroke Path

[25]-In Stroke Path select ‘Brush’ & then Ok & after that go to Blending Options, Drop Shadow & use the following settings
Photoshop Technique-How to use the Drop Shadow feature

[26]-select Bevel & Emboss & use the following settings
Photoshop Technique-How to use the Bevel & Emboss feature

[27]-See below for Final Photoshop Output of this Tutorial.I hope this is a good tutorial & u can use these Photoshop Techniques
in your Graphics Design Project

animated gif photoshop cs3

animated gif using photoshop

animated photoshop

Photoshop Lollipop Tutorial

psycheangel — Sat, 09 Aug 2008 03:32:35 +0000

Lollipop

1. Open a new photoshop file, any size. Click on the marquee tool and change it to a circle, then holding down shift, draw a circle on your canvas. Fill it in with any color. Drop the opacity to around 85%.

2. Make a new layer. Click on the circular marquee tool again and draw a smaller circle on top of the other one, leaving at least an 1/8 ” border on all sides. It should basically only take up the top 3/4 of the big circle.

Click on the gradient tool and go to the Gradient Editor (click on the rectangle at the top of the screen with the gradient).

Click on the second gradient (the one that’s half transparent) and change the first color to white and the second should be transparent.

Click and drag your mouse across the length of the circle in a relatively straight line. Press control d (deselect) and lower the opacity to 75%.

3. Make a new layer. Click on the circular marquee tool and draw a circle that’s about the same size as the big one, but it doesn’t have to be exactly on top of it. Then at the top of the screen with the overlapping boxes, click on the third one (subtract from selection). Now draw a circle that overlaps the one you just made so it leaves only a crescent selected. Move it to the upper left corner.

Fill it in with the same white-transparent gradient you used before, and drop the opacity to 75%.

4. Your canvas should be big enough to fit a lollipop stick. If it isn’t, just take the crop tool, select your whole canvas, then drag down the bottom arrow and double click.

Click on the background layer and make a new layer (this is just so it’s under the lollipop candy part). Change the marquee tool to the rectangular marquee tool and draw a thin, long rectangle that overlaps half of your lollipop.

Click on the gradient tool once more and make one that’s dark brown, light brown, and dark brown. Holding down shift, draw a line that goes across the width of your lollipop stick only. Press control d.

Voila!!

Also try it with a gray stick instead of brown.

Photoshop Black iPod Tutorial

psycheangel — Sat, 09 Aug 2008 03:31:23 +0000

iPod

iPods are awesome, but the black ones look the coolest, and it’s not that hard to make one from scratch in Photoshop.

1. Make a new image about 250px by 360px. Make a new layer and, using the rounded rectange tool, fill up most of the space with a black rectangle (only leave a few pixels around the edges so there’s room for shadows later on).

Apply the following layer styles (double click on the layer):
Drops shadow-
Blend mode: multiply, black
Opacity: 60%
Angle: 119
Distance: 3px
Spread: 0px
Size: 9px

So this is what you should have:

2. Next, make a new layer and drag it underneath the other one. Take a size 9px soft round brush and draw a line at the top and bottom of the ipod so only part of the line shows (the soft part). Lower the layer’s opacity to 60%.

3. Take the Polygonal Lasso Tool and draw a diagonal line from off the top of the ipod in about 30px and down off the ipod to the bottom right corner. Then just draw a line up, then across to connect the triangle.

Use the gradient tool on a new layer (standard black and white one) and draw a gradient from the bottom of the ipod to the top, holding down shift. Change the blending mode of the layer to Screen, and lower the opacity to 60%.

4. Press control and u to bring up the Hue/Saturation screen. Check Colorize and change the settings as follows, since ipods have a bluish tint:

Hue: 227, Saturation: 14, Lightness: -27

5. Make a new layer (haha, everything always goes on new layers ) and use the rounded rectangle tool again to make a black rectangle about half the size of the ipod at the top. This is part of the screen.

Adding the following settings for drop shadow in the layer styles:
Opacity: 26%, Angle: 119, Distance: 1px, Spread: 0px, Size: 1px

6. Make another new layer. Use the regular rectangle tool to draw a white rectangle over the black one, leaving a few pixels around all sides.

7. Make a new layer and make a black circle on it with the shape tool. Press control and u, check colorize, and match these settings:
Hue: 220, Saturation: 100, Lightness: 1

Now adding a gradient to the layer style with these settings (all the others set at their default):
Opacity: 23%, Angle: 119

8. Make a new layer with a small black circle in the center of the other circle.

9. Type the word ‘Menu’ in white Arial text, or Myriad Pro if you have it, and move it to the top of the outside circle.

10. With white as your color, use the polygon tool (sides: 3) and line tool (2px) to copy the shapes I have below. You could also use the font Webdings to get some of the play, forward, etc, buttons (9 is for forward, then you can just copy the layer and flip horizontally with free transform).

11. All that’s left is to add a picture of your favorite band (go Paramore!). Use the Free Transform tool to get it as close as possible to the right size, then select the parts that hang over with the Rectangular Marquee Tool and press the delete key on your keyboard. Done! =)

Photoshop Layout Tutorial #2- Bird Layout Tutorial

psycheangel — Sat, 09 Aug 2008 03:29:42 +0000

This tutorial is going to teach you how to make a corner layout that would look best using a background with a column that matches up to the layout.

1. I’m using a picture of this cute little birdy from sxc.hu. Open the image (or any image you choose) in Photoshop and go to Edit- Define Pattern. Then make a new file about size 500 by 400 unless your picture is a lot bigger/smaller.

2. Make a new layer. Use some grunge brushes to make an area in the upper left corner that will be for your picture. Double click the layer, click on Pattern Overlay, and click on your pattern when you find it. If your brushing was too big or small, add or erase as needed.

3. Make a new layer just above the background and merge the bird layer (or whatever your picture is) down to the new layer so that it eliminates the fuss of a layer style.

4. Go to Filter- Sharpen. Duplicate the bird layer and change the blending mode to Exclusion at 30% opacity. It will look better soon!

5. Click on the first bird layer, and go to Image- Adjustments- Curves- Preset- Lighter (RGB).

6. Make a new layer over the second bird layer, and use some brushes in white to add some flair around the main object of the picture (in this case, the bird’s head). Here and Here.

7. Make a new layer and fill it with #33ff00 (lime green). Set the blending mode to Luminosity at 35% opacity.

8. Make a new layer in color #cc6699 (a subdued magenta). Change the blending mode to Darker Color and 15% opacity.

9. Make a new layer with a low-opacity white box, and use grunge brushes to erase the edges to soften it.

10. Add your site name (I used custom shapes to draw a rectangle, then I put text over it, and finally I merged the two layers and used the transform tool to angle it) or any other text.

You can also see how a layout like this would look as a blog:

Now all it needs is a background to continue down the column! (:

Photoshop Flower Design Tutorial

psycheangel — Sat, 09 Aug 2008 03:28:55 +0000

Flower Design

1. Open a new file in Photoshop size 300 x 300 (any size works, but that’s the size used in the tutorial). Fill in the background with a lightish color.

2. Change your color to black, make a new layer, and use the circle tool to “draw” (click and drag while holding the shift key, then let go) a circle that overlaps over the whole canvas and is slightly down from the top. Change the layer style to Overlay and the opacity to 50%.

Repeat two more times, lowering where you draw the circle each time (note: they must all be on new layers!)

3. Make a new layer and change your color to white. Find a flower in the custom shapes and draw some of varying sizes.

Make a new layer and repeat with a couple bigger flowers (change to a different style flower), drop the opacity to around 20%, and change the layer style to Overlay.

4. Make a new layer and use the line tool (hold down shift) to make straight vertical white lines (1px wide) that are close together. Go to Layer- Duplicate Layer and then move each layer to a side.

5. It looks kind of weird now, but it’ll look better in a second! Pick one of the layers (I used the left side) and go to Filter- Distort- Shear. There should be a box with a vertical line in it and grids in the background. Click on the bottom right corner of the first box and the upper left corner of the last box (you’re making an S curve).

Change the layer style to Overlay.

6. Click on the other layer with the vertical lines from before, and then go to Filter- Distort- Ripple. Change the settings to -900% and medium. Change the layer style to Soft Light, and use a size 100px or so brush to erase one side of it (hold down shift so you get a straight line) so it looks like it’s fading in.

And there you have it! You can use this for pretty designs, backgrounds of things, part of a layout, etc. Here’s another example:

Photoshop Slime Tutorial

psycheangel — Sat, 09 Aug 2008 03:28:17 +0000

Slime

1. Open a new file in Adobe Photoshop, size 300px by 300px (or any size, just not too small).

2. Make a new layer, and draw some black squiggly lines. Make sure they’re not too dense and they’re not at the bottom.

3. Filter- Distort- Polar Coordinates- Polar to Rectangular. This will be the basis of your slime shape, so if it doesn’t look right to you, undo a couple steps and redraw the black lines.

4. Go to Filter- Distort- Plastic Wrap, and change the settings to Highlight: 15, Detail: 9, and Smoothness: 7.

5. Go to Filter- Noise- Add Noise. The settings should be 5, Gaussian, and Monochromatic. You don’t want too much noise- just enough to add some chunky texture to your slime. ;) Then go to Filter- Noise- Despeckle and Filter- Noise- Despeckle (you’re doing it twice). This is so the noise is blurred out, but it doesn’t blur out the whole picture like a Gaussian Blur would.

6. Now we’re going to make this slime green! Press control + u to open the Hue/Saturation box and check Colorize. Change the numbers to 90, 80, and 40 (or whatever looks good to you).

7. Duplicate the layer (Layer- Duplicate Layer) and click on the bottom one. Go to Filter- Blur- Motion Blur and change the number to 90 and click ok. Now it looks like your slime is dripping! Eww!

And here’s our final product:

Photoshop Nike Sports Cap

psycheangel — Sat, 09 Aug 2008 03:25:15 +0000

Today I am telling you about How to Create Photoshop Nike Sports Cap Icon

[1]-First of all Open New Document of Custom size,Height & Width 450×450 pixels,Resolution 72 & Mode RGB Color

[2]-Now Open New Layer & then Create the following shape with the help of ‘Pen Tool’ right click select ‘Make Selection’

[3]-Now use the following settings in Make Selection

[4]-Now your image should look like as shown below

[5]-Now Fill the selection with ‘f4ebd9′ color & then select ‘Burn Tool’ & create the following
Shading like as shown below

[6]-Now select ‘Dodge Tool’ & Highlight the some parts like as shown below

[7]-Now Open New Layer & then create the following selection with the help of Pen Tool

[8]-NOw fill the selection with any color & then create the some Shading with the help of Burn Tool & after that create the
following selection with the help of Pen Tool

[9]-Now Open New Layer & then fill the selection with ‘fdfaf3′color & then select ‘Burn Tool’ & create
the following shading like as shown below

[10]-Now Open New Layer & then create the following selection with the help of Pen Tool

[11]-Now fill the selection with ‘fdfaf3′color & then create the some Shading with the help of Burn Tool & your image should look
like as shown below

[12]-Now set the ‘000000′color in Forground & then set the 5 pxl Brush & then Open New Layer & create the following shape
with the help of “Pen Tool” right click select Stroke Path

[13]-Now use the following settings

[14]-Now your image should look like as shown below

[15]-Now like this create the other lines & your image should look like as shown below & after that set the 1 pxl Brush &
select fdafaf3′color in Forground

[16]-Now create the other lines with the help of Pen Tool & Brush Tool & after that Open New Layer & create the following
selection with the help of Elliptical Marquee Tool

[17]-Now fill the selection with ‘ea7075′color & then go to Blending Options,select Drop Shadow & use the following settings
Photoshop Technique-How to use the Drop Shadow feature

[18]-Now highlight the some parts with the help of “Dodge Tool” & your image should look like as shown below

[19]-Now select Brush Tool & use the following Brush & settings

[20]-Now Open New Layer & then create the following shape with the help of Pen Tool,right click select Stoke Path

[21]-Now use the following settings in Stroke Path

[22]-Now your image should look like as shown below

[23]-Now go to Blending Options,select Drop Shadow & use the following settings
Photoshop Technique-How to use the Drop Shadow feature

[24]-Now select Stroke Structure & use the following settings
Photoshop Technique-How to use the Stroke Structure feature

[25]-Now like this create the others & your image should look like as shown below

[26]-Now Open New Layer & then select Custom Shape Tool & use the following shape

[27]-Now create the following shape with the help of Custom Shape Tool,select Pen Tool & then right click select Make Selection

[28]-In Make Selection Feather Radius sould ‘0′pixel,tick on New Selection & then OK.Your image should look like as shown below

[29]-Now fill the selection with any color & then rotate & little Distort the following shape with the help of Ctrl+T & then
press ENTER & after that create any Text with the help of Text Tool

[30]-See below for Final Photoshop Output.I hope this is a good tutorial & U can use these Photoshop Techniques in your
Graphics Design Project

adobe photoshop 7 tutorial

adobe photoshop bubble

adobe photoshop cs2 text

Blend Techniques With Selective Color Layers

psycheangel — Sat, 09 Aug 2008 03:24:38 +0000

1.Open an image. I choose this one.

2.Go to Layer/New Adjustment Layer/Selective Color and set numbers as below:

Your image will look like this

3.Go to New Adjustment Layer again and set numbers as below:

After this step, this is your image:

4.Then apply this texture. Set blend mode to Softlight.

5.Use this texture. Set blend option to Lighten. Then apply Layer Mask on this layer.

6.Still working on this layer. Choose Gradient Tool (G)

I choose that direction. You can choose another direction to drag. It’s up to you.

Then you will have something like this:

7.You can stop at step 6 or move on. Open a picture of a daydreaming girl. I choose this Chinese girl. Separate her from background and drag her to the picture by Move Tool (V). Her layer must be under 2 selective color layers and 2 texture layers.

8.You can stop here and add brushes and texts if you want and done. But I continue here. Go to Layer/New Adjustment Layer/Curves and set two points in the RGB setting:

It will turn darker.

9.Create a Selective Color Layer again with these numbers:

And we’ll get this. It doesn’t change much the color, it just makes the picture darker. So you can miss this step if you want.

10.Apply Waves Brush to a layer with blend mode is Softlight and Opacity 80%. Then go to Layer/Layer Style/Outer Glow like image below

11.Now, to smoother the girl, I duplicate the Chinese girl layer, set blend mode to Softlight. Next, choose the original layer, go to Filter/Blur/Gaussian Blur and set radius about 0.4 to 0.9. Now I have.

Add some texts and brushes to your work

And here is my final result. (click on the picture below to see full size)

Drawing Night Lamp Tutorial

psycheangel — Sat, 09 Aug 2008 03:22:42 +0000

Here I will teach you about Photoshop Drawing Night Lamp Tutorial

Lets read & understand of the following steps

[1]-First of all Open New Document of Custom size,Height & Width 450×450 pixels,Resolution 72 & Mode RGB Color

[2]-Now Open New Layer & then Create the following selection with the help of Pen Tool

[3]-Now fill the selection with any color & then go to Blending Options,select Bevel & Emboss & use the following settings

[4]-Now select Contour Elements & use the following settings

[5]-Now your image should look like as shown below & then create the following selection with the help of Elliptical Marquee
Tool

[6]-Now Open New Layer & then fill the selection with any color & then go to Blending Options select INNER SHADOW
Photoshop Technique-How to use the Inner Shadow features

[7]-Now your image should look like as shown below & then rotate the following Shape with the help of Ctrl+T,Press ENTER

[8]-Now Open New Layer & then create the following selection with the help of Elliptical Marquee Tool

[9]-Now fill the selection with any color & then go to Blending Options, select Bevel & Emboss & use the following settings

[10]-Now select Contour Elements & use the following settings

[11]-Now your image should look like as shown below & then create the following selection with the help of Rectangular Marquee
Tool

[12]-Now Open New Layer (this Layer should below all layers) & then fill the selection with any color & after that go to
Blending Options,select Bevel & Emboss & use the following settings

[13]-Now select COntour Elements & use the following settings

[14]-Now your image should look like as shown below & then create the following selection with the help of Elliptical Marquee
Tool

[15]-Now Open New Layer & then fill the selection with any color & then create the following selection with the help of
Elliptical Marquee Tool & then press DELETE

[16]-Now go to Blending Options select Bevel & Emboss & use the following settings

[17]-Now select Contour Elements & use the followings settings

[18]-Now select Texture Elements & use the following settings

[19]-Now select Gradient Overlay & use the following settings

[20]-Now your image should look like as shown below & then create the following selection with the help of Elliptical Marquee Tool

[21]-Now Open New Layer & then fill the selection with any color & then go to Blending Options,select Bevel & Emboss & use the
folloiwng settings

[22]-Now select Gradient Overlay & use the following settings

[23]-Now Create the following selection with the help of Elliptical Marquee Tool & then press Delete & after that open New Layer
& fill the selection with any color

[24]-Now go to Blending Options, select INNER SHADOW & use the following settings

[25]-Now select Gradient Overlay & use the following settings

[26]-Now your image should look like as shown below

[27]-Now make the Duplicate Layer with the help of Ctrl+J & then adjust with the help of Move Tool.Thanks for read this Photoshop
Tutorial.I hope U have enjoyed & the Final Output of this Tutorial is shown below

bubble effect in photoshop

bubble letters in photosho

Photoshop Animation Website Banner Ad Tutorial

psycheangel — Sat, 09 Aug 2008 03:20:12 +0000

Here I am telling you about how to make Animation Website Banner Ad

[1]-First of all Open New Document of Custom size,Height & Width 370×423 pixels,Resolution 72 & Mode RGB Color

[2]-Now fill the Background with any color & then Open New Layer & create the following selection with the help of Elliptical
Marquee Tool

[3]-Now fill the selection with any color & then go to Blending Options,select Drop Shadow & use the following settings

[4]-Now select Gradient Overlay & use the following settings

[5]-Now your image should look like as shown below

[6]-Now create the following Dollar Sign with the help of Text Tool

[7]-Now go to Blending Options,select Drop Shadow & use the following settings
Photoshop Technique-How to use the Drop Shadow feature

[8]-Now select Bevel & Emboss & use the following settings
Photoshop Technique-How to use the Bevel & Emboss feature

[9]-Now select Gradient Overlay & use the following settings

[10]-Now your image should look like as shown below

[11]-Now create the following selection with the help of Magic Wand Tool & after that Hide the text Layer

[12]-Now select Layer1 & then press Delete & your image should look like as shown below

[13]-Now select Text Tool & then create the following Text

[14]-Now go to Blending Options & then select Drop Shadow & use the following settings

[15]-Now select Bevel & Emboss & use the following settings

[16]-Now select Gradient Overlay & use the following settings

[17]-Now your image should look like as shown below

[18]-Now go to Window>Animation & then create the Duplicate Frame with the help of Click on following Button which is indicating
by Hand sign

[19]-Now select Frame-1 & then Hide the following Layers with the help of Remove the Eye Sign which is indicating by Hand sign

[20]-Now your image should look like as shown below

[21]-Now select Frame-2 & then Hide the following Layers

[22]-Now create the following adjustment with the help of Move Tool & your image should look like as shown below

[23]-Now make the Tween Frames with the help of Click on following Button which is indicating by Hand sign

[24]-Now use the following Time settings in Tweens

[25]-Now Play the Animation with the help of Click on following Button which is indicating by Hand sign

[26]-Now go to File>Save for Web & Device & save your image

[27]-Thanks for read this Photoshop Tutorial.I hope U have enjoyed & the Final Output of this Tutorial is shown below

batch watermark photoshop

bend text in photoshop

best photoshop tutorials