AntsMagazine.Com » typography

Daily Inspiration #4 Cool Typography And Its Applications

nahid — Sat, 12 Sep 2009 12:38:47 +0000

Typography is most common and important in a design and design ideas. There are many places where typography alone can define design and its really cool to get inspired by these amazing typography uses in various ways which will fuel you for your next design ideas. In this post we present the uses of typography in various fields of design. Go ahead and find them out! Enjoy

Typography Used In Websites

1) Links LA

2) Urban Phes Typeface used Helvetica

3) Kilian Valkhof Typeface used Arial, Asturias and Georgia.

4) PauloZoom Typeface used Georgia, Museo 300 and Museo 500!

5) Italbox

6) Sebastian Moon

7) OpenHosting

CoultureLab

9) Faurby Yacht

10) QualComp

11) Oliver

Creative Typography Design Roundups

1) 30 Typography Posters That You’ve Probably Never Seen Before

2) 10 Amazing Typography Artists

Typography Used In Airport Signage

1) Copenhagen airport signage

2) Melbourne Airport – Signage.

3) Seattle Airport

Typography Used Outdoors

Mind Blowing Typography For Inspiration

nahid — Tue, 16 Jun 2009 17:27:59 +0000

Typography is the art and techniques of arranging type, type design, and modifying type glyphs. They have the strong impact on the viewers interpretation, I came across few mind blowing typography art which truly inspired me for better design.

Arranging type faces has always been a wonder how to for me and in this post I have presented the best typography art I found. I constantly look for great designers for inspiration. This post also includes posters for services and products which are neatly executed and make you want to look again.

Go ahead and find out what inspires you! Enjoy…

All the pictures featured on this page belong to their respective owners.

Oscar Wilson

Craig Ward

Image resource

Debutart

77 Inspirational Typography

nahid — Tue, 03 Mar 2009 18:00:09 +0000

Web designers! Well structured typography can change the overall design. The importance of typography can be well understood from notion that web design is 95% typography. Here is the following list of resources, you can optimize and beautify your web typography.

3d Text
via Hollisterb

8 March

10 Sayi
via Sarah France

100 Watch
via Destin8x

Anno
via Destin8x

Anthony
via WeAreLoudmouth

Artek
via ARTek92

Artline
via Luuqas

Bold is Beautiful
via GoMediaZine

Boom
via Bobbwhy

Break On Through
via Manthra

Christmas
via Dreaming-Star

Collide
via Gomediazine

Death by Typography
by Gcore

Dj Hell
via Muschetaru

Do The Dance
via Fel1x

Empire
via Theo Aartsma

Envy
via Thekellz

Flash

Foundation
via Fanzi

Gramond III
via Leonardclagett

Gigantic

Green
via SneakyTomato

Hello Autumn
via Fumou

Hellohikimori

Helvetica
via Kim Holtermand

Holidays Over MoreVision
via Andrew Morev

Ilk 195 Wishes

Kelab
via Silent Mystique

Kyle Bean

Love
via Dreaming-Star

Luqas
via Luuqas

M Typographied
via Djmagic0

Make The Most Of Open Type
via KidsWithTools

Music
by Hoe Yi, Cheong of Fireantz

Pepper
via Pascal Brander

Pink Party
via Demen1

Play With Type
via Rickybir

Rebuild
via Jeff Finley

Refuse To Be
via Be Playful

Save
via Dkomov

SEO
Online Interactive Marketing
via Cresk

Serif
via Chris Rushing

Signal
via Demen1

Smile
via Adamwoodhouse

Socks Le Coffee Socks
via Flexgraph

Softness
via Be Playful

Sprit
via Excosoldier

Static Moment
via Static Moment

Stay Green Go Red
via Mike Campau

Stone
via Hebbylaya

Stranded
via Bes31

Sub
Let’s Dance Into The Fall
via p-h-o-e-n-y-x

SuperExpress

Super Graphic Arts
via RoninPyro

The Futures

Think
via Shydog1978

Shiny Binary Artwork
Type: Created for Computer Art Projects

Current Account: Created for Publicis on behalf of Halifax

Fresh science word: Created for Computer Arts

On Us: Created for Rapier on behalf of Virgin

Typo2

Typography by Benguiss

Typography On Hill
via Bloodyhippo

Typography Project

Under Sea
via Homeaffairs

Urb Type Treatment
via Chuck Anderson

Weeman
via Luke Lucas

Pleix

Your tpyo Sux
via bes31

Yulia

Zune

Zune Marketplace: Art direction for ad of Zune’s new online store.

Share this post if you enjoyed it. Click share/save!

Create A 3D Typo Effect In Photoshop

nahid — Fri, 27 Feb 2009 04:09:58 +0000

Hello Peeps! In this tutorial we will learn how to create a cool 3d effect using photoshop and Xara 3D. Lets check out what we are going to create.

STEP1

We will use Xara 3D to create the letters, you can download the demo version of xara 3d [click here]. Lets get started with Xara 3d, power up your xara 3d and create alphabets! Anything of your choice. Check the images below for creating alphabets in xara 3d.

Once you start Xara 3d click ALT + T and you will see this text window below!

After entering your alphabets/word press okay and follow the next image!

STEP2

After creating each alphabet you will have to export it and save it as .png format. Click FILE > EXPORT

Check out the image below for reference.

Once you have successfully saved this letter in .png, repeat the above steps and save all your alphabets in png format.

STEP3

Now Power up Photoshop and create a new document of any size you wish, I created a document of size 800 X 600! And pull in all your alphabets you saved then go ahead and arrange all the letters. My letters look like these after arranging.

STEP4

Once that you have arranged all the alphabets now we will add the shadow. Hold CTRL+SHIFT and click on all the alphabets, once you did it you will end up selecting all the alphabets then create a new layer below all the alphabets and fill the selection with back. To fill it with black your foreground color should be black and then hit ALT + Backspace.

STEP5

Now we will add Gaussian blur to the shadow layer! Click Filter > Blur > Gaussian Blur and enter the settings shown below

Once you added Gaussian blur settings then reduce the opacity of that layer to 50% and add one more layer above shadow layer and select a soft brush of 50px and with black color paint just below the alphabets. Refer my image

STEP6

Now we will go ahead and add layer styles to each alphabet, you can keep experimenting on blending options of your own choice. Here are my blending options. (to get layer styles double click on alphabets layer or just right click and select Blending options)

Here is my result, I tried various Blending options and I ended up with this. Try varying blend mode of each blending option to get good effects!

STEP7

Now we will add gradient to the background, select the gradient tool from the tools options and use my settings below for gradient color which I used.

I selected Radial Gradient and went from center to bottom.

STEP8

Now add some vectors, I used ink splatter vectors from here add it below the alphabets. You can check out other brushes here , use Edit> Transfrom> Perspective to get the perspective view.

Here is My final image

Everyone would get close results or same, post your final output link in comments!

Share this post if you liked it, click on share/save below