Archive

Archive for March, 2009

Cufón – Another sIFR alternative for Font Embedding

March 26th, 2009 No comments

Cufón is similar to Typeface.js which aims to become a worthy alternative to sIFR, and despite its merits still remains painfully tricky to set up and use. Cufón consists of two individual parts as well – a font generator, which converts fonts to a proprietary format and a rendering engine written in JavaScript.

It works on every major browser on the market. There is near-zero configuration needed for standard use cases. And it is fast, even for sufficiently large amounts of text.

cufon

Maximize Traffic for Your Contest or Giveaway Using Twitter

March 26th, 2009 No comments

Print

Not too long ago I held a giveaway on this website sponsored byF-Stop to give away a free courier bag.  I’ve always loved giving things away on this website and I was very excited to be giving away such a great item.  In the past, I’ve found contests or giveaways to be great ways to increase traffic and exposure for my site as well as the item that is being given away.  The problem with contests or giveaways is that it can be hard to spread the word about them.  In the world of social networking, it can be tough to ask others to help spread the word because after all, why would anyone want to hurt their own chances of winning a particular item by telling their friends about it?
This is the major impediment to any "comment-to-win" contests or giveaways that one might find on the web.  Unless your site has a huge following, the traffic and exposure as a result from the contest is likely to be minimal because people simply won’t want to help you promote it.  I spent a lot of time thinking about how to solve this problem.  The solution came to me while thinking about the terms for the F-Stop contest.  Why not allow people to enter the contest by Tweeting about it via Twitter?

I immediately saw the advantages a Twitter-based contest or giveaway would have over a standard "comment-to-win" giveaway.  By asking a person to simply Tweet a message containing some basic text and a specific shortened URL with a link back to my contest, my contest could literally become viral.  Every person who entered would send the link out to all their followers, those people would in turn visit my website and then send the link out to all their followers, and so on and so on.  I could then track the entries using Search.Twitter.com. The only drawback I could see from this sort of contest was the potential irritation that it could cause from people realizing that I was asking them to essentially sign up their competitors.

tweet-steps

To off-set this irritation I decided to allow the entrant to enter more than once.  This would have a dual benefit.  The more they Tweeted, the better their chance to win and the more potential entrants my contest would receive.  I wasn’t exactly sure how well this contest would work but my gut was saying that it was going to do really well.
After about 2 hours, I knew I was right.  I published the contest about 5 a.m., by 7 a.m. the contest already had 200 entrants and by the end of the day my contest had received nearly 1,000 entries and the contest page had received about 3,500 page views.  On day 2 the contest page had received over 1,100 page views and the number of entries was still increasing.  At this point I knew that this contest method was a winner.
The response I received regarding this contest was very positive although I did receive some negative feedback from some of my readers who felt that it was irresponsible to allow people to enter as many times as they wanted, that spamming their friends with the contest details was annoying, and that the potential ramifications for Twitter were very bad if this method caught on.  For the most part, I do agree with some of the detractors of this method.  That’s why I believe that contests run in this matter should be done using some common sense and with some responsibility.  If you decide to run a contest like this on your site, here are a few suggestions:

  1. Limit the number of times people can enter and tell them that if they violate the rules, their entries will not be counted.  
  2. Don’t hold contests like this very often.  If you do this too much, people will catch on and stop participating.
  3. Only give away big ticket items.  Do not try to sell your eBook this way.  If you do, you’re likely to face a lot of negative feedback.
  4. Only run the contest for 1-3 days. After that, interest seems to run out.

Anyhow, I thought that I would share my thoughts regarding this very effective contest method with you guys and see what you think.  Feel free to comment and let me know what you think.

Getting Started on Designing Great Sites

March 25th, 2009 No comments

Your design skills are up to par with the big boys and girls of the industry? Hopefully this article with help you get on the road to improving those skills and help you create a masterpiece… or at least something that will get you noticed in the right way.

If you don’t have a background as a graphic artist and decide to start designing websites, you might find yourself frustrated with your lack of skills. Your designs may look like they still belong in the 90’s and well… those years are well over now (thankfully). So what does it take to create beautiful sites like:

