CG Tutorials.com

ADVERTISMENT

ADVERTISMENT

How to Create Fake Depth of Field Photoshop Tutorial

In this tutorial you'll learn how to create fake depth of field with Photoshop. Depth of field is the amount of distance between the nearest and farthest objects that appear in acceptably sharp focus in a photograph. But not all of our photograph was taken according to this method, sometimes we need to fake depth of field with photoshop.

Not yet rated with 421 hits  Added on: Jul 08, 2009

Turn your photo into pseudo HDR

In this tutorial I will show you how to convert any Jpeg photo to a nice Pseudo Hdr one.

Not yet rated with 819 hits  Added on: Jul 07, 2009

Make a beautiful magical underwater scene with tulips

Make a beautiful magical underwater scene with tulips...

Not yet rated with 745 hits  Added on: Jul 07, 2009

Butterfly Photoshop Brushes

Download free butterfly Photoshop brushes featuring six different butterflies.

Not yet rated with 425 hits  Added on: Jul 07, 2009

Vampire Portrait Painting - Deadly Mistress

A painting of a vampire made from scratch using Photoshop CS2 and a Graphire 4.

Not yet rated with 869 hits  Added on: Jul 07, 2009

World Of Warcraft Brushes

Download free Adobe Photoshop brushes based on the popular World Of Warcraft PC game! This page contains the first set of three World Of Warcraft...

Not yet rated with 358 hits  Added on: Jul 07, 2009

Dell Inspiron 1525 (DDR2-667MHz) (64-bit) Memory

Machine name: Dell Inspiron 1525 CPU options: - Intel Core 2 Duo Processor - Intel Celeron M Processor - Intel Core Duo Processor Chipset: Intel GM965 Chipset HD Bus: SATA (5400rpm) Front Side Bus options: Memory Speed options: PC2-5300 DDR2-667 200pin SDRAM SODIMM Special notes: Modules must be ordered and installed in pairs for Dual Channel mode.

Not yet rated with 263 hits  Added on: Jul 07, 2009

Photoshop design welding helmet logo icon in Photoshop.

Today I am telling you about How to Create Photoshop design welding helmet logo icon in Photoshop.

Not yet rated with 132 hits  Added on: Jul 07, 2009

Video Tutorials Adobe Photoshop.

Video Tutorials Adobe Photoshop. Creation of 6-effects of the text in Adobe Photoshop.|63.4 mb|

Not yet rated with 293 hits  Added on: Jul 07, 2009

How to use Layer Masks in Photoshop

Today I`ll speak about layer masks and I`ll show you how to create a black and white picture with some colored areas and how to merge two pictures,using layer masks.

Not yet rated with 545 hits  Added on: Jul 07, 2009

Creating An Embossing Effect

This tutorial will teach you how to create an embossing effect using Adobe Photoshop's layer styles.

Not yet rated with 219 hits  Added on: Jul 07, 2009

Basic Grunge Business Card Design

