Posts Tagged ‘tutorial’
Posted on January 20, 2009 - by Khaled
Create a cool frog in just 3 steps with Photoshop
Another quick photoshop tutorial…So do you remember this fella?
If you were a regular reader of this blog when it used to be called “No relation” then you will recognize this frog as it was on the header. You can download the full resolution stock photo from sxc.hu for free. I will quickly show you in 3 steps how to turn this plain ordinary frog into a cool one! Ok first of all let’s change the eyes color to something more attractive and exotic! what about pink?
Step 1 : Eyes color
Start with the selection of the eyes with the elliptical marquee tool.
Now we’re going to add a new adjustment layer to tweak the Hue/saturation of the eyes.
Set the hue/saturation to the following values:
Of course by setting the hue value differently you can have a different eyes color. Just choose what you like!
Step 2 : Body color
Ok don’t deselect just inverse the selection (ctrl+shift+I). Add a new adjustment layer of Brightness and contrast: set brightness to +30 and contrast to +25.
Now as you see the colors are a lot more lively and nicer to see!
Step 3 : Final touches
Ok use the Burn tool (brush 35px, Range: Midtones; Exposure: 30%) and darken the shadow and the lower parts of the frog. You may want to use the dodge tool to add some brightness to the eyes. The final result will look like this:
I hope you enjoyed this quick tutorial. If you need more details about the steps just let me know.
Posted on January 16, 2009 - by Khaled
Easily achieve the trendy LetterPress effect with Photoshop
In late 2008 and early 2009 LetterPress effect is becoming increasingly popular and used in many web sites. So here 2 quick examples on how you can create a realistic letterpress effect with Adobe Photoshop (Version 7 or newer). This will take you just a couple of minutes and you can achieve it even if you are a beginner.
Example 1:
Open Photoshop, create a new document (600 x 400 for instance). I started with a white background and typed the word Letterpress (Font: Century Gothic, 60pt, All caps and set the color for instance to: #00bae8).
Now we are going to add layer effects (double click the text layer) and simply check the inner Shadow box and set it to these values (shadow color: black #000000):
You will obtain this kind of effect:
As you see we’re almost there! You can customize a bit more with overlaying a gradient overlay or you can rasterize the type layer and work on it with burn/dodge tool. You can check out this tutorial to see how to use Dodge/Burn tools. You should be able to end up with a final aspect that looks like this:
I just applied a gradient overlay effect and some burning at the base of the letters.
Example 2:
Ok, let’s see another variation that might work better if you are after a metallic Letterpress effect. Create a new document, fill in the background with a light grey color (#d0d0d0 for instance). Type in LETTERPRESS (Font: Century Gothic, 60pt, All caps, Set tracking to 50 and set the color for instance to: #919191). Now we’re going to add an inner glow effect this time. Set the Inner glow values as following (color: #000000):
The noise percentage can be tweaked and set to what is best for your purpose!
Now apply an outer glow with these settings:
You should obtain something like this:
All you need now is to play with your background to make it look like brushed metal using noise filters and motion blur along with dodge/burn tools. May be also add a gradient overlay to the text layer and you will have something that looks like this:
If you think I should put more details about the creation of this metallic background or on the last steps of this tutorials let me know!
Posted on April 7, 2008 - by Khaled
Photoshop Metal Interface Tutorial
Another old Adobe Photoshop tutorial from Kyscorp old archives. I’ll be reposting most of those. This is not a text effect tutorial but it is a simple Photoshop tutorial for beginners that will show you how to use the dodge and burn tools in Photoshop to create a metal-like interface. Quite easy to learn with good results at the end. It is an old tutorial that was created for Adobe Photoshop 7 but you can of course use Photoshop CS, CS2 or CS3. More old tutorials will be posted soon…
Posted on April 7, 2008 - by Khaled
Photoshop Twirl Neon Text Effect
So back to posting the old Photoshop tutorials that used to exist on Kyscorp. Many of you emailed me asking for those especially the ones related to Text effects. So I am just starting with this one: Photoshop Twirl Neon Text Effect. It is an old tutorial that was created for Adobe Photoshop 7 but you can of course use Photoshop CS, CS2 or CS3. More old tutorials will be posted soon…
