Berbagi: Vintage Typography Experiment in Illustrator and Photoshop

Berbagi
Tuesday, April 15, 2014 Blog Archive

2014
(1593)

Vintage Typography Experiment in Illustrator and

June
(1)

May
(94)
Photoshop

April
(501)
Suberb Tutorial of Digital Painting
President Obam...
How to Create a Radical Photo
We all love typography and especially the Sequence
Digital Painting Tutorial by Vitaly Alexius
Reader Tutorial: Starting with After
vintage/retro ones. There's something on those Effects
Awesome Colorful Poster Tutorial
Reader Tutorial: Create a Cool Movie
artworks that catch our eyes and makes us really Poster in Pho...
Photoshop Quick Tips #5 - Typographic
Portrait

crazy about them. Despite the fact that some are Bizarre Photo Treatment in Photoshop
Brooooooooo
Cinema 4D and Photoshop in Incredibly
Realistic Wa...
quite old and done with rudimentary process the Cinema 4D and Photoshop in Incredibly
Realistic Wa...
Cinema 4D and Photoshop in Incredibly
quality of the design is amazing and that's why books Realistic Wa...
Incredibly Realistic Water Text in Cinema
4D and P...

are the best way to get inspired by those and Incredibly Realistic Water Text in Cinema
4D and P...
Stylish Light in Cinema 4D and
Photoshop Tutorial
especially trying to learn how to do that using Photoshop Quick Tips #6: Cloudy Text
Photoshop Quick Tips #7 - Edgy Style
Photo Treatme...
modern tools like Illustrator and Photoshop. Photoshop Quick Tips #8: Making a
Planet

So in this tutorial I will show you how to create a nice vintage/retro typography based on an
Awesome Milk Typography Effect in
artwork from the bookNew Vintage Type: Classic Fonts for the Digital Age . The whole process
Photoshop
will take you 2-3 hours, but it's quite simple. However it requires time. I hope you enjoy it and
Abduzeedo's Text Effect Tutorials
keep practicing always.
Meat Text Effect in Photoshop
Creating an amazing Palm Pre icon on
Fireworks
SIMPLE SKETCH
Photoshop Quick Tips #11: Creating
Glow Lines
Reader Tutorial: Aurora Borealis
Wallpaper in Phot...
Reader Tutorial: Illustrating a Camaro
2010 by Jul...
STEP 1 Reader Tutorial: Making Little Planets in

Open Illustrator and create a new document. The size doesn't even matter because it's vector and Photosho...

we will finalize our work in Photoshop. Type the words "inspiration" and "speaks'". Use Super Cool Watercolor Effect in 10 steps
in Photos...
uppercase. For the speaks, create 3 different text objects, 2 for the S and one for peaks. Make the
Photoshop Quick Tips #12: Alien Eye
Ss bigger than the peaks like the image below.
Reader Tutorial: Fireworks - Interactive
Prototype...

http://kubang-design.blogspot.co.id/2014/04/vintage-typography-experiment-in.html[16/02/2016 11:30:12]
Berbagi: Vintage Typography Experiment in Illustrator and Photoshop

Photoshop Tutorial: Michael Jackson

Wallpaper
Soul Rebel Poster Tutorial
Reader Tutorial: Create a Grungy Poster
In Photosh...
Web Site Design Tutorial: Wellknown.as
Case
Super Easy and Cool Flower Text Effect
in Photosho...
Manipulation Basics: Illumination and
Coloration
Reader Tutorial: 16bits Vector Style
Illustration
Amazing Video-Game Text Style in
Photoshop
Creating a Super Detailed Illustration
Step by Ste...
Fantastic Digital Painting Image in
Photoshop and ...
Amazing Watercolor Effect in Pixelmator

STEP 2 Shiny Calligraphy Text Effect in

Photoshop Brooooo...

