Monday, August 6, 2012

How to Create a Vintage Type Postcard InDesign

Final Product What You'll Be Creating

Follow this in-depth look at the process of designing type for a vintage style postcard in Adobe Illustrator CS5. Harken back to an era when postcards were all the rage with this friendly type style. The tutorial will delve into clipping masks, using bitmap images, working with layers and type effects.

Resources


Step 1

Select the typeface you would like to begin with for your dominant text. Our word is “HOME”. I recommend a thick condensed sans-serif type and I used Berthold Akzidenz Grotesk.

Step 1b

Go to type > Create Outlines to turn the type into an object.

Step 1c

Go to Effect > Warp and choose Rise under the ‘styles’. Input the same numbers shown on the screen.

Step 1d

With your new type selected go to Object > Expand Appearance. This will apply the effect.

Step 1e

Create a copy of “HOME” and place it on another layer.

Step 2

Select the “HOME” on the bottom layer. Choose Effect > 3D > Extrude & Bevel. Input the coordinates shown.

Step 2b

Make the top “HOME” white.

Step 2c

Apply a color to the 3-dimensional type.

Step 3

Select a typeface for “Welcome”. I used a modified version of Wisdom Script.

Step 3b

Go to Type > Create Outlines to turn the type into an object.

Step 3c

Add a black stroke to the type.

Step 3d

Select Effect > Warp > Rise and input the shown coordinates.

Step 4

Use the same typeface for South Haven, MI.

Step 4b

After creating the outlines, as shown previously, select Effect > Warp > Arc and input the shown coordinates.

Step 4c

Apply a color to the type.

Step 5

Select a simple type for the copyright on the postcard. I used Berthold Akzidenz Grotesk again.

Step 6

Back to the “HOME” type, we will now be replacing the black type with an image.

Step 6b

Now we’ll need Image 1: Philadelphia from Pennsylvania Building. Place the image behind the “H”. Select the image and the “H”, and select Clipping Mask > Make.

Step 6c

Your “H” should now look like this.

Step 6d

Apply the same technique to the “O”.

Step 6e

Halfway there, the image should look like this.

Step 6f

After applying the same technique to the rest of the type, this is what you should have.

Step 7

Gather all of your elements and align them as shown.

Step 7b

Select the “HOME” object and add a 1pt stroke.

Step 7c

Select the “HOME 3-dimensional object? and add a .75stroke.

Step 8

Now we’ll need Image 2 (our background image): Cannon Beach on the Oregon Coast. Add in your background image as the bottom layer. Illustrator renders images quite poorly, so don’t worry if everything looks odd in this step. Once you save it out the image will be fixed.

Final Image

Now you have seen the process and techniques used to create this vintage postcard type. This can easily be used with varying images and type to reflect any kind of event.
final

