SitePoint Sponsor

User Tag List

Results 1 to 19 of 19
  1. #1
    SitePoint Wizard silver trophy Jeremy W.'s Avatar
    Join Date
    Jun 2001
    Location
    Toronto, Canada
    Posts
    9,123
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)

    TECHNIQUES: Some Grunge

    Well, the whole grunge thing intrigued me once upon a time so I went about trying to learn how to do it. I've since used this style a couple of times in http://Photoshop Tennis matches and would like to share the little bit of knowledge I have.

    One of our users, wastrel, is an absolute pro at this, and he's probably better at explaining this, but I'm going to just give a few tips and some tools [img]images/smilies/smile.gif[/img]

    First off, what is grunge? Here are some examples:
    http://resources.tacf.org/examples/jvsc_120301_07.jpg
    http://resources.tacf.org/examples/D..._Jeremy_06.jpg

    Here are some grungy brushes:
    http://resources.tacf.org/examples/mybrushes.abr

    Here are some grungy fonts:
    http://www.dubtastic.com/res/fonts/dub_fonts.zip

    Okay, now here's some basic steps to grunging up an image:

    1. Open image
    2. Desaturate (make black and white): image > adjust > desaturate (CTRL + Shift + U)
    3. Use the grunge brushes to give your piece a basic grungy border (grunge brushes aren't like normal brushes, you don't hold down the mouse and stroke, you are essentially "dabbing" at your piece with them (individual clicks))
    4. Use blurred clouds or a similar texture to create a light/dark map
    5. Layers > New Adjustment Layer > Levels (or brightness/contrast or curves or whatever)
    6. Leave the levels as they are
    7. Paste your light/dark map into your adjustment layer
    8. Go back and adjust your Adjustment Layer's settings to your preference
    9. Use large grunge fonts (from dub's font pack or wherever) to overlay your piece
    10. Add other grunge elements (dab, don't stroke)
    11. Give your piece a focal point

    These steps don't all need to be taken, most don't even need to happen in order, but these are just some tips I've picked up in my wanderings. Have fun, and let's see what you come up with!
    Last edited by Jeremy W.; Jun 20, 2003 at 11:52.
    SVP Marketing, SoCast SRM
    Personal blog: Strategerize
    Twitter: @jeremywright

  2. #2
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You're so trendy Jeremy.
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes

  3. #3
    SitePoint Wizard silver trophy Jeremy W.'s Avatar
    Join Date
    Jun 2001
    Location
    Toronto, Canada
    Posts
    9,123
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    You could write some too y'know
    SVP Marketing, SoCast SRM
    Personal blog: Strategerize
    Twitter: @jeremywright

  4. #4
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    What would you want me to write on? I'm not very good at writing, but I'd give it a shot.
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes

  5. #5
    SitePoint Wizard silver trophy Jeremy W.'s Avatar
    Join Date
    Jun 2001
    Location
    Toronto, Canada
    Posts
    9,123
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    There has got to be something you could write a quick little 5-stepper on for a TECHNIQUES thread
    SVP Marketing, SoCast SRM
    Personal blog: Strategerize
    Twitter: @jeremywright

  6. #6
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Pick a topic, I'll try and write something about it.
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes

  7. #7
    SitePoint Wizard silver trophy Jeremy W.'s Avatar
    Join Date
    Jun 2001
    Location
    Toronto, Canada
    Posts
    9,123
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    hmm...

    TrendWhore (JMulder could do this )
    Funky Picture Borders

    ... dunno, whatever
    SVP Marketing, SoCast SRM
    Personal blog: Strategerize
    Twitter: @jeremywright

  8. #8
    1-800-JMULDER JMulder's Avatar
    Join Date
    May 2001
    Location
    The Netherlands
    Posts
    1,745
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Trendwhore

    Use a bold, crisp, sans-serif font and random shapes.

    Done
    Jeroen Mulder

    w: www.jeroenmulder.com

  9. #9
    SitePoint Wizard silver trophy Jeremy W.'s Avatar
    Join Date
    Jun 2001
    Location
    Toronto, Canada
    Posts
    9,123
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    creole, essentially I use the TECHNIQUES threads as a way to demonstrate not how to do a certain effect, but how certain simple tools in photoshop can be combined to create very unique and memorable pieces.

    So, if you look through we've covered everything from patterns to custom brushes to channels to adjustment layers (I think)... Just trying to give everyone a feel for various tools, as opposed to (as the title suggests) tutorials.

    It's not about the tutorial, but about the TECHNIQUES behind them
    SVP Marketing, SoCast SRM
    Personal blog: Strategerize
    Twitter: @jeremywright

  10. #10
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    But I'm not creative...how can I know what to write?

    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes

  11. #11
    Are you ready for BSD? Marshall's Avatar
    Join Date
    Dec 2001
    Posts
    373
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    How about one on how to do vector paths (with things such as text, clip areas and selections) in PS6?

  12. #12
    SitePoint Wizard silver trophy Jeremy W.'s Avatar
    Join Date
    Jun 2001
    Location
    Toronto, Canada
    Posts
    9,123
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    Is that a "no" then creole? Still looking to write one?
    SVP Marketing, SoCast SRM
    Personal blog: Strategerize
    Twitter: @jeremywright

  13. #13
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I'd try to write one...I'm just not a very good writer. It's not something that I enjoy at all.
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes

  14. #14
    SitePoint Wizard silver trophy Jeremy W.'s Avatar
    Join Date
    Jun 2001
    Location
    Toronto, Canada
    Posts
    9,123
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    Aright, I'll do double-time for both of us then, but you have to answer every single graphix related question on SPF.

    Deal?
    SVP Marketing, SoCast SRM
    Personal blog: Strategerize
    Twitter: @jeremywright

  15. #15
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I'd love to write something but when it comes to writing, I'm best at responding to certain questions/situations.

    Writing something off the top of my head is hard. Maybe someone could suggest a topic and put forward a hypothetical "question" that I could answer in depth. The result would be similar to your techniques thread or Swimm's "get the look" threads.

    Creative writing is just not my forte.
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes

  16. #16
    SitePoint Wizard silver trophy Jeremy W.'s Avatar
    Join Date
    Jun 2001
    Location
    Toronto, Canada
    Posts
    9,123
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    Does Photoshop contain any vector elements? What are they? How can I use them? What are "vector text", "clipping areas", and how are they used? Should I use Photoshop's vector elements or use Illustrator instead? What are paths and how are they used? Are paths vector?
    SVP Marketing, SoCast SRM
    Personal blog: Strategerize
    Twitter: @jeremywright

  17. #17
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    So what exactly are you trying to say?



    Ok then...I'll give it a shot.
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes

  18. #18
    SitePoint Zealot DarkMonkey's Avatar
    Join Date
    Apr 2001
    Location
    uk
    Posts
    170
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Excuse my ignorance but what is a light/dark map? and where is this clouds texture? TA!

  19. #19
    SitePoint Wizard silver trophy Jeremy W.'s Avatar
    Join Date
    Jun 2001
    Location
    Toronto, Canada
    Posts
    9,123
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    Light/dark maps are weird kind of things...

    For instance, open an image, copy the layer and shift it around a little then Colour Dodge it.

    This is a basic Light/dark map. It is something meant to accentuate the lights and darken the darks.

    That's a simple example, more complex examples are having whole other shapes/colours in there so you get a splotchy kidn of feel. Anyways, you get the picture

    The clouds texture is another way of doing a light/dark map. Filter > render > clouds.
    SVP Marketing, SoCast SRM
    Personal blog: Strategerize
    Twitter: @jeremywright


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
  •