Select the word peaks and go toObject>Envelop Distort>Maker with Warp. SelectArk
New Quicktime Icon in Photoshop
Lower. Use - 25% for the Horizontal.
Super Cool Photo Treatment in
Lightroom
Reader Tutorial: Create Vintage Traveler
Diary in ...
Photography Quick Tips: Desaturated
Film Style Pho...
Creating Very Cool Folded Typo
Super Cool Retro Poster in 10 Steps in
Photoshop
Easy Space Scene in Pixelmator
Stylish Light Effect in Photoshop
Broooooooooo
Stylish Retro Poster in Pixelmator
Zee Logo in Illustrator
80's Style Text Effect in Pixelmator
Super Easy Neon Style in Photoshop
Broooooooooo
Very Easy Heroes Eclipse in Photoshop
Broooooooooo...
Rad Pattern in Illustrator that Makes you
Dizzy
Reader Tutorial: Cartoon Character in
Photoshop
Old Style Typography Sign in Photoshop
Easy Star Light in Photoshop
GIMP Quick Tips: Abstract Background
Effect
Creating a Colorful Light Effect with
Pixelmator
Web Design Process: Zee Site
Sleek Wallpaper in Pixelmator
Realistic Golden Text in Pixelmator
Reader Tutorial: Geometric Flower Effect
STEP 3 Logo in I...

With theEllipse Tool (L)create 3 ellipses like the image below. Note that some have thicker Digital Bokeh in Photoshop - Screencast
strokes than the others. by Photo G...
Playing with CSS3
Torch Man in Pixelmator
Reader Tutorial: Colorful Light Effect in
GIMP
Photoshop Quick Tips #13 - Creating
Reflection

http://kubang-design.blogspot.co.id/2014/04/vintage-typography-experiment-in.html[16/02/2016 11:30:12]
Berbagi: Vintage Typography Experiment in Illustrator and Photoshop

Web Design in Pixelmator

Colorful Light Effect in Photoshop
Magic Cup Coffee in Pixelmator
Reader Tutorial: Extinction by Chanito
Mental Wave Explosion in Pixelmator
Beautiful Xmas Wallpaper in Cinema 4D
and Photosho...
Minimalistic Poster Design in Photoshop
Abduzeedo 2010 Logo Design
Very Easy Heroes Eclipse in Photoshop -
Screencast...
Happy New Year in Pixelmator
Amazing Obama 3D
Reader Tutorial: Wind Blow by
Francesco di Pietro
Abduzeedo 2010 Light Effects in
Photoshop
UI Tips in Pixelmator
Reader Tutorial: Easy HDR Technique by
Cristian Ia...
Reader Tutorial: Easy Digital Painting in
Photosho...
Playing with Vectors in Illustrator
STEP 4
Reader Tutorial: Arcadia 80's VHS Style

Agai with theEllipse Tool (L)add 2 circles. One at the top and the other at the bottom of the
The Abduzeetles Rockband Website in
ellipses. Fireworks
Hell of a Tutorial in Pixelmator
Lost in Space Typography in Photoshop
Lost in Space Typography in Pixelmator
Super Easy Typographic Portrait in
Photoshop
Creating a Typographic Portrait in
Pixelmator
Photoshop Quick Tips: Neon with Layer
Styles
Playing with Watercolor Brushes and
Masks in Pixel...
Super Easy Neon Style in Photoshop -
Screencast
CSS 3 Tips by Nick and Jim from
Doctype
Melting Girl in Photoshop
Basics of Slicing with Pixelmator
Light Painting Guide by Christopher
Hibbert
Cool Typography with the Blend Tool in
Illustrator...

March
(986)

February
(11)

BERBAGI

Loading...

http://kubang-design.blogspot.co.id/2014/04/vintage-typography-experiment-in.html[16/02/2016 11:30:12]
Berbagi: Vintage Typography Experiment in Illustrator and Photoshop

STEP 5

Select theBlend Tooland click on the top circle, then on the botton one to create the blend. Edit
the number of steps until you have something like the image below. This values might change
depending on your design.

Popular posts

