• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

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

Views

11.6K

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

correct answers 1 Correct answer

Community Expert , Jan 17, 2020 Jan 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.

stroke effect inside stroke.jpg

Votes

Translate

Translate
Adobe
Community Expert ,
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

Votes

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!

Votes

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

Votes

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 Expert ,
Jul 01, 2021 Jul 01, 2021

Copy link to clipboard

Copied

Can you describe in more detail what you are after?

Votes

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 Expert ,
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

Votes

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 Expert ,
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.

Votes

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 Expert ,
Jul 01, 2021 Jul 01, 2021

Copy link to clipboard

Copied

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

Votes

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 Expert ,
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

Votes

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!

Votes

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 Expert ,
Mar 02, 2024 Mar 02, 2024

Copy link to clipboard

Copied

Now that is a fun little trick!!! I learned something new as well. 

Votes

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 Expert ,
Mar 02, 2024 Mar 02, 2024

Copy link to clipboard

Copied

Jess, it's lovely that you found that useful.  JJ helped people for many years on this forum, but sadly passed away last year.  We like to think he lives on in his old forum posts.

Votes

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 Expert ,
Mar 02, 2024 Mar 02, 2024

Copy link to clipboard

Copied

LATEST
Oh goodness, how sad. What an interesting digital legacy. May his memory be
a blessing.



Jess Campbell

Digital Multimedia

AP Computer Science Principles

Sponsor: VEX Robotics Club, CoderGirls Club, Digital Art and Design Club


Buchholz High School | 5510 NW 27th Ave Gainesville FL 32606 | 352-955-6702

--
_Please note: Due to Florida's broad public records law, most written
communications regarding ACPS business are public records. Therefore, this
e-mail communication may be subject to public disclosure. Also, information
contained in this message may be part of an educational record and
protected by the Family Educational Rights and Privacy Act of 1974. If you
are not the intended recipient, you are hereby notified that any
disclosure, copying, distribution or other use of the contents of this
message is prohibited. If you have received this message in error, please
notify me.
_

Votes

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 Expert ,
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

Votes

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!

Votes

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 Expert ,
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.

Votes

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 ,
Nov 23, 2023 Nov 23, 2023

Copy link to clipboard

Copied

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 😅 

IMG_3263.png

Votes

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 Expert ,
Nov 23, 2023 Nov 23, 2023

Copy link to clipboard

Copied

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?

image.png

Shout if we can help.

Votes

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 Expert ,
Mar 02, 2024 Mar 02, 2024

Copy link to clipboard

Copied

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. 

Votes

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