Pixel-Style Globe Animation- part 2

We are going to continue working with Illustrator to create a 3d-styled lighting affect on a 2d pixel-styled graphic. I'm still using a globe, but it doesn't really matter what you are using. This video is a bit short in concept, but hopefully you are starting to get the idea how this could be done.

Watch on YouTube:
Part 2 of Pixel-style Globe Animation with Illustrator & Photoshop

Intro to Presenting: part 1- What NOT to do!

We aren't going to spend much time looking at presenting software, as the vast majority of people already know it. The real issue isn't the software, but rather how it is used. So, in this series of lessons, we are going to look at how it is used; good, bad, and terribad. Let's start with the worst.

As you begin creating your own presentations, make sure you are adjusting your presentations accordingly.

Watch on YouTube:
Intro to Presenting - p1: What NOT to do.

CSS: Box Practice: p1- Quesadilla

Understanding the Box Model is important when it comes to front-end web design with CSS. Being able to stylize and place div-tags and other elements is also important. You've learned quite a few basics of CSS so far, but lets really get some practice in now. We are going to move through a series of exercises to really get good at styling div tags. This will help as you begin to create and design your own websites utilizing CSS for all the design work.

We are going to start pretty simple.

We are going to make a quesadilla in a box with div tags.
Learn CSS - Box Exercise 1: Quesadilla in a Box

Animating Pixel Graphics: 3D lighting with Illustrator

We are going to begin a new animation today. We are starting pretty similarly to the previous exercise, but this time, make sure your design is in a circular shape. We are going to take a flat pixel-styled graphic of the earth (or I am, you can do whatever as long as its circular), and create a 3D lighting effect as an animation. We'll hit a few speed bumps, but thats ok, as they are jsut learning opportunities.

Watch part 1 on YouTube:
Part 1 of Pixel-style Globe Animation with Illustrator & Photoshop