Tuesday, 4 May 2021
504 - Editing and Final Film
504 - Compositing
Here are my favourite scenes that I composited (Ducky and Olivia did the character animation, I did everything else):
Flashcards/Intro Scenes:
- Colour corrected the bird to match with the environment
- Colour corrected the BG, adjusting saturation levels
- Compositing texture overlay on bird
- Animating each layer's sway movement for depth
- Blur any FG elements if there are any
- For 2 scenes I added a slight blur on the branch to bring focus to the bird
- Add camera movements depending on the scene
- If the scene is a closeup, blur the BG and resize it
- Reposition bird and BG comp for the final composition
- Add camera sway to final scene
- For riflebird scenes - created the iridescent effect using the same process as the iridescent test
- The camera movement and main animation part of it wasn't too complicated, it was just like any other scene but with a more in depth camera movement. Again, I faked the parallax by just moving the FG layer down quicker than the others.
- When it came to the flashcard, it was hard to do mainly because I needed to use the main scene however if I zoomed into that then it would be too blurry for the flashcard, so I had to use a different asset and cut between the two This ended up being very finnicky and I spent a lot of time manually working around problems and tweaking it till I got it to look right. In addition, the main scene file was much much larger than 1920x1080 because of the camera movement, therefore it was cumbersome to get the zoom right.
- Because of the cut between the original scene and the new bird asset, I had to work between compositions and it just became very confusing and time consuming, however I'm pretty happy with the end result
- For the actual flashcard movement, I used these 2 videos as my main inspiration and reference:
- I really liked the black bars coming in, and doing this would create that strip effect for which I could use the BG from the scene but blurred
- I also noticed that the flashcards looked interesting because there was always a bit of movement. With the borderlands intros, all of the text and assets were moving. The main movement was a slow increase in size, but there was also rotation and some moved across the screen slightly
- Finally, I also noticed that what made the movements effective was contrast. They shouldn't move in the same direction, they should react and bounce off each other to make it visually appealing
- I tried to incoporate all these things in my flashcards, and I think it turned out pretty successful. I think they're very snappy and visually engaging, and the slow movement works really well
- I do think that the info text should have been all caps, as currently it looks a bit out of place and not contrasty enough, however I don't think it is too bad.
- I found the rifle bird scene the hardest as I just couldn't get that zoom right, I think it looks a bit off and I'm not sure whether that's becuase of the direction of the squash of the animation before popping up, or if it's because the positioning of the zoom is misalligned. Either way it's very quick so not too noticeable.
- The greater flashcard was definitely the easiest, as the zoom was actually part of the animation and I didn't have to manually do it (except for the BG). In the future, I think planning for these zooms more extensively would have benefitted me, and would also make them a lot cleaner.
504 - Backgrounds
Here are most of the backgrounds for the film:
- My main issue I had with painting these backgrounds was matching them up to the same style as the vertical slice. In the vertical slice I had a looseness and sketchiness to both the drawing and paint, that I feel I haven't been able to recreate in these. I ended up painting these backgrounds a lot later than the vertical slice so I couldn't remember my exact process.
- I feel that these BG's are a bit too paint-by-colour and could have been a lot more energetic. I think I ended up getting bogged down by thinking about it technically rather than treating each BG as a painting in itself and being more free and creative with them
- I also found it hard to match the colours exactly as well. In my vertical slice, I ended up making it too washed out, so I painted over it with blending mode layers to give it that saturation. With these, I went straight for the more saturated look, which made them look flatter
- Despite this, I also ended up adding adjustment layers to increase the saturation of certain parts. One aspect I find really hard about digital painting is choosing the right colours, brightness and saturation. I always find I end up having to add blending mode layers to tweak these, which makes the paintings look more digital. In future, if I want to create a very loose painterly look, I'll need to practice my colours a lot more
- As each BG is split into layers for depth, I painted them from back to front so that I could fix my mistake from the vertical slice of having some layers be too transparent. I found that I actually prefer it more transparent as it had a softer feel. I think I achieved that with the further back layers, but as they get closer to the FG I think they're too clean and bold
- My last problem was that I had a lot of trouble painting the trees and branches in the BG's, they needed to be less saturated and contrasting than the main branch that the bird sits on, but due to that they ended up looking a bit muddy. The redder branches worked better I think.
- I ended up painting the FG elements very simply, as I knew that they would be blurred for a depth of field effect, therefore I didn't need to waste time with details
- Additionally, I painted the layers further back much more loosely and simply to create that manual blur/softness I had in the vertical slice, and I think this was successful
Sunday, 2 May 2021
504 - Layouts
- Making sure that the BG's work when composited (with the camera movements). There were quite a few scenes that had zooms or pans, therefore the BG needed to be large enough to accomodate that without being pixelated, therefore all of these are larger than the standard 1920x1080 format. I used red boxes to show the different camera movements
- Similarly, as discovered from the vertical slice there needed to be some extra space round the edges of each BG to allow for camera sway to be added in post
- Another element I had to think about before actually drawing them, was to see how many of the scenes could use the same BG. Some of them were closeup's of a previous scene (for which I would just use the same BG elements but redraw the main branch to ensure high quality), but for some there would be multiple different scenes on the same BG, but not necessarily in the same place, therefore I would have to create a BG that can accomodate all of them. This happened with the layout with 3 different coloured camera boxes, but also the last layout suits several of the scenes too
- In addition to this, there were several scenes that are extreme close-ups, and these don't need a layout as I would use a respective BG but blur it
- For the actual drawings, I needed to make sure that they were layered so that I could create simulated depth in post, and that each drawing was complete even behind layers nearer to the FG.
- Finally, when exporting these layouts for my group to use to animate on, I only exported the main branch that the bird would be interacting with (to make it easier visually and avoid clutter), and I made sure to include the dimensions of each layout so that they would use the right size.
504 - Vertical Slice
- The character animation didn't exactly line up to the BG, so I need to make sure that my layouts are final before uploading them, and that they are very clear, and also make sure that the animators use the full layout so I can just drop the animation in and it'll be automatically lined up
- The BG was exactly 1920x1080, therefore I had to enlarge it to add the wiggle. I should take this into consideration for the actual scenes and make them a bit larger than they need to be in order to composite them.
- The BG although split into layers was semi transparent, therefore I couldn't move each layer around that much. I don't think that's much of a problem for these kind of scenes as the movement is very minimal, however it reduces the flexibility I have, and also for scenes with camera movements it may pose a problem. I should make sure that the BG is painted and makes sense layer by layer rather than paint it collectively
504 - Iridescent Test
One of the 3 birds (the Victoria's Riflebird) we've selected for the film has bright blue, iridescent feathers on its neck and chest. I want to somehow make this seem iridescent for the film, so I did a little after effects test:
504 - More Style Tests
I tried doing some more traditional inspired tests for the BG's, as I liked the roughness of the previous ones but thought they were a bit too digital.
Firstly, I coloured the branch traditionally using pastels to get more physical texture and that traditional feel. I scanned that in and combined it with a blurred and textured photograph:
504 - Final giffgaff Advert
- I think overall it is successful. It definitely adheres to the brief, in terms of both content and style
- One worry was that each different style would make the end result look incohesive, however I think because of the matching elements it ended up working together
- The different style text preceding the next scenes also aided in maintaining that flow, and also gave more appeal to the text than just using the standard font
- The pacing is good
- It's very snappy and packs a lot of information in while not being too rushed
- I think we could have spent more time on the sound, creating our own sound effects to make the audio feel more complete in addition to the narration and music
- I'm not entirely sure that the transition from the intro scenes to the main advert is received as being an advert within an advert. I think we could have maybe tackled that in a different way
- I think the text at the end and then the following logo and end card could be tweaked a bit. I think it doesn't fit as well as the rest of the text in the advert.
- This project has ended up teaching me a lot. Firstly I've learnt more about After Effects as a motion graphics tool (as opposed to the compositing I've used it for before).
- I've also learnt about how challenging it can be working to a strict brief. The main challenges I felt were sticking to that 20 second time limit (we still went a half second over time) as well as making sure that the advert felt giffgaff but also had our styles incoporated in it. In addition, keeping track of the guidelines giffgaff set was a lot too, but overall it was great practice
- I also learnt a lot about teamwork, as because our respective scenes were so stylistically different we had to confer with eachother a lot, and also use some of the same elements
- Everything I've learnt in this project can be used in the future. For the technical side of things I now know more about after effects and how to achieve different outcomes and workflows. For the soft skills, I've gained more experience working in a team and to a brief with guidelines.
- I definitely enjoyed this more than I thought I would, but I'm still not sure how suited I am towards fast paced short-form animations that are needed for advertisements. I find that I tend to lean towards slower, more ambient kind of scenes.
504 - giffgaf Alien Scene
The alien scene was really fun to create. Firstly, Ducky animated the blink of the aliens, using my style frame as reference:
I then brought that into After Effects and animated the eye movements, general movement of the aliens, the BG stars, the phone, the giffgaff doodles and finally added halftone texture and a cutout style. Here's the final scene:
504 - giffgaff Advert Scene
Here are the final scenes for the advert within an advert section:
I think these subtle elements really polish up this scene, and the doodles further link it to giffgaff's recognisable style.
Monday, 19 April 2021
502 - Business Card Mockup
Here is a mockup of what my business card would look like:
Sunday, 18 April 2021
502 - Presentation
Here are the presentation slides of my reflection for this year:
Similarly to the showreel, I tried to design the slides to reflect my website. Overall I'm pretty happy with my slides and my content, however not so much with the delivery.
Recording the presentation means that I have to listen to it back to make sure it's all there, and it highlighted how bad I am at speaking. I realised how that I fall over my words a lot and I'm not too clear, and also that I don't sound particularly engaging with my voice. I tried fixing all of these by doing many different takes, and I even tried recording it slide per slide (that didn't work as it was like starting from scratch each time, and it normally takes me a bit to get some confidence with presenting so it resulted in a lot of stutter on every slide), however I didn't make much progress. I guess it's just something I'll get better at the more I do, however I think that I'm the worst at presenting more personal things/my thoughts like this, rather than my actual work for example.
502 - Showreel
Here is my showreel, showing the best of my 2D background, compositing and animation work done over the past 2 years:
- I wanted the title and end cards to be more interesting than just text, so I used the same trick as last year of putting one of my works but blurred behind it. I really like this as it also allows me to transition into the main showreel fluidly
- I also wanted my title card to reflect my personal branding and presentation, so I used a very similar but free font for it
- I knew I wanted my alien scene to be first, so I used that as a starting point. The motion of it went from left to right, therefore I put the rolling-down-hill scene next as that also had that left to right movement, so the 2 scenes together make sense and flow well.
- I initially had the bird scene near the end however it just wasn't fitting in well. I ended up moving it next, as the colours of it matched the previous scene, and it ended up also acting as time filler for the music to hit the drop
- The lightning was timed for the drop, but also acts as a transition to the scenes with a black BG. In addition, it serves to give a bit of a break from the faster moving scenes, allowing me to show some of the slower scense next
- The character in the balloon scene was positioned after the lightning as it has a black BG so it can fade in. It's also next as it is almost reacting to the lightning strike
- I transitioned into the towel scene using the slam zoom of the WEEE to act as if it was zooming into the binoculars that we're seeing the towel scene through
- Rain of one scene allowed me to transition into the rain of the next without it being jarring despite the style differences
- I used the man being launched upwards to transition into the water fx splash, as if the man is falling into the water himself from the previous scene. It adds a vertical continuity between the scenes and a bit of humour. I really liked this transition especially as I was having trouble fitting the water splash in anywhere due to its more sketchy, unfinished appearance and the stark white BG (it was also timed to be on the beat)
502 - Portfolio
Here's my current portfolio:
https://louzane.wordpress.com/portfolio-2/
As mentioned in a previous post from this module, I don't think my work is that great, so this portfolio is very much a WIP and not something I will actively send out in job applications. Despite this, I thought it was still better to create something as it can act as a stepping stone for me, and it also highlights what I really need to work on.
All of the advice from artists about portfolio's stressed how although technical skill is important, the main thing recruiters are looking for and what makes your work stand out is the idea behind each piece, and how you show off the narrative. They want to see your thoughts on how to break down a story and how you problem solve, and my portfolio feels very lifeless. I need to do more personal pieces for this reason, focusing on the story and mood primarily, and then making it look good.
Another piece of advice they gave was to not include writing in your portfolio, as they don't read this. Your work should tell you all that by itself, and this is another reason why focusing on the idea and story is so important. Looking at my portfolio you don't really understand my thoughts behind my decisions.
In addition to this, a lot of artists reccommended adding development work in there to help show your thought process. To do this, I could set myself a little side project where I create a BG for one of my animation ideas, and having that as it's own project. This would allow me to properly build up a piece for my portfolio.
Finally, a few artists mentioned how it is great to show your ability to paint scenes in different times of day, therefore I included that in my portfolio, however I think a more interesting composition would be stronger at showing this off - but again it's better than nothing.
502 - Website
As part of my personal branding, I decided to revamp my old website I created from foundation, updating its format and aesthetics as well as my work and 'About' section. The link to my website is:
https://louzane.wordpress.com/
502 - Where I'm At with Everything
- I went into this year pretty much focusing solely on becoming a BG painter, but understanding that I need to improve my BG design skills too.
- This led me to working on the BG's for the practical modules, however in addition to this I've also done the compositing and other After Effects stuff (mainly with the giffgaff competition brief).
- I really enjoyed this, so now I want to open up my practice more and explore all 3 of BG's, compositing and After Effects. This can include doing each of them separately but also exploring ways I can combine them. Here are some of the areas I want to explore more: animated illustrations, game concept art, 2D compositing, motion graphics, 3D compositing (maybe, I currently don't know much about 3D)
- From all of the Q&A's, I've noticed most of the artists didn't follow a linear path, a lot of them graduated thinking they were going to become one thing and then changed mid career. This encourages me to not just focus on BG paint and really explore these other areas I enjoy as well
- Because of this, although I want to focus on these 3 main things, I'm going to still be open minded and basically work on things that I enjoy. Finding motivation this year has been tough so I want to prioritise my enjoyment over being skilled
- Despite all this, I still need to present myself in some format and this is too vague to market, therefore my website and portfolio will primarily be focused on just BG art currently as it is the thing I can define, but I will also try and show my interest in the other 2 areas as well. This will also allow me to expand on my website if I go down different routes than just BG's.
502 - Elevator Pitch
Friday, 16 April 2021
502 - Artists Q&A Dump
I ended up finding a lot more advice from artists that are relevant to my interests from their Instagram stories. Here is a dump of their most impactful answers to me:
Paul Abadilla - Sets Art Director at Pixar:





















































