Main Restorations Software Audio/Jukebox/MP3 Everything Else Buy/Sell/Trade
Project Announcements Monitor/Video GroovyMAME Merit/JVL Touchscreen Meet Up Retail Vendors
Driving & Racing Woodworking Software Support Forums Consoles Project Arcade Reviews
Automated Projects Artwork Frontend Support Forums Pinball Forum Discussion Old Boards
Raspberry Pi & Dev Board controls.dat Linux Miscellaneous Arcade Wiki Discussion Old Archives
Lightguns Arcade1Up Try the site in https mode Site News

Unread posts | New Replies | Recent posts | Rules | Chatroom | Wiki | File Repository | RSS | Submit news

  

Author Topic: Simple Photoshop Question: Offsetting Artwork  (Read 1834 times)

0 Members and 1 Guest are viewing this topic.

jasonbar

  • Trade Count: (+10)
  • Full Member
  • ***
  • Offline Offline
  • Posts: 2252
  • Last login:July 17, 2025, 07:40:40 pm
  • Dr. Inferno
    • The Infernolab
Simple Photoshop Question: Offsetting Artwork
« on: January 22, 2012, 07:48:59 pm »
Hi-

I'm banging my head against my PhotoShop Elements 2.0. (Don't laugh--I know it's old & weak, but it works fine for me!)

Forgive my terminology also--I'm sure I'm using improper vocabulary...


I have a piece of artwork that consists of continuous hollow line segments of decent width.

To accomplish what I'm looking for, I want to *either* "grow" the art out or "shrink" it in. If I can accomplish either task, I can get what I want for my art.


I'll attach a couple of faked examples to illustrate:

1 - Let's say my artwork is the black ring. I want to add pixels of a given color (not black) inward, in an even weighting, to make an inner green outline.

2 - 1 - Let's say my artwork is the black ring. I want to add pixels of a given color (not black) outward, in an even weighting, to make an outer green outline.