jsm-now

cmoll-now

duoh-now

And I could go on an on but this isn’t another “20 of the best designs” post, no… this is about you and how you can get yourself to create more functional, while still looking awesome, sites.

Everyone starts somewhere, yes… even those guys

If you think Veerle Pieters started with a site like the one she recently designed, you are sadly mistaken. Everyone started with the abuse of flash or the really annoying animated gifs or the dreaded <blink> tag.

Back in November 2008, Jason Santa Maria wrote a post about putting his first design back online. Quite a few jumped on the wagon and so here are the results from our 3 designers I chose above:

jsm-old

cmoll-old

duoh-old

So there you have it… hope that made you feel a bit better.

So how do we go from ugly to beautiful?

1 word: practice

And lots of it. Fiddling around with pen and paper, Photoshop or Illustrator (or your other favorite graphics program), going to tutorial sites and learning how to use your tools.

Yes… learn how to use those tools. Whether it’s Photoshop or Gimp, there’s tutorials out there to help you familiarize yourself with them. Learn how to apply filters in the right way (sometimes, less is more). Learn how to create glows that make text look more tasteful. Learn how to creativly apply watercolor or grunge brushes.

Copy them

Your read that right: copy them. Take sites that your really love and try to re-create them in Photoshop, in HTML and CSS. Can you? Yes? Good! Now don’t go stealing their designs and putting that online!

By simply trying to re-create sites, you learn techniques. Some you like, some you don’t but at least now you know how to apply them so you can create your own masterpiece.

Reviews and Critiques

Getting other people to review and critique your work is often the best way to grow and force yourself to do your best. Take everything with a grain of salt and don’t be offended if someone tells you they don’t like it. You can’t please everyone after all but if the general consensus is that it needs work… then it needs work.

I hope this will help some struggling designers on the road to improving their design skills.

And remember, practice makes perfect.

Categories: Designing, Others Tags:

9 Spring Web Designs

March 25th, 2009 No comments

The advent of spring got me in the mood for some spring inspired web designs. The sun is out… was out and now gone back in again but at least the temperature has improved, just!

The blue skies and blossom led me to putting together this little list of stunning web designs that caught my eye.

The list contains Boompa and Getting Crazy, my favourites for their use of water colour paintings which really make them stand out form the crowd.

Hopefully it will give you some inspiration for future designs.

9 Spring Web Designs

ecoki-web-designs

boompa-web-designs

 

gardening-web-designs

 

hummingbird-web-designs

 

puma

 

done

 

gettingcrazy

 

greenglobe

bonjour

22 Professional WordPress Themes And Resources:Less Is More

March 25th, 2009 No comments

This article actually should be considered as less is more. At first I thought I should create massive list full of newest WordPress themes, but then I thought again, how much actually of these themes I would want to use myself. Number was a lot lesser than I thought. So in this article I listed only very well designed,feature rich and truly impressive themes.

And with so much themes available for free, it’s really a hard task to find really good and not so overused theme, which could be right choice for Your own blog. I tried my best on this article, tell me how did I do!

1. Androida Professional WordPress Theme

Androida is a business template based on WordPress. It is based on Android phone niche. The theme also comes with an optional blog layout. Users are given the option to choose between business template layout and regular blog template layout. Theme is powered with featured content glider, featured posts, featured video, banner ads, widgetized sidebars, feedburner subscription form etc.


androida-professional

 

2. Magazeen Professional WordPress Theme

This bold magazine 2-col-theme was designed with the main focus being on typography, grids and magazine-look. Really amazing theme designed by WeFunction for free, also there are several handy built-in jQuery features and a lot more. Read full documentation on their site by clicking image below.


magazeen-professional

 

3. TypeBased Professional WordPress Theme

Typebased is a free, personal blog design, with a very clean and elegant style. Along with the great design, there are also included all of the other Woo goodies in the backend i.e. custom widgets, integrated banner ad management etc.


typebased

 

4. Rusty Grunge Professional WordPress Theme


rusty-grunge

 

