Sonic and Sega Retro Message Board: Drawing in HD - Art Tutorials - Sonic and Sega Retro Message Board

Jump to content

Hey there, Guest!  (Log In · Register) Help
  • 5 Pages +
  • 1
  • 2
  • 3
  • 4
  • 5
    Locked
    Locked Forum

Drawing in HD - Art Tutorials With Adobe Illustrator - By Vincent

#31 User is offline Jof 

Posted 21 October 2008 - 04:18 PM

  • Posts: 216
  • Joined: 13-June 08
  • Gender:Male
  • Location:Scotland
  • Project:Sonic Fantasy

View PostVincent, on Oct 21 2008, 04:15 PM, said:

Making animated gif with Photoshop is possible, but way too complicated!

Use this program instead.


It's actually fairly simple. Just make sure the "animation" toolbar is visible. From there it's a simple case of creating new frames, changing your layers until you have your desired animation (and frame delays if needed), and goinf file>save for web... From there you can choose the amount of colours etc, as well as preview the loop.

#32 User is offline Hodgy 

Posted 21 October 2008 - 04:25 PM

  • Posts: 796
  • Joined: 25-July 08
  • Gender:Male
  • Location:UK
  • Project:Games programming :)
QUOTE (Jof @ Oct 21 2008, 10:18 PM) [post="236618"]Posted Image
This post has been edited by Hodgy: 21 October 2008 - 04:30 PM

#33 User is offline Vincent 

Posted 22 October 2008 - 06:02 AM

  • Sonic 2HD - Project Leader & Character Artist
  • Posts: 1253
  • Joined: 03-May 07
  • Gender:Male
  • Project:Sonic 2 HD
  • Wiki edits:6
Very nice try Hodgy! ;)

As you have seen, doing Vector Art with Illustrator is extremely satisfying and fun, and only requires a few time spent learning the basics.


In this last lesson, you'll learn how to make a New HD Frame assembling all the concepts from the previous tutorials.
This is the way I actually remaster Sonic frames for Sonic 2 HD, the result of my personal experience with AI spent in hundreds of hours of remastering:

Lesson 3 - Download!

Enjoy!


-Vincent
This post has been edited by Vincent: 22 October 2008 - 06:05 AM

#34 User is offline tachyglossus aculeatus 

Posted 22 October 2008 - 09:04 PM

  • shox3
  • Posts: 38
  • Joined: 15-October 08
  • Gender:Male
  • Location:Melbourne, Australia
Woohoo another lesson! Time to start making sprites. ;)

#35 User is offline JakeyBoy 

Posted 25 October 2008 - 04:18 PM

  • Posts: 889
  • Joined: 11-July 08
  • Gender:Male
  • Location:Dundee, Scotland
  • Wiki edits:3
This is gonna seem pretty stupid compared to some of the questions asked, but for some reason the .avi extension when opened in my Windows Media Player (pause for bullying) is just a sound file. How do I see it properly, or what can open it better?

#36 User is offline Donnyku 

Posted 25 October 2008 - 04:47 PM

  • yay
  • Posts: 1328
  • Joined: 25-December 05
  • Gender:Female
  • Location:Pennsylvania
  • Project:Pony Sprites
  • Wiki edits:2
That'd be due to not having the proper video codec. if you got XP search for XP Codecs, or Vista if you have that. It should have all the needed video codecs to watch modern Video files.

#37 User is offline FraGag 

Posted 25 October 2008 - 04:48 PM

  • Posts: 659
  • Joined: 09-January 08
  • Gender:Male
  • Location:Qu├ębec, Canada
  • Project:an assembler
  • Wiki edits:6
You probably miss a codec. If you're too lazy to search for it, try VLC Media Player.

#38 User is offline Vincent 

Posted 20 November 2008 - 07:56 AM

  • Sonic 2HD - Project Leader & Character Artist
  • Posts: 1253
  • Joined: 03-May 07
  • Gender:Male
  • Project:Sonic 2 HD
  • Wiki edits:6
In case anyone missed this topic and wants to remaster art, here it is!

Any questions, feel free to ask! :)

#39 User is offline Strike Da Mic 

Posted 25 November 2008 - 09:11 AM

  • Illustrator / Musician
  • Posts: 45
  • Joined: 12-November 08
  • Gender:Male
  • Location:Niederglatt, Switzerland
  • Project:GameRights.ch, Sonic 2 HD
  • Wiki edits:21
