30
Illustrative Lettering home browse sessions Archived Graphic Design Archived Web Design Session 1 Character Illustration Session 2 Illustrative Lettering Session 3 Digital Illustration Session 4 Interface Design about sessions tuts+ network Tuts+ Psdtuts+ Nettuts+ Vectortuts+ Audiotuts+ Aetuts+ Activetuts+ Cgtuts+ Phototuts+ Mobiletuts+ RockablePress FreelanceSwitch WorkAwesome TheNetsetter We deliver thought-provoking, theoretical and conceptual information each session, but an important part of building your skills involves doing. Every Session you’re invited to take part in a community project, and in so doing build your skills. Regardless of your experience level, it’s a great chance to expand your portfolio, and get feedback from your peers. Post Your Projects in the Comments Below Take the knowledge that you gain throughout this session and apply what you learn. Post your project in the comments below. We’ve set up the comments so that image URLs can be added. Be sure to leave your thoughts and insightful critique of the work posted, which will help everyone improve their work. We’ll be selecting a handful of prominent projects to promote in our final day Session Wrap, so be sure to submit your project before May 25th for consideration. Illustrate the Alphabet | Creative Sessions | Tuts+ http://sessions.tutsplus.com/creative/character-illustration/illustrate-the-a... 1 of 30 2011-06-04 12:13

00_Illustrate the Alphabet _ Creative Sessions _ Tuts+

Embed Size (px)

Citation preview

Page 1: 00_Illustrate the Alphabet _ Creative Sessions _ Tuts+

Illustrative Lettering

homebrowse sessions

Archived Graphic DesignArchived Web DesignSession 1 Character IllustrationSession 2 Illustrative LetteringSession 3 Digital IllustrationSession 4 Interface Design

about sessionstuts+ network

Tuts+Psdtuts+Nettuts+Vectortuts+Audiotuts+Aetuts+Activetuts+Cgtuts+Phototuts+Mobiletuts+RockablePressFreelanceSwitchWorkAwesomeTheNetsetter

We deliver thought-provoking, theoretical and conceptual information each session, but an important part ofbuilding your skills involves doing. Every Session you’re invited to take part in a community project, and in sodoing build your skills. Regardless of your experience level, it’s a great chance to expand your portfolio, andget feedback from your peers.

Post Your Projects in the Comments Below

Take the knowledge that you gain throughout this session and apply what you learn. Post your project in thecomments below. We’ve set up the comments so that image URLs can be added. Be sure to leave yourthoughts and insightful critique of the work posted, which will help everyone improve their work.

We’ll be selecting a handful of prominent projects to promote in our final day Session Wrap, so be sure tosubmit your project before May 25th for consideration.

Illustrate the Alphabet | Creative Sessions | Tuts+ http://sessions.tutsplus.com/creative/character-illustration/illustrate-the-a...

1 of 30 2011-06-04 12:13

Page 2: 00_Illustrate the Alphabet _ Creative Sessions _ Tuts+

Project Brief

In this session’s project the brief is to illustrate the alphabet, that’s right draw the letters A-Z. The focus hereisn’t necessarily to create a working font, as that would take month’s worth of work getting the letters kernedand working perfectly. Instead, we’re focusing on illustrating letters. There is no limit in media you could useto create your letters with, whether it’s hand crafted or digital. Keep in mind though that you want tostylistically or thematically unify your alphabet. Let’s get to it!

If you aren’t keen on constructing a complete alphabet, then feel free to spend extra time illustrating just oneletter, which is a great start. Or draw the same letter in different styles on a page – also a great experiment.Don’t let the length of the brief stop you from participating. All levels of artists are encouraged to participate.

Style and Format

There is no limit in style. We look forward to seeing a wide mix of approaches. Here are some possibilitiesthough:

You could paint the letters A-Z and just scan them in.Draw a set and then finalize them as vector’s in Illustrator.Pull out your Wacom and paint some letters in Photoshop.Use found elements to put together an alphabet and then photograph the results.Create 3D letter sculptures by hand or in a 3D program.

Final format on this project is really open. We’d like to see final art as 600 pixel wide JPG or larger though.Also, include a description of your letters, and the theme and style that holds them together. Keep in mind aswell that creating unique lettering can serve as a great source when your creating your own illustrations. Theycan add just that right flare to your work.

