How To Create a Vintage Postcard Design (Illustrator & Photoshop Tutorial)

No video

How To Create a Vintage Postcard Design (Illustrator & Photoshop Tutorial)

Рет қаралды 204,515

Күн бұрын

In today's Illustrator and Photoshop tutorial I'm going to take you through the design process for creating a vintage postcard design, based on the postcard design style known as "large letter", which was popular throughout the mid-20th century. Often accompanied by the words “Greetings from…”, these postcards presented the name of a place with faux 3D type effects and featured a variety of pictures of that locale clipped within the text face of each letter. We'll use the tools available in Adobe Illustrator and Adobe Photoshop to replicate the visual traits of those original souvenirs.
📺 WATCH THIS NEXT: How to Create a Vintage Movie Title Text Effect in Photoshop - • How to Create a Vintag...
Join my mailing list and get a FREE design resources bundle! 📦 spoon.graphics...
🙏 I don’t have a Patreon, but if you want to support my work, consider becoming an Access All Areas member on Spoon Graphics - spoon.graphics...
⭐️ Get Millions of Creative Asset Downloads from Envato Elements - spoon.graphics...
► Download my FREE Vintage Postcard Textures - spoon.graphics/...
Stock photos used:
unsplash.com/p...
unsplash.com/p...
unsplash.com/p...
unsplash.com/p...
unsplash.com/p...
unsplash.com/p...
unsplash.com/p...
Fonts used:
► Futura Condensed Extra Bold - spoon.graphics...
► Signpainter Housescript - No longer on Adobe Fonts. Try Corner Store instead! - spoon.graphics...)
Deals & Discounts:
⭐ Get 20% off ANYTHING in my Spoon Graphics Shop - spoon.graphics...
⭐️ Get 10 FREE Images from Adobe Stock - spoon.graphics...
⭐ Save 70% off the Heritage Type Vintage Fonts Bundle - spoon.graphics...
⭐️ Download this Month's FREE Files from Envato - spoon.graphics...
Tools & Resources I Use:
⭐️ Get Photoshop and other Adobe CC programs here: spoon.graphics...
🛠️ Where I download the creative assets I need - spoon.graphics...
✍️ The graphics tablet I use: amzn.to/2GYNYEc
🎙️ The microphone I use: amzn.to/3AdkJsp
📢 The email newsletter service I use: spoon.graphics...
📈 The tool I use to help grow my channel: spoon.graphics...
Watch more of my content:
📺 See all my Photoshop tutorials - spoon.graphics...
📺 See all my Illustrator tutorials - spoon.graphics...
📺 Watch my most popular videos - spoon.graphics...
#Photoshop #PhotoshopTutorial #AdobePhotoshop #Illustrator #AdobeIllustrator #IllustratorTutorial
Adobe Photoshop & Adobe Illustrator design tutorials from Chris Spooner of Spoon Graphics. Subscribe to learn how to create stunning artwork as I share my tips and tricks in video format.
Join my mailing list: blog.spoongraph...
Visit my design blog: blog.spoongraph...
Follow me on Twitter: / chrisspooner
Join me on Facebook: / spoongraphics

Пікірлер: 154

@spoongraphics 5 жыл бұрын

Join my mailing list and get a FREE design resources bundle! 📦 spoon.graphics/freebundle

@ethiopianboyy9978 4 жыл бұрын

Do you do Custom designs? I just want the design not a card.

@AddieDub 2 жыл бұрын

📣📣 FOR EVERYONE HAVING TROUBLE W EXTRUDE AND BEVEL Instead of going to 3D and Materials > Extrude & Bevel go to 3D Materials > 3D (Classic) > Extrude & Bevel (Classic) and it will show the old layout he uses in this video!

@IzzyWootonn Жыл бұрын

THANK YOU i was so lost for a second lol. this comment needs pinned to the top !!!

@angironi Жыл бұрын

You are a lifesaver! Bump this comment!

@shotsbyzaya Жыл бұрын

You’re so clutch!!!

@jakegatewood4791 Жыл бұрын

You're the best. thank you!!

@mariosbalomenos1353 Жыл бұрын

Just a small reminder after 1 year of how helpful ur comment was

@aliciathibodeaux3821 Жыл бұрын

This took me literally an HOUR per MINUTE of this clip haha so like 8 hours total. Never used illustrator in my life. But I did it! THANK YOU

