Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Page 1 of 2 1 2 LastLast
Results 1 to 10 of 13
  1. #1
    Senior Member kevind_2007's Avatar
    Join Date
    Sep 2003
    Location
    South Carolina
    Posts
    586
    Member #
    3059
    Hello,
    Does anyone know how to create the trendy hexagon shapes that are known to be in alot of web page headers/templates? I know that I can draw them, but I thought I remembered seing an easier, more efficient way? Here's a sample, http://www.litedesigns.org/portfolio/uab.gif

    Thanks
    --Kevin
    --Kevin
    15" MacBook Pro With: Mac OSX 10.4.11(Tiger) 1440x900 Windows XP SP2 3GB RAM 1TB HDD
    kevind_2007--"Never let the fear of striking out get in your way."--Babe Ruth

    Links:Firefox Download||Google|| HTML Help||DHTML|| Web Design Terminology||Good-Tutorials

  2.  

  3. #2
    WDF Staff Wired's Avatar
    Join Date
    Apr 2003
    Posts
    7,656
    Member #
    1234
    Liked
    137 times
    Those are Octagons (8 sides), not Hexagons (6 sides).
    The Rules
    Was another WDF member's post helpful? Click the like button below the post.

    Admin at houseofhelp.com

  4. #3
    WDF Staff smoseley's Avatar
    Join Date
    Mar 2003
    Location
    Boston, MA
    Posts
    9,729
    Member #
    819
    Liked
    205 times
    They look like they were created in a vector graphics program (like illustrator) and imported into photoshop.

  5. #4
    Senior Member kevind_2007's Avatar
    Join Date
    Sep 2003
    Location
    South Carolina
    Posts
    586
    Member #
    3059
    Whoops My bad, Wired. I am actually very good at mathematics and geometry, I have just seen hexagons and octagons used on different headers, and I didn't really look to determine what they were on this one. Please forgive me for my mistake.
    --Kevin
    15" MacBook Pro With: Mac OSX 10.4.11(Tiger) 1440x900 Windows XP SP2 3GB RAM 1TB HDD
    kevind_2007--"Never let the fear of striking out get in your way."--Babe Ruth

    Links:Firefox Download||Google|| HTML Help||DHTML|| Web Design Terminology||Good-Tutorials

  6. #5
    Senior Member kevind_2007's Avatar
    Join Date
    Sep 2003
    Location
    South Carolina
    Posts
    586
    Member #
    3059
    Well do any of you know of any Photoshop sites that have ideas and tutorials for popular items people use in interfaces/headers?
    --Kevin
    15" MacBook Pro With: Mac OSX 10.4.11(Tiger) 1440x900 Windows XP SP2 3GB RAM 1TB HDD
    kevind_2007--"Never let the fear of striking out get in your way."--Babe Ruth

    Links:Firefox Download||Google|| HTML Help||DHTML|| Web Design Terminology||Good-Tutorials

  7. #6
    WDF Staff smoseley's Avatar
    Join Date
    Mar 2003
    Location
    Boston, MA
    Posts
    9,729
    Member #
    819
    Liked
    205 times
    It should be easy to make it in photoshop.

    Just create a square (using the rectangular marquee) and fill it. Then select the inverse of the square and transform your selection. rotate it 45 degrees (or 60 degrees for a hexagon) and delete. Then rotate it again and delete and continue til you've deleted as many sides as you need to do.

    Then apply a stroke to the shape (inner stroke will give you sharper corners).

    Then right click on the stroke and separate it into its own layer.

    That should do it.

  8. #7
    WDF Staff smoseley's Avatar
    Join Date
    Mar 2003
    Location
    Boston, MA
    Posts
    9,729
    Member #
    819
    Liked
    205 times
    Here, I made an example (attached)

  9. #8
    Senior Member glyakk's Avatar
    Join Date
    Nov 2003
    Location
    USA
    Posts
    1,263
    Member #
    3828
    Liked
    6 times
    ummm.. or you could us the shape tool. :ermm:

    Over complicating things... lol


  10. #9
    Member Skotster's Avatar
    Join Date
    Jan 2004
    Posts
    43
    Member #
    4675
    First create a new layer. Press Shift+U repeatedly until the Polygon tool comes up. Under Sides: define number of sides you want. Click+Drag to create your shape (Hold Spacebar to move the shape as you drag it). Create new layer. Ctrl+click (Cmd+click for mac) on old layer. fill selection with chosen color. use Edit>Stroke to stroke the shape if desired on a new layer.
    Rembember, You're Unique
    Just Like Everybody Else

  11. #10
    WDF Staff smoseley's Avatar
    Join Date
    Mar 2003
    Location
    Boston, MA
    Posts
    9,729
    Member #
    819
    Liked
    205 times
    LOL... didn't know that one! You learn somethign new every day!


Page 1 of 2 1 2 LastLast

Remove Ads

Posting Permissions

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

Search tags for this page

change hexagon of shape photoshop
,
hexagon photoshop shape
,
hexagon shape in photoshop
,
hexagon shaped things remembered
,

photoshop hexagon shape

Click on a term to search for related topics.
All times are GMT -6. The time now is 04:43 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com