simplyjas.com/blog

December 30, 2007

[Web Design2] Petrina’s Blog

Unlike what I normally do- when I help people to design their websites; blogs, I will charge them. But I did this design FOC. Who does not want to be pay back after contributing something? I think I’m overly-generous. =)

The second project given for me was Petrina’s Blog. This blogskin was designed by me from scratch. Unlike the previous blogskin I did, this time round, I created a new blogskin instead of modifying. The theme was about Jesus, and I named the design as “I’m walking with Jesus“.

I was thinking of a suitable background for the banner. What can Jesus be related to? Then, I thought of heaven, sky. So, i took the background picture from ashlee7307.

I added maple leaves, the cross, drew a pathway to the cross. Then the footsteps. At first, I didnt know what to do after adding the maple leaves and the cross. It will be very plain just that. Then, I thought of the story I saw before. I thought it was quite touching.

Footprints..
The Lord replied, my son, my precious child. I love you and I would never leave you. During your times of trial and suffering, when you see only one set of footprints, it was then that I carried you.

So, this is how i got the pathway and the footsteps.

the banner

At the bottom of the banner, you can see this word: I want to have a relationship with you. I got this inspiration from yesterday’s sermon.

So I started to write the html code, and tried published it in blogger.com When I view the blogskin in blogger, Everything is so different from the way I designed. Browsing back the html codes, I realised that I didnt “fix” the tables at the respective location and give them a fixed width. So after editing the codes, I’m finally done with the design.

I spent less than 3 hours to finish the whole blogskins including the designing of the banner.

[Web Design1] Arts Fantasy Blog

Hey! I’m supposed to blog this long time ago but I cant find time to update it. Unlike what I normally do, when I help people to design their websites; blogs, I will charge them. But I did this design FOC. Who does not want to be pay back after contributing something? I think I’m overly-generous. =)

The first project given for me was Arts Fantasy Blog. This is the second time doing a blogskin for Arts Fantasy.

arts fantasy

First, let me talk about the banner. This GIF Banner is made from 60 individual gif pictures. What I do was to design the banner first. Then, using Photoshop to move the clouds by 4 moves, then saved it as a picture. So, the clouds will move alot of times before returning to the first still picture. So, I tried this way. In the end, there was 176 gif individual files. I combined all these gif files and make it to a single GIF file. But there was too many files. So, I couldnt add everything. So, I had to redo again. Just for this flash banner, I took more than half a day to complete it.

You may say that I can just use Flash and just motion tween the clouds. But the problem is I dont have the software, and I dont know how to use it. I learned it before, but i forgot already.

This blogskin was modified from pink donut addicts. It originally look like this:

the original blogskin

What I did was to change the stylesheet, the background, the banner, and shift around the tables.