Soft Technology Web - Powered by vBulletin
  • Help
  • Remember Me?
  • The Facebook Platform

  • Forum
    • Today's Posts
    • FAQ
    • Calendar
    • Community
      • Member List
    • Forum Actions
      • Mark Forums Read
    • Quick Links
      • View Forum Leaders
  • What's New?
  • Advanced Search
  • Home
  • Forum
  • Design Forums
  • Photoshop and Image Ready Tutorials and Lessons Forum
  • Photoshop - Design Hosting Layout



    Welcome! Join us now to get access to all our features. Once registered and logged in, you will be able to create topics, post replies to existing threads, give reputation to your fellow members, get your own private messenger, and so, so much more. It's also quick and totally free, so what are you waiting for?
     
+ Reply to Thread
Results 1 to 2 of 2

Thread: Photoshop - Design Hosting Layout

  • Thread Tools
    • Show Printable Version
    • Email this Page…
    • Subscribe to this Thread…
  • Search Thread
    • Advanced Search
  • Display
    • Switch to Hybrid Mode
    • Switch to Threaded Mode
  1. 06-30-2007 07:24 PM #1
    admin
    • View Profile
    • View Forum Posts
    • Private Message
    admin is offline
    Administrator
    Join Date
    Jun 2010
    Posts
    2

    Photoshop - Design Hosting Layout


    Hello

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

    Create a new document with a white background.the size should
    be 760 x 770 px.
    Create a new Layer ( press SHIFT+CTR+ALT+N )

    Select Rounded Rectangle Tool and create some rectangles like in the following image:
    After you select the rectangle Tool change the Radius to 3 pixels.



    Now we will add a Layer style for all this rectangles. We will use the same layer style for each rectangle. Use this settings:









    This is the result:



    Now we will add some details
    We will create some details for the rectangle from above where we will add the hosting packages

    With hold down the CTRL key and press on the Layer Thumbnail:



    You will notice that you will have a selection around the Rectangle:



    Now Create a new layer ( Press CTRL+SHIFT+ALT+N )

    Select the Eliptical Marquee Tool.
    Now press on Intersect with Selection:



    And draw a circle like on the following image:



    When you release the mouse click you will have the following:



    Now select Paint Bucket Tool and fill the selection with white.

    And add this layer style:



    For the stroke settings i will use the size 5 ( i will tell you why later )





    Location settings for the gradient is : 0 -- 27 -- 48 -- 51 -- 69 -- 85 -- 99
    the colors you can take alone with the Eyedropper Tool ( I )

    You should have something like this:



    You can notice that i have the selection there. We will use right now.
    Go to Select > Modify > Contract ,and use the " Contract by 5 ( the same size as i mentionated a few steps ago )
    If you want to be a pro you have to usee this small details because the result will be allways better then your competitor.

    Now Create a new layer ( press CTRL+SHIFT+ALT+N ) and Fill this new layer with white. Be sure not to deselect because you will fill inside your selection.

    After you have filled with white you can use this layer style:











    And this is my result:



    You can duplicate this layers and place it like me:



    If you want to change the color like me, you have to use another color for : COLOR OVERLAY and STROKE

    Now i will add some buttons. I will use the Elipse Tool and i will create some small circles.
    In the same time i will add also some text for buttons.



    Now i will add some computers.



    After that i will add more text. and near this computer case i will add one more rectangle

    And i will add the layer style i have added at the begining of the tutorial. Basicaly i will repeat the steps one more time. I will make this alone , because i hope you have learned this steps.
    This is my final image:


    transferred
    Reply With Quote Reply With Quote

  2. 05-27-2009 07:32 PM #2
    rollyjam
    Guest

    hi


    thanks you so much for the wonderful tutorials, i learn much things about the some photoshop tricks






    _________________
    affordable SEO companies | thatcom
    Reply With Quote Reply With Quote