In this Photoshop CS4 tutorialwe ar going to show you how to design a basic business card with a grunge feel to it. For this tutorial you will need to download the grunge photoshop brush set from Skipina Step 1. First we will start by creating new file, so go to file menu and choose new, I choose size 640 * 400 pixels, 300 pixels per inch, CMYK Colour mode with transparent background. Step 2. Rename the only layer you have in Background. And fill it with any color because we will apply gradient overlay on it so it doesn’t matter what color you choose. Step 3. Now we will apply gradient overlay on layer background. You can do this by double clicking on layer, or go to Layer menu, then choose Layer styles/ Gradient overlay. Apply the following settings. Step 4. Now create new layer (ctrl+shift+n) and call it Grunge. Step 5. Choose brush tool from tool box. Take your grunge brush set, for this tutorial I used one of skipina’s, you can get it for free at http://skipina.deviantart.com/art/grunge-set2-97073790 or http://skipina.deviantart.com/art/grunge-set1-96826083 . Set the opacity of the brush at 50% and brush until you get satisfying result. This is what i got so far. Step 6. Now we are going to put some buildings in the corner, they are done with one of Skipina’s upcoming brushes, but for the purpose of the tutorial they have generously allowed us to share the buildings with you. I’ll post a link up to the brush set when it comes out. Click on the image to go to the full resolution version, Copy the image and open it in photoshop. We are going to remove whites. Go to Select menu > Color range… and click on the white area, set the fuzziness at 100%. Click delete to clear the selected area. Step 7. Go to Select menu and choose Deselect (ctrl+d) Step 8. Now just drag the layer in your file. You will get new layer, name it Buildings, and place it on top of other layers. Layer order should look like this. Step 9. Create new layer, call it urban. Now pick up your rectangle marquee tool and draw a rectangle. Fill it with black color and deselect (ctrl+d). You should get something like this. The size of the rectangle is up to you. Step 10. Now again with the rectangular marquee tool select small right part of the black rectangle like on the picture and click delete and deselect (ctrl+d). Step 11. Select type tool , and write the word shop in the deleted area. Choose any font you like and font size. Step 12. With Type mask tool from the tool box, write the word Urban. Select layer Urban and click delete and deselect (ctrl+d). Step 13. Select the Urban layer and text layer and merge them together (Ctrl+E).Set the layer opacity at 50%. Step 14. You will now get one layer called Urban. Set the layer opacity at 50%. Step 15. Select Eraser tool from the tool box, grab one of the grunge brushes you downloaded before. Opacity of the eraser should be about 20% or even lower, it depends on how you like it, try different variations, and brush a bit over the layer. This way we will erase bits of the shape and the text and make it look grungy. Step 16. Then go on Select menu, and choose Modify/ Transform (ctrl+t) , rotate object and place it like on the picture. Step 17. Now we just need to add some text and we are finished. Pick Type text tool, color white, any font you like, should be the same as before and size of the letters should be big enough so that it could be read easily. Write some details you want on you business card. Step18. We are going to make the text a bit grungier, so right click on text layer and select rasterize type. Select Eraser tool from tool box, opacity 10% and erase bits of the text. But don’t erase to much because we need text to be easy to read. And we are done. Here is my final result. Some tips if you want to get something like this printed.. make sure you are using CMYK Colour, as most business card printers don’t use RGB, also leave a 3mm bleed area on each edge, so don’ tput text too close to the edge.. this allows for printer and cutting margins.

Not yet rated with 182 hits  Added on: Jul 07, 2009

How to create a cool 3d Ball

