HOME | DD

pica-ae β€” Project Educate: Typography Tutorials
Published: 2012-03-29 19:45:21 +0000 UTC; Views: 6573; Favourites: 35; Downloads: 0
Redirect to original
Description body div#devskin6986857 .gr-top { display:none; } body div#devskin6986857 .gr-top .gr { display:none; } body div#devskin6986857 .gr-top h2 img { display:none; } body div#devskin6986857 .gr-top h2 { display:none; } body div#devskin6986857 i.tri { display:none; } body div#devskin6986857 i.gr1 { display:none; } body div#devskin6986857 i.gr2 { display:none; } body div#devskin6986857 i.gr3 { display:none; } body div#devskin6986857 i.gb { display:none; } body div#devskin6986857 .gr-box { overflow:visible; background:transparent; margin:190px auto 0px auto; position:relative; padding:0px 10px 10px 10px; } body div#devskin6986857 .gr-body { background:#dae4d9 url(https://st.deviantart.net/communityrelations/pe/bggrad.png) 0px 0px repeat-x; border:1px solid #a6b2a6; overflow:visible; color:#2e332e; padding:30px 0px 0px 0px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; box-shadow:0px 1px 5px #8c9688; -moz-box-shadow:0px 1px 5px #8c9688; -webkit-box-shadow:0px 1px 5px #8c9688; box-shadow:0px 1px 5px #8c9688; -moz-box-shadow:0px 1px 5px #8c9688; -webkit-box-shadow:0px 1px 5px #8c9688; } body div#devskin6986857 .gr { background:transparent; border:none; } body div#devskin6986857 .gr-body .gr { padding:0px 20px 0px 20px; } body div#devskin6986857 .gr-body .gr .text { font-size:14px; line-height:1.4em; margin:auto; max-width:660px; padding:10px 0px 50px 0px; text-shadow:#FFFFFF 0px 1px 0px; } body div#devskin6986857 .text a { color:#B73E62; text-decoration:none; } body div#devskin6986857 .text a:hover { color:#E43A5D; text-decoration:none; } body div#devskin6986857 .text blockquote { font-family:Georgia, serif; font-size:1.5em; line-height:1.4em; font-style:italic; background:#E4375B; box-shadow:inset 0 1px 3px #AD0A20, inset 0 -1px 0 #D52740, inset 0 20px 10px -10px #D52740, 0 1px 0 0 #fff; -moz-box-shadow:inset 0 1px 3px #AD0A20, inset 0 -1px 0 #D52740, inset 0 20px 10px -10px #D52740, 0 1px 0 0 #fff; -webkit-box-shadow:inset 0 1px 3px #AD0A20, inset 0 -1px 0 #D52740, inset 0 20px 10px -10px #D52740, 0 1px 0 0 #fff; border:1px solid #8E1026; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding:10px; color:#fff; text-shadow:0 -1px 0 #AE1837; margin:20px 0; } body div#devskin6986857 .text blockquote a { color:#fff; font-weight:bold; text-decoration:underline; } body div#devskin6986857 .text blockquote a:hover { text-shadow:0 1px 2px #AD0A20; color:#fff; } body div#devskin6986857 .text h1 { font-family:'Ubuntu', 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:2em; color:#E4375B; letter-spacing:0.02em; } body div#devskin6986857 .text h2 { font-family:'Ubuntu', 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:1.5em; color:#E4375B; letter-spacing:0.02em; } body div#devskin6986857 .text h3 { font-family:'Ubuntu', 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:1em; color:#E4375B; letter-spacing:0.02em; } body div#devskin6986857 .text p { padding:0px; margin:0px 0px 0px 20px; } body div#devskin6986857 .text strong { font-family:Tinos, Georgia; font-weight:bold; font-style:italic; font-size:1em; margin:0px 0px 10px 0px; } body div#devskin6986857 .text hr { background:transparent; margin:0px; padding:0px; border:solid #5d625d; border-width:0px 0px 1px 0px; box-shadow:#FFFFFF 0px 1px 0px; -moz-box-shadow:#FFFFFF 0px 1px 0px; -webkit-box-shadow:#FFFFFF 0px 1px 0px; } body div#devskin6986857 .text ul { list-style-image:url(https://img.photobucket.com/albums/v86/ikue2/cr%20default/bullet.gif); margin:0px 40px; padding:0px; } body div#devskin6986857 .text li { margin:5px 0px; } /* Featuring Thumbs */ body div#devskin6986857 .feat { text-align:center; padding:20px 0px; } body div#devskin6986857 .feat .shadow img { vertical-align:middle; } body div#devskin6986857 .feat .shadow-holder { background:transparent; padding:0px 0px 0px 0px; margin:5px 5px 0 0; } body div#devskin6986857 .feat .shadow-holder .shadow { padding:0px; background:transparent!important; } body div#devskin6986857 .feat .shadow-holder .shadow a { padding:0px; background:transparent!important; } body div#devskin6986857 .feat .shadow-holder .shadow a img { background:#E4375B; box-shadow:inset 0 1px 0 #F77992, inset 0 20px 10px -10px #E85A78, 0 1px 3px 0 #6C7C6E; -moz-box-shadow:inset 0 1px 0 #F77992, inset 0 20px 10px -10px #E85A78, 0 1px 3px 0 #6C7C6E; -webkit-box-shadow:inset 0 1px 0 #F77992, inset 0 20px 10px -10px #E85A78, 0 1px 3px 0 #6C7C6E; border:1px solid #AE1837; padding:5px; } body div#devskin6986857 .feat .shadow-holder .shadow a img:hover { background:#E74B6C; box-shadow:inset 0 1px 0 #F47C94, inset 0 20px 10px -10px #ED6581, 0 1px 5px 0 #6C7C6E; -moz-box-shadow:inset 0 1px 0 #F47C94, inset 0 20px 10px -10px #ED6581, 0 1px 5px 0 #6C7C6E; -webkit-box-shadow:inset 0 1px 0 #F47C94, inset 0 20px 10px -10px #ED6581, 0 1px 5px 0 #6C7C6E; border:1px solid #AE1837; } body div#devskin6986857 .feat i .shadow-holder { background:transparent; padding:0px 0px 0px 0px; margin:0!important; } body div#devskin6986857 .feat i .shadow-holder .shadow { padding:0px; background:transparent!important; } body div#devskin6986857 .feat i .shadow-holder .shadow a { padding:0px; background:transparent!important; } body div#devskin6986857 .feat i .shadow-holder .shadow a img { background:none!important; box-shadow:none!important; -moz-box-shadow:none!important; -webkit-box-shadow:none!important; border:none!important; padding:none!important; } body div#devskin6986857 .feat i .shadow-holder .shadow a img:hover { background:none!important; box-shadow:none!important; -moz-box-shadow:none!important; -webkit-box-shadow:none!important; border:1px solid none!important; } body div#devskin6986857 .feat img { background:#E4375B; box-shadow:inset 0 1px 0 #F77992, inset 0 20px 10px -10px #E85A78, 0 1px 3px 0 #6C7C6E; -moz-box-shadow:inset 0 1px 0 #F77992, inset 0 20px 10px -10px #E85A78, 0 1px 3px 0 #6C7C6E; -webkit-box-shadow:inset 0 1px 0 #F77992, inset 0 20px 10px -10px #E85A78, 0 1px 3px 0 #6C7C6E; border:1px solid #AE1837; padding:5px; } body div#devskin6986857 .feat img:hover { background:#E74B6C; box-shadow:inset 0 1px 0 #F47C94, inset 0 20px 10px -10px #ED6581, 0 1px 5px 0 #6C7C6E; -moz-box-shadow:inset 0 1px 0 #F47C94, inset 0 20px 10px -10px #ED6581, 0 1px 5px 0 #6C7C6E; -webkit-box-shadow:inset 0 1px 0 #F47C94, inset 0 20px 10px -10px #ED6581, 0 1px 5px 0 #6C7C6E; border:1px solid #AE1837; } /* custom div-tags start here */ body div#devskin6986857 .top { position:absolute; top:-174px; left:0px; right:0px; width:100%; text-align:center; } body div#devskin6986857 .top img { margin:0px auto; } body div#devskin6986857 div.board { width:360px; height:217px; background:url(https://st.deviantart.net/communityrelations/pe/pinboard.png) top right no-repeat; text-align:center; z-index:99; margin:-50px auto 0px auto; } body div#devskin6986857 div.board .shadow-holder { float:left; top:0px!imporant; left:0px!important; } body div#devskin6986857 div.board img.avatar { position:absolute !important; display:block; margin:0px 0px 0px 0px; bottom:-18px; right:-75px; } body div#devskin6986857 span.board { display:none; } body div#devskin6986857 div.board .stamp { position:relative !important; left:20px; top:50px; } body div#devskin6986857 div.board .stamp img { box-shadow:0px 1px 5px #4d1e1c; -moz-box-shadow:0px 1px 5px #4d1e1c; -webkit-box-shadow:0px 1px 5px #4d1e1c; box-shadow:0px 1px 5px #4d1e1c; -moz-box-shadow:0px 1px 5px #4d1e1c; -webkit-box-shadow:0px 1px 5px #4d1e1c; } body div#devskin6986857 div.board .gallery { position:relative !important; left:24px; top:80px; color:#fff !important; font-size:20px; line-height:20px; font-weight:bold; text-align:right; width:225px !important; text-shadow:#4d1e1c 0px 1px 3px; } body div#devskin6986857 div.board a { color:#fff !important; font-size:20px; font-weight:bold; } body div#devskin6986857 a { color:#B73E62; text-decoration:none; } body div#devskin6986857 a:hover { color:#E43A5D; text-decoration:none; } body div#devskin6986857 .bottom { position:absolute; right:6px; bottom:6px; color:#DAE4D9!important; z-index:99; padding:0px 0px 0px 0px!important; height:27px; font-size:0px; } body div#devskin6986857 .bottom .commentslink { font-size:0px; background:url(https://st.deviantart.net/communityrelations/pe/comment.png) top no-repeat; color:#DAE4D9!important; text-decoration:none!important; padding:0px; margin:0px 15px 0px 10px; text-align:center; width:24px!important; height:24px!important; display:block; } body div#devskin6986857 .clear_ { clear:both!important; } body div#devskin6986857 .week { background:url(https://st.deviantart.net/communityrelations/pe/sepdots.gif) bottom repeat-x; padding:0px 0px 0px 80px; margin-top:-22px; } body div#devskin6986857 .week .cal { background:url(https://st.deviantart.net/communityrelations/pe/cal.png) top no-repeat; width:76px; height:38px; float:left; margin:0px 0px 0px -80px; text-align:center; color:#f2fbf0; text-shadow:#8c9688 0px 1px 2px; } body div#devskin6986857 .week .left { position:relative !important; left:3px; top:-6px; float:left; margin:0px!important; font-size:17px; font-weight:bold; width:30px; height:30px; } body div#devskin6986857 .week .left b { color:#96a791!important; font-size:8px; line-height:14px; text-shadow:#fff 0px 1px 0px!important; } body div#devskin6986857 .week .right { float:right; position:relative !important; left:-3px; top:-26px; margin:0px!important; font-size:17px; font-weight:bold; width:30px; height:30px; } body div#devskin6986857 .week .right b { color:#96a791!important; font-size:8px; line-height:14px; text-shadow:#fff 0px 1px 0px!important; } body div#devskin6986857 .header { font-size:24px; margin-top:-12px; font-weight:bold; font-family:Trebuchet, Tahoma, Arial, sans-serif; padding:0px 0px 0px 5px; color:#B73E62; text-shadow:#fff 0px 1px 0px!important; } body div#devskin6986857 .links { float:right; position:relative; bottom:20px; right:0px; } body div#devskin6986857 .links img { padding-left:8px; } /* Footer div-tags */ body div#devskin6986857 .buttons { position:absolute; left:20px; bottom:6px; color:#DAE4D9!important; z-index:99; padding:0px 0px 0px 0px!important; height:27px; font-size:0px; } body div#devskin6986857 .buttons img { padding-right:8px; }