@bertkrawl 5 жыл бұрын

Are you freaking kidding me?! I've been doing the shadows manually this whole time! Thanks so much for this tutorial! Gonna speed up my workflow tremendously!

@Tystarr 5 жыл бұрын

LOL RIGHT??

@isaacnx Жыл бұрын

For the people using Ai 2023, to make the 3d text you have to go to Effect>3d and materials>3D Classic and then to extrude and bevel classic.

@Sharpeshoo7er 11 ай бұрын

man thank you

@BeanRiceJesusChrist 10 ай бұрын

THANK YOU!!!

@christianverberg2488 4 жыл бұрын

This just helped me out. During quarantine I have been trying to master Photoshop and Illustrator but I did not know what to create and this was very inspirational for me! THANK YOU

@Navigator777777 5 жыл бұрын

Absolutely loved every minute. Who would not want this as a finished product?

@Hey__its__becky 5 жыл бұрын

THANK YOU for all of your wonderful resources!! I love all of your tutorials and grateful that you've kept them free! Your the BEST

@isaiah53design 5 жыл бұрын

WOW. You pack so much in under nine minutes. I started this thinking, I'm not slowing my computer opening Illustrator and Photoshop at the same time. You have changed my mind! This is SO worth postponing opening Photoshop a couple minutes! THANKS AND GOD BLESS!

@teelabrown4291 9 ай бұрын

Brilliant how-to. To the point, rich with straightforward, useful techniques. Thanks!

@karenhodas5899 Жыл бұрын

Thank you for the tutorial: as of 2022 this tutorial is a bit different with the new 3D and materials. I figured it out up until Object > Expand appearance @ timecode 3:07. It now appears to be a rasterized image instead of a vector. Any tips/tricks/ suggestions

@LindsayLipovich Жыл бұрын

did you figure it out?

@user-rs9gc5tg1t 8 ай бұрын

You need to choose Effect > 3D and Materials > 3D Classic > Extrude and Bevel Classic for this tutorial@@LindsayLipovich

@user-rs9gc5tg1t 8 ай бұрын

You need to choose Effect > 3D and Materials > 3D Classic > Extrude and Bevel Classic for this tutorial

@CS-zq1nh Жыл бұрын

This tutorial was fantastic. Quick and very to follow. Thanks!

@dcreedy23 5 жыл бұрын

Thank you! This was the exact tutorial I needed for my latest project!

@stereogrIm 4 жыл бұрын

Thank you. Took me a bit longer than 8 minutes but i got there :)

@graceng7986 4 жыл бұрын

Wow Chris, this was VERY difficult for me but I stuck through the tutorial for 5 hours, switching in between your blog post and this video and some other people's videos as I have never done a mask on a layer before (6:00) and I could not Match Color (learned that you have to set the image to RGB Mode) but boy I am SO pleased with my results! Thank you!

@elenaerber 2 жыл бұрын

Thanks. THis is about the best tutorial I've ever used and perfect for my specific project. Sending much gratitude.

@isaacquiroz5886 5 жыл бұрын

needed this for homework and the outcome is amazing thank u so so much, you just won a new subscriber!

@HellooDIY 4 жыл бұрын

awesome tutorial! I am always amazed at what I am able to make with your tutorials

@the_ericklima 4 жыл бұрын

I learned so much in this 8 minutes. Thank you so much

@alexjakson2369 Жыл бұрын

workflow broken with new update

@Whachamacallit 8 ай бұрын

Still easily correctable

@whateverKiara Жыл бұрын

Awesome tutorial. Easy to follow and ended up beautiful! Thank you so so much

@gabtaraboulsy 3 жыл бұрын

You are a freaking GENIUS. This is amazing.

@cminor4423 4 жыл бұрын

You’re a life saver!

@NACHOMAN_SAVAGE 3 ай бұрын

LOVE IT!

@leoniemeyer2959 3 жыл бұрын

I learnt so many techniques in this tutorial - thanks heaps big thumbs up.

@asmafarooq8367 3 жыл бұрын

thanks for sharing chris! Fantastic tutorial. Love it. and thank you so much for sharing the vintage textures with us

@cellacreates 5 ай бұрын

AWESOME!! Thanks so much!!

@jackgipson9110 3 жыл бұрын