In this tutorial you’ll learn how to create a cool looking 3d-ball using just Photoshop. This tutorial isn’t for beginners. Basic understanding of the software Photoshop and its tools is required. Here is what the final image will look like. Step 1: Creating the background. Create a new document, 600px X 600px. Start off with a medium gray for the background; I used #8e8e8e. Next, we need to add the light gradient to make the background look more like a 3d space. We’ll obtain that effect by using the gradient tool with the color white. Create a new layer and select the gradient tool By default the gradient type should be “Linear Gradient”; change it to “Reflected Gradient” This should also come by default, but just to be safe, also make sure the gradient goes from white to alpha 0 Next, simply move your cursor (with the gradient tool selected) in the dead center of your image and holding the shift key drag the mouse vertically downwards until you reach the bottom of the image and release. Next play a little bit with the layer’s alpha in order to get something similar to the following. You can also play with it with the transform tool (CTRL+T) to change its shape a little bit. Step 2: Creating the Circle Create a new layer on top of the previous two and call it “Circle Background”. On this layer, in the center of the image create a circle with a color of your choice (I used #9f0000). In order to create the circle use the Eliptical Marquee Tool to make your selection and then the Paint Bucket Tool to fill in your selection with a color of your choice. Step 3: Adding the shades. Create a new layer on top of the “Circle Background” and call it “Circle Shades”. Select the new layer (Circle Shades) and while holding the CTRL key down, click on the layer “Circle Background” (on the square showing the layer’s content). Select the Gradient Tool and select the gradient type “Linear Gradient” Press “D” to reset your colors to black and white. Now start applying the gradients inside your selection by dragging from outside the circle towards the center. This might take a little bit of effort to get it right, but eventually it should look similar to this: Step 4: Adding the shadows Now we have to make this “3d ball” look like its staying on the plane and add its shadows. Create a new layer and call it “Ball Shadow” and move the layer under the layer “Circle Background”. Select the Brush Tool and make sure you’re viewing the “Basic” brushes ( which should be there by default). Select a round feathred brush and change its size to roughly 200 Click once with the brush tool at the bottom of the circle (behind it). Next, use the transform tool (CTRL+T) and change the height and move it until it looks like a shadow. It should look roughly like the image bellow. To make it look even better play with the layer’s alpha if needed. On top of that I duplicated the layer “Ball Shadow” and I made the new shadow even smaller so that the shadow is much darker exactly under the ball. Step 5: Fixing the shadow at the bottom (optional) At this point, the only thing left to fix with the shadow would be the bottom portion of circle. I don’t really like how you can see the bottom of the circle so clear and I feel that it should blend a little bit more with the dark shadow under it. We’ll use the same techniques shown in Step 4. Create a new layer on top of the layer “Circle Shades” and call it “Shadow Fix” and using the Brush Tool with a smaller size around “100? press again once at the bottom of the ball. Next play with the transform tool until the bottom portion of the ball should be a little darker. This step isn’t necesarry but it will help with the realism. Step 6: Adding the light areas Create a new layer, call it “Ball Light” and move it above the layer “Ball Shadow”. Change your main color to white and then using the brush tool with a size of 150-200 place a spot towards the top of the circle. Change the layer Blending Mode to “Overlay”. Create a new layer again on top of “Ball Light” and call it “Ball Light 2? and with the Brush Tool with a size of about 20-30 place a spot on top of the new glow and change the layer’s alpha to about 40 or so. Your image should look similar to the one bellow. At this point you can stop or do whatever you’d like with your image or you can simply continue with the tutorial and see what I came up with. Step 7: Creating the “screen” Duplicate the layer “Circle Background” and change the circle’s color to a different one. I changed my color to #218165. Call the new layer “Screen Background” You can do this by selecting the “Circle Background” layer and then draging it over the small icon at the bottom called “Create new layer”. Next right click your new layer and choose “Blending Options” and check the box called “Color Overlay” and also press the text so that you can see the menu options. Simply click on the colored square and choose a color of your prefference and press “ok”. Press “CTRL+T” to activate the transform tool and while holding the “ALT” key down, change the height of the circle. It should look similar to the image bellow. Step 8: Screen Border Duplicate the layer “Screen Background” twice and move both layers under the original “Screen Background”. Change the colors on both layers to black. Next move the first circle 2px up and the second circle 2px down. You can do that using the arrow keys and pressing the “up arrow” twice and the “down arrow” twice. Select the duplicated “Screen Backgrond” layer that’s on top and merge it to the second one, that’s under it by pressing “CTRL+E”. Change the alpha of the new layer to about 50% and rename the layer to “Screen Border”. The only problem at this point is that the circle is a little bit outside the circle so we need to remove those small portions. Hold “CTRL” and press on the layer “Circle Background” to obtain the circle’s selection. Next press “CTRL+I” to invert the selection and press your “DELETE” key to remove the corners of the screen border. Everything should look similar to the following image. Step 9: Embeded Screen Duplicate the layer “Screen Border” and call it “Screen Embed”. Apply a Gaussian Blur effect of roughly 6 (Filter>Blur>Gaussian Blur). Hold “CTRL” and press on the “Screen Border” layer to get its selection, go to Select>Modify>Expand and expand the selection by 1px. Next, press “DELETE” to clear the selection. Hold “CTRL” and press on the “Circle Background” layer to get its selection and then press “CTRL+I” and “DELETE” again to remove all the content outside the circle. The Embed effect should look like this: Step 10: Adding the Screen Noise Create a new layer above the layer “Screen Background” and call it “Screen Noise”. Select the new layer and while holding “CTRL” down click on the layer “Screen Background” to obtain its selection. Go to Filter>Render>Clouds. Next go to Filter>Noise>Add Noise. Change the Amount to 180, Distribution to “Uniform” and uncheck “Monochromatic”. Press “CTRL+U” and change the “Saturation” to -100 and press ok. Next change the layer’s alpha to 20%. Your result should be similar to the following: Step 11: Adding the high glows Create a new layer on top of the all the layers and call it “High Glow”. Use the Brush Tool with a value of about 150 and color black and click once on the image towards the top of the screen. On the same layer, change the color of the brush to white and the size to 80 and press in the middle of the previous brush. Change the mode of the layer to “Color Dodge” . Press “CTRL+T” and change the size of the glow so that it looks good. Duplicate the layer and move the new glow towards the bottom of the screen and resize it until it looks good. While holding “CTRL” click the layer “Background Circle” and then press “CTRL+I” to invert the circle’s selection. Press “DELETE” to delete the content outside the circle on both “High Glow” layers. This is what I came up with: Step 12: Creating the reflection Put all of the layers in a folder, all besides the ones that build the shadow of the ball. Duplicate the folder and press “CTRL+E” to merge all the layers in the folder into one layer. Go to Edit>Transform>Flip Vertical. Move the ball at the bottom of the circle and change the alpha for the layer to 10%. Select using the Rectangular Marquee Tool about 1/3 of the circle, the lower portion, and then go to Select>Modify>Feather and choose 20, press OK and then press “DELETE”. Your image should look similar to the following: At this point the tutorial is pretty much done. You can continue to play with it some more if you’d like, and that’s what I did. I added the text “PSDSESSION” and a few white gradients here and there in order to have it a little more customized. I also like my reflections a little bit blured so I apply a Gaussian Blur of “1?. I hope you guys enjoyed the tutorial!