Skill Building

Not only does this project build your skills with crafting letters, refining your process, and mastering yourcraft, but it will get you thinking about how letters work together, and how to build a stylistically cohesive set.What lettering style fits your illustrative personality? What themes would you like to create a set of letters to?

Inspiration

We’ll be posting quite a bit of inspirational lettering material in this session, but a handful of examples to wetyour appetite are always helpful. For some hand crafted A-Z inspiration check out Watercolor Typography,Sasha Prood. Another strategy with creating letters can be to organize objects and photograph them, such asthese vegtable letters from Jimmy Smith. Or check out this creative set of illustrative letters created by threeillustrators Irena Zablotska, Eugene Rudyy, and Keepa.

Feedback and Positive Criticism

It’s just as important to leave helpful tips, suggestions, and positive feedback for your peers’ work, as it is tocomplete the assigned project. We’re looking to create something much like in illustration or design class,where you post your work up on a board (in this case, the comments are the board) and everyone can critiquethe work.

Keep in mind that professional decorum, insightful opinions, and positive suggestions will be appreciated byall. Now let’s get to work on illustrating alphabet, and post some work for review below.

Illustrate the Alphabet | Creative Sessions | Tuts+ http://sessions.tutsplus.com/creative/character-illustration/illustrate-the-a...

2 of 30 2011-06-04 12:13

Page 3: 00_Illustrate the Alphabet _ Creative Sessions _ Tuts+

Cover Art Matt LyonEditor Sean HodgeProject Moderation Sean Hodge

Cloud like no other. Secure, scalable, fully managed. 100% uptime. 24/7 support.

POWERED by FUSION

Comment RSS

Alexander Rose says:May 17, 2010 at 2:53 pm

I’m looking forward to tucking into this one.

Reply

1.

willian says:May 17, 2010 at 5:40 pm

lock and load

Reply

2.

Tanner says:May 17, 2010 at 6:14 pm

I am so looking forward to this one!

Reply

3.

Illustrate the Alphabet | Creative Sessions | Tuts+ http://sessions.tutsplus.com/creative/character-illustration/illustrate-the-a...

3 of 30 2011-06-04 12:13

Page 4: 00_Illustrate the Alphabet _ Creative Sessions _ Tuts+

Jonathan Patterson says:May 17, 2010 at 8:08 pm

Here’s my font! There are some minor wobbly curves and edges that can be tightened up but overallI’m satisfied with it!

http://beta10.behance.net/JPatterson/Frame/514707

Reply

Desiree Stewart says:May 18, 2010 at 3:36 am

I really enjoyed the colors that you decided to use for the font. I do like the strokes of the font,reminds me of cursive and a mixture of something else. I do feel as though you can do more withthe font, but so far, it is really good. I like it a lot.

Reply

Jonathan Patterson says:May 18, 2010 at 8:43 pm

Thanks for the observations and recommendations! I agree, it’s a good starting point. Thesecond time around will be much improved!

4.

Austin Pickett says:May 17, 2010 at 11:29 pm

Shoe Laces Type -http://imgur.com/nprgk.jpg

Reply

Desiree Stewart says:May 18, 2010 at 3:38 am

That’s really creative! I like it a lot actually, I would never think to use shoe laces for text.

5.

Illustrate the Alphabet | Creative Sessions | Tuts+ http://sessions.tutsplus.com/creative/character-illustration/illustrate-the-a...

4 of 30 2011-06-04 12:13

Page 5: 00_Illustrate the Alphabet _ Creative Sessions _ Tuts+

Reply

Austin Pickett says:May 19, 2010 at 4:58 pm

Thanks! It’s amazing what you can think of at 2AM with sleep-deprivation

pica-ae says:May 18, 2010 at 8:57 am

oh, this is really awesome!

Reply

6.

Becky Bryant says:May 18, 2010 at 12:45 pm

What a promising looking session. Good timing too as Computer Arts Projects (UK) have just boughtout a ‘Become a master of Typography’ issue for June

