After Effects – TV Screen

Again in After Effects. Going in to depth with the software as I am now more familiarised with the software. In my workshop today we did a short video of ourselves only 8-10 seconds long, then uploaded it to the computer then to the software. The aim of this was to create myself in a TV screen setting, using the typography I learnt how to do in my last workshop, combining these two together so the words will appear on the screen at the side whilst something else is being played on the TV screen. To start with, I got an image of a TV screen had to then trace around the black screen as that’s what I will edit to move and t have my video in. This is what I managed to do in my workshop, it is not finished yet as this is mid way through it’s progression to finish.


After Effects

Today I was introduced to a new software called After Effects, This is a new design software as I am only really familiar with Adobe Photoshop. Today I thought of something I wanted to say on my screen, created a purple background for it then typed all the words I needed separately, placing them where I wanted them. Then to start designing.

Screen Shot 2014-10-28 at 11.50.35

This is what to software looks like, although I have already put a purple background on to my design screen.

There is a bar on the left with all the design effects like: size, colour, movement in all directions, shadows and even how to make something appear from behind another word or object. With all these design effects anything was possible really. The link below is what I created during my workshop of After Effects.

Basic Code

Screen Shot 2014-10-23 at 14.27.03-2

This is some basic code to start the basic plan for a website, with simple paragraphs, headings and titles.

Again this is in another new software called Brackets, the concept of learning the new software and learning all the syntax which is slightly similar to programming, but not exactly the same. Remembering the differences was difficult because one minor fault will cause it all not to work. But in general the concept of making a webpage from scratch is fascinating, knowing that this is how all websites are made and it is possible to create something so big by the codes that are entered.

Processing – Floats

I used a software called Processing which I have been recently introduced to and to get used to the software and the syntax, our task was to create a screen with squares on and once the square was clicked it would change colour and move. I discovered a float was a type of integer data type, but it also supports decimal values.

i found this quite challenging as I was completely new to the software and remembering all the signs, symbols and words that all meant separate things. Overall I found this enjoyable as I learnt how to do it, I can now in my spare time use this code and edit it to see what else I can create by changing the codes slightly.

Here is the example I created.

Screen Shot 2014-10-16 at 14.20.50-3Screen Shot 2015-01-07 at 22.02.22


This week I was introduced to a software called Processing, which is a new software for me as I have never really experienced programmes that are specifically for coding.

Screen Shot 2014-10-09 at 14.19.56

Automatically when I saw examples of this being done, it did scare me a little bit, but now I have had a lesson on it and was told to just look at it, break it down, it becomes a lot more simple, just basic codes all compiled together. Above is something I created in a lesson where when the screen is clicked, the background will turn black, with 10 circles randomly placed in the box.

I then extended it further to make it once the mouse was clicked 10 random circles would appear and every time the mouse was clicked the circles would appear in different places each time and the background colour would change every time.

Screen Shot 2014-10-09 at 14.29.36 Screen Shot 2014-10-09 at 14.29.42

Learning basic coding terms has really helped me understand the software, as I have never experienced any coding programmes before. I find it really interesting the amount you can do with text that then can translate to something visual by just running the codes.

As confusing and complex it may be, I learnt basic coding terms.

I then spent that day on Codecademy  going through the tutorials for HTML and CSS which I have found very beneficial for me, so I intend to carry on using the website for the future.


Here on Codecademy, I was taught how to insert images on to a website and then connect them to a URL of my choice.

I then carried on codycademy later that week. I was still learning HTML and it gave me tasks to do that related back to my first course, but it did not tell me the instructions. I had to remember from last time and re-do it and I found it slightly challenging, all being so new, yet very rewarding once I had completed it successfully.

Screen Shot 2014-10-09 at 21.00.24 Screen Shot 2014-10-09 at 21.00.35

This is what i managed to create at the end of my Codecademy course for the HTML.