Not yet rated with 389 hits  Added on: Jul 07, 2009

Golden Web Button

Step1. First we will start by creating new file, so go to file menu and choose new, for purposes of this tutorial I chose size 300 * 100 pixels, with transparent background @ 72dpi. Step2. Rename the only layer you have in Background. And fill it with any color. Step3. Now pick your Rounded rectangle tool and draw rectangle about 130 * 30 pixels with any color. Step4. Now right click on the layer and go Rasterize layer, rename this layer in to Main Step5. It’s time to add some color and layer styles to our shape. So go to Layers menu and choose Layer styles/ gradient overlay (or double click on layer). Apply these settings. You should have something like this. Now we just need to add some text and a bit of shine and we are done. Step6. Create new layer on top of the Main layer (ctrl+shift+n) and call it Shine. Now pick Rectangular marquee tool from the tool box, draw square like one in the picture and fill it with white. Go to select menu and choose deselect (ctrl+d) Step7. Now hold ctrl and press on the Main layer. This way you will select our main shape of the button. Now go to Select menu and choose inverse (ctrl+shift+i) and press delete (layer Shine is still selected). Step8. Set the layer opacity at 20%. Step9. Pick Type tool from the tool box. Color #6c4b08 and type some text. I used font ItcEras size 14 italic, sharp. And we are done. Here is the outcome.

Not yet rated with 135 hits  Added on: Jul 07, 2009

Antique Music Effect

Learn how to create antique music effect in Adobe Photoshop.

Not yet rated with 224 hits  Added on: Jul 07, 2009

Spooky Tree Effect

Learn how to create spooky tree effect in Adobe Photoshop.

Not yet rated with 168 hits  Added on: Jul 07, 2009

Drop down menu

This Flash tutorial will teach you how to create a basic drop down menu.

Not yet rated with 120 hits  Added on: Jul 07, 2009

Ink Splatter

Some splatters I made with ink…and turned into Photoshop brushes. There are also some brushes that I made with the settings on Adobe Photoshop 7, so you may need that version at least. But the ink splatters should work with any version, I think…I don’t really download brushes from other people

Not yet rated with 478 hits  Added on: Jul 07, 2009

Linear Flower

Linear Fleur Garden is a brush set for Photoshop that contains 6 haute couture brushes for photoshop. ;)

Not yet rated with 162 hits  Added on: Jul 07, 2009

Boney Doodles

Some doodles I drew on a piece of paper. Photoshop 7 and above.

Not yet rated with 115 hits  Added on: Jul 07, 2009