I'm learning to use Illustrator because of this project, and I had a hard time doing it, because all or most of the tuts I found on the web are either too complicated because they're written by a complete pro who does not feel a beginner's problems, or they're just pointless.
This tutorial, however, is very well done - short, easy, to the point and amusing. Very good! :( :(

#40 User is offline Vincent 

Posted 25 November 2008 - 10:44 AM

  • Sonic 2HD - Project Leader & Character Artist
  • Posts: 1253
  • Joined: 03-May 07
  • Gender:Male
  • Project:Sonic 2 HD
  • Wiki edits:6
Thanks, Strike Da Mic! ^^

These tutorials does not cover advanced features, mainly due all that's needed is video-explained there.
Don't worry about the "apparent" difficulty (If you follow the Lessons is just a matter of few hours) of using it, I didn't even know what was Illustrator before Sonic 2HD, so anyone good-willed like you can learn it quickly! ;)

Never forget, talent alone goes nowhere without dedicated motivation. You got that and your talent will be shaped thanks to practice! :(

#41 User is offline Strike Da Mic 

Posted 25 November 2008 - 11:23 AM

  • Illustrator / Musician
  • Posts: 45
  • Joined: 12-November 08
  • Gender:Male
  • Location:Niederglatt, Switzerland
  • Project:GameRights.ch, Sonic 2 HD
  • Wiki edits:21

View PostVincent, on Nov 25 2008, 10:44 AM, said:

Thanks, Strike Da Mic! ^^

These tutorials does not cover advanced features, mainly due all that's needed is video-explained there.
Don't worry about the "apparent" difficulty (If you follow the Lessons is just a matter of few hours) of using it, I didn't even know what was Illustrator before Sonic 2HD, so anyone good-willed like you can learn it quickly! ;)

Never forget, talent alone goes nowhere without dedicated motivation. You got that and your talent will be shaped thanks to practice! :(


Well - thanks!

I'm motivated alright, we'll see if there's talent as soon as I can grab the time to actually sit down and remaster the whisp :P

#42 User is offline Strike Da Mic 

Posted 26 November 2008 - 03:35 AM

  • Illustrator / Musician
  • Posts: 45
  • Joined: 12-November 08
  • Gender:Male
  • Location:Niederglatt, Switzerland
  • Project:GameRights.ch, Sonic 2 HD
  • Wiki edits:21
I just watched all three episodes, and I really liked them a lot (like I said), but ...

I'm a little bit disappointed that you only show how to alter existing AI remasterings into other stances. Things I really worry about how to accomplish them, such as TD and Uber Shading, are not being touched (if I paid proper attention).

Care to make another of your great tutorial videos for that? ;) :psyduck:

#43 User is offline Vincent 

Posted 26 November 2008 - 05:30 AM

  • Sonic 2HD - Project Leader & Character Artist
  • Posts: 1253
  • Joined: 03-May 07
  • Gender:Male
  • Project:Sonic 2 HD
  • Wiki edits:6
How to make basic UBER shading. (Illustrator)
*UBER shades, refers to a particular drawing method leading from little to no visible colour steps
  • First of all, create a circular white shape, on top of the red shoe. (We are doing the Sonic's Shoe spotlight)
Posted Image
  • Now, let's draw another shape on top of the white spot and colour pick white again.
  • Go on the upper opacity menu, and assign it a 24% opacity
Posted Image


Do we want Uber?
Ok, let's add one more shade!
  • let's draw another shape between the two we've drawn and and colour pick white again.
  • Go on the upper opacity menu, and assign it a 35% opacity
Posted Image

Let's now check out the result! (by zooming back at 100%)

Posted Image
The white spot is blended into red in a seamless way!

(The modified art here is for Tutorial-purposes only. Rough shades are a form of intended contrast especially on reflections!
Be careful adding UBER shading only where is necessary or it risks to blur the entire composition.)


-Vincent





P.s. Have a look at the complete Sonic Uber Stand Illustrator File
This post has been edited by Vincent: 19 March 2010 - 08:06 PM

#44 User is offline Vincent 

Posted 12 January 2009 - 06:35 AM

  • Sonic 2HD - Project Leader & Character Artist
  • Posts: 1253
  • Joined: 03-May 07
  • Gender:Male
  • Project:Sonic 2 HD
  • Wiki edits:6

Blending Tool


This tool, as the name implies, generates automatic gradient shades.
It must be used mainly for metal-like effect, as its abuse may produce cheap gradient-fill effect.

Before working on it, first create two shapes to be colour blended. (or three, depends on the key colours you want to blend with)
Then:

-Select the Blending tool, and manually click on the first shape so it gets selected.

Posted Image

-Now manually click on the second shape you want to blend with, and this will happen:

Posted Image

Easy eh?



Now, because automatic gradients usually fits only metal parts or no rough surfaces, you CAN select how many "steps" it will have by:

-Go on upper menu: Object-->Fusion-->Fusion Options-->(a toolbox will popup)Specify colour steps

Posted Image


That's it, hope you'll find it handy! :)
This post has been edited by Vincent: 24 May 2009 - 07:11 AM

#45 User is offline Strike Da Mic 

Posted 12 January 2009 - 10:12 AM

  • Illustrator / Musician
  • Posts: 45
  • Joined: 12-November 08
  • Gender:Male
  • Location:Niederglatt, Switzerland
  • Project:GameRights.ch, Sonic 2 HD
  • Wiki edits:21
QUOTE (Vincent @ Jan 12 2009, 06:35 AM) [post="266690"]Posted Image

-Now manually click on the second shape you want to blend with, and this will happen:

Posted Image

Easy eh?



Now, because automatic gradients usually fits only metal parts or no rough surfaces, you CAN select how many "steps" it will have by:

-Go on upper menu: Object-->Fusion-->Fusion Options-->(a toolbox will popup)Specify colour steps

Posted Image


That's it, hope you'll find it handy! :)[/quote]

This just destroyed my biggest fear I've had when thinking of remastering sprites: proper shading. :D Thanks Vince!

  • 5 Pages +
  • 1
  • 2
  • 3
  • 4
  • 5
    Locked
    Locked Forum

1 User(s) are reading this topic
0 members, 1 guests, 0 anonymous users