Typography



Typography Tutorials
Today I want to highlight some of the Typography Tutorials you can find in Stock & Resources on dA.

Theory
Tutorials with a focus on terminology.



Basic Tools
Explanations on how to use Typography Tools in various graphic programs.



Walkthroughs
Artists sharing the way to their final artwork.

:thumb202655228:



Effect Tutorials
These tutorials explain some visual effects that can be applied to achieve a certain effect with your text.

:thumb191449494: :thumb106982083:



Techniques
Here the main focus lies on how to use tools to a certain effect.

:thumb57802983:





My Previous TextArt TIPS articles

Text Art Tips #1As new partner in crime for your Text Art Gallery Moderator :devsander-seto: i thought it was time to write a News Article about Text Art.
Maybe the Text Art Tips will turn into a series of articles.
What can you expect? My aim is to give you some tips on how to improve your Text Art.

So, Here Are Some Tips To Help You Improve Your Text Art

Take your time!
Really, dont rush any artwork you are doing. Especially in Text Art it is easy to just add a line of text to a canvas and you think you're done. This is not the case. Try different things, experiment with colors, with font sizes, textures, canvas sizes, kerning and and and. Just don' Text Art Tips #2Yay, i made the second article in the series :la:
Check out: Text Art Tips #1 to read more tips :)