Loving the laces idea, in college we had a live project to create a magazine in 2 editorial teams. One ofthe teams re-created the front-page of the magazine with a retro feel, spelling out the name with anun-ravelled cassette tape, looked awesome, and of the same ilk. Love it

Reply

7.

Chance Hudson says:May 18, 2010 at 1:46 pm

Hi, just wanted to say that this looks really good

Reply

8.

xxgdogg17xx says:May 19, 2010 at 12:40 am

Metal font-http://i.imgur.com/0y1i9.jpg

9.

Illustrate the Alphabet | Creative Sessions | Tuts+ http://sessions.tutsplus.com/creative/character-illustration/illustrate-the-a...

5 of 30 2011-06-04 12:13

Page 6: 00_Illustrate the Alphabet _ Creative Sessions _ Tuts+

Reply

Jonathan Patterson says:May 20, 2010 at 11:54 am

Nice. That’s different.

Reply

naveed says:May 19, 2010 at 11:50 am

ill be posting my work too here soon

Reply

10.

Joey L says:May 20, 2010 at 7:16 pm

I was given a similar assignment last year! I ended up just sketching the alphabet and tracing it onIllustrator, so this time I’ve tried to be a little more creative.

http://fantasticspaceship.deviantart.com/art/Paper-Typography-164712594

Reply

Desiree Stewart says:May 24, 2010 at 1:56 am

I really love this. A little sloppy, but still a cool font.

Reply

11.

Raelyn says:May 20, 2010 at 10:07 pm

This is a great topic and even better timing for me. I have been working on designs for Tees withsomewhat inspirational words. This is my most finished design,please tell me what you think[IMG]http://i12.photobucket.com/albums/a224/raelynsmi/grow.jpg[/IMG]

12.

Illustrate the Alphabet | Creative Sessions | Tuts+ http://sessions.tutsplus.com/creative/character-illustration/illustrate-the-a...

6 of 30 2011-06-04 12:13

Page 7: 00_Illustrate the Alphabet _ Creative Sessions _ Tuts+

Reply

Raelyn says:May 21, 2010 at 6:08 pm

Here is the link I hopehttp://img269.imageshack.us/img269/1790/growq.jpg

Reply

ne says:May 24, 2010 at 1:10 pm

The concept is great!In regards to execution, I think the connecting points could be refined a bit more

Luke says:May 20, 2010 at 10:24 pm

I know this is only AB&C, but I thought i would throw it out there and see what people thought beforeI did the whole alphabet!

Reply

Jonathan Patterson says:May 20, 2010 at 11:31 pm

Where’s the image?

Reply

Luke says:May 21, 2010 at 1:37 pm

Sorry, I havent figured out attaching an image to my comments yet, I thought I knew how, but Iguess I dont! Here is the link.

http://img522.imageshack.us/img522/7707/typef.jpg

13.

Illustrate the Alphabet | Creative Sessions | Tuts+ http://sessions.tutsplus.com/creative/character-illustration/illustrate-the-a...

7 of 30 2011-06-04 12:13

Page 8: 00_Illustrate the Alphabet _ Creative Sessions _ Tuts+

Reply

Jeprie says:May 21, 2010 at 2:01 pm

Awesome. Looks like a paper made from concrete. Love the idea.

Raelyn says:May 21, 2010 at 5:45 pm

I can’t figure it out either, but will keep trying:) Your letters are great, even though theyare stationary, it feels as if they are going to unfold and transform.

Jonathan Patterson says:May 22, 2010 at 1:38 am

Very cool! Good execution as well.

5ive Fabrice Bats says:May 22, 2010 at 5:28 pm

Lovely work Luke !Keep it on !

5

ne says:May 24, 2010 at 1:13 pm

it’s like it’s simple, but it isn’t… in a good way

matthias says:14.

Illustrate the Alphabet | Creative Sessions | Tuts+ http://sessions.tutsplus.com/creative/character-illustration/illustrate-the-a...

8 of 30 2011-06-04 12:13

Page 9: 00_Illustrate the Alphabet _ Creative Sessions _ Tuts+

May 20, 2010 at 11:20 pm

I created this alphabet using oil and vinegar:

see more detailed photos and some making of shots here:http://www.mazed.de/gestaltet/ein-alphabet-aus-essig-und-ol/

Reply

Illustrate the Alphabet | Creative Sessions | Tuts+ http://sessions.tutsplus.com/creative/character-illustration/illustrate-the-a...

9 of 30 2011-06-04 12:13

Page 10: 00_Illustrate the Alphabet _ Creative Sessions _ Tuts+

Adam Stephenson says:May 21, 2010 at 9:22 pm

Ah man, this is great!

Reply

Jeprie says:May 22, 2010 at 3:06 am

That’s great. Amazing idea.

I use this link to translate your article to english.http://translate.google.com/translate?js=y&prev=_t&hl=en&ie=UTF-8&layout=1&eotf=1&u=http%3A%2F%2Fwww.mazed.de%2Fgestaltet%2Fein-alphabet-aus-essig-und-ol%2F&sl=de&tl=en

Reply

iaroslav lazunov says:May 23, 2010 at 5:43 am

Excellent. I’m shocked.

Reply

Desiree Stewart says:May 24, 2010 at 1:59 am

This is great, so cool, I will never thought to have done this.

Reply

Josh Woosley says:May 21, 2010 at 3:01 am

My attempt

Reply

15.

Illustrate the Alphabet | Creative Sessions | Tuts+ http://sessions.tutsplus.com/creative/character-illustration/illustrate-the-a...

10 of 30 2011-06-04 12:13

Page 11: 00_Illustrate the Alphabet _ Creative Sessions _ Tuts+

Jeprie says:May 21, 2010 at 1:36 pm

I move panels in Photoshop and come up with this. In the process, I learn that if we hold Ctrl whilemoving panel close to another panel, it will not snap.No editing in Photoshop, just screen capture.

Reply

Luke says:May 21, 2010 at 3:49 pm

Thats Awesome!!! Great Idea!

Reply

16.

Illustrate the Alphabet | Creative Sessions | Tuts+ http://sessions.tutsplus.com/creative/character-illustration/illustrate-the-a...

11 of 30 2011-06-04 12:13

Page 12: 00_Illustrate the Alphabet _ Creative Sessions _ Tuts+

5ive Fabrice Bats says:May 22, 2010 at 5:26 pm

hehe cool idea

Reply

5ive Fabrice Bats says:May 22, 2010 at 5:20 pm

Hello,

I luv types, especially the real ones, I mean organic ones.I’m ready soon to finish a special type project… Hairy Type AlphabetI made mini projects concerning this idea. :

http://work.5ive.biz/#245403/Happy-New-Hair

17.

Illustrate the Alphabet | Creative Sessions | Tuts+ http://sessions.tutsplus.com/creative/character-illustration/illustrate-the-a...

12 of 30 2011-06-04 12:13

Page 13: 00_Illustrate the Alphabet _ Creative Sessions _ Tuts+

Illustrate the Alphabet | Creative Sessions | Tuts+ http://sessions.tutsplus.com/creative/character-illustration/illustrate-the-a...

13 of 30 2011-06-04 12:13

Page 14: 00_Illustrate the Alphabet _ Creative Sessions _ Tuts+

Illustrate the Alphabet | Creative Sessions | Tuts+ http://sessions.tutsplus.com/creative/character-illustration/illustrate-the-a...

14 of 30 2011-06-04 12:13

Page 15: 00_Illustrate the Alphabet _ Creative Sessions _ Tuts+

Enjoy !

Reply

Jonathan Patterson says:May 23, 2010 at 1:03 pm

Illustrate the Alphabet | Creative Sessions | Tuts+ http://sessions.tutsplus.com/creative/character-illustration/illustrate-the-a...

15 of 30 2011-06-04 12:13

Page 16: 00_Illustrate the Alphabet _ Creative Sessions _ Tuts+

i like the hair type!

Reply

Desiree Stewart says:May 24, 2010 at 7:25 pm

I enjoy this a lot. Not only is it cool but it also funny.

Reply

Jeprie says:May 25, 2010 at 1:50 am

Very nice idea. Do you use some hair spray to strengthen hair’s shape?

Reply

5ive Fabrice Bats says:May 27, 2010 at 12:59 pm

Hei Jeprie !Thanks for your feedback !

