Archive | March, 2014

Mini Project 4 – Blender Summary

26 Mar

Over the past few week I have been introduced into a range of different techniques throughout blender. After playing around with all of these techniques it’s fair to say that initially I was slow picking up the process however with practice I have been able to successfully implement all the techniques I have been shown. The main processing that i’ve been working on are setting up a range of scenes, lighting use different lights and emission layers, extruding 2D object to turn them 3D, adding keyframes to produce animation and how to render out both image and video files with high quality. 

I am very happy with the all of my outcomes that I have been able to make and I feel that I have learnt some very transferrable skills that I can use in the future. My aim for the future is to use the motion tracking real life footage within blender, My idea is to have my logo animated and tracked onto a point inside a real piece of footage and to correctly light it so it fits into the scene realistically. 


Mini Project 4 – Blender 5

26 Mar

Referring back to a post talking about producing and blender animation of my logo I have been working on this idea further. After facing many issues turning my original logo into a 3D object within blender I decided that I should create a new flatter logo. You can see the result of the new logo in my previous post and this revision of the logo meant that I was much easier able to extrude it to make it 3D.

For the animation I wanted both my name and the logo to enter the scene from the left at the same time. The text would just slide in and the logo would spin in so that it stands out more and is the first thing people. The lighting scene that I used for this animation was two separate mesh planes I then set the surface style to emission, these panes where then directed towards the logo and one was set white and the other a lime green. Below is a image render of the final scene.

Still image of Logo

Still image of Logo

I’m very happy with this final outcome, it has been the first time spending a bit more time on the lighting set up. Perviously i’ve just used the standard in built lights but this time a used the emission feature on a plane and messed around with the colour and strength until i got something I liked. All the things that I have created with blender has been produced on a Macbook Pro, this means that I don’t have a number pad and this slowed the process down a considerable amount as i could use the number pad to quickly change views, for example (0) takes you straight to camera view. To solve this issue you can go into File>User Preferences>Input and check the box that says ‘Emulate Numpad’. This allowed me to use the numbers along the top of the keyboard instead of a numpad. Below is a screen shot of how to do this.

Emulate Numpad

Emulate Numpad

Below is the final render of my short intro, due to lots of time constraints I was forced to reduce the quaility a lot to ensure it was rendered in time. I’m very happy with the outcome of this animation, in my opinion my skills within blender are slowly becoming betters and my outcomes are improving because of it.


Logo Design

26 Mar

For designing my logo I choose to use ‘Inkscape’ this was tool for creating vector images, it is also an open source piece of software. When I designed my first logo I based it on some aspected learnt in a workshop we had on adobe illustrator, this was working with circles and removing overlapping section. I used some of these same techniques in Inkscape to create my logo, below is the final draft of my logo. 


First logo design

Shortly after creating this logo I was presented with a problem the logo was to detailed for use in blender to turn in into a 3D logo. Because of this I decided to start again and produce a much sleeker design with far less small detail. Knowing that I would be turning this 3D one thing I worked on was making holes in the logo so that you can see through it and light can pass through when made 3D in blender. The most important thing about my logo is that people remember it and that I is recognisable to both me and my website. that why I choose to have my initials(JH) cut out of the centre of my logo. Below you can see that final outcome of the logo redesign. 


New logo design

Mini Project 4 – Blender 4

26 Mar

After learning a range of basic skills within blender I wanted to produce my animated intro containing both my name and my logo in 3D. first I imported my .svg file of my logo that i produced in ‘Inkscape’ into blender. as this was a small image initially I didn’t think that i had worked, however I zoomed in and it was just extremely small in the centre of the scene. So I hit (s) for scale and typed 30, this increased the size of the logo so i was able to word with it. However as i wanted to extrude my logo to make it 3d this looked extremely messy as my logo was very detailed and included lots of different layers. Because of this I then decided that i had to re-create a logo with less colour and a much flatter looking design so that I would be able to extrude it in blender to make it 3D. 

Website – Redesign

25 Mar

Along side all of the mini project briefs over the past few weeks something else that I have been focusing my time on was a complete redesign of my website. The reason for the full redesign was that my first hand in for my website was after I had few hours of coding experience, now that I spent many hours playing around with HTML 5 and  CSS 3 I have improved my overall skills. So I began to do some hand drawn ideas for a new site, I decided on producing a presentation/slide based site, with a colourful minimalistic style. As this referrers back to the first site I built,  which after looking at in depth and talking to peers just contained to much information and was to cluttered.

First website desig

First website design

My idea for the slide based site was to almost tell a story, this story was about me and my work. To do this I focused on a 5 page site. Starting with (home) this was who I am, (about) what I’m doing/interested in life, (blog) further detail can be found on my blog, (portfolio) this shows of all the creative work that I have produced and finally (contact) where people can send me an email if they want to find out more about me or just want to ask a question.

This time round I wanted to make sure that my website would be responsive for all different types of screen sizes. To ensure this I implemented the @media queries function within my css styles to make sure that all content was easily viewable on a range of devices sizes such as mobile, tablet, laptop and desktop. For example font sizes had to be reduced for the mobile size of the site as the original size didn’t work. Another plan I stuck to was to have it so the site wasn’t scrollable, the reason for this was that all content loaded centrally and can be seen with the most ease without spending time searching for it.

Home Page

Home Page

About Page

About Page

Blog Page

Blog Page

Portfolio Page

Portfolio Page

Contact Page

Contact Page

My website can be viewed at

