Create an outline design from a logo

Community Beginner ,
Jan 17, 2020 Jan 17, 2020

Copy link to clipboard

Copied

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!Dogs Head Black.png

TOPICS
How to

Views

3.2K

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Jan 17, 2020 Jan 17, 2020

Copy link to clipboard

Copied

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

Dogs Head Black stroke.png

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jan 17, 2020 Jan 17, 2020

Copy link to clipboard

Copied

Exactly that and the ability to change colors etc.

 

What was the process involved in creating that?

 

Thank you a ton!

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Jul 01, 2021 Jul 01, 2021

Copy link to clipboard

Copied

I was wondering if you could do sorta the same thing to what I have here? I'm trying to do logo things for my team and stuff but I just can't find my original outline and I don't have the software or device to do anything with it.

9CAAEAAA-73EC-4687-BDB5-C0B56906D601.png

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Jul 01, 2021 Jul 01, 2021

Copy link to clipboard

Copied

Can you describe in more detail what you are after?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Jul 01, 2021 Jul 01, 2021

Copy link to clipboard

Copied

What you have is a PNG  Image the has a transparent boarder and other transparent areas.  A composite image made from many layers.  If you do not have the original work file the layered version you can not re-create it for required information is not available in the PNG file. For sure all vector graphics have been lost and some of the layer seemed to have been manipulated too much because of the artifacts and jagged edges.

 

With a lot of work you could create a layered files that  composite would look quite similar.  A lot of tedious work.

 

Logo are best when the are vector image files foe the will resize perfectly

image.png

 

JJMack

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Jul 01, 2021 Jul 01, 2021

Copy link to clipboard

Copied

This would be relatively easy to do in Illustrator...if you knew Illustrator, that is. Manually tracing over the course of about 10 minutes netted me this:

logo.jpg

Yes, I know it's not perfect; just done quickly and nobody's paying me for it.  xD

 

This can be done to some extent in Photoshop as they have similar tools but you'll get nowhere near the power that Illustrator has for scalable vector art.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Jul 01, 2021 Jul 01, 2021

Copy link to clipboard

Copied

LATEST

There is a lot more in that image that you did not trace and you did not address and all the fills.  It will take a lot of work in any application that would be able to do the job.  You tackled the relatively easy parts.

JJMack

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Jan 17, 2020 Jan 17, 2020

Copy link to clipboard

Copied

Ctrl+Click on Png Layer Content Thumbmail

Convert the Selection to a Path

Define a Custom shape

Use]]x the custom shape tool.

Capture.jpg

image.png

JJMack

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jan 17, 2020 Jan 17, 2020

Copy link to clipboard

Copied

Thank you!

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Jan 17, 2020 Jan 17, 2020

Copy link to clipboard

Copied

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.

stroke effect inside stroke.jpg

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jan 17, 2020 Jan 17, 2020

Copy link to clipboard

Copied

That's awesome, thank you a ton!

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Jul 01, 2021 Jul 01, 2021

Copy link to clipboard

Copied

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.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines