Help recreating image please

[psychosurfer]

Hi all I am building a website for a friend. He has a business card which is below from which he wants the logo (The interlinked flames) adding to the website. I cant enlarge it enough to look ok and was hoping to recreate it in photoshop but am having a nightmare. If anyone could help me out Id really appreciate it. Thanks.

 

[rufinatti]

You want to use the Pen Tool for that. After drawing the shape with the pen tool, you can convert it to a vector shape which can then be resized to any resolution and still remain crisp and clean.

These links will get you started:

http://www.photoshopcafe.com/tutorials/pen/pen.htm

http://www.gubatron.com/blog/2011/12/16/photoshop-how-to-convert-a-path-into-a-shape/

http://psd.fanextra.com/tutorials/become-a-master-of-the-pen-tool-in-under-30-minutes/

 

[Alosolo]

Or if you cant do it y0ourself (not enough time/knowlege etc. the pen tool is hard to learn in a short time), here is a pretty large version of the logo. You can let me know if you need any different sizes, changes, or even the .svg-Version

 

[hawkeye]

Just for the record. Shape layers (vectors) in Photoshop are not vectors. Take a look at the images here, it's the exact same path used in PS and Illustrator. The one is Photoshop is zoomed to 400% and the Illustrator is at 6400%.

Bottom line is if you really need a scalable vector you need Illustrator.

 

[Alosolo]

Oops jpeg...my bad

 

[psychosurfer]

Thanks all I have used the one provided but will take the information given as well and continue to persavere. Thanks again Can I just make the background see through to allow me to drop it over my banner background? Cheers.

Alosolo That saved me some time thanks alot.

 

[rufinatti]

Can I just make the background see through to allow me to drop it over my banner background? Cheers.

You sure can. When you draw your shapes, just put them on a new transparent layer. When you save the file use either GIF or PNG so that the transparency will be preserved.

 

[RTContent]

Just for the record. Shape layers (vectors) in Photoshop are not vectors. Take a look at the images here, it's the exact same path used in PS and Illustrator. The one is Photoshop is zoomed to 400% and the Illustrator is at 6400%.

Bottom line is if you really need a scalable vector you need Illustrator.

That's not exactly true. Photoshop will scale a vector based on the amount of pixels on the canvas. If you increase the canvas size at any point, this will update. So as long as you are outputting the correct resolution, it won't make a difference.

 

[hawkeye]

There are no vectors in Photoshop. You can't make a vector in Photoshop. A vector mask is not a vector. You can't scale what doesn't exist.

 

[Alosolo]

Thanks all I have used the one provided but will take the information given as well and continue to persavere. Thanks again Can I just make the background see through to allow me to drop it over my banner background? Cheers.

Alosolo That saved me some time thanks alot.

Youre welcome, and just in case you need it, here is the same size transparent version

 

[hawkeye]

Not to belabor the point but it's worth understanding. Take a look at the attached. It's a detail of 4 circles all made differently at 400% magnification in a 300 PPI file.

One is a shape layer, one made with the ellipse tool and filled, one made with a vector mask, one made with a layer mask.

Take a look, they are identical. Try it for yourself. There is no such thing as a vector in PS.

 

[RTContent]

I understand what you're saying, but that wasn't the point I was trying to make. I was saying that when you create a shape, whether it be from a preset or the pen tool, you won't lose any quality when upscaling.

This is a circle drawn at 100px x 100



I changed the canvas size to 10,000px and zoomed in. As you can see shapes you create are vectors, however they are translated into a bitmap.



Please tell me directly if I'm way off base on this, but this is my understanding of it.

 

[iDad]

just because you changed resolution, doesn't make it vector. It may look sharper but it's still pixel based.......Am I missing something here?

 

[RTContent]

just because you changed resolution, doesn't make it vector. It may look sharper but it's still pixel based.......Am I missing something here?

Actually changing the resolution demonstrates my point. The reason it looks sharper is because Photoshop gets the path (which is vector based) and plots those points onto the bitmap image. What you are seeing on the screen is not a vector image, but the paths that are created within Photoshop are vectors.

 

[iDad]

this pretty much explains the difference in a nut shell

 

[RTContent]

this pretty much explains the difference in a nut shell

I'm confused. I do understand the difference, so are we arguing the same point? *brain explodes*

 

[iDad]

lol I guess we are.............mybad!

 

[hawkeye]

Here read this:

http://planetphotoshop.com/photoshop-vector-shapes.html

 

[RTContent]

Here read this:

http://planetphotoshop.com/photoshop-vector-shapes.html

I've read it but it doesn't make a whole lot of sense. How can he say paths are not vectors, but then also say it allows you to upscale them without loss of quality?

 

[hawkeye]

"the mask is created so you can manipulate the image before you rasterize it. It creates a vector-like shape that can be manipulated in real time without loss of clarity."

I underlined the key phrases. All things in PS are rasterized, there are no vectors. It only allows you to manipulate shapes as though they are, but in the end when you're done manipulating, they are rasterized.

Increasing the pixels as RTContent pointed out will increase the quality, but that holds true for any method. If you use the ellipse tool, a layer mask, a vector mask, etc. the results will be the same. As I said earlier you can try it for yourself. Create a circle using the shape tool, then create a circle of the same size with any other method and zoom in. The results will be identical regardless of how many pixels.

Example is 10000 pixel at 300 PPI zoomed to 600%. Circle on the left is a shape layer on the right just the ellipse tool.