Hmm yes you discovered one of my secret ingredients hahaha )

5ive Fabrice Bats says:May 22, 2010 at 5:26 pm

Another kind of “organic” type I luv to prepare. (not a really type but more a lettering one)

18.

Illustrate the Alphabet | Creative Sessions | Tuts+ http://sessions.tutsplus.com/creative/character-illustration/illustrate-the-a...

16 of 30 2011-06-04 12:13

Page 17: 00_Illustrate the Alphabet _ Creative Sessions _ Tuts+

Illustrate the Alphabet | Creative Sessions | Tuts+ http://sessions.tutsplus.com/creative/character-illustration/illustrate-the-a...

17 of 30 2011-06-04 12:13

Page 18: 00_Illustrate the Alphabet _ Creative Sessions _ Tuts+

Check the link for more pictures…http://work.5ive.biz/#245353/Best-wishes-2010

Illustrate the Alphabet | Creative Sessions | Tuts+ http://sessions.tutsplus.com/creative/character-illustration/illustrate-the-a...

18 of 30 2011-06-04 12:13

Page 19: 00_Illustrate the Alphabet _ Creative Sessions _ Tuts+

enjoy !

Reply

Desiree Stewart says:May 24, 2010 at 7:25 pm

It is really cool

Reply

Jonathan Patterson says:May 23, 2010 at 1:03 pm

Sidenote, why is this page so wide? Makes it hard to navigate.

Reply

19.

Chris Piascik says:May 23, 2010 at 8:54 pm

20.

Illustrate the Alphabet | Creative Sessions | Tuts+ http://sessions.tutsplus.com/creative/character-illustration/illustrate-the-a...

19 of 30 2011-06-04 12:13

Page 20: 00_Illustrate the Alphabet _ Creative Sessions _ Tuts+

Illustrate the Alphabet | Creative Sessions | Tuts+ http://sessions.tutsplus.com/creative/character-illustration/illustrate-the-a...

20 of 30 2011-06-04 12:13

Page 21: 00_Illustrate the Alphabet _ Creative Sessions _ Tuts+

I drew each of these letters individually in my sketchbook. Afterwards, I scanned them in and coloredthem digitally. Final pattern is full vector art.

Reply

Desiree Stewart says:May 24, 2010 at 7:27 pm

Some of the letter remind me of the show Ahh! Real Monsters and others remind me ofwallpaper that I would see in someone’s house. I do enjoy this font a lot and I like the fact thatyou sketch them out.

Reply

Luke says:May 24, 2010 at 6:23 pm

Here is another idea. My son is going to be born in Aug, so thinking of a baby boy was my inspiration.

Luke

Reply

Antal says:May 24, 2010 at 10:38 pm

This is really nice, I love it!

Reply

21.

Illustrate the Alphabet | Creative Sessions | Tuts+ http://sessions.tutsplus.com/creative/character-illustration/illustrate-the-a...

21 of 30 2011-06-04 12:13

Page 22: 00_Illustrate the Alphabet _ Creative Sessions _ Tuts+

Luke says:May 25, 2010 at 8:45 pm

As I keep reading the articles, I get more inspired. Here is another one.