Always educational, short & helpful. Thanks!

@SinistarPro_Mike 5 жыл бұрын

Excellent tutorial, and many thanks. Cheers!

@agiverreviga4592 5 жыл бұрын

Basically, the logo of Gravity Falls.

@spoongraphics 5 жыл бұрын

*Googles Gravity Falls... Ah, yes 😄

@SharpDesign 5 жыл бұрын

basically, that's why Gravity Falls did it. vintage postcard, small town, creepy beneath the surface..

@erenjaeger9902 3 жыл бұрын

Haha 😁

@DylanDhindsa 5 ай бұрын

this is so cool!

@raymondjones4390 3 жыл бұрын

Fantastic! Thank you so much! Excellent tutorial.

@lcwatts2971 5 жыл бұрын

Dude! You're a MASTER!

@silva168 4 жыл бұрын

Thank you! This was so helpful. Really concise and clear.

@jasminewilliams6026 3 жыл бұрын

Great tutorial! 🙌🏽

@theoddgayout 4 жыл бұрын

LOVE YOU THANK YOU!!!

@fruzsinabago34 4 жыл бұрын

thank you for this video! it was very helpful for my flyer design I am currently making

@jeffbenedict3533 4 жыл бұрын

Great tutorial!! Thank you!!

@conaib 5 жыл бұрын

excelente trabajo, muy bien detallado... gracias por compartir :)

@Thunder-kx3tj 5 жыл бұрын

How do you fill the area with black after you inverse it?

@batnamz 4 жыл бұрын

Make sure you have the mask layer selected, then choose the Paint Bucket tool, then black color and click in the border area.

@Dr_McDickerson 4 жыл бұрын

I just figured it out, when he says to "fill it with black to erase it from the mask" he means to just hit backspace. Hope this works for you.

@flppsmrnv 4 жыл бұрын

@@Dr_McDickerson thank you!!!!!!

@Toscoou 4 жыл бұрын

Amazing video tutorial, very useful!

@SAITAMA-ou9lb 4 жыл бұрын

cool 8 minute video i finished my sentence 3 hours later congratulations on the work god bless

@princesscupcake4697 4 жыл бұрын

This is really helpful! Thank you!

@axelj.bechardo5791 5 жыл бұрын

Gravity Falls Logo now have sense to me :D

@mel_cam 5 жыл бұрын

Excellent tutorial! Thank you!

@strodestudios Жыл бұрын

Thank you!

@tina__colada 4 жыл бұрын

Hi, great content! Is there a way to only use Photoshop for this? How would I do the same effect to the text if I had no illustrator?

@AffinityInspiration Жыл бұрын

What would be really cool would be doing this on the iPad now.

@denyson4620 5 жыл бұрын

Hello, Spoon,i'm your great fan from Russia.You make really good tutorials) Can you make pls a video how to personalize your workspace in ai and ps in the most comfortable way)ty

@jukehiggins8499 2 жыл бұрын

Direct selection tool at 3:20 is not highlighting or selecting anything for me. I've followed all steps perfectly up to this point. What is going wrong??

@Hyperdriveuk 11 ай бұрын

The scale matters- if someone is using say inches rather than pixels- also what happens if you're using O's or other curved letters for the stage after the 3D boarder? You can't create the color change using this method.

@CattasaurusRex.Tpots_ 4 жыл бұрын

thank you for existing, i want to die after attempting it without a tutorial

@Woozee_ 3 жыл бұрын

glad you're still here with us, pal!

@Luciano_mp 5 жыл бұрын

Amaziing, thank you.

@saarbrook 2 жыл бұрын

You’re awesome.

@hosekii 3 жыл бұрын

Hello, if your extrude and bevel wont work because of "not enough RAM", try closing some tabs or other apps. Idk if it works for everyone but it worked for me

@josh9972 5 жыл бұрын

How did you add the white background to the secondary text?

@BETTER.ART. 5 жыл бұрын

Might be a white colored drop shadow, or just a copy of the text placed in behind a few pixels below.

@dalemarushy3870 2 жыл бұрын

Was attempting to do this today but CC has changed the 3D tool drastically. Do you see a way it's still possible???

@jasongrant305 2 жыл бұрын

same issue here! cant ungroup after expanding appearance.. cant find any answer anywhere

@dalemarushy3870 2 жыл бұрын

