Blender – Brick Wall

After creating the neon text I had an idea that I should create a realistic street view, where it would include the neon text with a brick wall, a road, and a lamp-post and other items that would be consisted on a street. So I started creating a brick wall. Initially I went on my own steam and created a plane stood it up vertically and added a brick texture as you can see below, but there was allot of problems with doing this way and they were there was no depth to the bricks, the plane didn’t reflect light properly and the texture-image had a different light source to the neon text in blender and this made it unrealistic.

blendBricks

 

So to resolve, I found a tutorial to help me out with this problem. I found a really in-depth tutorial showing me how to make each individual brick i’m finding really hard to follow but have managed to get through the majority of it and from what I have created so far you can see a massive difference in the quality from what I did before.

blendBricks1

Carrying on from this I am going to put a texture on the bricks fill out the spaces between them, work on the lighting and then put this finished product and the neon text together to see the start of the street.

Advertisements

Blender – Neon Text Effect

After learning the basics about blender I decided to develop something a little more complicated. So I decided that I wanted to create a glowing neon effect I followed a tutorial which showed me how to achieve this effect. To start off you have to input the text and edit it to make it look like a neon tube. After this I had to make a new material to give it a neon colour and then I had to change how the material emits light to allow the text to glow. After I made  the neon effect I had to animate it to make it look like there is a light turning on. The final product is below (the quality is quite low as it was render low so my laptop can handle it):

From this process I explored further in how you can edit text also I learned how to edit materials and I also started to learn some animation and how I could animate objects in blender. Maybe in the future I to develop this neon product is to make the texture glass for that extra realistic feel.

Blender – The Beginnings

This week I started learning Blender. Blender is a 3d manipulation tool, where you can edit and create images in a 3 dimensional space, you can also animate these objects and there are many other things you can do in blender, but to start off I had to learn how function this program and understand the basics.

To start off I was learning how to control the 3d space and add in the pre-set objects in to this space as well.  To move around a fixed position you have click down the mouse wheel and move around the mouse, to zoom in and you scroll the mouse-wheel and to move around a flat space you hold shift+mouse-wheel while moving the mouse around. There were many other shortcuts and keys that I learned as gradually went through the processes. Below is me simply adding objects the 3d space.

blend1

After this I learned how to input text and edit text, Even though it sounds like a simple task I found it quite difficult to manipulate the text as the interface of blender is very complicated, but eventually I learned how to extrude the text, change the material/Texture and change the font and font size. Also two other basic features I learnt in this time in this was how to control the position of the camera and control the position and quality of the light source, and with these simple basics makes a nice looking composition. My attempt at this is bellow:

blendtext

Website 2.0

Recently I have  redeveloped my portfolio website, when in the planning phase of the website I wanted to create something completely different from my first one so the idea that I came up is a horizontal Parallaxing website, which is something that is not commonly seen all over the internet. The problem I had is that I didn’t know where to start, but that was solved by some research and looking through tutorials and how other people have done it before. Even though I found tutorials helping me with how to create the basis of this website the code was still quite complex and I felt my previous experience with HTML and CSS helped dramatically as I was able to debug the code and understand what everything does even if I didn’t know before.

Before anything fancy was put on my website I just wanted to get the core structure down and then add on the rest. Below is how the website started off, which was just a horizontal single paged website, which had set out panels which fit the screen size and you can navigate through them.

website img

website img1

From this I then added a parallax and other elements on the pages that I created and that brings my website to what it is up to date which I will talk about below.

p1Website

This is my homepage, the first page/ panel that you start on when the website is opened. I wanted to keep this page nice and simple just a fresh greeting to my website. My idea for the background being different from the rest of the website is that I wanted it to juxtapose the other websites to represent the light and easy side of my personality before it delves into the more serious worker side which is the rest of my website. Also I have the two different font weights as a design feature  to keep the user interested in what there looking at but the font family is the same so the theme doesn’t waver.

p2Website

