We Have Fun - video

I put together some quick shots of some thing i got up to, this was made as an example of the exact thing that would be posted on the Mac & Jack blog regularly. When ever one of us gets up to some thing i think its important to share it on the blog. this makes intrest on the site. Note that the poster frame of the video uses the logo element and the video tittle. After some quick grading i think this is a good example of what style video the Mac & Jack blog should be updated with.

Logo Mac & Jack

This is a mix of the element before and the header, I like the cleanness of it as oppose to the hand drawn look from the header of the site. The idea would be to have different text on the black box. this could be to tittle blog posts on the site or even stickers or a phrase we use. the main aim would be to keep this shape through out.

logo development

I want to completely re make the logo. im not to keen on my last idea. Using elements of the header i have started to make assets like the one above in illustrator. the logo has to be used on a variety of things like video thumbnails and packaging. it would be good if it could some times say the video tittle and not have to say the brand name. Im going to play around with this idea a bit more. I think using the circle would be good.

Final site mock

roll over header

This is a close up example of the roll over working. The work page has square thumbnails. once clicked they will take the user to the actual full project page. The header used in this example is not the final one. its to high in the middle and could be made smaller. The headers of the pages are also using oswald that google web font.

working header

This is the final header design, I was thinking along time about what text to use but i found this google web font called Oswald that i think works well. this means that this will all be text on the site. this will be great for google search ranking etc and is just generally good web practice. There will be a simple white roll over link of white when the text is hovered over. The words Mac & Jack could always go back to the index page that will also be the work page. This could have a green roll over. 

New Header

I have redrawn the header image with pen on paper then i photographed it and cut it out in photo shop, after simply using select colour image i could then crop and adjust the image appropriately. 

I wanted to make it smaller so i cut elements up and put them on different layers so i could play around with it a bit. 

Then in illustrator i made a quick shape to place with the header. 

After lining it all up till i was happy i deleted the relevant black bits so that the circle would come through whilst maintaining transparent background through the white dashed line on the circle. 

It is now complete and only needs some menu items added. There will be some fine tuning like centralising the circle etc but im happy with the concept of this as a header. A much better development in design compared to my last. 

Haters Final Video

This is the finished results of the video that was made during the illustration. it demonstrates the kind of thing that should be regularly made to put up on the mac and jack blog so that regular intrest is kept on the site.

Initial site mocks

Bellow are my first mock ups for my site. I have played with quite a few working mock ups but this is what i have so far. I quite like it for a start and have gone for a fixed centered site like my research has pointed to. The header is the only harder bit that is probably not final yet. As i dont currently have a logo its hard to know what it will look. I think the header needs more development. 

This is a mock up of a project page, there will be a face book like and tweet button. The next and back buttons have been hand drawn to match the hearer image. 

This is a mock up of the shop page, I will be using basket to go for the shopping cart. 

I'm thinking the work or portfolio page with the thumbnails should be the home page. There is also a brief description on there as well. 

HATERS VIDEO

I filmed a small time lapse while drawing the video, after grading and putting it together in a video there is a short 30 second video. Above are some stills from the video. 

Final Illustration

HATERS ai

After opening the drawing in illustrator i am now tracing it. Once this process is complete i will bring it in to photoshop and play around with textures and layer styles to add a bit more to the original. 

HATERS sketch

This is my sketch im now going to open it up in illustrator and redraw it. 

Poster Idea.

Im going to produce an illustration piece thats based on one of my previous bits of work. I want to do some thing with drippy letters.

This is a dripping alphabet that im keen to use again. I want to do more letters and maybe use a phrase.

This was drawn in the same way as the alphabet then vectored and coloured in photoshop. I want to attempt a more advanced drawing than these and also make a video of the process for the blog.