So, Here Are More Tips On How To Improve Your Text Art

How Many Fonts To Use?
So, you got a font library with 5482 fonts. Nice! We all have and want such a library :B But just because you have 5482 fonts, it doesnt mean you should use all of them in one artwork.
Of course, this scenario is unrealistic. But you've all seen an artwork with more than 10 fonts. Most of them don't look good. And there are other ways of working with words that look different from each other.

You Could Try To Use Different Styles From One Font.
For example Gil Text Art Tips #3[This is an updated article! Nothing new yet, sorry.]

Finally the third news article in my TextArtTIPS Series!
Check out the previous issues Text Art Tips #1 & Text Art Tips #2

Third Set of Tips On How To Improve Your Text Art & Typography

Script Fonts
:thumb215943485:
:thumb215943481:
A script font in capitals is almost impossible to read.

:thumb215943495:
Comic style fonts work in Capitals.
Script, or chirographic, Β fonts can give your artwork a nice personal or realistic touch. But there are some things you may want to pay attention to, when it comes to using them.

Most importantly: do not use Capitals!
Traditional scri





Thank you for reading!


Related content
Comments: 15

kdowsonofdesign [2012-03-30 10:20:05 +0000 UTC]

Thank you; I have a feeling these will come in very useful. Huggle!

πŸ‘: 0 ⏩: 2

