Design Practice: Software Workshop

Showing posts with label Software Workshop. Show all posts

Wednesday, 25 April 2012

Web - Session Two

¡¡¡¡¡¡¡¡

<html>
<head>
<title>
<head>
<body>
</body>
</html>

NOTES : -

Div - Division within a page
CSS - Cascading Style Sheet
HTML -

Route Folder / Sub Folder ( Images )

{ HAS TO BE LOWER CASE }

-------

Save in route folder - INDEX > international homepage'

Tuesday, 24 April 2012

Web - Rough Layout Idea

ª

First rough draft on the web designs we were asked to produce. Realistically I need to begin to start learning Dreamweaver in order to relate my initial sketches to screen. By doing this, I feel I can get the most effective direction within my initial sketches.

Tuesday, 24 January 2012

AFTER EFFECTS: Session Five

Main Objectives:

- KEYFRAMING

- "GROUPING"

- AUDIO

After Effects window, when opening the composition.

Each object moves at a constant speed. Focussing on acceleration, the feel of this motion is unnatural and ineffective.

Using the 'easy ease out' tool will allow the keyframe to gradually change in motion before it reaches a constant speed.

The various ease tools allow you to change the velocity in which the shape travels, from either start to an end point.

Clicking on the 'speed graph' editor tool will allow you to see the distance of speed in measured onto a graph, created by the keyframes. Various keyframe differences will show a varied graph.

You can also change the speed between the keyframes by dragging the anchor points across a horizontal axis.

*Applying the ease out options > Tweaking them in the graph editor.

PENDULUM -

To create a swinging motion, you need to change the location of the initial anchor point then alter the speed between the set rotation key frames. This will allow you to create a natural motion.

>>> TEST MOTIONS <<<

- PARENT LAYERS > Select the required number of layers, link the them to one layer using the parent drop down menu.

- NESTED COMPOSITION >

To create a nested composition, the required layers need to be selected. Then you can click on the layers menu and chose 'pre-compose'.

- Collapse TRANSFORMATIONS - Allows to see everything within original composition, ignores the boundaries.

- SOUND

The same principles are used to import a piece of sound, you can also drag the wavelength to stop and start wherever you feel the need to. Synchronising.

Tuesday, 17 January 2012

AFTER EFFECTS: Session Four

REMINDER:- Make sure Square Pixel is selected when creating a new composition. This will allow you to work in the correct space.

Creating Text in After Effects -

- Click the text tool, and type in selected words.

- Automatically becomes a new layer.

Like most layers, you can also animate/transform the text by using the drop down menu -

The anchor point for this layer is positioned at the bottom left, as you rotate it moves to this fixed point. You can change this easily by using the 'Pan Behind' tool. This will allow you to click and move the anchor point to a reposition.

TOOL PANEL >

Source Text - Click to set a key frame. By doing this you can change the content of the text layer and also, colour, pt size, etc.

ANIMATE - Thee are various options in the menu, allowing you to animate one of the text properties, giving you a different process. This will add an animator to your tool bar.

RANGE SELECTOR - Gives you more options to changing the position of the type. These options allow you to change the amount of text being changed by the position.

START - Position Change, you can change the end, start and offset. Allowing the type to move in different directions.

ADVANCE OPTIONS - It can be useful to work with the characters you have, rather than percentages that you can change. The numbers show the characters in your piece of text.

TEST MOTION >

SCALE - This effect will allow you to either individually change the size of the words or line, allowing you to increase the scale effectively

By increasing the end & start & offset, then adding key points. You are able to create a piece of moving type where the characters gradually increase in size, effectively.

You can also increase the star/end point, and change the scale. By changing the smoothness allows you to see a direct change without any transitioning between the characters.

Using the ADD tool, you can increase the tracking (basically kerning) the characters and also change the colour, allowing you to change each characters colour across the sequence.

Changing the shape of the colour application, will allow different effects to take place. Showing you a variation in the colour change, and also a different direction of pace.

PATH -

By creating a shape using the pen tool, on the type layer. You can animate the letterforms around the line, in order to generate movement. You can also change the position the letters take along the path. This can be useful in determining the motion and movement.

TEST VIDEOS - Examples of the motion graphic techniques I have learned today.

Tuesday, 13 December 2011

After Effects: Session Three

KEYFRAME INTERPOLATION -

[ Interpolation Definition - To insert between fixed points. ]

TIPS:

- Trackmat
- Masks
- Illustrator Shapes / Pen tool

To use an interpolation you need to select the animation window and click the correct window. By doing this you can change the effect of a keyframe between a set of points.

There are various effects that can differ the motion of each keyframe -

After the it has been used:

TOGGLE HOLD KEYFRAME -

By clicking toggle hold keyframe, you can change the rate of passage between each keyframe. The position is held until it reaches another keyframe.

Using a new composition I was able to create a blink animation, through a series of keyframes and alternative effects that effect the speed and passage between frames.

Rove Across Time will allow you the position the keyframe with the sequence so it allows you to have a constant speed between each one of the keyframes.