5. Elegant Grunge Professional WordPress Theme

Very elegant theme inspired by wefunction.com. It is full with many features, which You can check on their blog. Also their blog uses the same theme, so You can see it in the best way of action.


elegant-grunge

 

6. CryBook Professional WordPress Theme

CryBook is a 3 Column simple theme base with the popular Facebook. It contain 2 widget-ready sidebar, live theme switcher and Custom Admin Panel. It’s compatible with up to WordPress 2.6.2 and has been tested with in Firefox3, Internet Explorer 6 & 7, Opera, and Safari. This is a very simple theme, you may notice that it is only a few files included. The key is, it is not only tabless but also imageless! There is no a single image used in layout!


crybook

 

7. Max Professional WordPress Theme

WordPress Max theme is the true news theme for WordPress. Turn your personal blog with max into a real magazine / news site in minutes. It comes with advanced control panel to manage every aspect of your blog features. This theme comes with many features like ajax tabs, feedburner, media player, and so much more. If You were searching for really advanced theme, this could be it – theme really offers many features You could ever need in daily basis.

max

 

8. WP-Premium Professional WordPress Theme

Featured in Smashing Magazine, this famous free theme has been praised a lot by actual wordpress users for it’s elegance, usability, strategic layout and SEO friendy code. Now, this free theme is 2.7 ready with new useful features and code update.

With paid version, You get theme support and some exclusive features such as Theme control panel, more colorschemes and so on.. Also there are 3 different color schemes available for free. This 2 column theme should suit for classic user needs and You should be able to use it right away with little or even no customization. Perfectly suitable for users without coding skills.

wp-premium

 

9. BlogTheme Professional WordPress Theme

BlogTheme does the simple things well and therein lies to power of this personal blog theme: great structure, trendy style and some nifty jQuery effects in the sidebar. So what’s left for you to do? Well, you can start by adding content..

If Your don’t need anything powerful, this theme could work for Your blog with already structured content and subtle design, also notice Twitter header banner showing Your latest tweet – handy! Check out WooTheme site for more information.

blogentry

 

10. SohoMag Professional WordPress Theme

SohoMag is a free WordPress Theme. Although it is free, but the overall look is still very good. Unique to load should be less than the picture too much, could lead to slow access. However, the effect of picture display SohoMag Theme is also a major feature, if this part was removed, I am afraid, not the appearance. Unique theme on top bringing latest articles and popular posts as well as featured content.

sohomag

 

11. Hybrid News Professional WordPress Theme

“Hybrid News comes with a total of 10 widget sections for your use, which will all integrate seamlessly within the theme. You have control of your content. You decide what goes where.

It also comes with an additional page template aptly titled Front Page, which has a featured post slider, excerpts section, and headlines section. You get to choose what posts are shown and how many posts are shown. Plus, no posts will repeat themselves, which has been a problem with some themes here before.

There’s also the sweet four-level drop-down menu, which can easily be modified to accommodate even more levels.”

This is definitely one of my favorite themes and the best thing is, it is very well supported with many vell explained tutorials. It’s unbelievable such theme can be free.

hybrid-news

 

12. Epsilon Professional WordPress Theme

Eye catching, 3 column WordPress theme with tabbed sidebar, ajax/widgets support,drop-down menus and featured slideshow on top. If You have a lot of content, this could be right theme to put all that content into.
epsilon

 

13. Maasahan Professional WordPress Theme

Maasahan is a premium quality WordPress theme with Featured Post Gallery, Feedburner Email Subscription, Twitter Account integration, Popular Posts, Tabbed Sidebar, Automatic Thumbnail Resizer, Adsense ready with advertising blocks easily customize via an Option Page. Theme includes many modern and popular features necessary in every blog.

maasahan

 

14. Blue Blog Professional WordPress Theme

Blue Blog is a 3 Column themes that mostly for bloggers. It contain 2 widget-ready sidebar, custom templates, integrated pulgins and integrated digg, delicious and stumbleupon for every posts. It’s compatible with WordPress 2.6 and has been tested with in Firefox, Internet Explorer 6 & 7, Opera, and Safari.