[http://img339.imageshack.us/img339/8843/typey.jpg]

Reply

Luke says:May 25, 2010 at 8:45 pm

As I keep reading the articles, I get more inspired. Here is another one.

http://img339.imageshack.us/img339/8843/typey.jpg

Reply

Jeprie says:May 29, 2010 at 12:27 am

Nice. Very creative.Do you have a website? I’d like to see more of your work.

Desiree Stewart says:May 24, 2010 at 7:44 pm

Cotton Type

22.

Illustrate the Alphabet | Creative Sessions | Tuts+ http://sessions.tutsplus.com/creative/character-illustration/illustrate-the-a...

22 of 30 2011-06-04 12:13

Page 23: 00_Illustrate the Alphabet _ Creative Sessions _ Tuts+

Reply

Antal says:May 25, 2010 at 12:09 am

23.

Illustrate the Alphabet | Creative Sessions | Tuts+ http://sessions.tutsplus.com/creative/character-illustration/illustrate-the-a...

23 of 30 2011-06-04 12:13

Page 24: 00_Illustrate the Alphabet _ Creative Sessions _ Tuts+

These are the letters I have created.I aimed to draw an elegant-calligraphic typeface. It was a lot more difficult than I thought it would be!

But a lot of fun, nonetheless.

Antal

Reply

everytuesday says:May 26, 2010 at 11:19 pm

I’ve always liked letters best when they connect in words, and make you feel something when you readthe words they make..Here’s a simple, eclectic alphabet, (and myself going on a bit of a tangent) withthe upgraded quick brown fox..my alphadoodle, if you will..

24.

Illustrate the Alphabet | Creative Sessions | Tuts+ http://sessions.tutsplus.com/creative/character-illustration/illustrate-the-a...

24 of 30 2011-06-04 12:13

Page 25: 00_Illustrate the Alphabet _ Creative Sessions _ Tuts+

Illustrate the Alphabet | Creative Sessions | Tuts+ http://sessions.tutsplus.com/creative/character-illustration/illustrate-the-a...

25 of 30 2011-06-04 12:13

Page 26: 00_Illustrate the Alphabet _ Creative Sessions _ Tuts+

Reply

Wendy says:May 28, 2010 at 12:33 am

Nice work. I love it.

Reply

Tomek says:May 27, 2010 at 9:40 am

Those are some of my works before I had read articles. Now I’m very inspired to make much more. You can follow what I’m doing on my flickr http://www.flickr.com/photos/tomapril/ . Cheers and havefun with type.

25.

Illustrate the Alphabet | Creative Sessions | Tuts+ http://sessions.tutsplus.com/creative/character-illustration/illustrate-the-a...

26 of 30 2011-06-04 12:13

Page 27: 00_Illustrate the Alphabet _ Creative Sessions _ Tuts+

Illustrate the Alphabet | Creative Sessions | Tuts+ http://sessions.tutsplus.com/creative/character-illustration/illustrate-the-a...

27 of 30 2011-06-04 12:13

Page 28: 00_Illustrate the Alphabet _ Creative Sessions _ Tuts+

Reply

5ive Fabrice Bats says:May 27, 2010 at 1:42 pm

coool works Tomek !!

Reply

Avelendapixel8 says:June 2, 2010 at 10:01 pm

Here’s my attempt. http://www.flickr.com/photos/avelendapixel8/4664300912/sizes/l/. This was a fun

26.

Illustrate the Alphabet | Creative Sessions | Tuts+ http://sessions.tutsplus.com/creative/character-illustration/illustrate-the-a...

28 of 30 2011-06-04 12:13

Page 29: 00_Illustrate the Alphabet _ Creative Sessions _ Tuts+

way to spend my downtime.

Reply

Burcu Celiksap says:June 3, 2010 at 6:35 pm

I had a school project. I used also Turkish letters.Objects are small metal objects or white plastic.I used Canon450D and a table lamp.

Reply

27.

Molly says:July 23, 2010 at 1:31 pm

14_alphabike11×17whiteweb.jpg

I made an alphabet photographing bicycle parts.

Reply

28.

Alexander Rose says:July 25, 2010 at 11:42 pm

Heres a typographic piece i recently created. Its slightly 80’s inspired by i wanted it to look slightly

29.

Illustrate the Alphabet | Creative Sessions | Tuts+ http://sessions.tutsplus.com/creative/character-illustration/illustrate-the-a...

29 of 30 2011-06-04 12:13

Page 30: 00_Illustrate the Alphabet _ Creative Sessions _ Tuts+

modern. I’ll be adding more so enjoy

Reply

Alexander Rose says:July 25, 2010 at 11:44 pm

Sorry forgot to attach the image. Alex

http://www.flickr.com/photos/stop-campaign/4829566844/

Reply

30.

Comment RSS

Name

Email Address

URL

Attach an Image to Your Comment

Use this tool if you want to share a project or work with other commenters

Your Comments

Submit

Copyright © 2010 Envato |Advertise |Subscribe |About Tuts+

Illustrate the Alphabet | Creative Sessions | Tuts+ http://sessions.tutsplus.com/creative/character-illustration/illustrate-the-a...

30 of 30 2011-06-04 12:13