With the recent post on
retro and vintage in modern web design , it’s time to put the theory into practice. We’ve scoured the Web to find some impressive 1 Photoshop tutorials that can help you achieve an "old-fashioned" look-and-feel in your designs. In this post, we go back to the 1900’s all theway to the 1980’s to showcase a variety of vintage- and retro-inspired designs that involve poster art, collages and graphical elements. Whether you’re into print design or web design, you’ll find something you can use or build upon.
You may want to take a look at the following related posts:
Without further ado, we present
35 high-quality vintage and retro Adobe Photoshop tutorials that may help your design… well, travel back in time. Vintage and Retro Photoshop Tutorials
This short tutorial showcases a method for colorizing a black and white photo to achieve an aged, vintage look.
Wicked-Worn Vintage Pop Art Design 7 Mesh vintage pop art with grunge to create a unique mash-up of the two popular design styles.
Retro Grunge Poster
Wield the Pen Tool and utilize some free brushes and textures to achieve this retro-grunge hybrid look-and-feel.
Vintage Film Style Video 8 Use a stock image of an old TV and Photoshop CS3 Extended to play vintage-style video clips inside the TV.
Give Your Photos a Retro Comic Book Effect 9 Here’s another method for creating a retro-stylec comic book effect to your photos using Photoshop.
WWII Airplane 10 Recreate the World War II airplane brushed-metal texture and paintings in this excellent Photoshop tutorial that involves using Noise and Blur filters.
Cool Vintage Collage Design
In this Photoshop tutorial, you will learn how to use old advertisements, hand-written text, and patterns to create a vintage design. 11
This video tutorial showcases how you can create the classic 50’s pin-up effect using some Photoshop filters and Blending Modes. 12
Radio Knobs/Dials of the Past
Learn how to design old-school radio knobs/dials in this Photoshop tutorial by skillfully using of the Marquee Tool in Photoshop. 13
Turn of the Century Vaudeville Poster
Create a beautiful turn-of-the-century poster geared towards intermediate to advanced Photoshop users. 14
Virtual Letterman Jacket
In this Photoshop tutorial, you will learn how to design retro-style varsity/letterman lettering using some ingenious Layer Styles. 15
B-movie poster art
In this tutorial, you can learn the techniques involved in recreating B-movie posters from the golden age of cinema. 16
Gigposter Design 17
In this tutorial, you’ll learn how to create a retro-styled poster using Photoshop and Illustrator. figure>
Vintage Polaroid Effect
This photo treatment tutorial shares a method for creating a vintage look using modern, colored digital photos.
Photoshop Vintage Effect 18
Learn how to age modern digital pictures by adjusting contrast, saturation, and Curves in this short step-by-step Photoshop tutorial. figure>
Vintage Fifties Letter
Create this aged letter envelope by following this Photoshop tutorial that’s aimed at intermediate Photoshop users. 19
In this short Photoshop tutorial, you’ll learn some techniques on how to use colored digital stock images to give it a vintage/retro look-and-feel.
Make it worn 20
Learn how to create a worn look-and-feel web design background, using detailed from scanned book pages.
Comic Book Photo Effect
Learn how to take ordinary photos and give it a retro-styled, pop art comic book effect. 21
Vintage collages in Photoshop
In this tutorial, you can gain insights and learn useful methods on how to achieve a vintage collage. 22
Make your own pop art
Learn the techniques involved in creating your own classic 50’s style pop art. 23
Hot Chick on a Muscle Car
Create a retro-styled post card using stock photos that are linked to by the author of the tutorial. 24
This step-by-step tutorial walks the readers through the process of creating a retro wallpaper/poster.
Retro Style Game Controller 25
Illustrate an old-school gaming console joystick using Photoshop with this wonderful tutorial. figure>
Use the Polygonal Lasso Tool to create stars and then add multi-colored streaks to it, to achieve this popular ’80’s look and feel. 26
Sweet Radio Station Advert Design
Learn how to create a radio station advertisement with retro curves with the help of Illustrator (or download them from vector stock sites).
Pop Art Inspired by Lichtenstein
Create Lichtenstein-style pop art design by studying this Photoshop tutorial geared for intermediate designers. 27
Retro Lighting – Ford Mustang
You can utilize the Custom Shape Tool for elements of the design to recreate this 70’s inspired design. 28
Mix Cool Retro Curves into Your Photographs
Combine retro with modern design styles and elements to create this stunning photo effect. 29
Learn how you can take a portrait to recreate this Andy Warhol inspired pop-art. 30
Retro Sunflower Design
Remake this sunflower-themed retro wallpaper using ready-to-use Photoshop brushes, the Ellipse Marquee Tool, and custom shapes from the Custom Shape Tool. 31
Retro Summer Poster Illustration
Utilize some of Photoshop’s vector tools to create a summery retro poster illustration. 32
3D Retro Strip
Use the Pen Tool to create 3-dimensional retro strips. 33
Abstract Retro-Pop Wallpaper
This tutorial shows readers how to design a colorful retro-pop wallpaper using stock photo for texture and the 34 RNS Bobo Dylan Font . 35
1 /2008/10/07/retro-and-vintage-in-modern-web-design/ 2 /2008/10/28/40-beautiful-grunge-photoshop-tutorials/ 3 /2008/07/15/70-beauty-retouching-photoshop-tutorials/ 4 /2008/12/07/50-excellent-digital-photography-photoshop-tutorials/ 5 /2008/11/03/photoshop-tutorials-to-improve-modeling-skills/ 6 /2008/04/03/adobe-photoshop-tutorials-rainbows-glows-and-light-effects/ 7 http://psdtuts.com/designing-tutorials/create-a-wicked-worn-vintage-pop-art-design/ 8 http://psdtuts.com/designing-tutorials/create-a-vintage-film-style-video-using-photoshop-cs3-extended/ 9 http://www.photoshoproadmap.com/Photoshop-blog/2007/09/13/give-your-photos-a-retro-comic-book-effect/ 10 http://pshero.com/archives/wwii-airplane 11 http://psdtuts.com/designing-tutorials/creating-a-cool-vintage-collage-design-in-photoshop/ 12 http://www.planetphotoshop.com/pin-up-effect.html 13 http://adreamers.blogspot.com/2008/08/radio-knobsdials-of-past-photoshop.html 14 http://psdtuts.com/designing-tutorials/make-a-turn-of-the-century-vaudeville-poster/ 15 http://pshero.com/archives/virtual-letterman-jacket 16 http://www.digitalartsonline.co.uk/tutorials/index.cfm?featureID=1701 17 http://www.gomediazine.com/tutorials/gigposter-design-the-new-sex/ 18 http://veerle.duoh.com/blog/comments/photoshop_vintage_effect/ 19 http://psdtuts.com/designing-tutorials/craft-a-vintage-fifties-letter/ 20 http://www.subdued.net/make-it-worn 21 http://pshero.com/archives/comic-book-photo-effect 22 http://www.digitalartsonline.co.uk/tutorials/index.cfm?featureID=1699&pn=1 23 http://www.digitalartsonline.co.uk/tutorials/index.cfm?featureID=1729 24 http://abduzeedo.com/hot-chick-muscle-car 25 http://psdtuts.com/drawing/how-to-create-a-super-retro-style-game-controller/ 26 http://www.adobetutorialz.com/articles/2449/1/Retro-Stars 27 http://www.melissaclifton.com/tutorial-popart.html 28 http://www.adobetutorialz.com/articles/2877/1/Retro-Lighting---Ford-Mustang 29 http://psdtuts.com/tutorials-effects/mix-cool-retro-curves-into-your-photographs/ 30 http://www.planetphotoshop.com/photoshop-serigraphs.html 31 http://www.adobetutorialz.com/articles/2881/1/Retro-SunFlower-Design 32 http://psdfan.com/designing/design-a-retro-summer-poster-illustration/ 33 http://www.pstut.info/tutorials/design-a-3d-retro-strip/ 34 http://www.tutorial9.net/photoshop/create-a-retro-pop-style-wallpaper/ 35 http://www.impactolaser.com/t01.html 36 /2008/12/07/50-excellent-digital-photography-photoshop-tutorials/ 37 /2008/07/15/70-beauty-retouching-photoshop-tutorials/ 38 /2008/11/03/photoshop-tutorials-to-improve-modeling-skills/ 39 /2008/10/28/40-beautiful-grunge-photoshop-tutorials/ 40 /2008/10/14/30-beautiful-vintageretro-photoshop-tutorials/ 41 /2008/04/03/adobe-photoshop-tutorials-rainbows-glows-and-light-effects/
↑ Back to top
Tweet it Share on Facebook