This is my gallery where I show off the work that I have done. I feel this page needs the work even though it is simple which and is a gallery which is what I want it doesn’t fit in with the overall theme and is a bit bland. The improvements that I would make is to have a caption on each of the images when hovering over it and when a image active the small image will be a different colour.

p3Website

This is my about page, and on this page I have a picture me cut out and saved as a png so it gives the effect of hovering of the page, it also includes a short description about me and the skills that I have, this is one of my favourite pages as it is complete and there’s not much more you can do with it, the design is clean and fits in with the overall theme.

p4Website

 

This is my last page and it is my contact page. I also really like this page because it is simple but effective, everything needed is on there, the contact form and my details and these objects all conform to the general theme. I need to tweak some of the image sizes and positions but overall I happy with this page.

So that’s my website I feel that I have developed a strong structure and design to my website there is some tweaks I need to make to improve my website but overall I think its quite nice.

Kinetic Type – Evaluation

To evaluate this project as a whole I really enjoyed the outcome, I felt the process was a bit tedious and dragged just having to repeat the same things over and over again, but positively from this I feel that I have significantly improved my skill to animate in After Effects and improved my knowledge of how the text is formatted and composed affects the scene. For example below there is two help’s one with a thin font and the other with a thick font, what this does is it puts emphasis on  the second help as if the person is shouting it louder then the first help.

txtExamplejpg

Having experienced making a  piece of kinetic typography I feel I learned a sufficient amount so I made another product testing the skills I learnt. Below is my second piece of kinetic typography.

From this project I have learned how to use the basics of After Effects and how to animate text in time with sound. I feel in the future I could develop my knowledge in After Effects use more of the specialist tools to make my products look more professional effect and in general making the animations more smooth and perfectly in sync with the sound but this all comes with practice.

Kinetic Type – The Analysis

Before getting straight into the production of the kinetic type I wanted to gather some inspiration, so researched around the internet looking for different examples, there were many different forms of sound used in the examples I found but the ones that stuck in my head were:

and

From watching these example the most important elements in kinetic typography was the variety. Variety as there were many different movements and animations happening at different places of the screen, the use of different font families, font sizes and font styles and the variety of colour. At first I didn’t know why this variety made the kinetic type so effective, but then after re-watching them I realized that the movements and styling of the type expressed the denotation or a connotation of the word and this is something I wanted to implement into my work.

As I didn’t really know how to use After Effects I had to learn how to input, edit and animate text. So I found and followed some tutorials on how to make kinetic typography. The one that I found most useful is below:

The most significant aspect I learned from the tutorials is ‘key-frames’. Key-frames is a element of the program which allows you to animate the different parameters of an object. It works by placing your first key-frame somewhere on the timeline then you change a parameter of the object for example the scale and place the second key-frame somewhere after the initial key-frame and in the space/time between the two key-frames the object animates in this case the scale will animate.

After grasping the basic concepts from the tutorials I started experimenting, I felt this was the most useful way of learning, trough trail and error. Alternatively combining experimenting and tutorials worked really due to the fact that if I tried to do something and couldn’t do it I would research how to do it follow a tutorial and try that method. From all the experimenting and researching I made first attempt which is below:

 

Kinetic Type – The Description

Kinetic Typography was the fourth mini project that was given. Kinetic Typography as it says in the name is the movement (kinetic) of characters/words/sentences (typography). The brief involved me making a 15 second clip of this kinetic type to a selection of the Gravity (2014) trailer. I was given the sound clip for the trailer, the manuscript and Adobe After Effects which is a piece of post-production software, allowing you to input text, animate objects and move a superficial camera etc. Then I had to go away and arrange a piece of kinetic typography that would represent the emotions and movement that you would originally see in the actors expression.

My first thoughts of this task was that, it was very interesting and had seen some examples of kinetic typography before in music videos and I liked the way it highlights each word giving every single word its own visual meaning, so I was looking forward to delving into this project.