I'm sure this must be simple, but I'm not finding out how to do this...   :-[

Thanks,
-Jason

Le Chuck

  • Saint, make a poll!
  • Wiki Contributor
  • Trade Count: (+6)
  • Full Member
  • ***
  • Offline Offline
  • Posts: 5509
  • Last login:June 14, 2025, 06:26:06 pm
  • <insert personal text here>
Re: Simple Photoshop Question: Offsetting Artwork
« Reply #1 on: January 22, 2012, 08:02:18 pm »
Search the help document for "stroke"

If elements has it that's your best bet.  You can do an inner stroke (HA!... sorry) or an outer stroke (*snicker...) of a definite value that will follow the contour of you layer.  Want both, duplicate your layer and do one inner and one outer.  You can pick color, density, thickness, all kinds of stuff. 

In PS proper it's a layer effect (double click on the layer to access the menu)  In elements no-I-deer. 

Be careful if you google "how to stroke" but you may need to if the Elements F1 search yields no stroke.

----

Ah hell, I googled it and got some weird pics but also came across this.  Should get you on the right path.  http://www.betterphoto.com/article.asp?id=120

jasonbar

  • Trade Count: (+10)
  • Full Member
  • ***
  • Offline Offline
  • Posts: 2252
  • Last login:July 17, 2025, 07:40:40 pm
  • Dr. Inferno
    • The Infernolab
Re: Simple Photoshop Question: Offsetting Artwork
« Reply #2 on: January 22, 2012, 08:35:55 pm »
Thank you!!!

That worked! Actually, it required a little cleanup afterward, but that was easy. I chose the "outside" option & it made a perimeter that followed both the inside & outside of my art. Fortunately, the outside looked good & the inside just needed a few fills & brush strokes to clean up.

Thanks!
-Jason

Le Chuck

  • Saint, make a poll!
  • Wiki Contributor
  • Trade Count: (+6)
  • Full Member
  • ***
  • Offline Offline
  • Posts: 5509
  • Last login:June 14, 2025, 06:26:06 pm
  • <insert personal text here>
Re: Simple Photoshop Question: Offsetting Artwork
« Reply #3 on: January 22, 2012, 10:02:33 pm »
The inner outline of your layer must have been out of true then.  Stroke only multiplies or grows the outer layers of pixels on a raster image.  Outside stroke does so distally to the outer layer and inside stroke does so proximaly.  If it's a basic shape you're working with I recommend you build in vector so you don't have to clean up fuzzy magnified edges later on.  Once you get everything set then rastorize for a nice clean look, or learn illustrator and get your vector on.

jasonbar

  • Trade Count: (+10)
  • Full Member
  • ***
  • Offline Offline
  • Posts: 2252
  • Last login:July 17, 2025, 07:40:40 pm
  • Dr. Inferno
    • The Infernolab
Re: Simple Photoshop Question: Offsetting Artwork
« Reply #4 on: January 22, 2012, 11:42:04 pm »
I'm so not professional & slick & efficient...

1 - I found a font I liked that made outline text. I typed up my text in Word, laboriously changing the spacing between each pair of characters to get it just right. (Oh, that was only 10 spaces--not too bad...) 2 lines of separate text, b/c I couldn't get the between-lines spacing as close as I wanted.

2 - I made it as big as I could on my screen. I took a screen grab. I pasted a layer into PS. Repeat for the 2nd line of text.

3 - I scooched both layers until they were spaced juuuuuust right.

4 - Because the 2 layers of text art (now pixels) were somewhat overlapping/touching, I had to flatten the image before doing the Stroke command, so each layer's new outside perimeter wouldn't overlap the other layer.

5 - As I recall, Stroke was dimmed & unselectable after flatttening unless I did a magic wand select of the art to Stroke. Perhaps that's why it Stroked inward as well as outward...


Alas, I don't have Illustrator anymore. No biggie--this artwork will be rather small when printed, so I think I'll be good.


Thanks again!
-Jason

Le Chuck

  • Saint, make a poll!
  • Wiki Contributor
  • Trade Count: (+6)
  • Full Member
  • ***
  • Offline Offline
  • Posts: 5509
  • Last login:June 14, 2025, 06:26:06 pm
  • <insert personal text here>
Re: Simple Photoshop Question: Offsetting Artwork
« Reply #5 on: January 23, 2012, 09:29:29 am »
Glad you got everything working.  Sounds like you had to take the long way around.  Next time try inserting the text using the text function within your graphics editor of choice.  I found a tutorial on elements here that doesn't do exactly what you want but does get you familar with the tool.  You will be able to adjust individual letter width, height, and spacing much more easily from elements than cross importing. 

Depending on what you brought with the text when you imported it the flattening merge would have made all text part of the layer behind it so that's why you had to individually lasso each letter.  What you describe as inside and outside is really just outside.  The computer doesn't see the spaces within letters as "inside" it sees the black body of the letter itself as inside.  When you originally asked the question I assumed that you were working with a solid shape because I clearly don't take the time to read carefully where you said ring. 

Elements is a good tool that you can really do a lot with and it comes with a good tutorial set too if I remember correctly.  Working through those tutorials or just browsing them will really open the program up for you.  Can't wait to see the art when it's ready to announce!

jasonbar

  • Trade Count: (+10)
  • Full Member
  • ***
  • Offline Offline
  • Posts: 2252
  • Last login:July 17, 2025, 07:40:40 pm
  • Dr. Inferno
    • The Infernolab
Re: Simple Photoshop Question: Offsetting Artwork
« Reply #6 on: January 23, 2012, 10:54:22 am »
Thanks again for the help & guidance!

-Jason

Le Chuck

  • Saint, make a poll!
  • Wiki Contributor
  • Trade Count: (+6)
  • Full Member
  • ***
  • Offline Offline
  • Posts: 5509
  • Last login:June 14, 2025, 06:26:06 pm
  • <insert personal text here>
Re: Simple Photoshop Question: Offsetting Artwork
« Reply #7 on: January 23, 2012, 09:13:33 pm »
You gots mail.