1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

How can I do these lines with photoshop ?

Discussion in 'Photoshop' started by sindimatrix, Jul 9, 2009.

  1. #1
    If you look at the site at the bottom you will notice notice vertical as well as horizontal dotted lines which are use to create space out things as well as create some organisation around how do I do them with photoshop ?

    http://www.simplyfinefoods.co.uk/index.html
     
    sindimatrix, Jul 9, 2009 IP
  2. Kerosene

    Kerosene Alpha & Omega™ Staff

    Messages:
    11,366
    Likes Received:
    575
    Best Answers:
    4
    Trophy Points:
    385
    #2
    Use the pencil tool and draw a few dots, then copy them into a big line (try using ALT + SHIFT + drag).
    Or if you've got nothing better to do, just 'dot' the entire line manually.

    [​IMG]

    And don't double post :)
     
    Kerosene, Jul 9, 2009 IP
  3. SuPrAiCeR69

    SuPrAiCeR69 Peon

    Messages:
    216
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #3
    • Why bother when you can reduce page load time and use css to create it - if it's for a website which is what they are doing. You can use border: 1px dotted #CCCCCC.
    • Or just make an image with a dot and a space and repeat-x / repeat-y with css depending on which way you want to go.
    • Or to make things quicker, screenshot the site, cut and paste and you have your new lines :)
     
    SuPrAiCeR69, Jul 9, 2009 IP
  4. abmathur

    abmathur Member

    Messages:
    211
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    30
    #4
    ^ Agree; its better to use CSS for that instead of using images.
     
    abmathur, Jul 9, 2009 IP
  5. Kerosene

    Kerosene Alpha & Omega™ Staff

    Messages:
    11,366
    Likes Received:
    575
    Best Answers:
    4
    Trophy Points:
    385
    #5
    ^ I totally disagree :D

    If you design 'down to the pixel', I think that using images is much better than blindly assuming that every browser will render CSS borders exactly the same way. Because they never ever do - http://css-tricks.com/forums/viewtopic.php?f=8&t=2989
     
    Kerosene, Jul 10, 2009 IP
  6. abmathur

    abmathur Member

    Messages:
    211
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    30
    #6
    ^ I will disagree again because more than 90% users use browser that support simple CSS parsing and today dotted borders are support by almost all browser and other than IE5 and earlier all render it properly as well its much better than adding to strain and could be used million times with hogging cpu resources on end user. While designing with PSD's its fine to draw but I believe if a user understands CSS its much better to use that.

    & For the link you've shown they are 5 pixels not a single pixel as per OP.
     
    abmathur, Jul 10, 2009 IP
  7. SuPrAiCeR69

    SuPrAiCeR69 Peon

    Messages:
    216
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Kerosene, either way if it is to be used for a site, the OP doesn't have to create a full dotted line. One dot and use of repeat in css.
     
    SuPrAiCeR69, Jul 11, 2009 IP
  8. Kerosene

    Kerosene Alpha & Omega™ Staff

    Messages:
    11,366
    Likes Received:
    575
    Best Answers:
    4
    Trophy Points:
    385
    #8
    I hate to point out something kinda obvious, but the question was:
    :p

    But.. point taken about CSS. Although personally, I'll never trust CSS to do "pixel critical" layouts. Give me a good old fashioned gif anyday :)
     
    Kerosene, Jul 11, 2009 IP
  9. SuPrAiCeR69

    SuPrAiCeR69 Peon

    Messages:
    216
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #9
    Hehe I knew you'd bring that point up :)
     
    SuPrAiCeR69, Jul 11, 2009 IP