Business

I forgot to post this last month. I final got some business cards done and they cost me a small fortune. They were made by http://www.goodprint.co.uk/ and they did a great job.

AnimalAntix

Welcome to AnimalAntix... I recently redesigned their web site. It didn't take me long all in all I think it was about two days worth of hard work. It still needs some work doing to it but you get the idea of the site from this image.

www.richard-abram.co.uk/pet

The link is for the demo version.

The other image below is the orinal web site they had in place. I believe a good web site reflects the companies own image in it self.

The last 3 weeks

First things first I was suppose to finish that fashion web site I was working on but things came up. First a DJ friend of mine needed his web site re-designing so I redid the home page for him. For the time being its just one page with information about him and a link for his myspace and facebook page. At so point in the future there will be a page for other artists and media to be displayed on the site.

Secondly I have been putting the finishing touches to the animation I was working on. It now runs a lot smother and there’s now a 3 second pause on each section of the poster.


Thirdly I have been spending a bit of time on adding a Flickr feed and a Twitter feed on my web site. Not to mention a bit of a redesign to the site mainly to the footer and the header, the footer now has a fence like pattern and the header has my name in a very colourful and bold way. I think in the next few weeks I’ll try and re do the header and add some kind of logo.

update on --- A little challenge made by me

Hey here's the index (home page) for the fashion site I decided to challenge myself on. I would have posted this earlier but I was super busy with other work. In total it roughly took about 8-12hours to do this one page. Eventually I will do some more pages on this fashion site to finish it off but all so I'll add a wire frame model. That way you can see the outline to each part of the page.

check out the web site here... http://www.richard-abram.co.uk/fashion/

I think I'll play around with the font as well when I develop the other pages. I think I can make the font look a bit more stylish.

bye for now...

:-]

Animated poster

This is the draft version of an animated poster that I have designed for the school of Art, Media and Education at the University of Bolton. The animation is about 80% complete. It was designed in adobe illustrator and imported into adobe after effects. Each vector image had to have its own layer in illustrator for me to have complete control over the effects I needed to add. The main technique used were using the mask tool to make the loops animate around the screen.

A little challenge made by me

I was recently looking at a web design company and found a site that they did but mostly using images to build the site. I decide to challenge myself and see if I can re-create it Solely in CSS. So watch this space I shall be uploading the finished site as soon as I can. In the mean time check out the site I'm trying to copy in CSS

http://www.philiparmstrongcouture.com/

Build a Sleek Portfolio Site from Scratch ANOTHER UPDATE

On Saturday, 4 April 2009 in my post "Build a Sleek Portfolio Site from Scratch" I made a mistake with the coding.

The correct coding should be for page1 in the web design site should be...

body {
margin:0px; padding:0px;
background-color:#11090a;
font-family:Arial, Helvetica, sans-serif;
}
#wrap_container {
background:url(images/background_bottom.jpg) repeat-y #000;
}
#outside_container {
background:url(images/background_slice.jpg) repeat-x;
}
#container {
background:url(images/background_main.jpg) no-repeat;
min-height:750px;
width:861px;
position:relative;
}

The original code was....

body {
margin:0px; padding:0px;
background-color:#11090a;
font-family:Arial, Helvetica, sans-serif;
}

#outside_container {
background:url(images/background_slice.jpg) repeat-x #000000;

background:url(images/background_bottom.jpg) repeat-y #000;
}

#container {
background:url(images/background_main.jpg) no-repeat;
min-height:750px;
width:861px;
position:relative;
}

The problem was that I had a Div called "outside_container" this was trying to repeat an image horizontally. And then an image repeated vertically both with a black background colour. This confused the browser and didn't display the website in the way I wanted it to. The solution was to have each background:url(images/#######.jpg) on its own Div tag. Then I needed the "wrap_container" to set the background colour to black which is #000

Shazam! the site works "page1" displays the site how it should be and "page2 with bug" shows one of the problems I had