Post Reply 

Please help me find a better way to reproduce this image

Jan 28, 2014, 00:53 (This post was last modified: Jan 28, 2014 00:56 by follikill.)
Post: #1
Please help me find a better way to reproduce this image
Hello everyone,

Thanks in advance for your help. I think it's great you have a forum for beginners, it's sometimes very difficult to find people to help with the most basic stuff.

I have a logo that I want to reproduce. (image should be attached here)    

I opened the original image in gimp and I was able to do what I want but quality is lacking for sure. The copied image looks very pixelated and sloppy. Here it is:
   

This is what I did to reproduce the original image:
1) Made a transparent background
2) Colour select black part of original image and drop on transparent background.
3a) Colour select pink part and paste over black part trying to get it lined up perfectly!

So lame and unsophisticated I know!

The problem is that there is a gap of white space and everything is pixelated so I know I haven't done things properly. Unfortunately I don't know how to re-build this image from scratch so that's why I took this shortcut.

If you can offer some insight into a better way to reproduce this image I would be very happy!
Thanks.

P.S For some reason the second image isn't displaying what I see. I see a grey background where there is white in the orginal image. I think you can still get the idea from my explanation though.
Find all posts by this user
Quote this message in a reply
Jan 28, 2014, 02:43 (This post was last modified: Jan 28, 2014 02:43 by iForStyle007.)
Post: #2
RE: Please help me find a better way to reproduce this image
If you really wan to make it from scratch(shapes & all)
A much cleaner approach maybe using Inkscape, since all the graphics are vector-based instead of pixel based.

Of course you could use a hard edged brush or the Pencil pencil tool, but I think you'll have more control in Inkscape.

its a complimentary program too ^_^ So you can import the graphic into Gimp after your done for further editing.

If you had to rebuild it in Gimp:
Btw. Is there only a certain part of the logo that you want to alter?

You might be able to get away with using the Eraser on a the flattened image (right-click the layer & click "Remove Alpha channel)

Then re-draw the parts you need to.

*If you want to separate the logo into movable layers, that will take some trial & errors, for me, I'd select from the outside in.
Add a white background layer.
Click back on your image layer in the layers window.
-Fuzzy Select the white surrounding the logo.
"Select > Invert"
Hold shift (add to current selection) and click the black tear drop on the left side of the box
Copy & paste (this is the black square base)
"Select > None"
Work on your next layer up(text & maybe the pink stick coming out of the tear drop)
-Next do a "select by color" on the letters (hold shift to add the white letters also)
^Your select by color is a nice method since you won't have to select all the letters individually. Smile
Copy & Paste, name the layer "Text & stick"
When you're done, all your layers will look like this:

   
Click image for full size & to see all layers

(I turned down the opacity all but the text layer so you can see how its separated)
*"Pasted Layer" Is the original image/logo, you can delete that layer if you want to avoid confusion.
Your final result won't have the jpeg artifacts like mine, I did that to save on bandwidth.

"In order to succeed, your desire for success should be greater than fear of failure." BC
[Image: 29uocaf.png]
iFS007 tut vids on YT ~ auto color B&W landscape tut
Visit this user's website Find all posts by this user
Quote this message in a reply
Jan 28, 2014, 02:55 (This post was last modified: Jan 28, 2014 02:56 by follikill.)
Post: #3
RE: Please help me find a better way to reproduce this image
Thanks for your reply.
I read about Inkscape on another thread and I downloaded it. I wondered about vector text because I remember using it when I had photoshop and I wondered how to get the clean edges in Gimp.

To be more clear I do NOT want to alter any of the logo. It's perfect as it is but I have only the finished image that someone else made whereas I need to be able to manipulate it so I can use it different ways (business cards, brochures etc.) Hence I want to be able to recreate it myself.

This is just a dry run for recreating the flashy logo at the top of my website as well:
http://www.follikill.com

One step at a time though :-)

I'm going to go through your list of instructions tomorrow and I'll let you know how it goes.

P.S This might seem like an absolutely stupid question but can I do this with just a mouse or do I need any special graphic design tools to do stuff like this?

P. P. S It's a hair and a needle in the image. Smile
Find all posts by this user
Quote this message in a reply
Jan 28, 2014, 07:30
Post: #4
RE: Please help me find a better way to reproduce this image
Cool animated logo!

In addition, to after making a selection(especially for the letters) for a cleaner selection/edges (with less white pixels) shrink or feather the selection

"Select > Shrink..."
or
"Select > Feather..."

Goodluck!
Visit this user's website Find all posts by this user
Quote this message in a reply
Jan 28, 2014, 12:19
Post: #5
RE: Please help me find a better way to reproduce this image
Thanks for the tips. I will follow up with the results soon.
Find all posts by this user
Quote this message in a reply
Jan 28, 2014, 15:57
Post: #6
RE: Please help me find a better way to reproduce this image
Someone recommended Inkscape. I can second this. I downloaded Inkscape about a week ago. My first project/learning exercise was to rebuild a logo. Works extremely well. Learn the Bezier Curves in Inkscape and use them to trace your logo. Final result is of extremly high quality.
Find all posts by this user
Quote this message in a reply
Feb 3, 2014, 15:31
Post: #7
RE: Please help me find a better way to reproduce this image
(Jan 28, 2014 15:57)blighty Wrote:  Someone recommended Inkscape. I can second this. I downloaded Inkscape about a week ago. My first project/learning exercise was to rebuild a logo. Works extremely well. Learn the Bezier Curves in Inkscape and use them to trace your logo. Final result is of extremly high quality.

I'm just getting back to this today, thanks for the tip. It'll be another few weeks before i can report on my progress, unfortunately I'm not very design savvy so it takes me 10x as long to figure this out even with instructions. Smile
Find all posts by this user
Quote this message in a reply
Post Reply 


Possibly Related Threads...
Thread: Author Replies: Views: Last Post
Question How to automate "Autocrop Image"? javierdl 2 148 Mar 28, 2018 18:49
Last Post: javierdl
  Insert image on a screen under fingers AmandineViaud 1 123 Mar 28, 2018 06:03
Last Post: paynekj
  How To Make an Image Black and White? abrogard 4 348 Mar 4, 2018 20:00
Last Post: abrogard
  image rotation dav1988 1 166 Mar 4, 2018 00:14
Last Post: paynekj
  Make an image darker bolder. ConductorX 1 177 Feb 21, 2018 09:04
Last Post: paynekj

Forum Jump:


GIMP ForumPortalArchiveContactTermsRSS