Saturday, August 28, 2010

Assignment: Complete!!!

I'm soo releaved! I spent so much time on AE and I could only have time after 5 to work on it plus my AHS work and GRAHH!! so much is due this week! - lol to get it done I even had to miss 3 days of school this week...if only cs4 was easeir to find! - I just found the program this Monday, because Mum doesn't trust internet buying...gotta agree with her; what would happen if the internet stopped in the middle of the download 0.0.

Anyway, onto my progress. Sadly enough I haven't finished any other task since  not having the program at home had made it really difficult to complete the task within the week). I'm already halfway through most of them, so I should get the other four tasks for QUT completed sooon though, as with the assignment done all I have to focus is on now is my upcomming exam block, my english and art assignment, the QCS exams on Tuesday and Wednesday...kill me TwT

With the assignment, since I've had a taste of what After Effects can do - which is possible everthing at this rate - I decided rather about the how I should concetrate on the what (composition first). I originally had three topics in mind to promote: Japan (as I just went there recently and I hance heaps of  imagery), Art in general (a favourite subject of mine that I'm pretty familiar with and have access to lots of imagery on the net) and lastly; copic markers (a japanese alcohol marker brand that i'm Really find of, and I have all the products of XD, plus there are heaps of images on flickr).

In the end Idecided for copics since it's not a general as 'Art' and I'm more familiar of the 'feel' of the object in comprison to japan, also it's harder fo me to create a trourism advertisement, making Copic the easiest to pomote.

Next I needed to find an 'arty/copicy' music - not a requirement but I know that music is important in setting the feel and creating appeal for a item that your promoting (yr 10  marketing). In the end I choose a more country/barnyard song, a slow one, becuse I feel that it expressions of 'art/copic' very well "Wired but Disconnected" by duckett. Of course this meant my final product can't neccessarily be one of those retro, abstract compositon - in my opinion anyway. Although the music lyrics itself has nothing to do with copic or art I love how it says; "a thousand tunes ringing in my ears no time for conversation" soo much like me and other firends I have when we're drawing; 'Don't talk to me!!" XD

Now that my music, style nad theme was picked I had to think about the actual composition and how it will tie to both the music and promote the item. I then had a quick search (in my memory ;D, so that I won't copy it) for what other art product advertisments would look like. I had thought to do a really rough, comopisiont but in the end I come up with promoting Copics by saying "see what the end result could be if you use me" kinda thing. For this I obviously need the imagery  of artists that use copics first.

Finding imagery, of actual artworks was a real task for me as, as any artist would be, very anal about people using and/or editing their imagery. In the end I opted to draw my own images (from scratch since my own drawings tend to be a manga style and thus not really workng for the advertisment I had im mind).

That done I also had to work out how to fit it what I had in mind to the music. For this music, the highlight or standing out pieces are in the beginning and end, so to make things easy I choose to use the beggining piece Xp. So looking at the beggning 30 secs I took note of all the high and lows and 'drags' in the music and came up times I needed to either make a 'escalated' prt in the video and how many "connecting" scenes I have between and also whjat should be the tone of the opening and ending of the advertisement - a vague idea of how the advertisement would turn out came form there.

After, it was all technical work which, while it takes alot of time with the fine tuning and getting the exact timing correct, was the simpleset  part to execute. All the skills I needed to take my idea from my head and onto the computer was all there from tutorials, or if I needed extra help google is GOD! Ontop of the images I drew I took photos of my copics, drew my own edited vesion of the logo, and generated basic shapes such as circles, squiggles to at final touches - for this photoshop, which I got with AE, is my Goddess! As I went along I noticed that the more I used After Effects the better and more efficient I became at knowing how to use the programs, brainstormiing ideas to achieve my desired result.

The only great mile stone here point was the darn memory cach for the music! When I opened the file once it couldn't or woudn't recognise the .cfa file for the music despite me Directing it Sooo many times!! and then it wouldn't let me reload the darn music without it being mute!! in the end I was able to resolve this be renaming the music file and moving it to another locating before reloading it. This ment I needed to redited the timing for the music (since I didn't actually start at least 4 seconds into the musc and have a bit of a slight pause at the end of the composition). This happened in three ocassions!! once right when I was in the middle of watch the playback too! Another small hichup I had was theRAM playback for some reason on Wednesday morning it decided to become small - it would only play back 15secs at a time. Luckly for me by then I aldreay had a vague idea what the final piece woul look like and ha all the main imagery in  place and timed. Then starngly enough, just 4 hrs before I completed the video the RAM went up again so that I could watch the whole vide in one go...Huh, weird no? Lucky for me I guess...

I used Everything we have covered in the tutorial basically, Masks and animating them especially! Panning the 'camera', photoshop, animating images, ease in/holing on key frames, timing. Also bits from lectuers like small movement details such as the hand-finger movement (not a stiff movement as shown in examples we're given)  and advertising the 'identity' not the actual object.
Really at the end I only have 3/4 regrets about the final outcome:
- maybe I should of planted in more word effects? - perhaps a slogan?
- the last image of the fan when fading out should have compressed itself -but I didn't know how to do that  y
- maybe the colour wheel near the end needed of cleaning near the edges?
- the whole composition...was it too repetitive? too plain? too traditional and not adstract/funky enough?

When search through the other students assignments I kinda feel conflicted over my choice in composition rather then my actual application of effects. It's really interesting to see all the different styles and types of advertisments the other students have come up with - lol the advertiment for the rock  and lama paradise had my cracking up XD. In my opinion the most effective advertisements was the snow boarding one, creative spice industries and the beach (surfborad brands?), They really keep within the 'personality' of the object they're promoting. like the surfboeard add, for instance, effects and imagery, composition are all very similar to parishar adds seen on tv.

Anyway despite my doubts I'm still really proud of mysefl! I was able to complete the whole video with 5 days, minus all my AHS commitments!~ XD
The video link for the final result is here:
 http://www.vimeo.com/user4449078/videos

its annoying how the video when completed is actually larger in size than when I was composing it... it makes of world of difference when the compostions is smaller (A better too).
What I shoul have done was create black border ends, either on top and underneath the promotion or at the sides. This would have a visual balance with all the white in the video, still stay within personality of promotion, visually more interesting - plus how It's how it looked when in aftereffects beacuese of the black background in the program.

Wednesday, August 11, 2010

The First Task

Spatial Montage
(from week 2 and long over due)

The First Task was, using the 6 images provided by the Uni, to photoshop 5 buildings into a dessert(?) plain. I completed finally  it yesterday in between my two exams (and for info I did bad at the one I thought would be easy and did fine in the one I'd die in XD). 


Since I was absent during the Tut for me it was all about recalling my limited current knowledge and experimenting a bit. First what I did was Get the 'Plain' image (seen right) and added another 5 layers to the images, where I would place the builings later on after I cropped them.


Since all the images are of very different designs and style I thought rather than make the buildings try to match each other - a dying cause - it would be better to have a mis-matched, abstract composition.
The first image - or 'Building 1' as I've dubbed it - I choose to open in photoshop has strange, abstract, circular buildings (seen left) and will be a nice warm up, since the building's outlines are fairly simple. As most of the buildings in the images provided are 'dominant' I thought it wise to snag the smaller builing here - not to mention easier XD - to later obtain 'visual balance'. I use the Magnitised Lasso (pardon my spelling if it's wrong) to trace along the outline. The MagLaso is a lot easier to use than other types of the Lasso. 
Going off topic, Lassos are used to 'select,' 'highlight' or whatever you call it objects. Photoshop has three types; the normal one - where you choose the border of the selected area by hand, the Poly(?) where the 'selection' of border is always in stright lines and the best (in my opinion) is the Magnitised Lasso tool which somehow is able to trace the outline of an ogject when led around by the mouse.
Anyway back to the Task. After I successfully traced a 'selection' that was roughly the outline of the desired building I left cleick on the slected area and clicked 'layer via cut' which transfered all of the selected area (the building) onto a different layer. I renamed the layer 'building 1' and the 'saved as' the thing in photoshop under the name of 'Building 1' for safe keeping. I then made the original image's layer - already labeled as 'Background' - not visible so that only the builing on the 'Builing 1' layer could be seen. Before the building is passable to be transfered onto the 'Plain' image the edges needed to be cleaned of any background along the edges of the building (such as small bits of sky and grass still slightly visible) as they would be seen when I place the 'building 1' in. So I zoomed in close to the image - using the side scroll - and erased all the little edges visible using different sizes of eraser to not disturb the building when cediting small ares such as between small balconies. 
The 'Eraser' tool on photoshop is different to the paint version as in paint the whole area under the 'rubber' is delected and made 'blank', however on photoshop there is an option where the edges of the eraser have lower opacity (are faded) meaning that when editing I didn't have to be anal about erasing each square and worrieng about killing the builing's outline and making ook unnatural. Done editing I then saved the psd. selected the builing using the 'spuare select' tool, which awesomely automaticaly picks out the building's (since it's the only object on the selected layer) when you change to the normal pointer and copy pasted the builing into the one of the layers in 'Plain' - renaming the layer 'Builing 1. And there's the 1st building! phew that was long!


Onto the second! Stay away from the 'weirdy' buildings the second image (right->) is of a city (Brisbane city if I know my city - which i doubt -_-;). All of the buildings are terribly dull, as expected from a city, so to keep with the 'abstract' idea and a bit of fun I choose the small 'book' building to the left for my composition. I followedthe same procedure as last time; re-saved it as 'Buildng 2', selected the building outline using MagLasso, made selected builing a new layer 'via cut', trimmed the edges and pasted onto the 'Plain' on a clear layer which I renamed 'Building 2'. I found using the MagLso harder this time than the last image, primarily down the bottom edge of the structure where the edges of the building was less defined in colour - I had to make more 'points' by clicked and restert the lasso over and over to get it resonable (or maybe I waqs just being really picky).



 'Building 3' was tken from the image seen left. suprisingly (or not) it was the hardest builind to crop and make fit into the final composition later on when I was fiddling with the all buildings together. I had to use the large building in the centre, cause wll there wasn't much else to choose from unless I wanted a motif that was from the side - which I don't. Same steps again above ( I doubt you want me to repeat THAT again XD) except with 'Building 3'.
Cause of the similar coloured buildings around the one I want I had to use the normal lasso by hand and try to get the out line closer as possible to the building's outline without ruining it, leading to alot more editing -  this turned out suprisingly faster XD. Also I croped the bottom 3(?) storeys pf the building so that I could hide the evdence of street lights that would out of place in the desert - this was tricky as the angle at the base of the building would be ackward, but I have a soloutions so never fear!



Seen right is the 4th image where I had little choice again to choose a building - I would have neede to find ways to hide/cover areas from the background builds. Out of all the buildings this in my opnion is the most abstratc in design.
I used the normal crop tool again because it's both faster and impossible to get proper definition - by my reckons - here with the magnistise tool. When clening up the edges I couldn't get rid of the streetlamp at the base so I had to cover it later on. The slight reflection on the building made it harder to define the edges of the building and I had to constantly check if I hada acidently croped the edge of the building off. For a more realistic effect when I past this in the final composition I erased the areas behind the supporting pillars of the building.



Building 5...well obviously the Empire State building...right?...then again looks a lot like a building from brisbane...oh well! I wanted the tall middle building as the style of it doesn't match any of theother buildings - which would promote the 'abstract feel'. All the bases of the main buildings here are covere by smaller contructions so if I decide to crop out all the things covering th bases of the building it will look staunted - and I'm hesitant to stretching it cause ... well it might look a but well strecthed XD. This ment I had to crop all the buildings around the base, and I did, to make the proportion look natural and all the little buildingshave the potentional to act as visual balancers.Used normal Lasso select.


All the buildings on the same file I arranged and fiddled with them - resizing tehm to fir the canvas and arranging them to my liking (like covering the lampost visible in the 4th builidng). The sole reason I made different layers for each building was so that I could edit and play with each one to my liking as mauch as I like without having to worry about effecting the surrounding background or the image being basically uneditable (if that's a word) after I've deselected it. The order of the layers had to change so that I could place some of th buildings to the fore-ground.



The final result is this (above). After arranging them in the positions I zoomed up again and went back to clean any rough edges still visible. The building where I croped the base and left a stange angle was placed so that it stood on a hill behind the other builldings. Also I inversed the direction of the 4th building so that it is both balanced and that the street lamp is covered and I had to crop the edge of one pillar which was poking out on the other side of th building in front, looking unatural. The book building was slightly rotated to be aligned with the ground. I have also placed the circular building so that the connecting bridge (which I've kept croped in for this purpose) look like the 2 buildings are connected. Later after happy with my tinkering I added shadows to the image by adding another layer and using block colour on opacity 33% with the paint bursh tool - took special of the shadows under the 'hill' I formed under one of the buildings so that they were placed right.

 Creative Commons License
This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 2.0 Generic License.

Images are thanks to :
•Andrew Mace - http://www.flickr.com/photos/acmace/4120587279/sizes/o/
• RaeA - http://www.flickr.com/photos/raeallen/68856492/sizes/l/
• Bobcatnorth - http://www.flickr.com/photos/bobcatnorth/383409166/sizes/l/
• Sparktography - http://www.flickr.com/photos/sparktography/91830784/sizes/o/
• harry_nl - http://www.flickr.com/photos/harry_nl/4031055107/sizes/o/
• ScubaBear68 - http://www.flickr.com/photos/22310955@N02/2551583663/sizes/l/





Sunday, August 8, 2010

In the Beginning

Hi! I'm currently a student taking the subject KIB 105 -Animation and Motion graphics-  at QUT (Queensland University of Technology)

From now on I'll be using Blog as a record of all my Tutorials and I'll post up here all my completed homework..once I figure out how to do that =_=; (be warned I tend to Blab a lot online and am irregular in updating, with bad typos - Horror! 0.0)

Currently it is the beginning of week 4 (and third Tutorial) meaning I have a lot to fill in to be up to date. As it is I have yet to finish any of the activities assigned by the course, for VERY good reasons I might add;

1. I don't have any of the adobe programs used by the University at home, and me being stubborn wants to use the same program as the uni so that all details and intructions can be followed/completed accurately. Also using trials of the programs I need are out until the end of September since the course will outlast the trials TwT. Luckly  I can do the first task at AHS, since it's only photoshop, the second task I will try to complete this Firday, since it is a school holiday, on After Effects.

2. I was away for a week after the first week of the course - in Japan actually (you know...fullfilling my young life's dream) - where I missed the second Lecture and 1st Tutorial.

3. During the second Tutorial, I got lost in the Campus and even went to the wrong Tutorial for 20mins before realising that I was in KCB105 (embarassing!!). Then when I finally got to my Tutorial the only computer left was Busted (whimper) so I could only look on with someone - seriously was not my day!

4. I have very limited time in which I can visit the University -since I don't have the programs- to complete the Tasks set out.
Weekends are out since there are no buses to the Campus on Sunday or Saturday from the city (having no car Sucks).
Weekdays are generaly packed to the rafters with busyness and 'work' (<-- This reason's a biggy)


KIB105 is a course focusing on the design and motion of graphics (self explainatory) and uses technology. The course doesn't really cover the '2-D cartoon' animation much from what I have gathered - like I originally thought. I decided to participate with this course because of my interest in Manga/Anime/Japanese Animations, and even though the course doesn't cover what I had expected it is still an intersting subject to learn and study.

The only problem is...well... I'm technologically disadvantaged.

Not that I don't know how to turn on (most) computers - Macs just confuzzle me - but I don't have musch knowledge about programs except for a tiny bit about photoshop. The fact that I failed one (only one) semester of yr 8 ICT is not encouraging, since I haven't tinkered with computers since then.


The programs used - as hinted earlier - are Adobe Photoshop and After Effects (not exactly sure which versions actually)

Photoshop - a program used to edit images ( and if you don't know that, then your quiet sad really - I know of it, and that's saying something). While able to do the basics of paint such as copy, paste, draw, fill etc.,
Photoshops most stand out feature is the 'layers' which, exactly as named, is basically clear planes of 'technological canvases' layered ontop of each other. The cool thing is that you can make each layer visible or not and all the paint stuff - editing, pasting, cuting, drawing, filling - when done on a layer doesn't effect the other layers (unless you want it to). Also there are other fun tools such as the stamp button, effect options, and interesting 'pen' shapes 8D.

After Effects - sadly not a program I'm not really familiar with. From Tutorials I've figured you can use it to place deffects used in  motion videos. It can be used to make  still objects move in different ways (jump, wriggle, rotate etc.). Like Photoshop there are 'layers' of sorts so that many videos motions can be pieced together in one video. An essential part of the whole program is in the 'timing box', where all the effects are keyed into.

There will be three Assessments:
1. August 27th, Friday (30%) 30 sec promotional animated video using still images - focuses on the emotion elicted from the video matching the 'style' promoted item
2. September 24th, Friday (30%) Journal Progress os all Tutorial work (oops -_-")
3. October 22nd, Friday (50%) 1-2 min  animated video focusing on the monologuue (speech) audio of the video - expands on more than one principle of aniamtion from lectures
 (....is there an extra 10% there?...)

Well..Wish me luck!! XD