March 2012

30 Minute Redesign #85: Designrs Hub

Today I’m going to be redesigning Designrs Hub, a blog providing design tutorials and inspiration.

The Original Design:

You can see the original site design below:

You can check out the original website here.

First Impressions: Strengths

Every site has some merits, and the good impressions I made here are these:

Unique, Eye Catching Logo

When visiting Designrs Hub my eye was first drawn to their logo. It’s bold, bright and unique. Without this logo the blog would look more generic but it helps to create some great instant branding.

When we first start selling on the Envato Marketplaces, we all expect to make a great amount of sales and, of course, money. But then we realize that it is not as easy as it seems. A lot of authors are frustrated because they do not have the success they expected to have, but are they doing the things correctly?

With 78% of the U.S. population on the internet and a growth rate of over 150% per year, websites are becoming more important than a physical presence for many businesses and service providers. Your website is more than a stake in internet real-estate – it is often an internet user’s first impression of you and your business, a powerful vehicle for marketing and the perfect platform for sales.

Online business or rather e-commerce is becoming increasingly popular and the demand for this market has only increased by each year. While some of the blogging platforms can double as an online shop; there are still users out there who opted for a convenient platform that could solve all their problems by supporting e-commerce and offers different customizing features in order for one to manage and design their online stores.

Advertise here with BSA

With the current technology in the market, such as 3D effects and High Definition (HD) for home television, more and more people are opting for more vivid and realistic viewing experience. In fact, this demand is even branching out to web viewing experience as well. Therefore, with a little effort and creativity one can easily capture their targeted audience online with the right kind of tools and effects that increase the viewer’s viewing pleasure.

Advertise here with BSA

While most of us have heard of HTML5, not many of us are actually aware of what it does. However, lately one of its featured known as HTML5 Canvas is slowly picking up popularity and demand in the market. HTML5 Canvas is said to be an element that is used to draw graphics while scripting, and normally that means through JavaScript. To put it simply the HTML5 Canvas is akin to the Flash program only one would use JavaScript to draw their graphics and their graphics is then defined in codes.

While going through articles introducing the HTML5 Canvas we have came across some amazing examples and implementation of the HTML5 Canvas; in fact some of the designers made such good use to this feature that we have decided to collect and compiled some of these amazing examples and share them with our readers.

Firing Heart – Emotional photo manipulation

In this tutorial I’ll show you how to create a photo manipulation with firing effect. You will learn how to manipulate stocks images together, use brush, masking, work on fire, do some special extracting and retouching techniques as well as adjust colors and lighting to create a beautiful and emotional scene.

Final Image

As always, this is the final image that we’ll be creating:

Advertise here with BSA

Now a days, many people are talking about depth in visualization, we have 3D home theatres and cinema, we even have High Defintion (HD) mode on our television. We wanted things to look as good as they do in real life, therefore to increase the realistic sense in viewing we wanted more depth instead of just images portrayed on the flat screen television. Perhaps, web designers who are slightly ahead of time might heard of Parallax scrolling. While this term is not widely known at the moment, there have been increasing demands of it in web design to add more depth to web designs.

Advertise here with BSA

Members Area Tutorial: Create a Flashlight Illustration From Scratch Using Photoshop

Final Image

The result of this tutorial is shown below:

Have you ever experienced last minute jitters that ended in clicking the close button instead of buying that long debated purchase?

According to our authors there are a few things you can do to help customers during the ‘hmmm maybe’ moments that will help them feel more assured.

If you are an author who needs to change ‘maybes’ into ‘more’, we’ve asked around and found the top 5 things sellers can do to improve buyer experience.

A Quick Overview On JavaScript

JavaScript is used everywhere online these days – to improve website interactivity, to validate information, and/or to improve a website outlooks. JavaScript first appeared in 1995 and has come a long way since then in terms of being accepted and how it is used. The syntax used in JavaScript was strongly influenced by C; but Java, Pearl, Python, and Scheme also played its part too.

What Is JavaScript?

There’s an old YouTube clip answers the question well. Here goes.

Beginner Tips: What You Need To Know?

For starters, a few basics you need to know are:

Create a dramatic building explosion scene

In this tutorial I’ll show you how to make a dramatic building explosion scene. You will learn advanced techniques to create an exciting effect and learn to take care of many details. This is not a beginner tutorial so you should practice to know basic photoshop tools before giving it a try.

Final Image

As always, this is the final image that we’ll be creating:

Every month we compile the best posts from across our FanExtra Network. This includes PSD.FanExtra and Blogs.FanExtra.

PSD.FanExtra. Photoshop & Graphic Design

Photo Manipulate an Exotic Snake Charming Scene

Learn how to use photo manipulation to create an exotic snake charming scene. You’ll work with blending, lighting, warping/distortion, sharpening and non-destructive workflows.