2D Artwork: Phil's Digital Illustrations

Discussion in 'Transformers Fan Art' started by philipjreed, Sep 19, 2012.

  1. philipjreed

    philipjreed Well-Known Member

    Joined:
    Sep 3, 2012
    Posts:
    829
    Trophy Points:
    117
    Likes:
    +12
    Figured collecting these in one place wouldn't be a bad idea. Certainly better than one image to a post I guess. All were created in Photoshop (except when they were created in GIMP, so I guess not all were actually in Photoshop).
     

    Attached Files:

  2. Meggamus

    Meggamus I want FOC figures!!

    Joined:
    Aug 18, 2011
    Posts:
    1,390
    Trophy Points:
    126
    Likes:
    +0
    nice :thumb 
    soundwave is the best IMO
     
  3. BScorpinok75

    BScorpinok75 Squadron X #1 Consultant

    Joined:
    Oct 1, 2008
    Posts:
    21,061
    Trophy Points:
    347
    Location:
    In the darkness...
    Likes:
    +663
    Ebay:
    Facebook:
    Twitter:
    Google+:
    :thumb  Those are pretty good!
     
  4. philipjreed

    philipjreed Well-Known Member

    Joined:
    Sep 3, 2012
    Posts:
    829
    Trophy Points:
    117
    Likes:
    +12
    Thanks, guys. I have a few more that I'll post when I get the time. Off on a business trip now; gotta make the games to pay for the toys!
     
  5. Wars

    Wars Regular At Swerve's™

    Joined:
    Feb 14, 2009
    Posts:
    15,426
    News Credits:
    13
    Trophy Points:
    332
    Location:
    The Emerald Isles
    Likes:
    +1,036
    Twitter:
    Flickr:
    Tumblr:
    Those are really cool!
     
  6. philipjreed

    philipjreed Well-Known Member

    Joined:
    Sep 3, 2012
    Posts:
    829
    Trophy Points:
    117
    Likes:
    +12
    iGear's Shafter.
     

    Attached Files:

  7. Superquad7

    Superquad7 We're only human. Super Mod

    Joined:
    May 19, 2003
    Posts:
    47,955
    News Credits:
    11
    Trophy Points:
    377
    Likes:
    +179
    I really like that Kup. The composition is very engaging :thumb 
     
  8. philipjreed

    philipjreed Well-Known Member

    Joined:
    Sep 3, 2012
    Posts:
    829
    Trophy Points:
    117
    Likes:
    +12
    Illustrating Powerglide

    NOTE: I first posted this at my website last year. Illustrating Powerglide | BattleGrip I am reposting it here so that everyone can get a feel for the process I use to create these digital illustrations.

    [​IMG]

    One of the things I’ve been doing lately to keep myself entertained is creating simple, rough digital illustrations. I’ve had a few favorable comments about the work, and a few questions about the process, so here’s a quick step-by-step to give all of you some ideas on how to turn your photographs into digital illustrations.


    Step One: Start with a Photograph

    The first step to using this digital illustration process is to snap a photo of your subject. For this example I shot a new picture of the unofficial Transformers Glider (review here) and then imported the image into Photoshop. You’ll need a program with layers to take advantage of this process, but the completely free GIMP (website) uses layers and I’ve used the program to make some of the illustrations I’ve posted here in the past.

    [​IMG]

    Step Two: Outline the Shapes

    On a layer, using a brush and black color, outline all of the hard, basic shapes of your subject. The image above shows the illustration in progress with the beginning of some shapes outlined. This is basically digital tracing and you can use this step to eliminate screws and nasty seams from the image . . . by just not tracing the elements you want to lose. This step will take longer than any other so pop in some music and have fun.

    [​IMG]

    Step Three: Fill With Color

    I always select and fill each area separately, using the expand option to expand my selection. The color layers are all below the line layer in my work; this keeps the black lines sharp. By expanding the color two pixels you run under the black which avoids any nasty white pixels here and there. This basic color fill should be the primary, dominate color for each shape.

    [​IMG]

    Step Four: Create Highlights and Shadows

    By using the method of tracing and darker and lighter shades of your base colors you can form shadow and highlight spots over the basic shapes. This adds a lot of depth to the illustration and may be the most important step of the entire process. I usually stick to one or two highlight and shadow colors to keep the sharp, stark appearance but if you want more depth just use more colors. This can sometimes take as long as the tracing step depending on how many details you want to add.

    [​IMG]

    Step Five: Background and Done

    You can skip this step entirely — I often do — but sometimes a simple gradient of even solid fill behind the image helps it to pop. To completely separate the illustration from the photo I drop in a white layer between my work and the photo and doing that early will help you see the image more clearly; just turn the white layer off and on while you work to keep an idea of how your illustration is turning out.

    [​IMG]

    Have Fun!

    And that’s my very rough guide to how I’ve been creating digital illustrations. To keep the style I’ve been working on simple I use all lines — I point, click, and then hold SHIFT as I click on the next point to draw a straight line between points — but there’s nothing stopping you from using curves or any other line you wish. The end result may look like a vector image but it’s all pixels; I’ve just never enjoyed vector programs and Illustrator makes my head hurt.

    I hope you found this useful, and if you create an image of your own please let me know because I’d love to see what you come up with.
     

    Attached Files:

  9. Superquad7

    Superquad7 We're only human. Super Mod

    Joined:
    May 19, 2003
    Posts:
    47,955
    News Credits:
    11
    Trophy Points:
    377
    Likes:
    +179
    Thanks so much for the above post, and keep rockin' these out!
     
  10. philipjreed

    philipjreed Well-Known Member

    Joined:
    Sep 3, 2012
    Posts:
    829
    Trophy Points:
    117
    Likes:
    +12
    Glad you enjoyed it. I wrote a similar guide (actually, a bit of a sequel) to the above using Skeletor. It was posted at Poe Ghostal's site last year and goes into a little more detail in some spots of the process: Illustrating Skeletor : Poe Ghostal's Points of Articulation
     
  11. philipjreed

    philipjreed Well-Known Member

    Joined:
    Sep 3, 2012
    Posts:
    829
    Trophy Points:
    117
    Likes:
    +12
    Junkion ready for fun!

    [​IMG]
     

    Attached Files:

Share This Page