• AddThis Social Bookmark Button

    Add to Technorati Favorites

  • Archives

  • Archive for the ‘Image editing’ Category

    Resizing a image without deteriorating it’s quality

    Wednesday, January 23rd, 2008

    Sometimes when you resize a image it’s quality is deteriorated like the one below

    ImageShack

    See the quality of the image is deteriorated

    Now i will tell you how to do it without making it a little pixilated

    open paint.net

    open the image now go to image in the menu bar and select resize

    ImageShack

    A window will open make sure that maintain aspect ratio is selected and just enter the width or the height for the image the another one will be automatically get entered

    And done now see the image quality remains the same

    ImageShack

    Thanks

    krates

    Share and Enjoy:
    • Digg
    • del.icio.us
    • Facebook
    • NewsVine
    • Reddit
    • StumbleUpon
    • YahooMyWeb
    • Google Bookmarks
    • Yahoo! Buzz
    • TwitThis
    • Live
    • LinkedIn
    • Pownce
    • MySpace

    Taking out small part of images to use in another image.

    Sunday, January 6th, 2008

    See the two images below:

    ImageShack ImageShack

    See the graphic part in the first image now:

    how to copy that part on to the second image i am going to teach you:

    Select the part and zoom in :

    ImageShack

    Now select each bit of it and copy don’t worry about a little merging of background because when it will be zoomed out you will see nothing.

    ImageShack

    Now open the second image where you want to copy that part

    And paste it

    ImageShack

    Done

    thanks

    krates

    Share and Enjoy:
    • Digg
    • del.icio.us
    • Facebook
    • NewsVine
    • Reddit
    • StumbleUpon
    • YahooMyWeb
    • Google Bookmarks
    • Yahoo! Buzz
    • TwitThis
    • Live
    • LinkedIn
    • Pownce
    • MySpace

    Making Greenish Leaves Interface for website using photoshop

    Sunday, December 23rd, 2007

    Original Tutorial: http://www.photoshopstar.com/web-graphics/interface-leaves/

    Well, in this easy, step-by-step tutorial I’m going to be showing you how to design some “interface leaves,” which could come in handy when designing a jungle-themed clan template or something like that. Here’s what I came up with:

    1. New Document, Find a Leaf Stock

    Well, first of all you want to open up a clan template you’ve been working on, or create a new document.
    In this case I created a new document and filled the background layer with a very dark color.
    After you’ve made your document/background or whatever, you’ll need to find some nice leaves.
    I simple went to Google Images and searched for “Leaves,” this is what I came up with.
    After you’ve got your leaves stock photo, copy/paste it to your document like so:

    It’s absolutely terrible quality, but at least the shape is still there… mostly.

    2. Making the Leaves Shape

    This part is personal preference really, are you familiar with the Pen Tool?
    If so, you can use the Pen Tool to draw a path around your leaves, other wise you’ll just want to use the Polygonal Lasso Tool.

    Fill the selection with a dark green, I used #748004.

    Apply the following Layer Styles to the leaves layer:
    Outer Glow

    Inner Glow

    Pattern Overlay (download the pattern from here)

    Now you should be left with something like this:

    3. Add Detail by Dodging & Burning

    Alright, to add the details to your leaves you’ll want to use the Dodge and Burn tools. The Dodge tool is used to add highlights to things, and the Burn tool is used to darken things.

    Dodge Tool
    Burn Too:

    Please remember that it doesn’t need to be perfect, just do something like what I’ve done here:

    4. Duplicating, Resizing

    Now it’s time to make some copies. Start by duplicating your main leaves layer and flipping the copy horizontally.
    Layer > Duplicate Layer
    Edit > Transform > Flip Horizontal

    Press ctrl+T to go into Transform mode, then size your leaves duplicate down.

    Move your copy over to the left and upwards a little bit, and also erase the stem if you want to.

    Duplicate your smaller set of leaves again, flip horizontally and move them to a different position – I moved mine underneath the large set of leaves.

    One more copy and you should get set!

    5. Merging and Finishing Up

    Well, we’re nearly finished here. Firstly, merge all of your leaves layers together, now that you have only one single layer left, go into Transform mode again and size the leaves down to about 15-30%.

    To bring out the detail in your leaves a little bit, apply Filter > Sharpen > Sharpen, then Edit > Fade Sharpen since it will be too strong. To finish off, I duplicated the whole lot once more and moved them underneath, I also added in a content-style box to show what it would look like. Enjoy!

    Share and Enjoy:
    • Digg
    • del.icio.us
    • Facebook
    • NewsVine
    • Reddit
    • StumbleUpon
    • YahooMyWeb
    • Google Bookmarks
    • Yahoo! Buzz
    • TwitThis
    • Live
    • LinkedIn
    • Pownce
    • MySpace

    TV icon

    Thursday, December 6th, 2007

    In this tutorial, you will learn to create a tv icon. Final output of this tv icon tutorial can be seen below :-

    Select rounded rectangle tool and set the radius to 6 px. Draw this shape :-

    Apply gradient overlay as shown :-

    Now, duplicate the layer. Change the size of this layer and also, change the angle of gradient overlay to -90 degree as shown :-

    Again, duplicate the layer, reduce its size and apply gradient overlay as shown. It will be the screen of our tv icon.


    Now, duplicate the first layer or the base layer (not the background layer :) ). Remove all the layer styles.
    Reduce its size as shown and make it the top layer by pressing control+shift+}.

    Now, select rounded rectangle tool again. Press ‘-’ (minus sign) from the numeric keypad and draw another rounded rectangle inside this layer as shown.

    It will substract the area from the first shape.

    Duplicate this layer. Reduce its size and place this layer as shown.


    Change the fill opacity of this layer to around 33%.


    Now, draw a #706D66 colored circle with ellipse tool as shown :-

    Draw a tinny white color circle inside this shape.

    Draw more shapes similar to this button as shown :-

    Now, draw two 2 pixel wide lines with line tool. Change the foreground color to #737373 prior to drawing the lines :-

    Duplicate the two buttons and place them as shown :-

    Now, draw a circle with ellipse tool as shown :-

    Reduce the fill opacity to 16%.

    Finally, draw the ovular shape with ellipse tool. Choose any shade of gray color.
    Rasterize this layer and add gaussian blur (filter>blur>gaussian blur) in it.
    Experiment with amount and you will have something like this. Our tv icon is ready :)

    Share and Enjoy:
    • Digg
    • del.icio.us
    • Facebook
    • NewsVine
    • Reddit
    • StumbleUpon
    • YahooMyWeb
    • Google Bookmarks
    • Yahoo! Buzz
    • TwitThis
    • Live
    • LinkedIn
    • Pownce
    • MySpace