blue-blog

 

15. Portfolio – WPESP Professional WordPress Theme

Portfolio – WPESP Theme is a “minimalist” Theme based on the idea of portfolio created by DAILYWP. The Theme is a starting point in the creation of portfolios, using WordPress as CMS. In this short tutorial are the guidelines of the design, the Codex de WordPress used, where are explained the Custom Write Panel created to edit the content, and the adaptation to the Coda Slider Effect script, create by jQuery for Designers, and can be modified depending on what the user needs.

Read more about theme on their homepage, but if You need highly customizable WordPress portfolio theme, this would be excellent choice.

portfolio

 

16. Digital Statement Professional WordPress Theme

One more elegant theme with many useful built-in features and also You can read explanation how tu set up this theme for maximal effect. I enjoyed theme’s built-in featured slideshow and how all content is situated in very harmonic way.

digital-statement

 

17. FREEmium Professional WordPress Theme

Highly customizable WordPress theme with features like , jQuery menu, quick submitting to web2.0 websites support, flickrRSS plugin support, threaded comments support, feedBurner subscribe via email support, a lot of advertising spots (125×125, 120×600, 300×250), 2 widget ready sidebars. There are hundreds of premium wordpress themes on the web waiting to be paid for. Some of them are worth it, some are not. FREEmium wordpress theme is definitely worth paying for, but guys from FreebiesDock.com offers it for free!

freebiesdock

 

18. TimeCafe Professional WordPress Theme

Premium theme with featured slideshow, built in newsletter, dropdown menu, included header and psd files, custom archive and search page, widget and gravatar ready and much much more. I consider this theme as good starting point, You should tweak it a little bit to get Your own unique look and design and use source full of good features.

timecaffe

 

19. News CMS Professional WordPress Theme

News CMS is – as the name implies – a news-slash-article-slash-cms WordPress Theme. The goal here was to provide a customizable theme that could be turned into any given news site with as little as a graphical face lift. The emphasis with News CMS is on customization rather than aesthetics. News CMS uses several plugins, but they are included in download file.

news-css

*note: You must register to download this theme.

 

20. WP-Coda Professional WordPress Theme

This is very popular and elegant theme, but I couldn’t exclude it from this list. You can use it freely as Your portfolio page with more or less static content.

wpcoda

*note: You must register to download this theme.

 

21. Inasis Glass Professional WordPress Theme

This is very unique WordPress theme for 2.6+ version imitating Windows Vista design and look. If You want to stand out and grab other people attention, this could be the right theme for You. There are also built in features like: fixed w/right sidebar, widget & multi-language ready, 7 reader selectable themes saved by cookie,default sub-theme is admin selectable and admin selectable picture.

inasis

 

22. iNove Professional WordPress Theme

Very professional theme, very well designed and after studying it a little bit You’ll discover many handy built-in features in this theme. For example I enjoy handy Javascript feature “Go To top”, also theme is widget ready.

inove

Categories: Others, Webmasters Resources Tags:

5 Things Your Clients Should Know

March 25th, 2009 No comments

Do you ever feel like you are endlessly repeating the same day? I do, every time I attend a kickoff meeting with a new client. Each time I find myself covering the same old issues from explaining the client’s role, to encouraging investment in content. I find it incredibly frustrating and this is what ultimately led me to write the Website Owners Manual.

This is not a criticism of clients, however. There is so little information that clearly defines their role. Sure, there is no shortage of material on usability, accessibility, online marketing and copywriting, but who has the time to read all of it?

The problem is that the client does need to have a very broad understanding (certainly more than can be communicated in a single article), however I have found that understanding certain key issues can make an enormous difference to the efficiency of a client.

What follows is a list of the 5 things that I believe will have the biggest impact on a client’s site. At least they should, if the client understands them and chooses to implement them.

 

1. The client is the secret to a successful website

I have worked on hundreds of websites over the past 15 years and each site’s success or failure has always been attributed to the quality of the client.

