Tuesday, October 11, 2011
Friday, September 30, 2011
Friday, September 16, 2011
-Create icons by pixels not by vectors. When creating each individual icon with pixels, you can get the most crisp and clear when working with pixels versus creating it with vector and resizing it. Vectors will blur out the crisp lines when sizing it down to a small size.
-8x8, 16x16, 32x32, 48x48, 128x128, 256x256, 512x512.
-Use consistent lighting and perspectives.
-Use icon builder or favikon
Here are some good references:
Thursday, September 8, 2011
Fun Bouncing Navigation Bar:
Good HTML5 Designed Websites:
Good Icon usage in Web:
Top Wordpress Themes:
Golden Grid System:
Beautiful Typography in Web Design:
Single Paged Web Portfolios
Popup Bubbles (Jquery)
STRIKING WEB DESIGN!
Wednesday, September 7, 2011
f5 - insert blank frame
f6 - insert keyframe
cmd + B - break apart (like ungrouping)
cmd + shift + d - distribute the separate parts to separate layers
when centering an object, cut (cmd x) and press cmd + 2, then cmd + 1, and paste.
Monday, August 22, 2011
"Lord Jesus, I sin. Grant that I may never cease grieving because of it, never be content with myself, never think I can reach a point of perfection. Kill my envy, command my tongue, trample down self. Give me grace to be holy, kind, gentle, pure, peaceable, to live for Thee and not for self, to copy Thy words, acts, spirit, to be transformed into Thy likeness, to be consecrated wholly to Thee, to live entirely to Thy glory."
Thursday, July 28, 2011
Wednesday, July 27, 2011
Wednesday, June 1, 2011
Tuesday, April 12, 2011
Wednesday, March 30, 2011
Wednesday, March 16, 2011
Tuesday, March 15, 2011
Grid Based Websites in general: http://grid-based.com/?
http://wordpress.org/ <=quickpress (helps you layout websites)
Saturday, February 19, 2011
Tuesday, February 15, 2011
-create or import a pattern to a fairly small document (measured by pixels) into photoshop.
-go up to edit>define pattern>and label it
-if you want to paste the pattern go to edit>fill>pattern
To make the pattern more dynamic you would need to to look as if its going diagonally down:
-go to filter>offset>and set the horizontal and vertical to half of each dimension.
-then follow above steps and blahblah
cmd+shift+J = makes new layer based on selection
Layer > New Layer Based Slice: it makes a slice exactly cropped onto the size of the layer
-you wanna do this for the images on the website
-then save for web & devices, and the whole image will split according to the slices
-on the next dialogue box, make sure you only save SELECTED slices
Friday, February 11, 2011
-Under the "position" key frame, click the GRAPH and move around the keyframe points (which changes the "dots" of the tracking) to change the speed of the animation.
Animating Your Frames:
-Make sure your frames (in any picture format) is numerically ordered and LABELED with similar titles.
-If importing multiple files, AE can import all the frames at once. (file>import>multiple files)
-When all frames are imported, AE sets the frames to 30 fps, to slow it down (ctrl click on folder, and change timing). Its better just to manually drag them in (so they are spread out).
*Note: when your files are dragged into the composition, they are stacked. The purple band represents the length of time the object is ON screen. You can adjust the length of the band FOR EACH object. The shorter the band, the shorter the presence, and vice versa.
Thursday, February 10, 2011
Tuesday, February 8, 2011
Sunday, February 6, 2011
Friday, February 4, 2011
Frank and Ollie, two veteran Disney animators detailed twelve motion graphic processes which have become fundamental principles in storytelling animation. These principles are described in great detail in their classic book, The Illusion of Life: Disney Animation (Hyperion: New York, 1981).
Squash & Stretch - when ball bounces, ball has a squash effect right on the bounce, and a stretch right as it comes back up. This effect adds fluidity.
Anticipation - pretend a ball is about to launch into the air. what anticipation does is having the ball squash before launching.
Straight Ahead & Pose to Pose
Follow Through & Overlapping Action - When coming to a sudden stop, the bobbing effect adds fluidity in motion.
Slow in & Slow out - having a little delay when a ball is in the air after bouncing, without this effect the ball would look to mechanical.
Arc - having an arc if ball bounces across
Secondary Action - think of objects that are effected by the main object in motion.
1) Make the circle shape in photoshop and make sure its tightly cropped. Save it in PSD format because AE has no problem reading that file format
2) In After Effects, create new composition on left window by clicking film strip icon.
3) Double click that same empty panel on the left and import the PSD file. Then drag and drop the ball to the composition (black screen to the right).
4) Place the ball wherever and on the bottom panel, click the arrow to drop down the menu on the composition and click the CLOCK on POSITION (because we want the key frame to affect the MOVEMENT of the ball).
5) Theres a little yellow dot that appears to the timeline, so drag it to wherever FRAME/SECOND you want the animation to start. This allows you to drag the ball to the desired position and what it does it creates a dotted line (called tweening).
6) Adjust the dotted lines and bezel handle to however you want the ball to animate.
**to add a realistic bounce, you would need to change the scale as the ball HITS the floor so it will look SQUASH. You would need to add two key frames BEFORE and AFTER the bounce key frame. The BEFORE and AFTER key frames are the original shape of the ball and the MIDDLE would be the squashed.
s - scale
r - rotation
p - position
u - toggles all key frames