Illustrator Pig

My Banner

Here is my banner with the clipping mask and drop shadow also with inner glow. I also lightened the text with image adjustments.

Setting up your blog

Starting Your Computer Arts Blog

We are going to create a class blog together using Google Blogger so you can post your Computer Arts progress there. Here is the address:

lfascomparts@gmail.com

Password: lfas2017

• Open Google using Firefox or Google Chrome- DON'T USE Internet Explorer.
• Sign-in using the email address- lfascomparts@gmail.com and password- lfas1234.
• Click on the ap icon at the top right of your page. See icon >
• Start a new blog with a title- your blog title should have your name somewhere in it. 
• The address has to be something completely original- no one else in the world has it. 
• Then select Theme> Customize to personalize it with colours, fonts, backgrounds. 
• Make sure to keep it private/restrict access.  Settings> Basic>Permissions
• As we create new work, we will personalize it even more with a profile photo etc. 

Next:

• Start your first post. Write a short paragraph: If you could change yourself into an animal,  what sort of animal would you be and why? Find an image of the animal.
• Then write about your computer experience and any sort of programs you have experience with. And what is your major?
• Then are going to start making a name banner for your blog using Adobe Photoshop.
 

 

Here is a Blogger tutorial for more help:

Blogger help

[Last Semester]

Computer Arts1

lfascomparts@gmail.com

Password: lfas2017

lfascomparts2@gmail.com

Password: lfas1234

Animate Tutorial Check List

Make sure you have the following animation tutorials saved to your blog. Each can be in separate short cartoons, or all included in one real. Include a title of the type of animation technique used.

• Frame to frame animation
• Motion Tween
• Classical Tween
• Shape Tween
• Transform/Scale Tween
• Colour Effect Tween 
• Masking 

Then and post your personal project- Circle animation which includes a minimum of 4 techniques to help tell your story. Give a brief synopsis/intro/overview to your story idea on your blog.

If you are having issues posting your animation to your blog, then create a folder in the StudentShare/ "2018 Computer Arts" folder titled with your name. Make sure to post your write up about your animation to your blog.

Animating a Walk Cycle

The walk cycle is one of the most important learning concepts in animation--and also one of the most technically difficult, because it requires so much attention to the movement of opposing limbs.

However difficult, though, if you can learn to master a walk cycle then you can animate just about anything. There are many types of walk cycles, and you can vary the motion to match your character or his/her mood; you can do bouncy walks, shuffling walks, casual slouches. But the first and simplest is the standard upright walk, viewed from the side--and that's what we're going to attack in simplified form today.

You can cover the cycle of a full stride in 8 frames.

Here is a walking cycle Flash Tutorial.
Walking Cycle Tutorial


Here is a tutorial that criticizes the "Walking Cycle":
April Peter, Animator 
She has a good argument why the walking cycle is not the best way to learn.

April offers some advice:

Never stop thinking about who your character is.

 Each walk should be different to suite the weight, gait, strength, body type and attitude of the character. 

After you've finished the basic structure, you don't have to keep the keys of all the transformations on the same frames. Each separate rotation or translation can have a different timing.

Don't obsess about ending up with identical graphs for each step. Achieving perfect mathematics and achieving a good animation usually aren't the same thing.

In fact, try to dirty the walk up. For example, place the feet in a slightly different place every time. Play with the rotations of the torso, head or arms.

FLASH: Circle Animation

https://media.giphy.com/media/H2NIpGM7gkntu/giphy.gif

Create a simple animation about a circle.

Your circle can be a real-life subject ie. a golf ball, or a hole in something, you can decorate/embellish your circle, it can have a personality/identity, it can start abstract too, and there can be more than one circle...

But no matter what, you should create a simple story about your circle: establish the character through graphics and motion, give some conflict, and have the conflict resolve.

• Create a Symbol/main character [AKA Circle].*
• Background on a different layer to establish scene.*
• Must include a short narrative: Establish character/conflict/resolution. * 

Animate your circle using four or more of the following techniques:

• Frame to frame animation
• Motion Tween
• Classical Tween
• Transform
• Scale Tween
• Colour Effect Tween
• Shape Tween
• Ease
• [You can animate the background too.] 

Create a simple story and incorporate your new Flash skills.Publish it and save to the Flash Circle Animation in the Computer Arts Share folder. We will share all of the circle animations with the class... When you post it, write a short overview of what your animation is about.



Some circle animation ideas
https://youtu.be/X0k7N0ASfp8

Animate/Flash: Masking Tutorial

Inserting Layers and Naming them

• By default you will have a layer in your timeline window. Insert one more layer, totally you need two layers to mask an object.
• Rename the top layer to "Mask" and the layer below that to "background".

Creating Shape Tween

• Import your picture to the "background" layer.
• Using Oval tool from your tool box, draw a circle in your "Mask" layer and delete it's border.
• Drag the circle to one end of your picture.
• Now go to"frame 40" of your "Mask" layer and press "F6" to insert a new keyframe.
• Now go to "frame 40" of your "background" layer and press "F5" to insert frames, so that your background image is available all through your mask.
• Select "frame 40" of your "Mask" layer, that is your new keyframe, Keeping the playhead on "frame 40" of "Mask" layer, drag the circle to other end of your picture.
• Now go back to "frame 1" of your "Mask" layer, keeping the playhead on "frame 1" of your "Mask" layer, select Shape tween in your properties window.
  

Masking

• Right click on the "Mask" layer (the area where you named the layer not where the frames exist) and select Mask.

Your Mask is all ready. Press Ctrl+Enter to view your Mask.