As web designers we, of course, like to emphasis our role in the process. This is what justifies our fee, however we can ultimately only point our clients in the right direction. It is their decisions that shape the site and their commitment that defines its long term future.

As web designers, I believe we need to clearly communicate to the client the importance of their role and dispel the misconception that they can hire a web designer and walk away.

Not only do we need to emphasis the importance of their role, we also need to define the extent of it.

2. Clients have a diverse and challenging role

I believe that the role of the client is by far the most complex and challenging in web design. Sure, dealing with IE6 is a pain, but that pales in comparison to the shear extent of issues that most clients need to handle.

A client has to be a:

  • Visionary – capable of establishing the long term direction of their site
  • Evangelist – able to promote the site both internally and externally
  • Content guardian – responsible for ensuring the quality and relevancy of content
  • Project coordinator – overseeing all aspects of the site as well as dealing with suppliers
  • Referee – making final decisions between conflicting priorities

What is even more is that the client is supposed to know enough about a broad range of disciplines (from marketing to interface design), in order to make informed decisions. It is hardly surprising that, as web designers, we sometimes feel our clients “just don’t get it!” They are simply expected to understand too much.

Unfortunately their role is also often massively under resourced. Most of those responsible for websites are not dedicated website managers. Instead, they run their websites alongside other responsibilities in IT or marketing.

It is our responsibility to explain the role of the client and ensure that they understand how much work is involved. We cannot assume that they instinctively know this.

The danger is that if you do not clearly define the clients’ role, they will end up trying to define yours instead.

3. Clients identify problems, designers provide solutions

One of the biggest problems in most web projects is that the client starts making the decisions that are best left to the web designer. Not only does this lead to bad decisions, but also inevitably leaves the web designer feeling undervalued and frustrated.

This problem can manifest in a variety of ways, however ultimately it comes down to a single issue – the client is trying to find solutions to their problems instead of relying on the web designer.

Let me give you two examples. The most obvious occurs at the design stage. After seeing your design the client comes back with comments such as ‘make the logo bigger’. This is their solution to a problem that they have with the prominence of the branding. If they had expressed the problem instead of the solution, it would have enabled you to suggest alternate approaches. Instead of making the logo bigger, you could have possibly added more whitespace or changed its position.

Another less obvious, but more significant example, is in a client’s invitation to tender. These documents are inevitably a wish list of ideas that they have for the site. They are the client’s attempt to solve an underlying issue. For example, their problem might be a failure to engage with customers, therefore in their invitation to tender, they suggest adding a forum. Of course, in reality there are many other ways to engage with customers, however unless they express the problem to you, you will never have the opportunity to suggest a solution.

At the beginning of every project, encourage your client to focus on problems and not solutions. Whenever the client suggests a solution ask why. This will enable you to understand the underlying issues.

Unfortunately by the time we have been engaged as web designers, the scope of a project has already been set and it is hard to contribute ideas. This is because the way clients commission websites is fundamentally broken.

4. Sites should evolve

A typical website goes through a constant cycle of redesign. After its initial launch, it is left to slowly decay. The content becomes out of date, the design begins to look old fashioned and the technology becomes obsolete. Eventually staff stop referring customers to the site and it is perceived as a liability rather than an asset. In the end, senior management intervenes and assigns somebody to ‘sort out the website’. This inevitably leads to the site being replaced by a new version, and the cycle repeats itself.

This problem primarily occurs because there is no real ownership of the website within the organization. Often the client you deal with is only assigned to it for the duration of the project. Afterwards, the site is left to stagnate.

This cycle of redesign is wasteful for three reasons:

  • It wastes money because the old site is replaced, and the investment put into it is lost.
  • It is bad for cash flow, generating large expenditure every few years.
  • For the majority of its life, the site is out of date and not being used to its full potential.

We need to start encouraging our clients to invest regularly in their websites. They need a permanent website manager and an ongoing relationship with their web design agency. Together they need to keep content up-to-date, improve the user interface and ensure that the technology keeps pace with change. Ultimately this is more cost effective than replacing the site every few years.

The ongoing management of content is an area that needs particular attention. Unfortunately it is often massively under resourced and generally neglected.

