2D Artwork: W.I.P. - Alternator coloring process

Discussion in 'Transformers Fan Art' started by Rattrap587, Jan 11, 2011.

  1. Rattrap587

    Rattrap587 Maximal Ground Operations

    Joined:
    Jul 2, 2002
    Posts:
    1,361
    Trophy Points:
    161
    Likes:
    +0
    Ebay:
    Alternator coloring process

    Hi...

    A quick coloring tutorial...

    1) Lineart: Made this lines in 2007 and decided it´s time to add some colors on it.

    2) Basic colors layer: Yep... Exclusive colors. :D  - It´s a recolor / repaint. (just playing around with Photoshop selection tools)


    Next update: Shading - first level... Stay tunned.
     

    Attached Files:

  2. Superquad7

    Superquad7 We're only human. Super Mod

    Joined:
    May 19, 2003
    Posts:
    47,598
    News Credits:
    11
    Trophy Points:
    342
    Likes:
    +23
    This is certainly cool :)  When you're finished, I can resource it with the other Illustration Tutorials. Don't hold back on explaining each step :thumb 
     
  3. Rattrap587

    Rattrap587 Maximal Ground Operations

    Joined:
    Jul 2, 2002
    Posts:
    1,361
    Trophy Points:
    161
    Likes:
    +0
    Ebay:
    Ok! No problema! :D 
     
  4. TedimusPrime

    TedimusPrime Well-Known Member

    Joined:
    Jun 3, 2009
    Posts:
    2,299
    Trophy Points:
    171
    Likes:
    +0
    Looking good!
     
  5. Rattrap587

    Rattrap587 Maximal Ground Operations

    Joined:
    Jul 2, 2002
    Posts:
    1,361
    Trophy Points:
    161
    Likes:
    +0
    Ebay:
    Thanks a lot Tedimus Prime.

    Now the first level of shading. I use black with 35% of opacity.

    Until next update! (second level of shading - To give more contrast and that cool 3D feel...)
     

    Attached Files:

  6. Superquad7

    Superquad7 We're only human. Super Mod

    Joined:
    May 19, 2003
    Posts:
    47,598
    News Credits:
    11
    Trophy Points:
    342
    Likes:
    +23
    Already, I'm really enjoying this thread. I really enjoy your work, anyways :) 

    I really can't stress this point enough, though:

    The best way to write a tutorial is pretend you're explaining your process to someone who has little idea of what you're discussing - this makes your teaching crystal clear to your audience.

    Keep up the good work! :thumb 
     
  7. Rattrap587

    Rattrap587 Maximal Ground Operations

    Joined:
    Jul 2, 2002
    Posts:
    1,361
    Trophy Points:
    161
    Likes:
    +0
    Ebay:
    Another update: Second level of shading... In a new layer, I added more black with 35% of opacity (again) to define were the lights don´t reach or reach just a bit. This helps a lot and at the end the 3D feel will be strong.

    Next update: Lights.

    IMPORTANT NOTE: To reach this results and precision use the Photoshop selection tools. In fact there are another tips to get this but I won´t reveal because is my personal knowledge. (result of years of attempts, success and failures with Photoshop)
     

    Attached Files:

  8. Rattrap587

    Rattrap587 Maximal Ground Operations

    Joined:
    Jul 2, 2002
    Posts:
    1,361
    Trophy Points:
    161
    Likes:
    +0
    Ebay:
    But as a tip that I can tell... Each image that I posted has it´s own layer. Like follows:
    -1 layer for background
    -1 layer for the lineart
    -1 layer for the flat colors
    -1 layer for shading
    -1 layer for second level of shading
    -1 layer for the lights
    -1 layer for the highlights (maybe I don´t use this)
    -1 layer for contour (maybe I don´t use this)
    -1 layer for effects (glowing eyes, and so on)

    At the end, the layers will be merged and we get the final result.

    Until next update!!!
     
  9. Gilgamesh

    Gilgamesh Mostly Harmless

    Joined:
    May 5, 2009
    Posts:
    4,839
    News Credits:
    1
    Trophy Points:
    172
    Likes:
    +2
    Nice tutorial. Currently I've been looking for good inking tutorials (especially digital inking)

    HOWEVER! I don't want to come off as a jerk, but I have to comment on this approach:

    I'm sorry, but I've never understood people who do this. Illustrators in general always seem to be closer and a bit less competitive than other artists. This is like cooks who won't reveal certain recipes or techniques. They're just tools, why not sharing them? I will never refuse to tell how I achieve certain effects; the important thing is the end result, not the secrets of the process but what you manage to do with them.

    This is just a comment, I'm no trying to force my perspective on you. And I agree that the whole selections and masks thing in Photoshop can be a Pain in the Ass ^^
     
  10. Rattrap587

    Rattrap587 Maximal Ground Operations

    Joined:
    Jul 2, 2002
    Posts:
    1,361
    Trophy Points:
    161
    Likes:
    +0
    Ebay:
    I understand you point of view but this is like ask Coca-Cola to reveal their syrup ingredients... But in Photoshop there are a lot of ways to reach determinated result. Is up to each user define and follows certain techniques. I did 2 photoshop classes (intermediate and advanced) years ago but now I certainly know much more than I learned in the past because I use Photoshop about 11 years and always tried to apply the tools for the illustration purposes...
     
  11. Rattrap587

    Rattrap587 Maximal Ground Operations

    Joined:
    Jul 2, 2002
    Posts:
    1,361
    Trophy Points:
    161
    Likes:
    +0
    Ebay:
    Another!!! Lights! Here I use again the selection tools of Photoshop a lot. For better results, (this is valid for any kind of selection) select the disired area with the "magic wand tool" and then at the suspended menu, follows: Select > Modify > Expand (1 or 2 pixels, depending on the situation) - Then use the Gradient tool with white as foreground color and pick "foregroung color to transparent" in the Gradient tool options. Apply the gradient acording with the light source direction (from right to left, above to below on this particular case) - The intensity of the gradient will depends on the light source. You should be carefull with this for better results. (Note that the top of the Alternator is more brighter than his feet) - Try to visualise the light source and be coherent with it.

    I use a darker background to show the light layer properly.

    ***VERY IMPORTANT NOTE***: The light complements the first layer of shading but not WITH the shading layer. The select area for the light should not contain any shaded area)

    Next update: Highlights layer.
     

    Attached Files:

  12. Rattrap587

    Rattrap587 Maximal Ground Operations

    Joined:
    Jul 2, 2002
    Posts:
    1,361
    Trophy Points:
    161
    Likes:
    +0
    Ebay:
    Just a small correction... I´ll do the highlights layer too. I´m already started it.
     
  13. Rattrap587

    Rattrap587 Maximal Ground Operations

    Joined:
    Jul 2, 2002
    Posts:
    1,361
    Trophy Points:
    161
    Likes:
    +0
    Ebay:
    And is time for another update... Highlights... When the lights pop up from the eyes... Or the main source light reflection... Whathever... Use the selection tools again. You can use the pen tool also for generate extreme precision select areas... I did in determinated areas. After apply the highlights with solid white you can add some outer glow layer effect. Shinny!!!
     

    Attached Files:

  14. Rattrap587

    Rattrap587 Maximal Ground Operations

    Joined:
    Jul 2, 2002
    Posts:
    1,361
    Trophy Points:
    161
    Likes:
    +0
    Ebay:
    And finally... The effects layer... Here I concentrate my firepower in the eyes, rear and front lights.
     

    Attached Files:

  15. Rattrap587

    Rattrap587 Maximal Ground Operations

    Joined:
    Jul 2, 2002
    Posts:
    1,361
    Trophy Points:
    161
    Likes:
    +0
    Ebay:
    Tomorrow is the greatest day. I´ll MERGE all showed layers and we´ll get the final result. Stay tunned!
     
  16. Rattrap587

    Rattrap587 Maximal Ground Operations

    Joined:
    Jul 2, 2002
    Posts:
    1,361
    Trophy Points:
    161
    Likes:
    +0
    Ebay:
    Finished.

    Hope you like it.

    Bye.
     

    Attached Files:

  17. Superquad7

    Superquad7 We're only human. Super Mod

    Joined:
    May 19, 2003
    Posts:
    47,598
    News Credits:
    11
    Trophy Points:
    342
    Likes:
    +23
  18. Rattrap587

    Rattrap587 Maximal Ground Operations

    Joined:
    Jul 2, 2002
    Posts:
    1,361
    Trophy Points:
    161
    Likes:
    +0
    Ebay:
    That´s great!
     
  19. Rattrap587

    Rattrap587 Maximal Ground Operations

    Joined:
    Jul 2, 2002
    Posts:
    1,361
    Trophy Points:
    161
    Likes:
    +0
    Ebay:
    Another important note about work this way is the fact is easy do an instant repaint. All you need to do is change the flat colors layer. The rest is already done!

    For example, take a look on this "Burning Alternator". I prepared this repaint in 2 minutes.

    Bye!
     

    Attached Files:

  20. benikage

    benikage Yuusha

    Joined:
    Jun 28, 2010
    Posts:
    10
    Trophy Points:
    31
    Likes:
    +0
    Profile art gallery

    Off topic, but i was wondering how i can add my fanart to the gallery here or my profile?
     

Share This Page