Skip to main content
Participant
January 17, 2020
Answered

Create an outline design from a logo

  • January 17, 2020
  • 7 replies
  • 23071 views

I have the logo below that we use for all our companies products. We also print this onto clothing for our apparel range, but I want to create a design that instead of a solid block is just an outline or the shape.

 

What is the best and easier way to accomplish this?

 

I was thinking just adding a stroke to it, but then it looks a bit messy after going around and removing the solid color afterwards.

 

Thank you in advance for all your assistance!

Correct answer Bojan Živković11378569

Here are the steps:

  • Open PNG image in Photoshop.
  • Set Fill slider to 0%. Fill is slider just below Opacity in the Layers panel.
  • OGo to Layer > Layer Style > Stroke and set size and color of choice. Change Position of Stroke to Inside, that is what I did.
  • Play around with settings for Stroke effect to see what else you can get.

7 replies

Participant
November 19, 2024

Are you able to do it with this logo? I have not been able to so it correctly. Can you also remove the circle outlining the image. 

Community Expert
March 2, 2024

Your best bet since it sounds like you are starting from scratch is to use Adobe Illustrator. Drawing your logo with the Pen tool will give you the most versatility and control. 

Participant
November 23, 2023

I was wondering if you could do sorta the same thing to what I have here too? I'm trying to do logo things for my school stuff  and I don't have the software or device to do anything with it as well 😅 

Trevor.Dennis
Community Expert
Community Expert
November 24, 2023

Kim, your post has been marked as correct.  Have you got what you were after?  If not what  are you looking for?

Are you looking for an outline like the wolf image?

Shout if we can help.

Participant
August 5, 2024

KShinabery212
Community Expert
Community Expert
July 1, 2021

I would use Illustrator and not Photoshop to do it. 

Just use the Pen tool with a stroke.

 

Take this image you are showing.... turn it into a template in Illustrator.  Create a new layer and like I said use the Pen tool.  Experiment with the stroke size and you are good.  Also change the ends of the stroke to round as opposed to square.

Let's connect on LinkedIn. https://www.linkedin.com/in/kshinabery/
Bojan Živković11378569
Community Expert
Community Expert
January 17, 2020

Here are the steps:

  • Open PNG image in Photoshop.
  • Set Fill slider to 0%. Fill is slider just below Opacity in the Layers panel.
  • OGo to Layer > Layer Style > Stroke and set size and color of choice. Change Position of Stroke to Inside, that is what I did.
  • Play around with settings for Stroke effect to see what else you can get.

Participant
January 17, 2020

That's awesome, thank you a ton!

JJMack
Community Expert
Community Expert
January 17, 2020

Ctrl+Click on Png Layer Content Thumbmail

Convert the Selection to a Path

Define a Custom shape

Use]]x the custom shape tool.

JJMack
Participant
January 17, 2020

Thank you!

Bojan Živković11378569
Community Expert
Community Expert
January 17, 2020

Is below effect what you want to achieve or you are looking for something else?

Participant
January 17, 2020

Exactly that and the ability to change colors etc.

 

What was the process involved in creating that?

 

Thank you a ton!