+ Reply to Thread
Results 1 to 8 of 8
  1. #1
    Administrator
    Join Date
    Jun 2010
    Posts
    7

    Photoshop- Design Metalic Tech Button

    Hello

    This is the Tutorial number 73 from the 100 Marathon Tutorial
    As i have told you i will try to add a tutorial each day.

    I will create a a button today. you can see the result in the next image



    Open a new document in photoshop
    Size 300 x 300 pixels
    Color : dark grey - #303030

    Select Rounded Rectangle Tool . Set the radius to 15 pixels, and start drawing a simple shape



    Go to Layer > rasterize > Shape
    Then Apply the following layer styles









    This is the result



    Now comes the funny part

    Select Elliptical Marquee Tool
    Set the following settings



    Then add the selection like in the following image



    Be sure you have the " Shape 1 " selected , then hit the delete key from your keyboard



    Move the selection to the left with the left arrow key



    Now withe the same tool , change the settings like in the next image



    Then with the subtract from selection button pressed, add the same circle near the initial one



    After you will release the mouse button you will have this result



    Now hit one more time Delete key from your keyboard, then move the selection one more time to the left.



    Now go to Select > Modify > Contract, and choose Contract by 1 pixel. press ok, Then press one more time Delete key
    Then Press CTRL+D to deselect



    Select rectangular marquee tool
    Use the following settings



    Then place a selection on the button, and hit Delete key



    Try to make something like me



    Then select the Rounded Rectangle Tool and make a simple rectangle ( keep the same radius size - 15 Pixels )



    Then rasterize the shape ( go to Layer > rasterize > shape )
    Now go to Select > Load selection

    Select the Shape 1 layer and hit delete
    Then hide the Shape 2 layer



    This is the result



    Select the background layer, then grap Rounded rectangle tool, and make another shape



    Then apply the following layer styles









    This is the result



    Then with the type tool , add some text, and use the same layer styles as above

    This is my final product




    transferred

  2. #2
    suharick
    Guest
    wow,thats sick.Ill use that for my web site.Thx

  3. #3
    suharick
    Guest
    Select the background layer, then grap Rounded rectangle tool, and make another shape

    it does not work.Its not the same thing as on the picture

  4. #4
    Administrator
    Join Date
    Jun 2010
    Posts
    7
    Welcome suharick,
    be sure that you select the background layer . try to show me the result

  5. #5
    suharick
    Guest
    Thank you!
    I got it ))
    That's my result
    http://i242.photobucket.com/albums/f.../FASTREPLY.jpg
    And also,how to mdify some photos for them to look like cool,something amazing.

  6. #6
    türkçeci
    Guest
    very thanks.
    but is this Photoshop CS2 or CS3????

  7. #7
    türkçeci
    Guest

    thx

    very thanks.
    but is this Photoshop CS2 or CS3????

  8. #8
    Administrator
    Join Date
    Jun 2010
    Posts
    7
    Welcome türkçeci,
    this Photoshop CS2 .

+ Reply to Thread

Similar Threads

  1. Photoshop - Design High tech layout with grunge style
    By admin in forum Photoshop and Image Ready Tutorials and Lessons Forum
    Replies: 0
    Last Post: 06-30-2007, 06:25 PM
  2. PhotoShop - Design Tech Site Layout
    By admin in forum Photoshop and Image Ready Tutorials and Lessons Forum
    Replies: 1
    Last Post: 06-26-2007, 10:01 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts