Webfolio: Portfolio Website

Still confused? In over your head with this web stuff? Have a vision that exceeds your skills. This helpful Computer Arts tutorial (original here) shows you how to create a polished webfolio by standing on the shoulders of giants.

Launch a Blogfolio
Changethethought’s Christopher Cox explains how he used WordPress to create a slick online blog and portfolio site in one.

Starting your own blog can be an effective way to drive serious traffic to your portfolio site. When I launched the current version of Changethethought in 2008, I was looking for more than just another updated version of my portfolio – and after three years writing ActionScript for Flash, I also wanted something that was simpler to operate.

WordPress offered the freedom to make a unique site, with quick and easy access to my portfolio, while also letting me engage with the online creative community on my own terms. The problem is, it pretty much comes out of the box. To make it unique, you have to find a ‘theme’ to modify and personalise – essentially a string of CSS documents that give your site a distinctive look and feel. If you don’t find a theme you like on the WordPress site,STCFX is another good place to look.

A word of warning, though: CSS isn’t easy. I taught myself the basics over four months (O’Reilly do a great set of books), spent a month customising my blog, then hired a company to finish it off. If you have little experience, I’d suggest working with someone who does. Over the following pages, I explain how I’ve customised Changethethought from a design perspective, to show how a free, open-source system like WordPress can be pushed to its limits.

You can download the latest version of WordPress from its site, including a guide to get you started.

Download Support Files (56kb)

Download Webfolio Tutorial (4mb)

Posted in Course Related, Portfolio Workshop, Repost From Cited Source, Resources, Tutorial, Vocation & Profession, Web

Freelance Designer, J.D.

So true. So true. It’s not difficult to force a new designer to contemplate a law degree. Thanks to Brandi S. for finding this gem.  The original is here and reposted below.

1-Microsoft Office
When you have to send a graphic designer a document, make sure it’s made with a program from Microsoft Office. PC version if possible. If you have to send pictures, you’ll have more success in driving them mad if, instead of just sending a jpeg or a raw camera file, you embed the pictures inside a Microsoft Office document like Word or Powerpoint. Don’t forget to lower the resolution to 72 dpi so that they’ll have to contact you again for a higher quality version. When you send them the ‘higher’ version, make sure the size is at least 50% smaller. And if you’re using email to send the pictures, forget the attatchment once in a while.

2-Fonts
If the graphic designer chooses Helvetica for a font, ask for Arial. If he chooses Arial, ask for Comic Sans. If he chooses Comic Sans, he’s already half-insane, so your job’s half done.

3-More is better
Let’s say you want a newsletter designed. Graphic designers will always try to leave white space everywhere. Large margins, the leading and kerning of text, etc. They will tell you that they do this because it’s easier to read, and leads to a more clean, professional look. But do not believe those lies. The reason they do this is to make the document bigger, with more pages, so that it costs you more at the print shop. Why do they do it? Because graphic designers hate you. They also eat babies. Uncooked, raw baby meat.

