Over the last two weeks I have been doing a series of self initiated mini-projects. All these can be seen on previous blog entries with my thought processes and critique.
My aims for the two weeks were to try new designs and programs that I have previously not tried out. I am very happy with this decision as it meant I can learn some new skills such as Adobe Illustrator, Low Polygon modelling and Photo Editing. I mentioned before the 2 weeks started that rationing my time would be crucial to this and I feel like I could have done more if I did this better however I feel that with learning new skills and programs normal creative processes took longer and in some aspects were very limited due to my knowledge on the programs. I do however think that given my skill set and experiences I did do a reasonable job and the core ethos of the project was to learn and try new things. I feel I did this and if I were to do the same projects again I would do a better job and this was is the most important part of the previous two weeks.
Programs I tried for the first time were Adobe Illustrator, Blender with skills I have tried are mesh editing, low polygon environment design, vector logo design, taking/editing photography and collaborating/managing a project.
At Bournemouth University I was taught the basics of Blender. Blender is an opensource 3D modelling program that can do modelling and animation. I personally didn’t like this program as I felt the User Interface wasn’t very responsive and didn’t represent true 3D polygon modelling that I learnt at College. However, as a basics to using 3D perspective I feel it was a good learning curve; though I have previously modelled so I found this unncesscary. While the User Interface was fiddly and the tools were somewhat limited I liked the results it could produce easily.
Looking for tutorials I found this low polygon model that covered a lot of basics from point manipulation to lighting and rendering. I felt this was a nice step into the program as it covered a lot of basics to create industry standard 3D models and it also came out with a nice result. I have actually admired this style for a long time too after seeing various artists replicate it on Dribbble.
Using the tutorial I looked at creating a volcano in the sea. Originally I intended to animate this so I wanted a simple volcano and sea so I kept it simple and only had one point of interest. But this wass something I struggled with as I couldn’t figure out how to animate texture movement and is something I will have to look further into in the future. Instead I just did the volcano in full lava flow and manipulated the water by making it two shades of blue and using the same technique as with the mountain onto the sea but with smooth effects. This created nice waves and an image like the above. I felt it helped make the plain look less flat and gave it a character. I also added sub islands around so there was more in the background of the model. Overall I was very happy with the model and texturing part and found it pretty easy to do though I think my grasp of basic modelling principles helped with this. On the other hand though the modelling of the clouds took longer due to missing points when moving created shape distortion. This took a while to figure out as I was selected the movement as before but then I realised it was on a separate layer and I could press A to select all without selecting my plane.
I then set up the lights and camera playing around with the settings given. I found the camera position to be sensitive and it took me a while to get the angle I wanted. I also noticed the plain was too small in comparison to my volcano so I couldn’t get the full volcano in as I hoped without the edge of the plain showing on the camera. If I were to do this again I would modify this so that I could get a better end image. I modified things such as the sun’s volume, the stars and added a slight mist. I also added more point lights in to light up the lava to show it is lava and give it a further depth.
Looking at the final project and end result I quite enjoyed this, I however didn’t like using Blender and would look at using Lightwave or Maya as I previously have used these and feel for more intricate designs and professional models to use in games then these would be better programs. However if I was looking to create 2D art in a 3D program or simple animations then Blender would be the ideal platform to do this on. Overall though the image I created was something I was pleased with though it needs work in certain areas and paying more attention to lighting in order to further the fields of depth would be something I will look to do in the future. On the other hand though for my first attempt I am happy with the outcome and the ease in which I created the image though it took a while due to the learning of all the tools and shortcuts though I am comfortable that if I can do it again then I will do it quicker and it will have a better outcome following what I have learnt.
Ever since I produced my original portfolio website I have looked to modify the page as I feel it wasn’t eyecatching enough. In order to fix this I looked at the background however with the multiple colours it was difficult to implement a design. I spent a while playing with designs that make the page looks clean but interesting enough to attract potential employers. While initially I was going to go with the one primary colour as suggested by my tutors upon revision I felt this looked quite standard. However as I am promoting myself and my creativity I want to push the boundaries as this will show that I produce unique designs with practicality as well as aesthetics.
I believe what I created originally was a good base to start from. I was pleased with my initial design however as my tutors pointed out it was too central and could do with variation. This along with my background were my primary concern as I felt these were the first impressions of the site. Overall I am happy with the usability of the site and I just want to change the looks to make it more visually appealing.
I started by looking at the positioning of the logo and the navigation. My aim with these were to make them less focused centrally in order to make the focus the content of that page. I also replaced the text on my website with my new logo. This was a significant improvement in my opinion as it made the page look more personal and less standard. I decided upon the placement of my logo in the top left as to ensure this is the first thing the user sees on the website so they know my name and can associate my work with it. I then decided to use my nav on the opposite side so that I can give more space to the content and the nav is the natural progression from the logo to view. As with my current navigation I have kept the logos but changed the shape to circles as this is a personal preference that I prefer over squares that gives character to the page. The navigation will be white with my images laid over them as per my previous design but the colours will appear on the hover over.
The colours relating to the section was something that I looked upon improving. I wasn’t very happy with how they were represented before as I believe the lack of gradients and depth made them feel unpolished. However I combined the background issue with this one to come up with the idea that each page would have a separate background relating to their colour. When I tried this out I found backgrounds had to be done exactly right not to clash with the text or make the text unreadable. This took a lot of trial and error in order to ensure that the background fitted my website perfectly and the ones I chosen did this.
However, with the lack of a navigation on the homepage I wanted to find something that represented me and my ideas. I looked at several different designer websites and a few had quotes or introductions that represented them. I liked the quote idea and this reminded me of a Steve Jobs quote “Design is a funny word. Some people think design means how it looks. But of course, if you dig deeper, it’s really how it works”. I feel this is a suitable quote that sums up my ideas about design well.
Overall I am very pleased with my designs. I feel it is a lot more eyecatching meaning there is a higher chance it will stand out amongst a sea of designers. I wanted it to incoperate my design ideologies and my personality instead of being standard and I feel my design now does this. As for the coding aspect it seems very achievable with my coding knowledge so I am happy with my level of design being realistic as well as in my opinion good looking.
I have been working with Tom Hawkins about the FMHVibe Rebrand. I took a more managerial role in the development of this logo creation and I felt this was a great decision. Tom is a very talented artist and he managed to create exactly what I sent to the brief. Our communication was constant and always productive and I felt our design styles really complimented each other.
The project allowed me to collaborate with someone and establish a link that I can utilise in the future but also was a learning process as it meant I can make a brief for another person and see how coherent it is and find a style that can be productive as well as easily manageable. This is something I have never done before with another designer as they are often for me however giving someone feedback allowed and seeing them produce has bettered me as a designer in my opinion. Watching and influencing another person’s work flow has made me think about how I deal with projects and tips that could make me be more productive. I definitely enjoyed doing this project and taking a less hands on role and would like to do it again in the future as working with someone who is really talented and better my initial plans by getting a second view on them.
I will be working with Tom again soon as we look to continue this rebranding with an overarching brand for these potential websites. We will be looking at making the logo similar to the ones we have produced in this project yet with its own unique stylisation. I am hopeful this will be another successful project working with Tom in which ends with some great portfolio work for him and a very usable logo for FMHVibe.
Doing Game Development at College really inspired me to look into how games are made. I did 3D modelling at College however this focused on the model rather than the texturing. I find texturing a beautiful art as it looks at all perspectives instead of just a certain angle. The flow and detail that has to go into a mesh in every pixels means that everything must go together and be worked on to the exact pixel. I picked Minecraft for this project as there are a lot of resources and guides available online in order to aid with this. Along with this it is open to everyone to modify their skin and can be updated instantly meaning I can get constant and fast visual representation of the outcome.
I based my skin off of me in a Batman shirt. I liked having shirt detailing as I felt this would offset the design nicely if I kept the rest basic. For my face I started with my eyes as I felt this was an appropriate starting base to work around and gather a reference on where the rest of my facial features will be placed. I used a Minecraft technique that is used on a lot of Minecraft skins when I researched into them. I then placed my mouth and made this a slightly darker shade than my skin. It is difficult to make any mouth shape given the limited pixels so I just went with a straight mouth. However the gap inbetween the mouth and eyes meant I couldn’t extend my beard shadow as I had wished to in order to add further details. For my hair I used three different colours of brown in order to give it detailing and depth instead of just being flat in which is what many Minecraft skins I have seen have. These in my opinion looked too flat and lacked dimension. For the legs I put a belt onto them to offset the colours and make my mesh have more interesting. I also added yellow laces on the shoes to again add colour into the mesh and break up the shades of black/grey.
However, when testing this I noticed the belt needed to be on the body as the legs move independently meaning the belt will be distorted. With editing this to the top it meant this would be stopped. I then looked at other parts of my mesh and identified the colour of the jeans being too dark and a lighter grey would make the parts more distinguishable. Also with this I then edited the pockets to a more detailed and concise. I then edited my hair to make it further layered as I found this worked well but due to being so small it was hardly noticeable.
After this I decided I was happy with the skin and I felt I can now move forward with the design by making sections 3D as Minecraft allows a multi-layer mesh. Initially I did my hair and details such as the belt, shoelaces and pockets. The hair however didn’t look right as it left a gap and it looked more like a helmet than hair. On the other hand though the other items looked good like that and added a 3D element to the 2D mesh.
This project was very rewarding overall and was enjoyable. I loved creating the mesh as it allowed me to look at things in detail on a very limited surface and work objects together in a single plain as opposed to separate images like I am used to with UI design. I am going to look into doing more complex models in the future however Minecraft skins allowed me to use tutorials and previous meshes to get inspiration and work my way around the pixel art style and mesh creation.
I briefed Tom on the logo and showed him my previous logos. After that he came back to me with this idea. I liked the font and felt it was exactly what we were after as it is clean yet modern showing the cutting edge of the forum. I said to Tom I like this but expressed concern with the ball. I liked the idea but I was concerned about the intricity of the design as I feel if it is scaled down to a favicon it will lose its detailing and be a circle.
I also questioned the e merging into the icon as I feel it may not work with non-circular shapes. Tom then sent me this image the next day, we both mutually agreed this doesn’t work with the detailing and the design. Due to this communication got more and more it slowly evolved and changed into a more coherent design.
We went back and forth on the designs and I suggested using a tie. I felt this represented the game well and the shape and design means even when small would be still easily recognisable due to the lack of small shapes needed. At this part I was very pleased with how the project was going and the developments Tom sent me and how we went backwards and forwards to further the project. I felt the communication we had was consistent and always productive so I was thrilled with this.
During this development I sent Tom this mock up of a potential design. We both agreed that this was a good concept as the icon was recognisable and with his text and adding detail it can be very versatile but instantly recognisable to fans. He then went away and put his own spin on my design and came back with a design that were in my opinion spot on. He has made a design that fitted my brief and I feel the communication was key to this. He also showcased other games and how it can work for them, this was very impressive as he took the project to the next level to show that it checked all the boxes that I set initially.
Overall Tom’s work was brilliant and our constant talking and me sending my ideas to him for development worked well. The logo fits all the needs and as seen in the picture above it can be modified in a number of ways while not losing the branding that will be key as it will be used across many mediums.
As seen in a previous blog entry I redesigned FMHVibe.co.uk’s brand logo. While this was something I was initially happy with decision regarding the logo but as time went on the lack of vector image and when resized to small for a favicon or general design use it wasn’t very recognisable or readable making it hard for a user to identify the image. Also a few discussions with the team working there showed that they didn’t particularly like the way the h and the v merged. This looked ok with one colour but the two colours made it look strange as if the v was being put behind in which wasn’t the intention.
To solve this I decided to take on a more managerial role and work with Tom Hawkins on this and oversee the project using the base I already started with. Tom has significant experience in logo design for brands and with an impending expansion I felt this was a good opportunity to pass on my creative direction to another person in order to see the bigger difference. For me it will be a massive change from being the designer but one I am relishing as it allows me to set briefs and talk about work in a professional environment by analysing work and looking at modifications for the task.