Signs painted on walls

Discussion in 'Photos & Videos' started by spitfire, Dec 26, 2004.

  1. spitfire

    spitfire Active Member

    Joined:
    Jul 28, 2002
    Messages:
    3,536
    Likes Received:
    0
    Here's a great little idea for pre-weathering signs if you have Adobe Photoshop and Illustrator.

    1) First I scanned the side of the building I want the sign to go on. That's to get the exact brick texture

    2) then I create the artwork for the sign in Illustrator, and import to P'shop

    3) In my Photoshop file I have the following layers from the bottom to the top:
    a - brick texture
    b - sign art - darken 80% opacity
    c - sign art duplicate - lighten 50% opacity
    d - texture layer - overlay 100% opacity

    And here is the result - a perfectly weathered sign that exactly matches the brickwork of the building it's on.

    This one is for a City Classics building. Feel free to download and use this sign if you want to.

    Val

    Attached Files:

  2. N Gauger

    N Gauger 1:20.3 Train Addict

    Joined:
    Dec 20, 2000
    Messages:
    7,260
    Likes Received:
    0
    Ooooooooo Dat's Cool!!!! :D :D
  3. FiatFan

    FiatFan Member

    Joined:
    Jul 17, 2004
    Messages:
    192
    Likes Received:
    0
    Outstanding work! Take the rest of the day off and play with trains. [​IMG]

    Tom
  4. Matthyro

    Matthyro Will always be re-membered

    Joined:
    Dec 28, 2000
    Messages:
    4,767
    Likes Received:
    0
    Very nice Val. I will have to try my Corel Xara program to see if I can do it too. I don't want to spend the money on Photo shop. Too expensive for how much I would use it.
  5. Tyson Rayles

    Tyson Rayles Active Member

    Joined:
    Sep 26, 2001
    Messages:
    4,501
    Likes Received:
    0
    I don't understand a word you said but the sign looks great. :thumb: Could you do a step by step with pics including one of the building you are matching?
  6. Mellow-Mike

    Mellow-Mike Member

    Joined:
    Oct 1, 2003
    Messages:
    31
    Likes Received:
    0
    You GO girl! Looks real-er than real.
  7. Will_annand

    Will_annand Active Member

    Joined:
    Jan 12, 2004
    Messages:
    1,509
    Likes Received:
    0
    Looks great Val. Simply perfect.

    Robin, Corel can do the same thing.
    I am using Corel Photo Paint and Corel Draw and can do it.

    I just never thought of it.
    Thanks so much Val.
  8. spitfire

    spitfire Active Member

    Joined:
    Jul 28, 2002
    Messages:
    3,536
    Likes Received:
    0
    Okay Tyson, will try to walk you through it. First I start off with this artwork, that I created in Adobe Illustrator.

    Attached Files:

    • 2.jpg
      2.jpg
      File size:
      15.1 KB
      Views:
      336
  9. spitfire

    spitfire Active Member

    Joined:
    Jul 28, 2002
    Messages:
    3,536
    Likes Received:
    0
    This is a scan of the brick wall - well, part of it. The building is Baum St. from City Classics.

    Attached Files:

    • 1.jpg
      1.jpg
      File size:
      9.1 KB
      Views:
      332
  10. spitfire

    spitfire Active Member

    Joined:
    Jul 28, 2002
    Messages:
    3,536
    Likes Received:
    0
    Now I copy the artwork into a layer in the Photoshop file that has my brick texture and past it on top. I want the brick texture to show through, so I set the layer to "darken" and it will add to what's underneath.

    Here's the layer palette, and what the image looks like at this point.

    Attached Files:

    • layer1.jpg
      layer1.jpg
      File size:
      24.5 KB
      Views:
      338
    • 3.jpg
      3.jpg
      File size:
      10.3 KB
      Views:
      333
  11. spitfire

    spitfire Active Member

    Joined:
    Jul 28, 2002
    Messages:
    3,536
    Likes Received:
    0
    So you can see in the previous pic, there is no white. To get the white, I duplicate the artwork layer, and set it to lighten.

    Attached Files:

    • layer2.jpg
      layer2.jpg
      File size:
      24.8 KB
      Views:
      331
    • 4.jpg
      4.jpg
      File size:
      11.3 KB
      Views:
      330
  12. spitfire

    spitfire Active Member

    Joined:
    Jul 28, 2002
    Messages:
    3,536
    Likes Received:
    0
    Now for the texture. I downloaded this photo of a concrete wall which had the texture I was looking for. Then pasted it into another layer in my P'shop file and set it to "overlay".

    Attached Files:

  13. spitfire

    spitfire Active Member

    Joined:
    Jul 28, 2002
    Messages:
    3,536
    Likes Received:
    0
    As you can see, the concrete image goes from light to dark, so I copied that layer, flipped it 180 degrees and set that layer to overlay as well - giving a more uniform look. And the final result is the image at the beginning of this thread.

    Fun, huh?

    Val
  14. brakie

    brakie Active Member

    Joined:
    Nov 8, 2001
    Messages:
    2,950
    Likes Received:
    0
    Val,I have no clue to want you did on the computer..However,I love the end results.. :thumb: Great job ! :thumb:
  15. spitfire

    spitfire Active Member

    Joined:
    Jul 28, 2002
    Messages:
    3,536
    Likes Received:
    0
    By the way, that sign is based on a real one. It's from the website of a Toronto photographer, so for copyright reasons I won't post it. But you can check out the original sign on his website here

    There are lots of other painted signs on the site - it's great inspiration!

    Val
  16. belg

    belg Member

    Joined:
    Apr 29, 2001
    Messages:
    901
    Likes Received:
    0
    I second this request and sentiment. Pat
    :confused:
  17. spitfire

    spitfire Active Member

    Joined:
    Jul 28, 2002
    Messages:
    3,536
    Likes Received:
    0
    Pat, see the first page of this thread about halfway down. I have posted the step by step process that I used to create the sign. If you don't have Adobe Photoshop it may be a bit confusing, but basically I am using the Layers feature which allows one layer to affect those below it.
    Example: I have a brick texture on the bottom layer. If I simply paste the sign on top of this, the brick texture is covered by the artwork and you can't see it. By putting the sign art on a different layer, and telling that layer to "darken" the one below it, it combines with the brick texture in such a way that both are visible.
    Does that help?

    Val
  18. N Gauger

    N Gauger 1:20.3 Train Addict

    Joined:
    Dec 20, 2000
    Messages:
    7,260
    Likes Received:
    0
    Val - When does "The Complete and Un-abridged Tutorial" come out?? :D :D :D
  19. Tyson Rayles

    Tyson Rayles Active Member

    Joined:
    Sep 26, 2001
    Messages:
    4,501
    Likes Received:
    0
    O.K. Val I "kinda" get the idea. Thank you for the extra effort. I'm sorry, while it looks great it's way to much trouble for this dumb ol' redneck. It looks like a decal would be easier and faster (for me anyhoo :D) .
  20. eightyeightfan1

    eightyeightfan1 Now I'm AMP'd

    Joined:
    Jun 18, 2002
    Messages:
    2,837
    Likes Received:
    0
    Looks good Val!
    Whens the "How To" DVD coming out.
    Or is it VHS only.
    Betamax?