How do you think this is achieved?

Discussion in 'Design and Graphics' started by djsound, Apr 8, 2011.

  1. djsound macrumors 6502a

    djsound

    Joined:
    Dec 4, 2006
    #1
    Ive seen this kinda of effect a few times and have wondered how it is done.....I am speaking about the planet being made in dots..something like putting a mask over it or something?
     

    Attached Files:

  2. Apple OC macrumors 68040

    Apple OC

    Joined:
    Oct 14, 2010
    Location:
    Hogtown
    #2
    Lite Brite?
     

    Attached Files:

  3. djsound thread starter macrumors 6502a

    djsound

    Joined:
    Dec 4, 2006
  4. bluemonkeyguy macrumors 6502

    Joined:
    Sep 7, 2010
    #4
    pretty much find or create a dot pattern and then put a world map mask over it. the mask isn't perfect so then you would have to manually re-dot the dots that were sliced around the edges. then gradient the dot layer to your likes, add a background, and walla, you achieved the effect.
     
  5. citizenzen macrumors 65816

    Joined:
    Mar 22, 2010
    #5
    Photoshop version ...

    1. Start with grayscale map.

    2. Image > Mode > Bitmap (method: Halftone Screen). Play with Frequency and Angles to achieve desired dot size and pattern.

    3. Use file as Mask to pass cheesy rainbow gradient onto black background.

    4. Boom.
     

    Attached Files:

  6. djsound, Apr 8, 2011
    Last edited: Apr 8, 2011

    djsound thread starter macrumors 6502a

    djsound

    Joined:
    Dec 4, 2006
    #6
    very cool! thanks,..

    I just dont understand this step really..

    2. Image > Mode > Bitmap (method: Halftone Screen). Play with Frequency and Angles to achieve desired dot size and pattern. it asks about freq and angles when i change to bitmap but without preview sucks.....and after i do it that once how can i get back top freq and angles?i cant find the option anywhere
     
  7. citizenzen macrumors 65816

    Joined:
    Mar 22, 2010
    #7
    You're right ... a preview would be nice.

    It's pretty much a matter of guessing. And once you've guessed, all you can do is undo if you don't like the results and try again.

    In this case, trial and error will eventually get you there.
     
  8. djsound thread starter macrumors 6502a

    djsound

    Joined:
    Dec 4, 2006
    #8
    Pretty cool technique. I am always amazed as some of the tricks you guys come up with =). now I just have to figure out how to use it as a mask..
     
  9. citizenzen macrumors 65816

    Joined:
    Mar 22, 2010
    #9
    If you figure out how to manipulate Layers and Masks in Photoshop you'll be able to rule the world!

    Just Google Photoshop Layer tutorial and/or Photoshop Mask tutorial and you'll find more information than I can fit in a forum post.

    If you have any questions after that, just let us know. We'll do our best to answer them.
     
  10. djsound thread starter macrumors 6502a

    djsound

    Joined:
    Dec 4, 2006
    #10
    Thanks man.I've worked with layers for years but never took the time to actually figure out masks.....I'll google...
     
  11. Hermes Monster macrumors 6502a

    Hermes Monster

    Joined:
    May 4, 2010
    Location:
    UK
    #11
    Do you have access to illustrator? I think it would be easier to do it in that - drag one image over the other > right click > clipping mask > epic win

    Something like that anyway, not at my mac to check it
     
  12. UTclassof89 macrumors 6502

    UTclassof89

    Joined:
    Jun 10, 2008
    #12
    Here's a method that won't result in the circles on the edges being clipped (as above methods do):

    1) start with white image on black

    2) IMAGE > Image Rotation > Arbitrary (choose 45 deg.)

    3) FILTER > Sketch > Halftone pattern (play with settings for desired dot size)

    4) IMAGE > Image Rotation > Arbitrary (choose 45 deg., but the opposite direction as step 2);

    5) IMAGE > Adjustments > Levels: (move black and white triangles toward center of histogram to control dot size/contrast)

    6) Command-I

    7) Ensure "contiguous" option is on Paint Bucket, and fill surrounding area w/ black
     
  13. usclaneyj macrumors regular

    Joined:
    May 1, 2005
    #13
    If you want all the dots to be exactly the same size and exactly the same distance apart, and if you want final say over how the edges of the subject matter are portrayed, the best way to do this is the tedious way. Dot by dot. haha

    But it's not as bad as it sounds because you can create large amounts of dots in seconds if you're using paths, right? Whether in Photoshop or Illustrator I would:

    Drag in my map as reference
    Make a new layer
    Put a circle path on it at the size I want
    Copy/paste enough dots to make a row wide enough to cover the whole map
    Duplicate enough rows to cover map vertically
    Delete the ones you don't need

    Then you have a fully editable layer of dots from a less destructive workflow.
     
  14. 7on macrumors 601

    7on

    Joined:
    Nov 9, 2003
    Location:
    Dress Rosa
    #14
    +1

    If you look at the original it has full dots and no half dots.

    Plus a little elbow grease never hurt anyone :)
     
  15. djsound thread starter macrumors 6502a

    djsound

    Joined:
    Dec 4, 2006
    #15
    When manually doing it I made some dots then made a pattern from them but it is hard to get them evenly spaced...
     
  16. heehee macrumors 68020

    heehee

    Joined:
    Jul 31, 2006
    Location:
    Same country as Santa Claus
    #16
    If you are using Illustrator, you can use Vertical Distribute Center and Horizontal Distribute Center.
     
  17. 7on macrumors 601

    7on

    Joined:
    Nov 9, 2003
    Location:
    Dress Rosa
    #17
    Of course it's hard! It's Graphic Design!™
    :D

    Normally I click on an object I've drawn and while holding option drag it to make a copy. Then I :apple: + D it until I get a bunch I want.
     
  18. ezekielrage_99 macrumors 68040

    ezekielrage_99

    Joined:
    Oct 12, 2005
    #18
    There was a very good tutorial about how to do what you've posted in Abduzeedo I used it for a client a few years ago... Sorry but couldn't find the exact article but it might be a good starting point.

    Though I also came across these which are worth sharing:
    Smashing Photoshop Tips'n'Tricks
    50 Photoshop Tutorials
     

Share This Page