Mini Project 4 – Blender 3

22 Mar

Referring back to one of my previous blog posts about animation within blender I began to play around with these techniques at home. I was easily able to use the keyboard shortcut (i) to insert keyframes when I wanted to to change the location rotation and scale. Another feature that was helpful was the changing the screen view to ‘Animation’ this then allowed you to see all of the keyframes for each layer, then if you click the drop down menu of a layer you are given the individual keyframes for all of the aspects that are being changed for the animation. Below is an example of the drop down menu and each of the things that can be manipulated or removed if you don’t want them to be changed on that keyframe.

Animation Screen

Animation Screen

After trying out these techniques I had the idea of repurposing the football that I had previously modelled and animating that. For this I simply wanted the ball to start of screen and it to roll from one side to the other and of the screen again. This was surprisingly simple to produce. I set up the camera along the horizon line then moved the ball of to the left side of the scene then inserted a keyframe here. I then moved to frame 60 and moved the ball to the right hand side of the frame and rotated it on the x axis multiple times and this gave the effect of the ball rolling through the scene.

I then rendered it out to a quicktime movie at 1920×1080 the final result can be seen below.

I am very happy with this result and the process has taught me some vital aspects of the software and helped me understand a lot more. This shall help when I comes to producing my animated logo intro.

Mini Project 4 – Blender 2

20 Mar

Referring back to my last post talking about ‘Blender’ we have now recently been introduced into the animation within the software. Again this was obviously a very time consuming thing but was very enjoyable. Within the workshops we worked on the start up file cube to test out our animations.

A shortcut key used a lot throughout this technique was (i). This was used to create keyframe on the time frame. to animate the cube you right click it press (i) and choose LocRotScale. This place a keyframe where the mouse pointed was placed on the time line and took the details of the location, rotation and scale of the object you had clicked on. There are lots of other things that you can choose instead however we initially started with this

As one of my previous projects was 2d animation in Flash this also follows that same idea of keyframes. However ‘Blender’ is on a whole new level, its obviously has the added feature of 3D but just overall it is a much more powerful piece of software and also i was going to continue with flash that may not be the case now i’m slowly learning the process in blender.

After this workshop again I did some research, from doing so I found some amazing short animation such as:

This was of a much higher standard than I am currently able to produce. But my final aim for blender is currently to produce a well light scene that is animated with my name and 3d logo included.


Mini Project 4 – Blender

16 Mar

Recently we have been introduced to a new piece of software called ‘Blender’ (, 2014). It is open source software free for all, that is used to create 3D scenes. This is not the only use of blender it can be used for video editing, colour grading, photo editing, animation, modelling, motion tracking and loads more.

After having a look around the software i felt very unfamiliar with any controls and keyboard shortcuts and was struggling a lot. After workshops I chose to look around for some online text and video tutorials that would explain and help me produce some renders. I have been working on make text 3d dimensional and to set up a studio style background that can be used to showcase a range of different models.

After following an online tutorial I begun to remember some of the keyboard shortcuts and this speed up the time that i took to complete models. An example below if a football that I made, i’m very happy with the outcome as previosly I have just been playing around with text and planes so this was a big jump. In the future I shall try to experiment a bit more with lighting as I feel this is very important to get a god final render and.


Football Final Render


References 2014. – Home of the Blender project – Free and Open 3D Creation Software. [online] Available at: [Accessed: 16 Mar 2014]


Mini Project 3 – Kinetic Typography – Outcome 1

10 Mar

Initially I wanted to complete the whole 1 minute speech for this typography task however I underestimated the length of time these types of effects took to complete. Due to a complete redesign of my website and the start of a 3D modelling task I was short for time. I therefore stuck to the originally required 15 second video length.

This task was very enjoyable and i’ve learnt a lot through the process, remembering a variety of shortcuts was the most important thing i felt. Within affects if you don’t know the majority of the keyboard shortcuts your constantly going into menus trying to find the setting/effects you require. However throughout the production I quickly picked up all the important shortcuts. For example (a) anchor point, (p) position, (s) scale, (r) rotation, (t) opacity and (e) drop shadow. Learning these did speed up the process drastically.

I am very happy with my outcome however when I finally rendered out the file the aspect ration was off. Even though in After Effects the ‘Comp’ looked to be the correct size of (1920×1080) my ‘Comp’ Settings’ where set to DV1/DV PAL Widescreen 1.46. I should have set the preset to ‘HDTV 1080 24’ and the ‘pixel aspect ratio’ to ‘square pixels’.

Below is the outputted render of the 15 seconds I produced.

I would like to finish of this project to complete the full 1 minute speech in the future when there is time, when I do this I shall amend my Comp setting to ensure correct pixel aspect ration.

Mini Project 2 – Photography – Extended

7 Mar

I have chosen to extend the photography mini project a bit further, moving away from the alphabet photography idea I wanted to to use of new piece of software that i was introduced to in a workshop. The software is called ‘Hugin’ is its panorama stitching piece of software that is open source. I was very impressed with the capabilities of this software. Lot’s of panoramas that i have seen are of natural outdoor landscapes and buildings. However after looking at so many of these i wanted to add a different twist to this. I choose to photograph my Uni room in halls, This is because it where I predominately spend the majority of time working on all of my design processes and i wanted it to feature in my history of projects. Below is the final image I was able to produce using this software.



I’m very interested in the idea of inside Panoramas and will definitely be taking this further looking into what indoor spaces I can show of with this new technique i’ve learnt.