Submitted by ingalls on Fri, 03/20/2009 - 19:01.
I’ve noticed that there isn’t a tutorial for iphone logos for ‘gimp’ so I decided to make my own. I used http://userlogos.org/node/5487 as a base to create one for gimp. Well let’s begin…
Open up gimp and make a new image with a size of 125 pixels by 125 pixels.
I always find it easier to make the logo if I am zoomed in. This is optional but I suggest you zoom in to 400%.
Next right click on the image and click add alpha channel. This will allow you to make your iphone logo transparent.
Next hit the delete key on your keyboard. Your image should now look like this…
Click on the ‘rectangle select tool’
Use the rectangle selection too to make a rectangle around your entire image. It should look something like this.
Click ONCE in the center of the image
Now go to Select>shrink and click on shrink.
A box should appear that asks you how many pixels you want to shrink it by. Put 15 in the box and hit enter.
If everything went well you should now have this:
If you don’t have this go back to step #6
Now we are going to make the rounded corners. Click select, and then click on rounded rectangle.
When you click on rounded rectangle a small box that ‘script-fu rounded rectangle’ should appear. Set the radius to 20% and then click ‘ok’
You should now have a rectangle with rounded corners in the center of your page.
Double click on one of the two colors. This will bring up a color selection screen.
Pick or make the color that you want and then click ok.
Double click on eh second color. Make this so it is slightly lighter than the last color.
Once you have both colors click ‘ok’ and move to step #15
For this demonstration I used the colors ‘0027d4’ and ‘0283d4’
Click on the gradient tool.
Click above the Image and draw a line from the top of the Image to the bottom. Tip: You have to keep holding the mouse button in order for this to work.
It should look like what I did below.
Now release the mouse button and your image should be filled with the two colors you chose.
Now let’s give the image a shadow.
Go to Filters>lights and shadows and then click on drop down shadow.
A box should appear.
Set the offset X to 0, the offset Y to 4, and the blur radius to 5.
Now change the opacity to 40%, and click ok.
Once this is done you should have a light shadow. It will get darker later on.
Press ‘CTRL’ and ‘L’ on your keyboard.
A small window will appear.
Right now you should have two layers. A drop shadow and the background.
Right click on the background later and duplicate it.
You should now have three layers.
On your keyboard type
‘CTRL’ + ‘A’
Then ‘CTRL’ + ‘X’
After this has been done it should look like this:
Click on the ellipse tool.
Try to center the ellipse with the center of the image.
Once you have drawn an ellipse click into the center of it.
Click on the paint bucket.
Then change the color that is on top to white.
And change the threshold to 255.
Now paint the inside of the ellipse white.
Now go to the layers box and change the opacity to 20.
On your keyboard type ‘CTRL’ + ‘M’
Then click merge.
This will make it so there will be only one layer.
Change the view back to 100% and you should have an iphone button just waiting for a logo.
Wow great tutorial, keep up the good work!
everything worked until the whole merging part then you lost me.
The last step the merge menu doesnt appear.Also what format to save icon?
You can also click Layer>Merge Down.
Save the resulting image as a .Png.
@ingalls: Remember not everyone uses a PC*, some use Macs or Linux, and Macs use the Apple button (Cmd?).
i use windows i h8 mac.
Can someone help me edit this image now make it be like a reflection
I'm guessing you had the same problem as me. If you have a layer that is a floating layer (Pasted Layer) , right-click. and go to "New From Visible". Then Delete every other layer besides the "Visible Layer".
I'll take a look at it when I get back to my home computer.
my problem is, that it looks like that;
the icon looks perfect, but around this icon
there is a underlaying retangle which color is
the same as the lightest color of both in the icon.
I guess, that the size of this retangle ist exactly the same, as the beginning size.
Where did i wrong?
When you made the drop shadow was the color set to black?
Could you post a photo?
that would make it easier for me to help you.
yes, i would like to send an image, but i have von homepage, and i think that you have no email.
So, what shall we do?
The image look normal til a merge this image.
Looking for instructions on how to create and edit logos? Check out our tutorials section:
2008-2013 userlogos.org. All logos/images belong to their respective owners. Contact administrator.