Teknik Dasar
Membuat Efek
Mozaik dengan
Background
Gambar
WARNING!
Tutorial ini buat
yang udah agak
bisa atau yang
udah ngerti
istilah-istilah
photoshop
buat yang masih
dasar banget,
saya sudah s...

Desain
undangan
menggunakan
coreldraw
Pada artikel
saya yang
terdahulu saya
pernah
mengupload
satu format
undangan yang
STEP 6 berekstensi .cdr.
sampai suatu

Create an ellipse in between the 2 big ones, this new ellipse will be the path for the circles. Delete ketika ada
seorang
half of the ellipse then. With theDirect Selection Tool (A)select the line that the blend follows pemba...
and then select the half of ellipse let. Go toObject>Blend>Place Spine.Now the circles will
Efek Glamour
follow the ellipse spine. dengan Teknik
Beauty
Retouching di
PhotoShop
muantap
Tutorial untuk
kali ini saya
akan
memberikan
sedikit trik dasar
khususnya sich
buat para
fotografer
pemula yang
ingin memoles
modelny...

Cara Membuat
Poster Film
Menggunakan
Adobe
Photoshop
Okey
sekarang kita ke
tutorialnya yah..
Bentar.. buka
baju dulu.. gerah
banget nih..
Buka dokumen
baru ukuran A4
..dengan
resolusi 3...

http://kubang-design.blogspot.co.id/2014/04/vintage-typography-experiment-in.html[16/02/2016 11:30:12]
Berbagi: Vintage Typography Experiment in Illustrator and Photoshop

Membuat Bola
Mata Sharingan
(Naruto) di Paint
Bertepatan
dengan hari
KARTINI
ilmugrafis
mempublish
TUTORIAL baru
yaitu Membuat
Bola Mata
Sharingan di
STEP 7 Ms. Paint. Bagi
penggemar

Duplicate the blend and flip it vertically using the transform tools via pathfinder Naruto...
(View>Pathfinder).
Manipulasi
Photoshop -
Manusia
Harimau
muantap
Saya rasa
Tutorial
Photoshop yang
saya buat kali ini
lebih cocok buat
para pemula
yang baru
belajar
manipulasi foto
dengan Adobe
Photoshop...

Cara mengetik
dengan garis
bawah pada
Photoshop
Tadi siang, aku
nyoba mau
membuat
gambar di
photoshop, terus
kepingin ngasih
tulisan dengan
garis bawah
(underline). Di
photoshop tidak
...

Membuat Brush
STEP 8 Photoshop
Kali ini saya akan

http://kubang-design.blogspot.co.id/2014/04/vintage-typography-experiment-in.html[16/02/2016 11:30:12]
Berbagi: Vintage Typography Experiment in Illustrator and Photoshop

Add more text, in this case I added by ABDUZEEDO. Also add 2 lines one at the top and the menggunakan
other at the bottom. dua Program
yang sering
saya gunakan,
Niat utamanya
untuk membuat
admin
ilmugrafis.com
kebingungan
menempatka...

Desain Spanduk
Ramadhan di
Coreldraw
Sebelum menuju
ke tutorial
membuat
spandukMenya
mbut datangnya
bulan Suci
Ramadhan ,
saya dan
seluruh beserta
para kontributor
dan penulis ...

Desain Foto
Cover Depan
Undangan
Kali ini saya
akan
membagikan
sebuah tutorial
cara mendesain
salah satu cara
pembuatan
Cover depan
undangan
custom yang
menggabungkan
an...

My Friend

STEP 9

Keed adding more elements, this time I added a rounded rectangle using theRounded Rectangle
Tool.Then I typedABDUCTED BY DESIGN.

http://kubang-design.blogspot.co.id/2014/04/vintage-typography-experiment-in.html[16/02/2016 11:30:12]
Berbagi: Vintage Typography Experiment in Illustrator and Photoshop

STEP 10

With theRectangle Tool (M)create 2 rectangles, the top one thinner than the bottom and
position it next to the big ellispe.