5. Content is king – Act like it!

I am constantly amazed at the difference between what clients says and what they do. Take, for example, content; most clients fully accept that content is king, yet few are willing to spend money on ensuring its quality. This is all the more absurd considering the amount they spend on implementing complex content management systems.

Most clients that I encounter feel that hiring a copywriter to ensure the quality and style of their content is unnecessary. Perhaps this is because they feel they are capable of writing copy themselves, however writing for the web is not like writing for any other medium. It presents some unique challenges that cannot be under estimated.

It is strange because clients are perfectly happy (well… maybe not quite ‘happy’) to pay for design. They realize that they cannot do the design without a professional designer, so why then do they believe that they can write good copy themselves?

Often when clients do write copy, it ends up being verbose and inaccessible. Stuffed with sales copy and jargon, which is largely ignored by most visitors to the site.

However, in many cases the reality is even worse than poorly written copy. In my experience, clients under estimate the time involved in producing copy for the web and resort to copying and pasting from a wide variety of offline printed material. This leads to Frankenstein copy, using a mix of styles that are often entirely inappropriate for the web.

It is our role as web designers to educate our clients about the importance of copywriting and explain the size of the task, if they choose to take it on themselves. Without previous experience most clients will significantly underestimate this task.

Categories: Others, Tips and Tutorials Tags:

Protovis – Visualization Toolkit For Javascript Using Canvas

March 25th, 2009 No comments

Protovis is a visualization toolkit for JavaScript using the canvas element. It takes a graphical approach to data visualization, composing custom views of data with simple graphical primitives like bars and dots. These primitives are called marks, and each mark encodes data visually through dynamic properties such as color and position. Although marks are simple by themselves, you can combine them in interesting ways to make rich, interactive visualizations.

To facilitate this, Protovis supports panels and inheritance. A panel is a container for marks; the contained marks are replicated for each data point on the panel. You can vary the panel position to create small multiple displays, or you can overlay panels. Inheritance lets you derive new marks from existing ones, while sharing some or all of the same properties. This is the same principle as cascading in CSS, or prototypal inheritance in JavaScript.

Please note: Protovis is in its early stages of development. At the moment, they only support Firefox 3, but they plan on adding support for Chrome and Safari 4.

protovis

Categories: Programming Tags: ,

See You At SXSW

March 24th, 2009 No comments

sxsw

Unfortunately, I am not able to make it to SXSW this year, but to pay homage to Austin’s greatest music/film/interactive festival, this evening I created a site you can send to your friends who may seem a little down about missing the big show. For those who are lucky enough to be able to make it down, congratulations. For those of us who work for companies that think it’s one giant party instead of an educational and informational conference, we’re stuck in our tiny cubicles.

The site is VirtualSXSW.com and allows you to track the latest action from SXSW on Twitter. I might add some more cool stuff to the site… or I might not, it all depends on how much time I have to goof around with it.

Free Vector Graphics Pack – Doodles and Sketches

March 24th, 2009 No comments

Following on from the success of the Free Hand Drawn Doodle Icon Set for Bloggers, this latest vector pack of doodles and sketches features more quick and dirty hand drawn elements for you to download and use in your designs. The pack comprises of a range of random pieces, including leaves, drops, bolts, arrows, hearts and textures.

 

doodle-sketch

doodle-sketch3

 

doodle-sketch2

 

doodle-sketch1

Categories: Designing Tags: ,

15 Excellent Logo Design Tutorials Using Illustrator

March 24th, 2009 No comments

When creating a logo design, it’s good practice to use a vector-based application to construct it so that you’ll have a flexible logo design that can be used in numerous print and web-based mediums. Adobe Illustrator is the industry standard when it comes to creating vector-based logo designs.

In this collection, you will find 15 hand-picked tutorials from a variety of talented graphic designers and illustrators that discuss the logo creation process using Illustrator.

1. Logo Design Project Step by Step

 

logo_design

In this tutorial, UK-based graphic and web designer Chris Spooner walks learners through the process of creating a logo design for a company called myNiteLife. He discusses his process of sketching, typeface selection, all the way to digital illustration and production in Adobe Illustrator.

