Lyte Byte’s New Header and Logo

If you are new here, Subscribe to Full Feeds or by Email and receive free daily updates on Office and Windows Tips, Tricks and Tweaks..

Its been a year since I started this blog and I had the old header image for my blog all through that time. I also wrote a post earlier on how did I make my own web 2.0 logo and icon for my blog. So it was time again to redo the whole thing and update to a better interface. As I needed to include the main categories in the header to improve the visibility of those sections, I had to extend my header image a bit.

So I sat down and made the new header image during this weekend. Also changed the angle of the icon with a better look. Everything was done in Adobe Photoshop CS3. Transparency, gradient overlay, inner glow, outer glow, gaussian blur are some of the features that were used to create these web 2.0 look.

The Old

Lyte Byte Header

and the new

Lyte Byte Header

Also made the buttons for the popular categories. Since I made these buttons to be partially transparent, they merged well with the header and formed a better darker image.

Vistaa Officea

Howtoa Softwarea

Interneta

Also changed the logo of the blog to look much more appropriate to the header.

lbnewicon

These are formed by the characters L and B. Small b is inside the L and they were turned upside down to form the number 97 but later I turned the angle to give an arrow look.

If you are looking for some good articles to start with, you can read my earlier post on how to create a web 2.0 icon and header for your website or blog. Last time, after I posted many had requested me to create header image for their websites. However as I am at school, I don’t have much time to devote to create for others. But, If you need some help I can give some pointers.

Enjoyed this post? We write daily tips, tricks and tweaks for Office Excel, Word, Powerpoint, Outlook, Windows and other applications. Get 100% free daily updates on Feed Reader, Email or Twitter.

14 Responses to “Lyte Byte’s New Header and Logo”

  1. hi,
    your new header is so beautiful.
    you are a great graphiste .
    but what about my header !!!!
    i am still waiting for your mail !

  2. It looks great buddy . I am also working on a new theme for my blog . Lets see if can make one myself. I am too poor in Photoshop.

  3. Hey this is just awesome stuff!!!

  4. Wow, looks brilliant!

  5. I like your new header and graohics, it suprising what a little pampering does for you site/blog.

    I just recently changed the template and header on my money making blog and it makes me feel like posting more and working hard. It must be like feng sui or something hehe.

    But yeah, it looks great nice and fresh and thanks for linking to me, I will link back.

    ~cuteek~

  6. Thanks to all…

  7. Nice layout and look. I too made mine using Photoshop. your sidebar is breaking in Opera. Check with browser shots.

  8. Joel,
    Are the navigational links on the top clickable? I’m not able to click on the top links.

  9. @ Nirmal, Thanks for mentioning about Opera…About the navigational links, its not working in Firefox…have to work on that this weekend…

  10. The new header and logo look great. good work

  11. Navigational links are working in home page, but in all other pages its not working. (I’m using Opera now)

  12. The new logo looks tremendous! Love the categories in graphics above. Neat looking.

  13. [...] was always inspired by blogs which have very unique Icons and hence it motivated me to design this favicon earlier this year. You can also see my earlier designs I thought of and have [...]

  14. [...] can see is the theme change. The previous design has been here for almost two years though we had header and favicon design change a year ago. As the matter of fact that favicon was featured in Smashing [...]

Leave a Reply