[Jof]

Vincent, 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.

[Hodgy]

[Vincent]

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

[tachyglossus aculeatus]

Woohoo another lesson! Time to start making sprites.

[JakeyBoy]

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?

[Donnyku]

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.

[FraGag]

You probably miss a codec. If you're too lazy to search for it, try VLC Media Player.

[Vincent]

In case anyone missed this topic and wants to remaster art, here it is!

Any questions, feel free to ask!

[Strike Da Mic]

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!

[Vincent]

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!

[Strike Da Mic]

Vincent, 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

[Strike Da Mic]

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?

[Vincent]

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)

• 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

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

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


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

[Vincent]

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.



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



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




That's it, hope you'll find it handy!

This post has been edited by Vincent: 24 May 2009 - 07:11 AM

[Strike Da Mic]