?>
August 18, 2008

Project WordPress, Part 5: Logo Design

Project WordPress Tutorial

Today, we are going to design the logo for the WordPress blog we are creating. As you might know, Project WordPress evolves around an actual blog we were asked to design. What we are also revealing today is where you can find the blog and see it in live action.

So far, we’ve covered the following parts in Project WordPress:

Part 1: How to install WordPress

Part 2: Eight dead essential WordPress Plugins

Part 3: 10+ recommended WordPress Plugins

Part 4: Creating your blog layout.

Part 5: Logo design

This is what we have after the last part (click on the image to enlarge):

Wordpress Blog layout

…and do you want to see what we are going to create? Right, we knew it. We have to let it out.

Introducing a Blog

Okaaaaaay, here goes. The blog design we created is for a person who got into blogging and was looking for a nice and special WordPress theme. The blog was supposed to stick out from the rest. It had to look like her, and communicate within the same lines the content she writes does, and support her style. The blog is about women in business, and the blogger herself is is a business woman who is very successful as a private consultant.

In the past, she has worked for big companies and earned her spores there. A couple of years ago, she ventured into starting her own business as a consultant, which proved to be the right step to do, as she explained to us - and she is blogging about her exciting experiences right now, over at her blog for women in business.

Yeeees, we want to introduce her first before we give you the link! So this business woman is now writing on her blog - here comes the link - for women in business, and you are cordially invited to follow her on her ongoing quest to find the best way of life as a private business consultant, who not long ago met the love of her life. She blogs about balancing work and private life to get the best of both worlds. She is also very health oriented and likes to share some very tasty fruit drink recipes, dirty laundry, and the role of women in business, and much more. It is really worth a read. Please pay her a visit and kindly leave a comment on her blog if you like what she writes!

Oh, and yes, the blog’s name is Bunny got Blog. Here is a screenshot:
Bunny got Blog for Women in Business

Now let’s cut to the chase and show you how we designed the logo. We’ll start with Illustrator and then move on to Photoshop to finish the design. In the following parts of Project WordPress, we’ll design the blog header and body, go into styling with CSS and coding with PHP. Read on…

April 09, 2008

New WordPress Project Tutorial coming up

On a quick note: the last weeks have been quite busy for us. We’re working on several projects right now and things did get a bit stressful. That’s why we didn’t have the chance to post what we wanted to during the last two weeks.

But we have good news for you: we’re going to make up for it - big time!

One of the jobs we’ve been working on lately is the creation of a brand new WordPress blog from scratch. It included setting up WordPress, choosing, installing and customizing the best plugins, picking a basic theme, and remaking it completely including graphics, PHP and CSS. So basically, we created a new WordPress theme.

Here’s an appetizer:

WordPress tutorial

What we’re going to do now is post the complete process of creating a WordPress blog here on Vibr8bros.com. This includes all of the above. The main pillars of this tutorial series will be:

  • WordPress - installation, setup and plugins of choice;
  • Blog Identity - creating the logo and identity of a blog;
  • Blog Layout & Style - building the CSS and PHP on the basis of a basic theme to create a whole new WordPress theme of choice;
  • Blog Graphics - creating the header and all graphics for the blog from scratch using Photoshop and Illustrator.

We will take it step by step and go through the complete process with you. We will talk about tweaking WordPress to your liking, useful and must-be plugins, working with PHP and CSS, and using Adobe Photoshop and Illustrator professionally to create beautiful results. In the end, you’ll be able to apply the techniques we discuss to your own projects.

So, in the prospect of this great series coming up here on Vibr8bros.com - do you think you can excuse our recent blogging holiday?

Stay tuned…

February 19, 2008

Photoshop Tutorial: More attractive images with The Rule of Thirds

If you’re in photography, this might be one of the most important rules to follow. If this rule is new to you, stick around, as the Rule of Thirds applies to designers as well. In this tutorial, we will trim Adobe Photoshop for the Rule of Thirds - making your designs look better and more appealing.

A photograph, or artwork, is more appealing to the eye if the designer follows the Rule of Thirds. The rule states that by dividing an image with two vertical and two horizontal lines into nine equal rectangles, the intersections of these lines form the four preferred spots for an image’s focal point(s). Sounds confusing? It’s not, really - just read The 5 Rules of Composition over at our sister blog Nubloo.com.

Now we will turn this into practice by creating a Rule of Thirds template for Photoshop. In the end, you’ll have a custom shape which you can apply to any of your artwork in an instant, and use it to enhance your work. Read on…

February 15, 2008

Free Photoshop Template: Page Peel for any Image

With this Photoshop tutorial (including free PSD template), you can add the page peel effect to any of your images in just one easy step.

Page peel? What’s this again?

By adding the page peel effect to an image, you can make it look like a “real page” - so to speak. Now, you can do it with no hassle by using our free Photoshop template.

example_02.jpg Read on…