2. Create a Fly Logo Design Part 1 and Part 2

 

create_fly

In this two-part series, Sean Hodge takes us through the construction of a logo design for Webfly, a company that develops .NET applications for businesses. Part 1 of his tutorial discusses visual research, sketching, and illustrating the initial mockup in Illustrator. Part 2 goes over the revision process based on the client’s feedback, typical of graphic design gigs.

3. Silhouette Logo for a Steak House Restaurant in Adobe Illustrator

 

 

This tutorial goes through the methods behind producing a logo for a steak house restaurant. It discusses some common mistakes when designing a logo, and then goes through the preliminary sketching process, setting up your Illustrator document with a stock photo reference, all the way through the completion of the logo.

4. 3D logo Tutorial

 

3d_logo

You’ll read step-by-step instructions on how to create a three-dimensional iconic logo for the web in this tutorial. It goes over the initial construction of the shapes in Illustrator, and then finishing and refining the logo in Photoshop.

5. Web 2.0 Logo Reflection in Vector format with Illustrator

 

web_2

Talented designer and blogger Jay Hilgert teaches readers how to create a vector-based logo design. Since most "Web 2.0"-styled logos are created for the web and thus usually constructed in a raster-based application like Photoshop, companies that want to translate the logo onto print mediums (such as business cards or billboards) often run into trouble when scaling the dimensions of their logo. This tutorial shows designers how to create a more flexible vector-based logo.

6. Creating a crazy cool logo

 

creating_crazy

This logo design tutorial by Brazilian graphic/web designer and blogger, Fabio Sasso, shows us how he designed the logo for a company called Zagora. The technique involves creative use of the Ellipse tool, the Direct Selection tool to merge and delete anchor points, and using effects and the Gradient tool to add the finishing touches.

7. Roundtrip Logo from Illustrator to Photoshop

 

roundtrip

You’ll see the process of utilizing both Illustrator and Photoshop to create a grungy logo design in this video tutorial by Dave Cross (well-known Photoshop expert and author).

8. How to Design a Logotype from Conception to Completion

 

how_design

In this tutorial, you’ll read about creating a simple logotype from scratch. You’ll also read about some general rules when designing a logo, including the number one rule for logos: creating them in vector applications for flexibility.

9. 3D Logo

3d_logo1

Nick La, a Toronto-based freelance illustrator and web designer, shows us a technique for creating a three-dimensional logo that involves a couple of Illustrator effects, the Pathfinder tool for merging shapes, and the Gradient tool.

10. Design a Grungy Circular Logo

 

design_Grungy

In this logo design tutorial, you’ll learn how to create a circular logo with the company name wrapped around the outer perimeter (a popular logo design style).

11. Glossy Vector Web 2.0 Logo Text in 5 Easy Steps

 

glossy_vector

In this tutorial, you’ll discover a very simple technique for creating a vector-based, glossy logo style popularized by Web 2.0 startups.

12. How to Create a Trendy Retro Type Treatment

 

how_create

Illustrator and designer Ryan Putnam shows us the techniques involved in creating a retro-styled logotype design in this thorough step-by-step Illustrator tutorial. The tutorial uses the very popular (and free) fontface called Museo.

13. Environmentally Friendly Green Type Treatment

 

environ_ment

This text treatment Illustrator tutorial shares a technique for achieving a nature-inspired logotype design. You’ll observe a variety of techniques employed in the tutorial, including using the Pen tool to illustrate the leaves to be used in the text treatment.

14. Simple Logo Vector Tutorial

simple_logo

This tutorial goes over how to create an iconic logo design that uses folders. You’ll learn an assortment of illustration techniques such as using the Shape tool and direct selection to create simple objects.

15. Make a Logo Flow in Illustrator

 

make_logo

This tutorial goes over how Innosanto Nagara (of Design Action ) met the onslaught of requirements in creating a flexible logo design for a conference in Thailand using Adobe Illustrator. The piece was constructed in two components.

Categories: Designing Tags: , ,