SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Enthusiast mikki2's Avatar
    Join Date
    May 2008
    Location
    Beijing
    Posts
    37
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Another "how do I make this"...

    I'm trying to create a border that looks like the metal studs at the top of the world of warcraft site... worldofwarcraft.com. The studs that are on the same level as the "choose a language".

    I checked the forums for something like this but found nothing. I hope you guys can help, 'cause I've seen some of the work you guys have done and ...WOW!

    Thanks!

    p.s.
    I tried to put up links to what i have done but since I just joined...it won't let me.
    Last edited by mikki2; Jul 8, 2008 at 22:34. Reason: add extra content
    My Online Portfolio:http://www.niyisodipe.co.cc/

  2. #2
    Night Elf silver trophybronze trophy Varelse's Avatar
    Join Date
    Mar 2005
    Location
    eu
    Posts
    5,967
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Hi

    The reason why you cannot post a "live" link is that it requires 5 posts made.

    Regarding the metal border - it requires very precise work in close zoom-in.
    For the start I'd use the real rivet (or other metal element) photos to see how the light reflects on the surface and edges. After scaling down a rivet photo, I would work on its sharpness and strengthen the light effects.

    As for the metal pattern - try to find a photo of a metal surface (http://www.cgtextures.com/ -> Metal) and use it as your background. Adding light and dark lines in Multiply or Screen blending mode will let you create this 3-dimensional effect.

    And finally the natural old-metal effect - you can put another layer on top of your metal pattern and change its blending mode (there is a tutorial available - http://www.sitepoint.com/forums/showthread.php?t=167631 - too bad the images are gone now).

    Good luck
    FreelanceDaddy - freelancer's personal advisor
    █ Guide and advice for freelancers starting their career
    █ Over 1000 projects posted on freelance markets every day
    █ One-stop resource for online freelancing

  3. #3
    SitePoint Enthusiast mikki2's Avatar
    Join Date
    May 2008
    Location
    Beijing
    Posts
    37
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks men, I'll give it a try!
    My Online Portfolio:http://www.niyisodipe.co.cc/

  4. #4
    SitePoint Enthusiast mikki2's Avatar
    Join Date
    May 2008
    Location
    Beijing
    Posts
    37
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    First off, sorry for posting in the wrong section and where exactly has this thread being moved to? I dont want to make the same mistake again.

    Secondly, I tried what you said and in about 20 minutes using photoshop I came up with the image below:



    If you have any advice please share them...meanwhile I'll keep messing aroung in photoshop.

    Thanks Again!

    EDIT: oh yea, how do I make the image above duplicate itself alone a horizontal line without me having to copy and paste on and on?
    My Online Portfolio:http://www.niyisodipe.co.cc/

  5. #5
    SitePoint Zealot loathsome's Avatar
    Join Date
    Jul 2008
    Location
    Norway
    Posts
    121
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You could create a pattern in Photoshop.

    Edit -> Define pattern
    Time you enjoy wasting is not wasted time.

    Loathsome Systems

  6. #6
    SitePoint Enthusiast mikki2's Avatar
    Join Date
    May 2008
    Location
    Beijing
    Posts
    37
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    k thanks!
    My Online Portfolio:http://www.niyisodipe.co.cc/


Bookmarks

Posting Permissions

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