So make sure you ask them to put smaller margins and really, really small text. Many different fonts are also suggested (bonus if you ask for Comic Sans, Arial or Sand). Ask for clipart. Ask for many pictures (if you don’t know how to send them, refer to #1). They will try to argument, and defend their choices but don’t worry, in the end the client is always right and they will bow to your many requests.

4-Logos
If you have to send a graphic designer a logo for a particular project, let’s say of a sponsor or partner, be sure to have it really really small and in a low-res gif or jpeg format. Again, bonus points if you insert it in a Word document before sending it. Now you might think that would be enough but if you really want to be successful in lowering the mental stability of a graphic designer, do your best to send a version of the logo over a hard to cut-out background. Black or white backgrounds should be avoided, as they are easy to cut-out with the darken or lighten layer style in photoshop. Once the graphic designer is done working on that bitmap logo, tell him you need it to be bigger.

If you need a custom made logo, make your own sketches on a napkin. Or better yet, make your 9 year old kid draw it. Your sketch shouldn’t take more than 5 minutes to make. You don’t want to make something that’s detailed and easy to understand, because the less the designer understands what you want, the more you can make him change things afterwards. Never accept the first logo. Never accept the 9th, make him do many changes, colors, fonts & clip art. Ask him to add a picture in the logo. Bevels. Gradients. Comic Sans. And when he’s at his 10th attempt, tell him that you like the 2nd one the most. I know, it’s mean but remember: graphic designers are the cause of breast cancer among middle aged women.

5-Chosing your words
When describing what you want in a design, make sure to use terms that don’t really mean anything. Terms like ‘jazz it up a bit’ or ‘can you make it more webbish?’. ‘I would like the design to be beautiful’ or ‘I prefer nice graphics, graphics that, you know, when you look at them you go: Those are nice graphics.’ are other options. Don’t feel bad about it, you’ve got the right. In fact, it’s your duty because we all know that on fullmoons, graphic designers shapeshift into werewolves.

6-Colors
The best way for you to pick colors (because you don’t want to let the graphic designer choose) is to write random colors on pieces of paper, put them in a hat and choose. The graphic designer will suggest to stay with 2-3 main colors at the most, but no. Choose as many as you like, and make sure to do the hat thing in front of him. While doing it, sing a very annoying song.
7-Deadlines
When it’s your turn to approve the design, take your time. There is no rush. Take two days. Take six. Just as long as when the deadline of the project approaches, you get back to the designer with more corrections and changes that he has time to make. After all, graphic designers are responsible for the 911 attacks.

8-Finish him
After you’ve applied this list on your victim, it is part of human nature (although some would argue weather they’re human or not) to get a bit insecure. As he realizes that he just can’t satisfy your needs, the graphic designer will most likely abandon all hopes of winning an argument and will just do whatever you tell him to do, without question. You want that in purple? Purple it is. Six different fonts? Sure!

You would think that at this point you have won, but don’t forget the goal of this: he has to quit this business. So be ready for the final blow: When making final decisions on colors, shapes, fonts, etc, tell him that you are disappointed by his lack of initiative. Tell him that after all, he is the designer and that he should be the one to put his expertise and talent at work, not you. That you were expecting more output and advices about design from him.

Tell him you’ve had enough with his lack of creativity and that you would rather do your own layouts on Publisher instead of paying for his services. And there you go. You should have graphic designer all tucked into a straight jacket in no time!

by ghislain roy

Posted in Amusement, Repost From Cited Source, Resources, Vocation & Profession

Free Lodging in Sweden

Ok, it’s over, but what a cool concept! Check it out and send me a link when you set up your own version of the Creator’s Inn.

Posted in Amusement

The Best High School Design Program

You’ve probably never heard of it.

Five years ago I began running across some truly exceptional young designers at CSU, Chico who all came from Lompoc, California. What’s in Lompoc? Cabrillo High School. Cabrillo is a public high school serving approximately 1500 students. What’s up with Cabrillo? As far as I can tell, Scott Schaller and the Cabrillo Design Lab. Students learn design theory and history, color theory, typography, fundamentals of composition as well as technical skills. How is Cabrillo doing so much with so little in a California public school in 2010? Amazing. This is exactly the type of program that every high school should offer the artistically inclined.

Check out the latest crop of Lompoc [high school!] senior portfolios here.

Posted in Artists & Designers, Editorial, Education, Mad Props, Resources

Custom Hand Lettering: Tattoos, Cereals, Beef

Between thumbnail and finished letter form is a well trod path. Typographer and designer Alan Ariail is kind enough to document the entire process from ideation through culling and dead ends on his blog, The Art of Hand Lettering. An excerpt is shown below.

Stockman & Dakota logo script

While watching the morning news today I saw a commercial for Stockman & Dakota with the logo script I created. This project goes back to 2008. The creative director at Brandimage sent me a sketch with the printed logo. The script was difficult to read with too much visual distraction of the loops and off balance structure with compressed letterforms. This logo was going to be reproduced at small size for web and print. My goal was to make the script readable.

The first step was to do some rough brush scripts for study of lettering flow. I created several sheets of quick roughs with these versions used as drawing templates.

Using the template as reference I started drawing the letters with a thin line and adjusted the thicks and thins. I decided not to
pursue the loop of the t and the continuous loop of the double k.

Another screenshot showing a thin line starting point altered for proper thick to thin weight.

The 3 final versions sent to the creative director who requested the lettering to have a rough deckled edge treatment.

The finished logo script as used on the Stockman & Dakota website.

Posted in Education, Resources, Typography