http://kubang-design.blogspot.co.id/2014/04/vintage-typography-experiment-in.html[16/02/2016 11:30:12]
Berbagi: Vintage Typography Experiment in Illustrator and Photoshop

STEP 11

With theSpiral Toolcreate a spiral to use in the end of one of the rectangles.

STEP 12

With theEllipse Tool (L)create a ellipse to fill the end of the spiral.

http://kubang-design.blogspot.co.id/2014/04/vintage-typography-experiment-in.html[16/02/2016 11:30:12]
Berbagi: Vintage Typography Experiment in Illustrator and Photoshop

STEP 13

Now with theStar Tooladd one star, then duplicate it twice to have 3. Align and ditribute them
uniformly.

STEP 14

Now just duplicate elements to have the center part as the image below.

http://kubang-design.blogspot.co.id/2014/04/vintage-typography-experiment-in.html[16/02/2016 11:30:12]
Berbagi: Vintage Typography Experiment in Illustrator and Photoshop

STEP 15

Again with theSpiral Toolcreate spirals for the lines of theBy Abduzeedoelement.

http://kubang-design.blogspot.co.id/2014/04/vintage-typography-experiment-in.html[16/02/2016 11:30:12]
Berbagi: Vintage Typography Experiment in Illustrator and Photoshop

STEP 16

Select the elements of the By Abduzeedo part and go toObject>Envelop Distort>Envelop with
Warp. UseArc with the same 25% Horizontal.

http://kubang-design.blogspot.co.id/2014/04/vintage-typography-experiment-in.html[16/02/2016 11:30:12]
Berbagi: Vintage Typography Experiment in Illustrator and Photoshop

STEP 17

With the LineSegnent Tool (\)add 2 lines and then with theBlend Toolcreate a diagonal pattern
like the image below.

http://kubang-design.blogspot.co.id/2014/04/vintage-typography-experiment-in.html[16/02/2016 11:30:12]
Berbagi: Vintage Typography Experiment in Illustrator and Photoshop

STEP 18

The select theInspiration Speakspart and group them.Duplicateit once and change the color to
white. Move this new copy so it is beneath the black text, and also move a few pixels down and
right. After that duplicate this white layer and move it a few more pixels down and left, but then
cut it (Edit>Cut). Select the diagonal pattern and go toView>Transparency. You will see 2
thumbs, one with the pattern and another empty. Double click on the empty one to enable the clip
mask, then copy the white text in place (Command + F). That will mask the pattern with the text
object.

STEP 19

This is the final vector object we have. Notice that I also duplicate the By Abduzeedo part. It's up
to you here, the idea is try different things :)

http://kubang-design.blogspot.co.id/2014/04/vintage-typography-experiment-in.html[16/02/2016 11:30:12]
Berbagi: Vintage Typography Experiment in Illustrator and Photoshop

STEP 20

Open Photoshop and import the vector image. You can do that by copying and pasting or
exporting a bitmap from Illustrator. In my case the latter was the fastest one, so it was the one I
recommend. Also I added here a image of the Abduzeedo logo I created in Pixelmator a long time
ago for testing and place it in the center of the ellipse.

http://kubang-design.blogspot.co.id/2014/04/vintage-typography-experiment-in.html[16/02/2016 11:30:12]
Berbagi: Vintage Typography Experiment in Illustrator and Photoshop

STEP 21

Go toImage>Adjustments>Invert.Now we have a black background with white elements.

STEP 22

Duplicate the image and with the new layer go toFilter>Sketch>Cont Crayon.Use13 for the
Foreground Level, 10 for the Background Level, Sandstone for the Texture, 150% for the
Scaling and 5 for the Relief.

STEP 23

http://kubang-design.blogspot.co.id/2014/04/vintage-typography-experiment-in.html[16/02/2016 11:30:12]
Berbagi: Vintage Typography Experiment in Illustrator and Photoshop