@@jasongrant305 I figured it out, there is a 3D (CLASSIC) option that works. It's at the bottom in the "3D and Materials" menu.

@Ingramsmartphotography 2 жыл бұрын

@@jasongrant305 I had the same problem but I'm struggling with the offset path, mine is supper bubbly while in the tutorial it's very sharp. Any advice?

@ambermodena Жыл бұрын

I can't seem to expand the appearance even though I've followed every step. This has happened to me before. Any ideas??

@wynterleah1 2 жыл бұрын

Does the step at time stop 3:20, where you change the color with the direct selection tool, still work in the latest version of AI?

@AndyTurba 2 жыл бұрын

Yes it does, I have the '22 version - it took me a while to get through this step too :) The magic is in not selecting '3D and Materials -> Extrude and Bevel', but you should apply the effect through '3D and Materials' then '3D (Classic)' then 'Extrude & Bevel (Classic)'. Hope that helps!

@quinnffxiv Жыл бұрын

@@AndyTurba THANK YOU i was having so much trouble with this

@AndyTurba Жыл бұрын

@@quinnffxiv you’re welcome, glad I could help 😊

@Ingramsmartphotography 2 жыл бұрын

I'm trying to offset my text but when I choose 2 px it appears round, not sharp like yours is. Why would it be doing that?

@titanjedi 5 жыл бұрын

awesome! thanks! one of the cards was from where i'm at...

@zetsuyah42 5 жыл бұрын

thankyou so much

@MA-xn6jk 2 жыл бұрын

Is this normal that i lose quality of the font when i tranfer it to the 3d effect??

@richardgarciagastelum8975 3 жыл бұрын

Thanku

@mazafakabitch1113 5 жыл бұрын

Looks like a Tropico 6 load screen, except of the drawn backgrounds

@aidansmith1041 3 жыл бұрын

thanks!

@kegi45 5 жыл бұрын

do you think you can make a video of How To Create an Animated Neon Sign Effect??? Please

@paperjourni8964 3 жыл бұрын

Awesome video! Thank you! May I ask how and with what did you scan the postcardbackgrounds ? Trying to archive mine but getting bad results...

@laurasilvestri4457 Жыл бұрын

I achieved this by selecting the white around the postcard edge with the magic wand with a tolerance of 10

@shotsbyzaya Жыл бұрын

How do you do no shading in AI2023?

@user-wx3wu7tx8h Жыл бұрын

I just figured it out today. You dont go to 3D Extrude and Bevel but there is a setting 3D (Classic). Its the last option

@chaeandreen 3 жыл бұрын

so @ 3:23 he direct selects the bottom part of the letters- letter O does not have a bottom part and is one with the sides. what am I doing wrong??

@itsemmy954 2 жыл бұрын

hey, i dont know if its the right place to ask, but I'm having a lot of issues with the 3D and bevel effect. after applying the same options, each and every single individual letter just turns on its side for some reason? is there anything im doing wrong or missing?

@richardgarciagastelum8975 3 жыл бұрын

compliment

@christinapeery7669 2 жыл бұрын

I made this last year and I need to do it again this year but now with the new updated it is 3d and materials and it doesn't give me the option to change the surface option. Do you know how I could fix this? :(

@emilygrigg1496 Жыл бұрын

With the new updated version, go to Effect -> 3D and Materials -> 3D (Classic) -> Extrude & Bevel (Classic)... Hope this helps!

@joshfatal 2 жыл бұрын

how do you apply the grey color to the outlines? I try that and it does nothing.

@CitlalliJSM Жыл бұрын

