(Topic ID: 235533)

OT: Any Photoshop Element Gurus here?

By PinballFever

5 years ago


Topic Heartbeat

Topic Stats

You

Linked Games

No games have been linked to this topic.

    Topic Gallery

    View topic image gallery

    Screen Shot 2019-02-11 at 6.03.02 PM (resized).png
    Screen Shot 2019-02-07 at 7.09.59 PM (resized).png
    Screen Shot 2019-02-06 at 11.25.01 PM (resized).png
    Rounded Rectangle (resized).jpg
    Photoshop Elements (resized).jpg
    #1 5 years ago

    I've googled this over and over and can't seem to find a way to create a rounded rectangle selection *without* fill.

    The rounded rectangle keeps filling in with black color and Stroke (Outline) Selection... under Edit menu is dimmed. I can't click it.

    Online it says to use the Custom Shape Tool but the rounded rectangle isn't in the menu under Shapes.

    What am I missing here? Is there a way to use the rounded rectangle tool to create what I want with line similiar to stroke instead of filling it in?

    #2 5 years ago
    Quoted from PinballFever:

    I've googled this over and over and can't seem to find a way

    Did you try Youtube ?

    LTG : )

    #3 5 years ago

    Yup, I haven't been able to find a video that tells me how to do it. They keep saying to use simplify then stroke then change opacity from 100% to 0% but the fill is still there? I actually gave up after hours of looking for a way to do this and trying different ways then gave up.

    Do you know of any Youtube videos that answer this question and actually work?

    See screenshot. The one with lines on the right is the one I want.

    Photoshop Elements (resized).jpgPhotoshop Elements (resized).jpg
    #4 5 years ago

    I work in CS4 or whatever, so I dont know "elements" but you can probably hack it. Create the size and shape that you want using the rounded rectangle tool, dont worry about fill color. Rasterize the layer. And then select the center of the rectangle and either modify, contract by 1 or 2 pixels, and then delete to create the outline only (then do color overlay for whatever outline color you want), or create a new layer, fill the selected new layer with what ever color you want the outline to be, contract, delete, etc. And now you have an outline of a rounded rectangle without any fill.If you need a vector version you may need different software.

    #5 5 years ago

    I think I'm almost there. The layers menu only has "Simplify Layer" (no "Rasterize" any where) and it changes to a selection after clicking it.

    I found instructions under "Expand or contract a selection by a specific number of pixels" and was able to do it once. https://helpx.adobe.com/photoshop-elements/using/modifying-selections.html

    Selection > Modify > Contract Selection... was available but now it's dimmed again when I try to create another rounded rectangle, even after clicking Simplify.

    Am I missing a step here to be able to use the Contract Selection... option again?

    Screenshot showing the result when I got it to work once.

    Rounded Rectangle (resized).jpgRounded Rectangle (resized).jpg
    #6 5 years ago

    Draw your shape with black selected at the bottom of the toolbox. Now select white, then paint bucket and click in the middle of your shape. That will leave the outline black.

    #7 5 years ago

    That does work and it does leave a black outline. Is there a way to make the line a bit thicker like 1 or 2 pixels? It's pretty thin.

    Left one is the thickness I'd like if possible. (The left one was scanned from a rubber parts chart for a different game so I can use parts of it to create one for my game) Right one is after I filled it with white from the bucket.

    Screen Shot 2019-02-06 at 11.25.01 PM (resized).pngScreen Shot 2019-02-06 at 11.25.01 PM (resized).png
    #8 5 years ago

    If your working on simple shapes and 2 or 3 tone colors you may try using inkscape instead of photoshop. The learning curve is nowhere near as steep and is free to use.

    #9 5 years ago

    This is how I do it in PS Elements:

    Draw your rounded rectangle with the draw tool.
    Simplify the layer
    Select the shape with the Marquee tool (I use Magic Wand tool)
    Go to EDIT/STROKE
    Select OUTSIDE/CENTER/INSIDE for line location around the shape
    Select width and color of line
    Click OK
    Use ESC key to exit Marquee tool
    Click Marquee tool again and select inside the shape (the color you want deleted)
    Click EDIT/DELETE

    You should be left with a line around the shape.

    #10 5 years ago

    Thanks, what I did was DELETE after clicking OK instead of ESC and it seems to work and the line thickness is better. What do you think?

    Draw your rounded rectangle with the draw tool.
    Simplify the layer
    Select the shape with the Marquee tool (I use Magic Wand tool)
    Go to EDIT/STROKE
    Select OUTSIDE/CENTER/INSIDE for line location around the shape
    Select width and color of line
    Click OK
    (This is where I clicked DELETE)

    Do your steps after clicking OK do the same thing?

    Screen Shot 2019-02-07 at 7.09.59 PM (resized).pngScreen Shot 2019-02-07 at 7.09.59 PM (resized).png
    #11 5 years ago
    Quoted from PinballFever:

    Thanks, what I did was DELETE after clicking OK instead of ESC and it seems to work and the line thickness is better. What do you think?
    Draw your rounded rectangle with the draw tool.
    Simplify the layer
    Select the shape with the Marquee tool (I use Magic Wand tool)
    Go to EDIT/STROKE
    Select OUTSIDE/CENTER/INSIDE for line location around the shape
    Select width and color of line
    Click OK
    (This is where I clicked DELETE)
    Do your steps after clicking OK do the same thing?[quoted image]

    When I use your DELETE method it only works if I choose the OUTSIDE line option. On the INSIDE line option it deleted everything including the outline and on the CENTER option is deletes half of the outline width. That is why I added the SELECT at the end in order to isolate just the color inside the new outline whether it is outside or inside.

    #12 5 years ago

    That makes sense.

    What would be the best way to create a rounded rectangle with angles like the screenshot below? (scanned it from the parts chart I obtained for another game)

    Only thing I can think of would be to draw the circles first then use the line tool for the borders to represent the playfield plastics and the posts but there may be a better way to do this?

    Screen Shot 2019-02-11 at 6.03.02 PM (resized).pngScreen Shot 2019-02-11 at 6.03.02 PM (resized).png
    #13 5 years ago

    Why not just capture the existing lines? Redrawing the whole thing seems like a lot of extraneous effort. It would be a lot easier in Word.

    #14 5 years ago

    I've thought of cutting and pasting from the lines and circles in the old parts chart but I thought it might be easier to create them. I have Word on the PC. How would you use Word do do this? Copy, cut and paste then paste into PE?

    #15 5 years ago

    In Photoshop Elements you can use the IMAGE/PERSPECTIVE menu item to get that kind of shape from a rounded rectangle shape. Drag a corner.

    In WORD you can draw a rounded rectangle then right click on the shape and choose edit points. Drag a corner to move one side. It is tricky because you will have to drag a couple of corner points freehand to get it.

    #16 5 years ago
    Quoted from Thrillhouse:

    If your working on simple shapes and 2 or 3 tone colors you may try using inkscape instead of photoshop. The learning curve is nowhere near as steep and is free to use.

    This is really the best answer. Using Photoshop to draw those kinds of things is the wrong tool. That's like trying to put in a screw with a hammer. This can be done in 2 seconds flat in a vector program like Inkscape (free) or Illustrator. I use Flash for that stuff myself (now called Animate). Draw it quick, export it as a png or jpg and open it in Photoshop if you need to do other stuff with it.

    That second drawing would also be easy to make that way too. If you want I'll do that one for you, it'll take 2 seconds. OK not 2 seconds, but it will be easy.

    #17 5 years ago
    Quoted from PinballFever:

    That makes sense.
    What would be the best way to create a rounded rectangle with angles like the screenshot below? (scanned it from the parts chart I obtained for another game)
    Only thing I can think of would be to draw the circles first then use the line tool for the borders to represent the playfield plastics and the posts but there may be a better way to do this?[quoted image]

    Also yes, that’s how I would do that one. Draw the circles, connect with straight lines as needed, done.

    #18 5 years ago
    Quoted from P2K:

    In Photoshop Elements you can use the IMAGE/PERSPECTIVE menu item to get that kind of shape from a rounded rectangle shape. Drag a corner.

    I tried IMAGE/TRANSFORM/PERSPECTIVE and it does get that kind of shape from a rounded rectangle shape but it's more of a "Star Wars" kind of perspective where one end appears further away and the lines become thicker nearer you.

    Quoted from xsvtoys:

    That second drawing would also be easy to make that way too. If you want I'll do that one for you, it'll take 2 seconds. OK not 2 seconds, but it will be easy.

    I appreciate the offer. I'm using a photo of the playfield as a guide for the sizes of each plastic and lane guides so it's probably easier for me to do it myself. BTW, the rubber parts chart you created for your Bon Voyage in another thread inspired me to do this, especially because there's no rubber parts chart available for my game.

    I didn't know Inkscape was free. Will try it out. I used to use Illustrator years ago but my license is just too old to use.

    #19 5 years ago

    Cool! This pdf has the full BV playfield redrawn as vector. I used Flash for this. Inkscape should work too. Once you figure it out you can really crank out these types of drawings. Keys to making it easier are exploiting library items and layers. Library items are things you will need to use repeatedly, of course there are many of these on a pinball machine. Draw a rollover button once, store it as a library graphic and name it “rollover button” and you never have to draw it again. Just drag it over when you need another one. If you set up your layers up right it helps to do other things, for example put the rubbers on their own layer, then you can turn off the other layers to make just a rubber chart.

    To make a drawing like this I import the original graphic (from Bally Manual in this case) and put it on the bottom layer and lock it in place. Then you can draw the stuff right on top of it using it as a guide. When you are ready to export the image, just turn off that reference layer so it’s not visible.

    http://www.xsvtoys.net/files/Bon%20Voyage%20Playfield%20Chart%20redone.pdf

    #20 5 years ago

    xsvtoys I'd forgotten how incredibly detailed your BV chart was. I used a rubber rings measurement chart to measure the old rings that were falling off my game and hand drew a rubber parts chart showing the rubber ring and color post locations. Now I'm doing a digital version of this chart using PE.

    Btw, I've been switching back and forth between doing this chart and doing a stepper unit tear down cleaning and reassembly.

    Reply

    Wanna join the discussion? Please sign in to reply to this topic.

    Hey there! Welcome to Pinside!

    Donate to Pinside

    Great to see you're enjoying Pinside! Did you know Pinside is able to run without any 3rd-party banners or ads, thanks to the support from our visitors? Please consider a donation to Pinside and get anext to your username to show for it! Or better yet, subscribe to Pinside+!


    This page was printed from https://pinside.com/pinball/forum/topic/ot-any-photoshop-element-gurus-here and we tried optimising it for printing. Some page elements may have been deliberately hidden.

    Scan the QR code on the left to jump to the URL this document was printed from.