pica-ae In reply to kdowsonofdesign [2012-03-30 10:37:57 +0000 UTC]

I hope so

πŸ‘: 0 ⏩: 1

kdowsonofdesign In reply to pica-ae [2012-03-30 10:41:34 +0000 UTC]

I hope so too Um, how do you make the emoticon Huggle! work?

πŸ‘: 0 ⏩: 1

pica-ae In reply to kdowsonofdesign [2012-03-30 15:53:11 +0000 UTC]

You have to write the word between colons, like here :huggle:
There is a list of all emoticons in use on dA, the link is below the comment field

πŸ‘: 0 ⏩: 1

kdowsonofdesign In reply to pica-ae [2012-03-31 20:35:14 +0000 UTC]

Oh ok, thanks very much. I didn't know about the colon thing; I'll give it a try now.
Also, thanks for letting me know about the links

πŸ‘: 0 ⏩: 1

pica-ae In reply to kdowsonofdesign [2012-04-22 12:30:43 +0000 UTC]

no problem ^^

πŸ‘: 0 ⏩: 1

kdowsonofdesign In reply to pica-ae [2012-05-18 15:01:13 +0000 UTC]

;Hug;

πŸ‘: 0 ⏩: 0

kdowsonofdesign In reply to kdowsonofdesign [2012-03-30 10:20:56 +0000 UTC]

I have no idea why that emoticon didn't work.

πŸ‘: 0 ⏩: 0

Vashtastic [2012-03-30 00:00:34 +0000 UTC]

love!

πŸ‘: 0 ⏩: 1

pica-ae In reply to Vashtastic [2012-03-30 06:38:53 +0000 UTC]

πŸ‘: 0 ⏩: 0

morningstarskid [2012-03-29 21:57:06 +0000 UTC]

Well done........

πŸ‘: 0 ⏩: 1

pica-ae In reply to morningstarskid [2012-03-30 06:52:57 +0000 UTC]

Thanks

πŸ‘: 0 ⏩: 1

morningstarskid In reply to pica-ae [2012-03-31 00:22:55 +0000 UTC]

Welcome!

πŸ‘: 0 ⏩: 0

ibrahimabutouq [2012-03-29 20:35:36 +0000 UTC]

very nice .....................

πŸ‘: 0 ⏩: 1

pica-ae In reply to ibrahimabutouq [2012-03-30 06:52:52 +0000 UTC]

πŸ‘: 0 ⏩: 0