With theBrush Tool (B) and some vintage/dirty brushes from Eduardo Recife
(http://www.misprintedtype.com/v4/) start painting with black and white over the image. Also add
a new layer and start paiting with white only. Tip: Go toWindow>Brush (F5)and then create a
brush activating the Shape Dynamics, Scattering and Transfer. That way you can paint of the
image without looking too uniform.

CONCLUSION

Here is the final image, you can exaggerate a littel bit because my idea here is use this design on
top of an photo, then using Screen for the Blend Mode, all the black will be transparent and only
the white will be shown.

As you can see, the design process is quite simple and it's all about trying and practicing. Now we
understand a bit on how this vintage elements are creating, therefore we can start creating our
own. The typography books were indeed very useful.

http://kubang-design.blogspot.co.id/2014/04/vintage-typography-experiment-in.html[16/02/2016 11:30:12]
Berbagi: Vintage Typography Experiment in Illustrator and Photoshop

ANOTHER VERSION

Posted by
rizal furkon
at
9:31 PM

No comments:

Post a Comment

http://kubang-design.blogspot.co.id/2014/04/vintage-typography-experiment-in.html[16/02/2016 11:30:12]
Berbagi: Vintage Typography Experiment in Illustrator and Photoshop

Newer Post Home Older Post

Subscribe to:
Post Comments (Atom)

Loading...

Popular Posts

Teknik Dasar Membuat Efek Mozaik dengan Background Gambar

WARNING! Tutorial ini buat yang udah agak bisa atau yang udah ngerti istilah-istilah photoshop buat
yang masih dasar banget, saya sudah s...

Desain undangan menggunakan coreldraw
Pada artikel saya yang terdahulu saya pernah mengupload satu format undangan yang
berekstensi .cdr. sampai suatu ketika ada seorang pemba...

Efek Glamour dengan Teknik Beauty Retouching di PhotoShop muantap

Tutorial untuk kali ini saya akan memberikan sedikit trik dasar khususnya sich buat para fotografer
pemula yang ingin memoles modelny...

Cara Membuat Poster Film Menggunakan Adobe Photoshop

Okey sekarang kita ke tutorialnya yah.. Bentar.. buka baju dulu.. gerah banget nih.. Buka dokumen
baru ukuran A4 ..dengan resolusi 3...

Membuat Bola Mata Sharingan (Naruto) di Paint

Bertepatan dengan hari KARTINI ilmugrafis mempublish TUTORIAL baru yaitu Membuat Bola Mata
Sharingan di Ms. Paint. Bagi penggemar Naruto...

Manipulasi Photoshop - Manusia Harimau muantap

Saya rasa Tutorial Photoshop yang saya buat kali ini lebih cocok buat para pemula yang baru belajar
manipulasi foto dengan Adobe Photoshop...

Cara mengetik dengan garis bawah pada Photoshop
Tadi siang, aku nyoba mau membuat gambar di photoshop, terus kepingin ngasih
tulisan dengan garis bawah (underline). Di photoshop tidak ...

Membuat Brush Photoshop

Kali ini saya akan menggunakan dua Program yang sering saya gunakan, Niat utamanya untuk
membuat admin ilmugrafis.com kebingungan menempatka...

Desain Spanduk Ramadhan di Coreldraw

Sebelum menuju ke tutorial membuat spandukMenyambut datangnya bulan Suci Ramadhan , saya
dan seluruh beserta para kontributor dan penulis ...

Desain Foto Cover Depan Undangan

Kali ini saya akan membagikan sebuah tutorial cara mendesain salah satu cara pembuatan Cover
depan undangan custom yang menggabungkan an...

http://kubang-design.blogspot.co.id/2014/04/vintage-typography-experiment-in.html[16/02/2016 11:30:12]
Berbagi: Vintage Typography Experiment in Illustrator and Photoshop

Mengenai Saya

rizal
furkon

View my complete profile

Simple template. Powered by Blogger.

http://kubang-design.blogspot.co.id/2014/04/vintage-typography-experiment-in.html[16/02/2016 11:30:12]