- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -Modular Font: Animation in Photoshop
Photoshop Demo.
Motion / animation think about how things move on and off the "stage" screen. Do they move in from the top, bottom, left side, right side. How can you use scale as a transformation. Or transparency?
Tips
Engage in a dialogue with your viewers
Animate letters to form words, words to form phrases
Keep transitions consistent
Keep placement consistent
Type that is closer moves faster, type that is further away moves more slowly
The duration of a piece should allow enough time for reading to occur
Use type creatively (see treatment ideas below)
Transitions
Opacity
Position
Scale
Sketch/ plan out a few animated gif ideas on how to show how your modular works.
Sketch out some animated gif ideas on how to show off a characteristics of your font -- at least 3.
*your sketches can be done by hand or in illustrator or photoshop -- however you want to start. If you start in illustrator or photoshop work at the correct size so you don't have to scale later. Show at least 6 frames.
*for the final you will must use photoshop for a frame by frame and timeline animation. This is not an AfterEffects project. Please use photoshop -- it can do what I expect from you. Even if you know aftereffects you must to a simple frame by frame in photoshop -- you need to know how to do this -- aftereffects is cool but...
Animation in photoshop
Part of your final post on behance is using animation to show off your letters, teach us about how the modulars are used, teach us about characteristics, you may do more to express the mood or tone of your font. You must have a frame by frame animation and you must have a timeline animation and you should use them to teach us about your font. This part of the project is learning how to make the animations, planning the animations and making tests.
- - - - - - - - - - - - -
Frame by Frame
Reading it: Frame by Frame
Test out a Frame by Frame animation. It is very useful and appropriate animation technique.
When are times you could use a frame by Frame animation -- what makes sense for frame by frame?
You need to have a plan before you start to build it. Build it in Illustrator or directly in Photoshop, using layers in either case. Build it to a one to one size that will work for behance. In both cases use layers and make sure things are exact. Any shimmer or shake will be viewed as bad craft. Here is a visual in behance.
Timeline Animation
Please download this photoshop file and this one and this one for smart objects
Videos I found : transform : transition, opacity, style, this one has no audio : animate a logo
Read the option: reating-advanced-animations-in-photoshop/
*make some tests as you make https://www.behance.net/gallery/105837379/Testing
When thinking about your animation please don't get tricky making your letters 3D doesn't make much sense when you are supposed to be teaching us about your letters, also effects like glitch or bevel or shadow don't add anything like noise to your presentation -- make sure what you are doing is all about teaching us about your font. Keep them simple and clear. IF you want to have some special effects that is "fine" -- but don't do them in place of teaching us -- do them in addition to.
You need to have a plan before you start to build it. Build it in Illustrator or directly in Photoshop, using layers in either case. Build it to a one to one size that will work for behance. In both cases use layers and make sure things are exact. Any shimmer or shake will be viewed as bad craft. Here is a visual in behance.
- - - - - - - - - - - - -
|