+ Reply to Thread
Quick Navigation Photoshop and Image Ready Tutorials and Lessons Forum Top
  • Site Areas
  • Settings
  • Private Messages
  • Subscriptions
  • Who's Online
  • Search Forums
  • Forums Home
  • Forums
  • Computer Software Programs
    1. Internet Programs
      1. Free PHP Program Forum
      2. Free ICQ Program Forum
      3. Free MSN Program Forum
      4. Free MSN Messager Program Forum
      5. Free Trillian Program Forum
      6. Free Windows Live Program Forum
      7. Free Opera Program Forum
      8. Free Internet Explorer 6.0 Program Forum
      9. Free Internet Explorer 7.0 Program Forum
      10. Free Internet Explorer 8.0 Program Forum
    2. Drivers Programs
      1. Free AMD64 Program Forum
      2. FreeVIA Program Forum
      3. Free nForce4 Program Forum
      4. Free nForce Program Forum
      5. Free DirectX Program Forum
      6. Free Geforce FX Program Forum
      7. Free Nvidia CG ToolKit Program Forum
      8. Free Hardware Program Forum
    3. Company Programs
      1. Free Adobe Program Forum
      2. Free Apple Program Forum
      3. Free ATI Program Forum
      4. Free Google Program Forum
      5. Free Intel Program Forum
      6. Free Macromedia Program Forum
      7. Free Mozilla Firefox Program Forum
      8. Free Nokia Program Forum
      9. Free nVidia Program Forum
      10. Free Yahoo Program Forum
      11. Free Sony Program Forum
      12. Free Symantec Program Forum
      13. Free AMD Program Forum
      14. Free Microsoft Program Forum
    4. Multimedia Software Programs
    5. Windows software reviews
    6. MAC OS X software reviews
    7. Microsoft software reviews
    8. LINUX software reviews
    9. Technology and Freeware Software News
  • Technology Design and Decor
  • Engineering Videos Lectures
    1. Free Engineering Programs Videos
      1. Free AutoCAD Videos
      2. Free MATLAB Videos
      3. Free Software Tutorials and Demos Videos
      4. Free OrCAD Videos
    2. Free Communication/Electrical / Electronic Engineering Videos
      1. Free Circuits and Electronics Videos
      2. Free Control Engineering Videos
      3. Free Digital Systems Design Engineering Videos
      4. Free Digital Communication Engineering Videos
      5. Free Circuit Theory Engineering Videos
      6. Free Digital Circuits and Systems Engineering Videos
      7. Free Basic Electronics Engineering Videos
      8. Free Digital VLSI System Design Engineering Videos
      9. Free Basic Electrical Technology Engineering Videos
      10. Free Intelligent Systems and Control Engineering Videos
      11. Free Industrial Automation and Control Engineering Videos
    3. Free Engineering Projects Videos
      1. Free Inventions Videos
    4. Free Information Technology (IT) Videos
      1. Free Cisco Certified Network Associate (CCNA) Videos
      2. Free Cisco Certified Network Professional (CCNP) Videos
      3. Free Cisco Certified Voice Professional (CCVP) Videos
      4. Free Cisco Certified Security Professional (CCSP) Videos
      5. Free Cisco Certified Internetwork Professional (CCIP) Videos
      6. Free Cisco Certified Internetwork Expert (CCIE) Videos
      7. Free Microsoft Certified Systems Engineer (MCSE) Videos
      8. Free Microsoft Certified Systems Administrator (MCSA) Videos
      9. Free Microsoft Certified Solution Developer (MCSD) Videos
    5. Free Civil Engineering Videos
      1. Free Building Materials and Construction Engineering Videos
      2. Free Prestressed Concrete Structures Engineering Videos
      3. Free Structural Analysis Engineering Videos
    6. Free Mechanical Engineering Videos
      1. Free Kinematics of Machines Engineering Videos
      2. Free Dynamics of Machines Engineering Videos
      3. Free Robotics Engineering Videos
      4. Free Design of Machine Elements Engineering Videos
      5. Free Fluid Mechanics Engineering Videos
      6. Free Heat and Mass Transfer Engineering Videos
      7. Free Finite Elements Analysis Engineering Videos
    7. Free Automotive Engineering Videos
    8. Free Aircraft Engineering Videos
      1. Free Aviation and Aerospace Videos
    9. Free Materials Engineering Videos
      1. Free Strength of Materials Engineering Videos
      2. Free Nature Videos
    10. Free Industrial Engineering and Others Videos
      1. Free Principles of Science and Engineering Videos
      2. Free Don't do this at home Videos
      3. Free Engineering "How-To"s Videos
      4. Free Future Energy Videos
      5. Free Gadgets Videos
      6. Free Humor Videos
      7. Free The Young Engineers’ Channel Videos
      8. Free Everyday Engineering Videos
  • Communication & Technology Books
    1. Communication Books
      1. Signal Books
      2. Electronics Books
      3. Optical Fiber Books
      4. Satellite Books
      5. Switching Books
    2. Information Technology (IT) Books
      1. Networking Books
      2. Microsoft Books
      3. Cisco Certified Network Associate (CCNA) Books
      4. Cisco Certified Network Professional (CCNP) Books
      5. Cisco Certified Voice Professional (CCVP) Books
      6. Cisco Certified Security Professional (CCSP) Books
      7. Cisco Certified Internetwork Professional (CCIP) Books
      8. Cisco Certified Internetwork Expert (CCIE) Books
      9. Microsoft Certified Systems Engineer (MCSE) Books
      10. Microsoft Certified Systems Administrator (MCSA) Books
      11. Microsoft Certified Solution Developer (MCSD) Books
    3. Programming language Books
      1. Oracle Books
      2. SQL Books
      3. Visual Basic (VB) Books
      4. C Language Books
      5. C# Language Books
      6. C++ Language Books
      7. Java Language Books
      8. Assembly Language Books
      9. Delphi Language Books
      10. Pascal Language Books
      11. F# Language Books
      12. Supernova Language Books
    4. Exchange Market & forex Books
  • Free Design and Programming Programs Videos
    1. Free 3D Studio Max Videos
    2. Free Photoshop Videos
    3. Free Flash Videos
    4. Free Dreamweaver Videos
    5. Free Maya 3D Videos
    6. Free Movie Maker Videos
    7. Free Adobe Air Videos
    8. Free Access Videos
    9. Free Word Videos
    10. Free Excel Videos
    11. Free Power Point Videos
  • Design Forums
    1. Photoshop and Image Ready Tutorials and Lessons Forum
    2. Photoshop Fonts, Filters and Brushes Forum
    3. 3D and 4D Graphic Forum
      1. Maya Forum
      2. 3D Studio MAX Forum
      3. Cinema 4D Forum
    4. Swish and Flash Forum
      1. Swish Forum
      2. Flash Forum
    5. Web Site Desing Forum
      1. Style Design Forum
      2. Theme Design Forum
    6. Design Exhibition Forum
« Previous Thread | Next Thread »

Similar Threads

  1. Photoshop - Design Web design company layout
    By admin in forum Photoshop and Image Ready Tutorials and Lessons Forum
    Replies: 0
    Last Post: 07-02-2007, 05:07 PM
  2. Photoshop - Design Web Hosting Layout
    By admin in forum Photoshop and Image Ready Tutorials and Lessons Forum
    Replies: 0
    Last Post: 07-01-2007, 03:07 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
  • BB code is On
  • Smilies are On
  • [IMG] code is On
  • HTML code is Off

Forum Rules

  • Contact Us
  • Soft Technology Web
  • Archive
  • Top
All times are GMT. The time now is 05:40 AM.
Powered by vBulletin Copyright ?2000 - 2013, Jelsoft Enterprises Ltd. Privacy Policy