24 comments:

  1. You actually make it appear really easy along with your presentation but I
    to find this matter to be really one thing that I think I'd never understand.
    It seems too complex and extremely large for me.
    I'm having a look ahead in your subsequent put up, I will attempt to get the hang of it!



    my web site; Blogging

    ReplyDelete
  2. Greetings! Very helpful advice within this article!
    It's the little changes that will make the greatest changes.

    Thanks for sharing!

    Here is my web page ... Shona

    ReplyDelete
  3. Excellent, what a web site it is! This webpage gives valuable
    facts to us, keep it up.

    Feel free to visit my page - Lemuel

    ReplyDelete
  4. Genuinely when someone doesn't know then its up to other users that they will assist,
    so here it occurs.

    my webpage ... Bert

    ReplyDelete
  5. Write more, thats all I have to say. Literally, it seems as though you relied on the video to make
    your point. You clearly know what youre talking about, why throw away your intelligence
    on just posting videos to your site when you could be giving us
    something enlightening to read?

    my web blog - user profile

    ReplyDelete
  6. all the time i used to read smaller content which as well clear their motive, and that is also happening with this post which I am reading at this place.


    Also visit my web page; Courtney

    ReplyDelete
  7. Nice post. I used to be checking constantly this blog and
    I'm impressed! Extremely helpful information specially the remaining
    section :) I maintain such information much. I was seeking this particular information for a long time.
    Thank you and best of luck.

    my website :: site

    ReplyDelete
  8. I was recommended this website by my cousin. I'm
    not sure whether this post is written by him as no one else know
    such detailed about my difficulty. You're amazing! Thanks!


    Here is my website ... Fine Dining Blog

    ReplyDelete
  9. WOW just what I was looking for. Came here by searching for 3d printing service

    Here is my weblog: Andreas

    ReplyDelete
  10. Amazing! Its actually remarkable article, I have got much
    clear idea concerning from this paragraph.

    Also visit my web-site ... website ()

    ReplyDelete
  11. Hello my family member! I want to say that this post is amazing, nice written and come
    with approximately all significant infos. I would
    like to see more posts like this .

    my homepage :: Willian

    ReplyDelete
  12. Hi! I know this is somewhat off topic but I was wondering if you knew where I could get a captcha plugin for my
    comment form? I'm using the same blog platform as yours and I'm having trouble finding one?

    Thanks a lot!

    Here is my webpage: Flossie

    ReplyDelete
  13. Thank you for the auspicious writeup. It in
    fact was a amusement account it. Look advanced to more added agreeable from you!
    By the way, how can we communicate?

    Feel free to surf to my web blog - web page

    ReplyDelete
  14. Hello there, I found your blog by way of Google whilst searching for a related matter, your site got
    here up, it appears good. I have bookmarked it in my google bookmarks.


    Hi there, simply changed into aware of your blog via Google, and found that it's really informative.
    I am gonna be careful for brussels. I will be grateful when you continue this in future.
    Numerous folks might be benefited from your writing. Cheers!


    Also visit my blog - canvas art (personaljustice.info)

    ReplyDelete
  15. Aw, this was a very nice post. Taking a few minutes and
    actual effort to create a top notch article… but
    what can I say… I procrastinate a lot and never manage
    to get anything done.

    Feel free to surf to my webpage :: drum Beat Creator

    ReplyDelete
  16. Greetings! I've been following your website for some time
    now and finally got the courage to go ahead and give you
    a shout out from Kingwood Texas! Just wanted to say keep up the excellent job!



    Here is my website :: online slots in ny state

    ReplyDelete
  17. Whаt's up colleagues, plеasaոt piece of writing аnd good urging commented
    at tɦis place, I am ɡenuinely enjoying by these.

    Also visit my web page ... derm exclusive vs meaningful beauty

    ReplyDelete
  18. You also have some really short military style cuts that will work.
    Next, you also need to avoid the center part; it is suggested to keep
    it to the side. Here, we will take a look at
    a few factors that you need to consider when choosing hairstyles for brides who are walking
    down the aisle, and whether they should go for veil or veil-less hairstyles.


    Feel free to surf to my webpage round face hairstyles; modnefryzury.com.pl,

    ReplyDelete
  19. The layers are given a touch of waves to add more weight in an effort of bringing out the best of
    the round face. Check whether you are comfortable with the
    hairstyle and makeup. It is better to choose the jewelry
    which fits your face shape and hairstyle.

    my site - hair stylist, ,

    ReplyDelete
  20. You also have some really short military style cuts that will work.

    And with younger children, avoid using the term "haircut"-the
    idea of cutting may be distressing to them. Good communication between you
    and your stylist will make both of you happier.


    Also visit my web-site mens short hairstyles, http://www.modnefryzury.com.pl/regulamin.htm,

    ReplyDelete
  21. By advance planning everyone gets enough time to make sure that they look perfect for the event.
    For longer hair, bigger and more curls can be made compared to shorter hair.
    The fact is that almost everyone contains a natural wave.


    my web-site beach hairstyles - ,

    ReplyDelete
  22. Can you use web 2.0 sites for SEO? I was told by a friend that they are useful but not sure if
    they have any benefit

    Also visit my web blog ... seo packages

    ReplyDelete
  23. Hello! I know this is kinda off topic but I'd figured I'd ask.

    Would you be interested in exchanging links or maybe guest authoring a blog post or vice-versa?
    My website discusses a lot of the same topics as yours and I think we could greatly benefit from each other.
    If you are interested feel free to shoot me an email. I look forward to hearing
    from you! Fantastic blog by the way!

    My page: PUre cambogia ultra

    ReplyDelete
  24. Hello, after reading this remarkable article i am as well
    glad to share my knowledge here with mates.

    Review my blog post :: get followers instagram

    ReplyDelete