The program won't let me select the bottom extruded portions, so I can't add the orange colour :(

@InappropriateShorts 5 жыл бұрын

Skip to @1:33

@etiennelabbouz4374 4 жыл бұрын

Thanks for this great tutorial! Can you use videos/moving images for the background and to fill in the individual letter layers instead of stills and export it to Premiere?

@timothyj67 2 ай бұрын

Im using Illustrator 28.?? and when I remove shading in the bevel and extrude it just makes a square around the text ..doesnt define the edges at all. Which version of Illustrator are you using?

@spoongraphics Жыл бұрын

📺 WATCH THIS NEXT: How to Create a Vintage Movie Title Text Effect in Photoshop - kzfaq.info/get/bejne/qr1zksKmydTFm58.html

@saramostaccioli5313 4 жыл бұрын

Hi, I can’t match the color, the command is not available (and I’m following all the instructions). Do you have any advice?

@graceng7986 3 жыл бұрын

Thank you for this tutorial Chris, do you teach this using Affinity Designer?

@akramben4978 3 жыл бұрын

In 6:00 how did u fill the area with black? Help me please 🙏

@MrLiver8 3 жыл бұрын

Alt+Backspace on Windows, Option+Delete on Mac

@akramben4978 3 жыл бұрын

@@MrLiver8 thanks 🤩

@ayomidesowole 4 жыл бұрын

Is anyone else having trouble with the match color? It is not allowing me to select it

@louisehardison9263 4 жыл бұрын

I did it the first time and now that I’m working on another graphic it’s not letting me even though I’m doing the exact same things.

@LogoBallers 4 жыл бұрын

Can I do this tutorial without illustrator? I only have Photoshop

@westernpigeon 4 жыл бұрын

i dont get it how do your lines come out more thick like at 2:42. My lines are so close to the letters

@Guazi 4 жыл бұрын

Same

@davidnelson3757 4 жыл бұрын

What would you charge for graphics work to produce a cover for a calendar , i'm looking for a seaside postcard look .

@gracegunn1 2 жыл бұрын

Anyone know how to turn on ‘no shading’ because I think I’m using the new version and I can’t find the button

@troymorgan5223 2 жыл бұрын

Did you ever find the answer to this question? I am having the same issue. I go to Lighting in the newest version but I do not see any option to turn off shading, or do "no shading." I can only guess that the settings need to be turned down, or something like that.

@troymorgan5223 2 жыл бұрын

I just found it! Effect > 3D and Material > down at the bottom is: 3D (Classic) > Extrude & Bevel (Classic) > then you can pick all the settings as the video describes

@juliethblanco 2 жыл бұрын

@@troymorgan5223 tysm! i was having the same problem! u literally was more helpful than my graphic design teacher XD

@ephotosaver 5 жыл бұрын

I don't have Illustrator can it be done in photoshop only

@hassantanveer96 Жыл бұрын

Is it possible to do all of this in Illustrator?

@SamSprague 3 жыл бұрын

I have no Object menu in my Photoshop, and most of the tools you used are missing. Did Adobe eliminate these functionalities?

@bmas44 2 жыл бұрын

everytime i try to bevel, it gives me an error that says "Error occurred while processing the appearance of an object". does anyone know why? 😭😭

@abc1953 4 жыл бұрын

Hi Why don't you make clipping masks of landscape photos in Illustrator? 🤔🤔

@katebartlett9763 5 жыл бұрын

Great tutorial. Don’t have illustrator. Could you show how to create text in photoshop, would be huge. Thanks

@git80 5 жыл бұрын

This would be a huge help

@olil773 4 жыл бұрын

There's a free trial for illustrator i used that

@TheHowlto 2 жыл бұрын

absolutely cannot get extrude to work grrrrr this is why i hate illustrator!!! I carefully select the outline layers and send to back, i follow your instructions STEP BY STEP and it still doesnt work, all i get is the main test the same colour as the background have tried soooooooo many times now and it makes ZERO sense

@FultonLee 2 жыл бұрын

SAME

@danteantognetti3213 4 жыл бұрын

match colour isn't working for me

@kaldmigbaregrevaxel 5 жыл бұрын

Hey Chris is this a recording from 08/05 - 2017 :) when you made the Tutorial for your blog ? or have you remade it and the recorded it ? It is so Funny i have made 3 artworks of that kind a month ago. I always love to see other designers workflow. because I can always learn something new or get inspiration how to approach a design/artwork process in another way that i normaly would do Keep up the good work. By the way you would be a wonderfull skillshare teacher if you had nothing else to do lol

@spoongraphics 5 жыл бұрын

Aksel Larsen It’s a fresh remake of that old tutorial from my website but in video format. Whenever I’m stuck for topic ideas I like to scroll back through my archives and pick out an old written tutorial I can recycle! It’s great that you remember back that far! I’ll have to go back a little further next time ☺️

@kaldmigbaregrevaxel 5 жыл бұрын

@@spoongraphics I think it is a good idea to make the in video format as well :) when you are stuck of topics. :)