1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

GIMP Tutorial: Green Apple Logo

Discussion in 'Gimp Tips & Tutorials' started by prestonbrownie, Apr 19, 2008.

  1. prestonbrownie

    prestonbrownie New Member

    Joined:
    Apr 13, 2008
    Messages:
    4
    Likes Received:
    0
    Trophy Points:
    1
    Welcome to my first tutorial! I have been tampering with GIMP for the past couple of months now, and I absolutely love it. I finally got around to making my own tutorial, which I think is pretty cool :D. So, here we go: (Sorry, my pictures are really oversized, I don't know how to resize them within the post editor.)

    Make sure your download this file: http://i250.photobucket.com/albums/gg261/prestonbrownie/GIMP/tutorials/Apple-Logo.gif

    A little guide to my tutorials: anything bolded is a menu, anything italicized is a value, anything bolded and italicized is a tool, anything bold and green is a dialog, and anything underlined is a selection you will need to click in a menu.

    You'll be making this image (this preview image is a little low-res, the result looks better):

    [​IMG]
    1. Open GIMP and create a new image. Size it to 500 x 613
    [​IMG]

    Make sure the image has a white background before your start.
    [​IMG]

    2. Make sure you have the downloaded file from above, and go to File>Open as Layers and choose the picture as the file.
    [​IMG]

    It will be oddly oversized, so make sure you scale the layer: Layer>Scale Layer. Set values to 500 x 613.
    [​IMG]

    After resizing, image should look like this:
    [​IMG]

    3. Go to Colors>Color to Alpha and set the color to white (FFFFFF)
    Press OK, and the background will not change. In the Layers Dialog, delete the background layer (white layer), and you will have transparency behind your apple logo.

    3a. In the Layers dialog, right click on the image, and click Alpha to Selection.

    4. Change your foreground color to 21e621 and your background color to 1a8705. Select the Gradient tool (L). Make sure it is set on the mode of FG to BG. Drag it from the top-left corner to the bottom-right corner as shown:
    [​IMG]

    It will end up like this:
    [​IMG]

    5. Resize the layer to 50% of its original size. Go to Layer>Scale Layer and set the values to 50.00 on both. Sometimes, the second may default to 50.08, but it's OK. Press OK, and move the layer towards the top of the image.

    6. Now, it's time we made the reflection for the logo. The steps are listed below:
    A. Duplicate the layer by going to Layer>Duplicate Layer.
    B. Flip the layer vertically with Layer>Transform>Flip Vertically
    C. Move the layer down so it touches the bottom of the top image as shown:
    [​IMG]

    7. Press D, then X to set the foreground and background colors to default.
    8. In the Layers dialog, right click on the duplicated layer, and click Add Layer Mask
    [​IMG]

    9. When the window pops up, choose Black (Full Transparency). The bottom apple logo will disappear.
    10. Go to the Gradient tool (L), and make sure the gradient is set as FG to Transparent. Drag the gradient from the bottom of the visible logo about 1/4 of the way down the invisible one as shown:
    [​IMG]

    It will end up looking like this:
    [​IMG]

    11. Create a new layer and name it "darkness," and break out the Paths tool (B). Draw a path as shown in the picture below (sorry, the conversion to JPG made it a little blurry, so I've outlined the paths with black lines :)). As you notice, the path doesnt have to follow the curves on the outside because of later modifications.
    [​IMG]

    12. PRESS ENTER to turn the path into a selection. Here comes the complicated part. Read these next steps carefully.
    A. Change your foreground color to 156b04
    B. Make sure your "darkness" layer is selected, and go to Edit>Fill with FG Color.
    [​IMG]
    C. Now, go to Filters>Blur>Gaussian Blur and set the values to 10 on both X and Y.
    D. In the Layers Dialog, right click on the original apple logo (the one that is not masked) and click Alpha to Selection.
    E. RESELECT the "darkness" layer and go to the image window. Go to Select>Invert, or press Ctrl+I.
    F. Now, press Delete, or go to Edit>Clear.
    It will now look like this:
    [​IMG]

    13. Now, set the "darkness" layer into Overlay mode, and set the Opacity to 80.

    This next part is totally optional. We are making the white highlights. The logo still looks cool without the highlights, but better with them.

    14. Make a new layer (Layer>New Layer) and name it "highlights."
    15. In the Layers dialog, right click on the original logo and click Alpha to Selection.
    16. Reactivate the "highlights" layer, and go to Select>Shrink and use 3 as the value.
    17. Now, go to Select>Border and set the value to 2.
    [​IMG]

    18. Now, grab a fuzzy brush, and change your foreground color to white (FFFFFF). The "Circle Fuzzy (19)" brush is recommended.
    19. Start to fill in the border as shown in the image below:
    [​IMG]

    20. Deselect all, and do some extra fill ins wherever pleased to make more fuzzy edges.
    21. Go to Filters>Blur>Gaussian Blur and set it to 10 on both X and Y.
    22. Finally, in the Layers Dialog, set the opacity of the "highlights" layer to 50.

    And you're done!
    [​IMG]

    Please comment!
     
  2. Ajit

    Ajit Active Member

    Joined:
    Mar 29, 2008
    Messages:
    3,535
    Likes Received:
    0
    Trophy Points:
    36
    Occupation:
    Student
    Location:
    Texas
    Home Page:
    i hate Apple

    ... good job though  :D
     
  3. Siddharth

    Siddharth Active Member

    Joined:
    Nov 27, 2007
    Messages:
    1,829
    Likes Received:
    0
    Trophy Points:
    36
    Location:
    India
    Home Page:
    I too dislike apple :D
    nice tut anywayz :D
    btw instead of that border you can also use bevel :p
     
  4. midgetofdarkness

    midgetofdarkness Member

    Joined:
    Dec 9, 2007
    Messages:
    87
    Likes Received:
    0
    Trophy Points:
    6
    Location:
    United States
    Home Page:
    great for a first tutorial. I prefer the chrome version personally though.

    btw, apple rocks!
     
  5. Judyta04

    Judyta04 New Member

    Joined:
    Apr 20, 2008
    Messages:
    1
    Likes Received:
    0
    Trophy Points:
    1
    Hi.
    I think it's very nice tutorial  ;D. Can I translate it into polish? Please  :)

    Judyta04.
     
  6. Gimper

    Gimper Member

    Joined:
    Aug 31, 2007
    Messages:
    962
    Likes Received:
    0
    Trophy Points:
    16
    Location:
    Sydney
    Home Page:
    nice work! keep it up
     
  7. prestonbrownie

    prestonbrownie New Member

    Joined:
    Apr 13, 2008
    Messages:
    4
    Likes Received:
    0
    Trophy Points:
    1
    sure, you can translate it
     
  8. cmela-k

    cmela-k New Member

    Joined:
    Mar 5, 2008
    Messages:
    15
    Likes Received:
    0
    Trophy Points:
    1
    Occupation:
    mostly pub and..... ummmm work :P
    Location:
    Czech republic, Kaplice
    apple sux, but great job ^-^
     
  9. L7hope

    L7hope Member

    Joined:
    Jun 30, 2008
    Messages:
    654
    Likes Received:
    0
    Trophy Points:
    16
    Why is everyone hating on Apple? :question:
    Cool tutorial! :D
     
  10. lamaz1928

    lamaz1928 Active Member

    Joined:
    Dec 9, 2007
    Messages:
    2,205
    Likes Received:
    0
    Trophy Points:
    36
    Occupation:
    School.....*sigh*
    Location:
    Tennessee
    Home Page:
    yeah, i also hate apple. good tut though :D
     
  11. sglider12

    sglider12 Active Member

    Joined:
    Nov 30, 2007
    Messages:
    3,610
    Likes Received:
    0
    Trophy Points:
    36
    Occupation:
    I work at Best Buy as a Digital Life Sales Associa
    Location:
    Aubrey, Texas
    Home Page:
    Nice job! Great apple logo. ^-^
     
  12. tomahowk

    tomahowk Member

    Joined:
    Jul 11, 2008
    Messages:
    365
    Likes Received:
    0
    Trophy Points:
    16
    nicely done, but i think the reflection is a bit to blurry though....
     

Share This Page