• Home
  • About
  • Advertise
  • contact
Subscribe: Posts | Comments | E-mail
  • 1.RhapsodyAnything & Everything
  • 2.Web DesignStandards rule!
  • 3.Photoshop... Love Buzz
  • 4.The WebNews and Trends
  • 5.Web DevServer Side
  • 6.Hosting...for the web
  • 7.Science... DNA and Stuff

WebScienceMan

Posts Tagged ‘Adobe Photoshop’


Posted on January 20, 2009 - by Khaled

Easily Create “Obama style” graphics with Photoshop

photoshop_tut_splash_obama

Easily show your support! This tutorial will show you how to use Photoshop to quickly turn your photograph into a graphic that has the “Obama style”. WIth Obama the internet was used at its fullest so this tutorial seems to be something in tune with his campaign! especially that today is his inauguration day. Start with your photograph, set the mode to CMYK.
photo1
Hit ctrl+M to pop up the curves window. Set channel to black, output to 70 and input to 35.

photo2

Then go to filter > Blur > Smart Blur. Set Radius to 2, threshold to 50 and quality to high.

photo3

Revert back to RGB Mode. Go to Image > adjustments > Gradient Map. Set the first color at location 0% (blue color: #03334c ), the second color at location 25% ( red color: #d91a21), the third point of the gradient at location 60% (color: #70969e) and the last one at location 100% (color #fce3a6). and hit OK. You will obtain this:

photo4

Add some ornaments and text to customize it more.

photo5Tweak it a bit more with Mask layers, dodge and burn tools and you’re quickly done.

photo6This was a tutorial written on the fly for the occasion of Obama’s inauguration day! Let’s say we’re full of hope right now for the future.


Posted on January 20, 2009 - by Khaled

Create a cool frog in just 3 steps with Photoshop

photoshop_tut_splash_cool_frog

Another quick photoshop tutorial…So do you remember this fella?

frogIf 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.
frog2

Now we’re going to add a new adjustment layer to tweak the Hue/saturation of the eyes.

fill_adjustement_layer

Set the hue/saturation to the following values:
hue_saturation_settings

Of course by setting the hue value differently you can have a different eyes color. Just choose what you like!frog3

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.

frog4Now 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:

frog5I 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

photoshop_tut_splash_lp

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).

photoshop_tut_splash_letterpress2Now 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):

layer_style

You will obtain this kind of effect:

photoshop_tut_splash2

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:

photoshop_tut_splash3

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):

layer_style2

The noise percentage can be tweaked and set to what is best for your purpose!

photoshop_tut_splash4

Now apply an outer glow with these settings:

layer_style3

You should obtain something like this:

photoshop_tut_splash5

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:
photoshop_tut_splash6
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

Rusted Engine Photoshop Tutorial

Yet another old Photoshop tutorial already posted on Kyscorp. This one is called: Rusted engine. During this tutorial you will learn some basic photo manipulation techniques in Adobe Photoshop. You can use those techniques in so many different ways to create different effects especially related to texturing with Photoshop.
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…

(more…)


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…

(more…)


Posted on March 28, 2008 - by Khaled

Adobe Photoshop Express Beta: now Online for free!

Adobe Photoshop Express Beta is now officially launched. It is free but only available for the US users at least for now. I believe some other countries should follow up soon. Photoshop Express is a light version of Photoshop that’s based on Flash 9 web application. You won’t be able to use layers, make heavy changes and manipulations or even use text and text options but it is pretty simple to use Photoshop Express to crop, resize, sketch, saturate or change the colors of your Image (Hue).

With your Free online Photoshop Version you will have 2GB of free disk space storage  and a Flickr-like admin to go with it. Moreover you can  and it synchronize it with your Facebook, MySpace or Picasa accounts to change any of your photos and when you save those tweaks via the Photoshop interface they show up directly in your Facebook or Myspace. As for the synchronization with Flickr it is being devoloped and will be happening soon. Same for adding other languages and of course countries as I’ve mentioned it before. So now soon we will see everyone having his own light Photoshop reachable online! and probably soon Photoshop Express will be a lot more powerful than what it is now…. Only time will tell. If you are based in the US go get your Adobe Photoshop Express Beta! all you need is to sign up for a free account! For the other just wait for your country to be listed!

Continue to the Adobe Press release:

(more…)




    • BreedSoftware HostGator
  • Polls

    You are more interested in?

    View Results

    Loading ... Loading ...
  • What I'm Doing...

    • Seductive Web Design: http://bit.ly/5L0YGK nice speech by Andy 2 weeks ago
    • 10 Tips for Choosing the Perfect Name for Your Company | via @sitepointdotcom | http://bit.ly/cJ07jF 2 weeks ago
    • IE6 Remembrance: http://bit.ly/9cA1Ax 2 weeks ago
    • More updates...
  • Featured News

    • FireFox will be bigger in 2009? by Khaled on April 2, 2009
    • Launching TwittHero by Khaled on March 2, 2009
    • TOP 10 reasons why my Web Design company grossed 5 million dollars of revenue in its first year by Khaled on February 18, 2009
    • 25 WordPress Plugins you need to have a better blog by Khaled on February 12, 2009
    • WebNotes: Annotate, Organize, Share by Khaled on February 8, 2009
  • Archives

    • April 2009
    • March 2009
    • February 2009
    • January 2009
    • December 2008
    • October 2008
    • April 2008
    • March 2008
    • September 2007
    • August 2007
    • March 2007
    • January 2007
    • December 2006
    • November 2006
    • August 2006
    • July 2006
    • June 2006
    • May 2006
    • April 2006
    • March 2006
  • Tag Cloud

    • 2.Web Design 2.Web Design 3.Photoshop Adobe Adobe Photoshop blog bookmark browser Browsers CMS color CSS DNA Facebook FireFox Genetics graphic design Graphics HTML Internet Explorer JavaScript Joomla Mozilla Opera palette Photo Manipulation Photoshop Express Photoshop tut Photoshop tutorial productivity recession recipe Safari Science Sitepoint social tutorial Twitter web web design business web designer Web Development WordPress WordPress plugins WordPress Update
  • Take a look

    • BreedSoftware
    • Kyscorp.com
    • Scriptomania
    • TunisDesign
    • TwittHero
  • Recent Comments

    • get online sales on Photoshop Twirl Neon Text Effect
    • get online sales on TOP 10 reasons why my Web Design company grossed 5 million dollars of revenue in its first year
    • jfseostudio on 50 Typography Resources you must look at!
    • çiçekçi on The Y Chromosome Mystery!!?
    • çiçekçi on WebScienceMan is here!

Subscribe: Posts | Comments | E-mail

Add to Technorati Favorites WebScienceMan © 2006-2009 |Powered by WordPress| KYSCORP.COM 2000-2009| Rainbow Cliff Theme.
Optimized for FireFox 2+ | Google Chrome 1.0 + |Opera 9+ | Safari 3+ | IE7+ [Web Standards are cool!]