GIMP iPod Tutorial
Okay so i ran across this wonderful tutorial HERE and thought i'd translate it to Gimp
What we are making:
Find more GIMP tutorials in my icon journal vylecons
1. Open your program. Start off with a new image 98x98 px and flood fill it with this color #f4f2f2
2. Now open another new image 89x68 px and fill it with any color i used #ba9dbd
3. Save the new colored image where you can find it. Now go back to the first image you created and go FILE>OPEN AS LAYER Locate the colored box you saved and open it. Move it to where you'd like it.
4. Now in the layers box. If it isn't already up LAYER>DIALOGS>LAYERS Make sure the new colored box layer is selected and right click it. Scroll to ALPHA TO SELECTION this will select just that layer. Then go to SELECT>BORDER i kept mine at 5 pixels and clicked ok. this should make a border effect on that layer. Now in the tools make sure your foreground color is black and click on it. drag the black to the bordered area of the icon. Then go SELECT>NONE
It should look like this:
5. Now use this arrow
provided by katrina87 (Insert Arrow) Open it and put it on the top of the icon. Set it to Multiply.
Should have this:
6. To make the battery i made a new layer. I selected the color #3c7e50. With the round brus size 05 i made a small dash on the icon.
7. I then used the eraser on it at the smallest size brush to make it look more like a battery.
8. Now make a new layer and with the smallest brush again paint a stripe on the battery with this color #d5dd4d like this
Duplicate this layer once
9. Create a new layer again. Now paint a white stripe a little below the battery and arrow. Use Brush size 01. You may have to make a few passes with the white line or just duplicate the layer a few times.
10. Now make a new layer and paint a line the next size up from the smallest brush 03 in a darker color then you used for the face. For Mine i used #b07cb5
11. Now use this brush
made by katrina87 FILE>OPEN AS LAYER set it to multiply. Move it down toward the bottom of the colored square.Now color it TOOLS>COLOR TOOLS>COLORIZE Play around with the hue and saturation till you have a color you like i used these settings.
HUE: 360
SATURATION: 100
LIGHTNESS: 3
After it's colored make a new layer. Draw a white border around it using the smallest brush 01. A straight line on the top and bottom. Duplicate once
12. Create a new layer. Write the text "NOW PLAYING" In Century Gothic Bold size 8 in black. Place it between the aarow and battery
13. now create another layer. Using Century Gothic Unbolded write a number like 6 of 400 in size 8 black.
14. Now make another new layer. Same font as before only bolded again write the song name and artist of choice place it in the middle. I had to set mine off to one side slightly.
Now make a new layer and add the numbers under the streaming line. Put anything here i used 2:09 and -0:66
Now add your name on the bottom. Make a new layer. I used ARIAL Bold in font size 12. I used "iCrystal" I made this for a friend. Set the opacity to 70.0%
And you're done!
Questions comments or whatever are always welcome. If you need help just ask.
What we are making:
Find more GIMP tutorials in my icon journal vylecons
1. Open your program. Start off with a new image 98x98 px and flood fill it with this color #f4f2f2
2. Now open another new image 89x68 px and fill it with any color i used #ba9dbd
3. Save the new colored image where you can find it. Now go back to the first image you created and go FILE>OPEN AS LAYER Locate the colored box you saved and open it. Move it to where you'd like it.
4. Now in the layers box. If it isn't already up LAYER>DIALOGS>LAYERS Make sure the new colored box layer is selected and right click it. Scroll to ALPHA TO SELECTION this will select just that layer. Then go to SELECT>BORDER i kept mine at 5 pixels and clicked ok. this should make a border effect on that layer. Now in the tools make sure your foreground color is black and click on it. drag the black to the bordered area of the icon. Then go SELECT>NONE
It should look like this:
5. Now use this arrow
provided by katrina87 (Insert Arrow) Open it and put it on the top of the icon. Set it to Multiply.
Should have this:
6. To make the battery i made a new layer. I selected the color #3c7e50. With the round brus size 05 i made a small dash on the icon.
7. I then used the eraser on it at the smallest size brush to make it look more like a battery.
8. Now make a new layer and with the smallest brush again paint a stripe on the battery with this color #d5dd4d like this
Duplicate this layer once
9. Create a new layer again. Now paint a white stripe a little below the battery and arrow. Use Brush size 01. You may have to make a few passes with the white line or just duplicate the layer a few times.
10. Now make a new layer and paint a line the next size up from the smallest brush 03 in a darker color then you used for the face. For Mine i used #b07cb5
11. Now use this brush
made by katrina87 FILE>OPEN AS LAYER set it to multiply. Move it down toward the bottom of the colored square.Now color it TOOLS>COLOR TOOLS>COLORIZE Play around with the hue and saturation till you have a color you like i used these settings.
HUE: 360
SATURATION: 100
LIGHTNESS: 3
After it's colored make a new layer. Draw a white border around it using the smallest brush 01. A straight line on the top and bottom. Duplicate once
12. Create a new layer. Write the text "NOW PLAYING" In Century Gothic Bold size 8 in black. Place it between the aarow and battery
13. now create another layer. Using Century Gothic Unbolded write a number like 6 of 400 in size 8 black.
14. Now make another new layer. Same font as before only bolded again write the song name and artist of choice place it in the middle. I had to set mine off to one side slightly.
Now make a new layer and add the numbers under the streaming line. Put anything here i used 2:09 and -0:66
Now add your name on the bottom. Make a new layer. I used ARIAL Bold in font size 12. I used "iCrystal" I made this for a friend. Set the opacity to 70.0%
And you're done!
Questions comments or whatever are always welcome. If you need help just ask.