Menu Search
Jump to the content X X
Smashing Conf New York

You know, we use ad-blockers as well. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. our upcoming SmashingConf New York, dedicated to smart front-end techniques and design patterns.

Retro Rainbow Tutorials and Design Showcase

Although often used in the wrong context, the motif of ’70s Retro Rainbow designs seems to occur in many modern designs – from products designs to posters and web designs. The rainbow colors are particularly eye-catching and lively; they may provide the design with a dynamics and help to vividly convey the message of the graphic work. In past few months I came across to many artworks and new concepts of retro designs which gave me a thought to gather few for this inspirational post.

Below you’ll find a showcase of beautiful Retro Rainbow designs and resources. They range from popular Flickr photos to unconventional sources of inspiration, from helpful tutorials to useful related tools. Share your favorite sources of inspiration in the comments.

You may want to consider browsing through the following related posts:

Retro Rainbow Tutorials Link

Retro Radio Station Advertisement Tutorial

Retro Rainbow Tutorials

Amazing Retro Rainbow5

Retro Rainbow Tutorials6

Trendy Geometric Lines Design Tutorial7

Retro Rainbow Tutorials8

Retro Lines Tutorial

Retro Rainbow Tutorials

Creating the new retro9

Retro Rainbow Tutorials10

How to Create a Colorful Retro Style TV

Retro Rainbow Tutorials

Retro Lighting – Ford Mustang11

Retro Rainbow Tutorials12

Command shape in Illustrator13

Retro Rainbow Tutorials14

3D Pixel Stretch Effects in Photoshop15

Retro Rainbow Tutorials16

Retro Text Effects

Retro Rainbow Tutorials

3D Retro Strip Design – Design Tutorial 2017

Retro Rainbow Tutorials18

Designing a Vexel Banner

Retro Rainbow Tutorials

Create a Colourful Abstract Wavy Ribbon19

Retro Rainbow Tutorials20

 

Retro Rainbow Free Vectors and Brushes Link

Color Harmony

Retro Rainbow Vectors

Color Design Vectors

Retro Rainbow Vectors

Retrolines Vector

Retro Rainbow Vectors

Colorful Vectors

Retro Rainbow Vectors

Wavy Vectors

Retro Rainbow Vectors

Curved Lines

Retro Rainbow Vectors

The Most Retro Line Illustrator Brushes Ever!

Retro Rainbow Brushes

105 Stunning Retro Tech-Shaped Illustrator Brushes

Retro Rainbow Brushes

 

Retro Rainbow Creative Inspiration Link

by NicholasGuarino21

Retro Rainbow Inspiration22

Retro Rainbow Inspiration23

Retro Rainbow Inspiration24

by mamjed25

Retro Rainbow Inspiration

by Lovevla26

Retro Rainbow Inspiration

by jon_mutch27

Retro Rainbow Inspiration28

by majamom29

Retro Rainbow Inspiration30

by francescoporoli31

Retro Rainbow Inspiration32

Retro Rainbow Inspiration33

Retro Rainbow Inspiration34

by deszin.de35

Retro Rainbow Inspiration36

by Anhstar37

Retro Rainbow Inspiration38

by kaneda9939

Retro Rainbow Inspiration40

Retro Rainbow Inspiration41

by grungetv42

Retro Rainbow Inspiration43

by Pheebs! Yeah Baby44

Retro Rainbow Inspiration

by notdemon45

Retro Rainbow Inspiration46

by mr whiZard47

Retro Rainbow Inspiration48

by Darni49

Retro Rainbow Inspiration50

by sternz51

Retro Rainbow Inspiration52

Retro Rainbow Inspiration53

by FalkPhotoDesign54

Retro Rainbow Inspiration55

by s i a56

Retro Rainbow Inspiration

by jmgarrido57

Retro Rainbow Inspiration58

by kipishiux59

Retro Rainbow Inspiration60

by moonshinedesign_sd61

Retro Rainbow Inspiration62

by seventhfury63

Retro Rainbow Inspiration64

by Laachi

Retro Rainbow Inspiration

Retro Rainbow Inspiration

by estheticcore65

Retro Rainbow Inspiration66

Retro Rainbow Inspiration67

Retro Rainbow Inspiration68

Retro Rainbow Inspiration69

Retro Rainbow Inspiration70

Retro Rainbow Inspiration71

by martlucassen72

Retro Rainbow Inspiration73

by pure_arts74

Retro Rainbow Inspiration75

Retro Rainbow Inspiration76

by rikku81377

Retro Rainbow Inspiration78

by W0Ah 0h79

Retro Rainbow Inspiration

by Matthew Dear80

Retro Rainbow Inspiration81

by billybarker82

Retro Rainbow Inspiration

by cloud-design

Retro Rainbow Inspiration

 

50 Mind-blowing Retro-style Photoshop Illustrations83

Retro Rainbow Related Blog Post84

Rainbow based designs

Retro Rainbow Related Blog Post

Footnotes Link

  1. 1 https://www.smashingmagazine.com/2008/10/07/retro-and-vintage-in-modern-web-design/
  2. 2 https://www.smashingmagazine.com/2008/04/21/celebration-of-vintage-and-retro-design/
  3. 3 https://www.smashingmagazine.com/2008/10/14/30-beautiful-vintageretro-photoshop-tutorials/
  4. 4 https://www.smashingmagazine.com/2008/10/26/retro-and-vintage-typography-showcase/
  5. 5 http://www.tutorial9.net/photoshop/amazing-vector-retro-rainbow-curves/
  6. 6 http://www.tutorial9.net/photoshop/amazing-vector-retro-rainbow-curves/
  7. 7 http://www.blog.spoongraphics.co.uk/tutorials/trendy-geometric-lines-design-tutorial
  8. 8 http://www.blog.spoongraphics.co.uk/tutorials/trendy-geometric-lines-design-tutorial
  9. 9 http://www.computerarts.co.uk/tutorials/2d__and__photoshop/creating_the_new_retro
  10. 10 http://www.computerarts.co.uk/tutorials/2d__and__photoshop/creating_the_new_retro
  11. 11 http://www.adobetutorialz.com/articles/2877/1/Retro-Lighting---Ford-Mustang
  12. 12 http://www.adobetutorialz.com/articles/2877/1/Retro-Lighting---Ford-Mustang
  13. 13 http://veerle.duoh.com/blog/comments/command_shape_in_illustrator/
  14. 14 http://veerle.duoh.com/blog/comments/command_shape_in_illustrator/
  15. 15 http://www.tutorial9.net/photoshop/3d-pixel-stretch-effects/
  16. 16 http://www.tutorial9.net/photoshop/3d-pixel-stretch-effects/
  17. 17 http://www.pstut.info/tutorials/design-a-3d-retro-strip/
  18. 18 http://www.pstut.info/tutorials/design-a-3d-retro-strip/
  19. 19 http://www.blog.spoongraphics.co.uk/tutorials/illustrator-tutorial-create-a-colourful-abstra
  20. 20 http://www.blog.spoongraphics.co.uk/tutorials/illustrator-tutorial-create-a-colourful-abstra
  21. 21 http://www.flickr.com/photos/28674061@N02/
  22. 22 http://www.flickr.com/photos/28674061@N02/2795634602/
  23. 23 http://www.flickr.com/photos/28674061@N02/2738029880/in/set-72157606242949177/
  24. 24 http://www.flickr.com/photos/28674061@N02/2761480687/in/set-72157606242949177/
  25. 25 http://www.flickr.com/photos/mamjed/
  26. 26 http://www.flickr.com/photos/lovevla/
  27. 27 http://www.flickr.com/photos/jonmutch/
  28. 28 http://www.flickr.com/photos/21573808@N00/2288653285/
  29. 29 http://www.flickr.com/photos/majamom/
  30. 30 http://www.flickr.com/photos/44687148@N00/698873873/
  31. 31 http://www.flickr.com/photos/francesco_poroli/
  32. 32 http://www.flickr.com/photos/francesco_poroli/2966393323/
  33. 33 http://www.flickr.com/photos/francesco_poroli/2200160230/
  34. 34 http://www.flickr.com/photos/francesco_poroli/2199370353/
  35. 35 http://www.flickr.com/photos/34556588@N06/
  36. 36 http://www.flickr.com/photos/34556588@N06/3221350662/
  37. 37 http://www.flickr.com/photos/anhstar/
  38. 38 http://www.flickr.com/photos/anhstar/2304480435/
  39. 39 http://www.flickr.com/photos/kaneda99/
  40. 40 http://www.flickr.com/photos/kaneda99/206508326/
  41. 41 http://www.flickr.com/photos/kaneda99/2420912310/in/set-72157601924713454/
  42. 42 http://www.flickr.com/photos/23805144@N07/
  43. 43 http://www.flickr.com/photos/23805144@N07/2727656369/
  44. 44 http://www.flickr.com/photos/pheebsyeahbaby/
  45. 45 http://www.flickr.com/photos/notdemon/
  46. 46 http://www.flickr.com/photos/notdemon/2114635444/in/set-72157603471712891/
  47. 47 http://www.flickr.com/photos/mr_whizard/
  48. 48 http://www.flickr.com/photos/mr_whizard/2909615734/
  49. 49 http://www.flickr.com/photos/darni/
  50. 50 http://www.flickr.com/photos/darni/1450237141/
  51. 51 http://www.flickr.com/photos/sternz/
  52. 52 http://www.flickr.com/photos/sternz/2773568929/
  53. 53 http://www.flickr.com/photos/sternz/2906538987/in/set-72157606803716117/
  54. 54 http://www.flickr.com/photos/swamptech/
  55. 55 http://www.flickr.com/photos/swamptech/3239986658/
  56. 56 http://www.flickr.com/photos/sia-pictures/
  57. 57 http://www.flickr.com/photos/jmgarrido/
  58. 58 http://www.flickr.com/photos/jmgarrido/3251158174/
  59. 59 http://www.flickr.com/photos/kipishiux/
  60. 60 http://www.flickr.com/photos/kipishiux/3294956228/
  61. 61 http://www.flickr.com/photos/26210918@N03/
  62. 62 http://www.flickr.com/photos/26210918@N03/2555474726/
  63. 63 http://www.flickr.com/photos/14718385@N07/
  64. 64 http://www.flickr.com/photos/14718385@N07/2515886569/
  65. 65 http://www.flickr.com/photos/estheticcore/
  66. 66 http://www.flickr.com/photos/estheticcore/2847259937/
  67. 67 http://www.flickr.com/photos/estheticcore/2848091496/
  68. 68 http://www.flickr.com/photos/estheticcore/2848114344/
  69. 69 http://www.flickr.com/photos/estheticcore/2847261177/
  70. 70 http://www.flickr.com/photos/estheticcore/2848092556/
  71. 71 http://www.flickr.com/photos/estheticcore/2865135186/
  72. 72 http://www.flickr.com/photos/26434498@N04/
  73. 73 http://www.flickr.com/photos/26434498@N04/2921621872/
  74. 74 http://www.flickr.com/photos/27342675@N04/
  75. 75 http://www.flickr.com/photos/27342675@N04/2551091412/
  76. 76 http://www.flickr.com/photos/27342675@N04/2551090354/in/set-72157605426208314/
  77. 77 http://www.flickr.com/photos/ccerniglia/
  78. 78 http://www.flickr.com/photos/23643472@N03/2526930367/
  79. 79 http://www.flickr.com/photos/30908232@N06/
  80. 80 http://www.flickr.com/photos/matthewdear/
  81. 81 http://www.flickr.com/photos/matthewdear/3236810712/
  82. 82 http://www.billybarker.net
  83. 83 http://psd.tutsplus.com/articles/inspiration/50-mind-blowing-retro-style-photoshop-illustrat
  84. 84 http://psd.tutsplus.com/articles/inspiration/50-mind-blowing-retro-style-photoshop-illustrat

↑ Back to top Tweet itShare on Facebook

Akhtar Sheikha is a freelance web and graphic designer as well as developer. He is the author and owner of 2experts Design, a design blog with great inspirational posts. You can follow 2experts design on Twitter.

  1. 1

    Great! Very useful

    1
  2. 2

    WOW! I like 5 design and I download to do myself !

    Thanks
    Atiq

    0
  3. 3

    Great list and really useful for designers :)

    Regards

    0
  4. 4

    Martin Ansty

    April 19, 2009 5:49 am

    The link on the very first item links to the wrong page (the link text/caption is also wrong, there’s no 3d pixel stretching going on there)

    (SM) Thank you for the correction, the link was updated.

    0
  5. 5

    Derek McDonald

    April 19, 2009 6:06 am

    Looks like a good collection there. I might have to give a few of them a go.

    0
  6. 6

    Wow, this is great.
    I might use this techniques for our new school logo design.
    Thanks SM

    0
  7. 7

    Thrilled to see my tutorial at the top of the roundup :P Very nice collection!

    0
  8. 8

    misterfaster

    April 19, 2009 7:18 am

    thats a nice list! :)

    0
  9. 9

    the colorburned links are wrong also, but great collection!

    (SM) Thanks, the links are fixed now.

    0
  10. 10

    A lot of 2007/2008 trends but some nice tutorials indeed.

    0
  11. 11

    Fourth to the bottom with the tree, by Whoa Oh, isn’t by him – he just has it on his flicker. He even says its not his but he doesn’t know who to give credit to.

    Looks like JP33 to me. He should be included anyway, his stuff uses a lot of rainbows and is better than everything I see here.

    I do like the stuff by FalkPhotoDesign though.

    0
  12. 12

    Thanks a bunch. Some of them are pretty amazing.

    0
  13. 13

    Luis Eduardo

    April 19, 2009 1:21 pm

    This is a great post for inspiration and tutorials, you can use in soo many ways…..

    Thanks

    0
  14. 14

    Really nice designs, its hard to find vintage stuff like this ^_^

    0
  15. 15

    i made something with rainbows and corel, if anyone’s not rainbowed out http://runningonsentences.deviantart.com/art/In-Joy-116547020

    0
  16. 16
  17. 17

    Wow, that is like WAY cool dude, I like it.

    RT

    0
  18. 18

    Thanks for the feature SM!

    0
  19. 19

    this guy make beautiful retro-futuristic art ISO50

    0
  20. 20

    Martin Ansty

    April 20, 2009 3:50 am

    @Jeff

    You were correct, it is indeed by JP33: JP33.com

    A correction is in order i think

    0
  21. 21

    Vlad Gerasimov

    April 19, 2009 7:38 pm

    Hey! Great link but you forgot my rainbow Photoshop tutorial:
    http://www.vladstudio.com/photoshoptutorials/tutorial.php?rainbows_making_of
    :-) Thanks!

    0
  22. 22

    Retro art always has a tendency to come back in some form..but now technology can create such beautifully detailed works..

    0
  23. 23

    WOW!
    This is a very useful list for designers. A great round of applause for writer of the article. I must say, Smashing Magazine has always been on the top for providing such an informative articles.

    0
  24. 24

    Thomas Strobl

    April 19, 2009 9:09 pm

    to be honest there were some examples that arent up to a SmashingMag-level. I expected a little higher quality. Nevertheless thanks for the work, its a pretty big list.

    0
  25. 25

    Nice! Very nice!
    Thank you.

    0
  26. 26

    This is really useful for web and graphics designers. Thanks for providing such inspiration.

    0
  27. 27

    Robert (InToGraphics @ the forum)

    April 20, 2009 12:08 am

    “Me as my own Superstar”
    It looks like a rainbow afro, and is super cool.

    Thanks,
    Robert

    0
  28. 28

    Danish Refai

    April 20, 2009 1:02 am

    That is without the doubt the best i’ve seeen !
    Love it !

    0
  29. 29

    Perfect timing. My latest brief is to produce a rainbow inspired page/microsite for one of my clients! Good work!

    0
  30. 30

    Good article but I echo that this list should have referenced ISO50. Scott Hansen’s work is amazing!

    0
  31. 31

    I`m I right or are those images lazy loaded?
    I don`t think it`s good idea, supposing web developers haven`t got limitated internet connection or cache capacity.
    I hate loading!
    But the article is as usual very good :)

    0
  32. 32

    Sweet!

    0
  33. 33

    Christine Cerniglia

    April 20, 2009 6:19 am

    Hey thanks for the feature :)

    0
  34. 34

    awesome, thank you very much, You have done it again smashing magazine! :)

    0
  35. 35

    Great! Very useful

    0
  36. 36

    Beautiful collection, some of them are quite impressive!

    0
  37. 37

    Great and useful post. Although I’m annoyed to find that Adobetutorialz didn’t bother to do research on the car they used before naming their tutorial. I think it’s important for all of us designers to do this before we try and publish any work we do. You don’t want to loose credibility of a designer simply for not taking the time to do a little research. That car is not a Ford Mustang. It’s a 1954 Chevy Bel Air. Sorry to be anal but just my opinion. =) Great tutorial though.

    re: Retro Lighting – Ford Mustang tutorial

    0
  38. 38

    Brian Temecula

    April 20, 2009 9:01 pm

    I’m anti-rainbow, so I found no interest in this article.

    0
  39. 39

    Nice design bro, i think i should looks more design from you, very amazing…

    0
  40. 40

    just want so say some thing “great job”

    0
  41. 41

    John McMullen

    April 21, 2009 4:20 am

    @ Chris : I’m right there with you, was actually just coming to post that. Being a Mustang enthusiast I was disappointed he put Mustangs with rainbows anyways, but to find that it wasn’t even a Mustang? The twerp.

    0
  42. 42

    @ Thomas Strobl: I would say may be some designs may not inspire me but it doesn’t mean that they are sub standard. Each design has something for someone.

    Nice post, cheers!

    0
  43. 43

    superb list…

    0
  44. 44

    francesco poroli

    April 22, 2009 8:47 am

    thanks for inclunding me in this list….
    cheers :-)
    francesco

    0
  45. 45

    Ghulam Abbas Khatri

    April 23, 2009 2:22 am

    great Akhtar Sheikha… great ..love it..

    0
  46. 46

    @Chris: You beat me to it, even to the year! Being a Mustang owner and having modeled a ’54 Bel Air in Lightwave, I thought I was supremely positioned to make that comment!

    0
  47. 47

    Cathedral Graphic Design

    May 4, 2009 10:55 am

    @ Everybody who commented about the Mustang…

    What kind of American is it anyway who doesn’t even know what a classic Mustang looks like? And does the Bel Air really look like a classic muscle? hehe

    At any rate, it was a great post, I like rainbows in general quite a bit and some of these were very well made! Mr Whizard, etc, great work.

    Moonshine Design was a little cheezy though, the ugly 350Z marred it… good illustration + uninteresting photography of a low-trim-line roadster doesn’t match.

    0
  48. 48

    I’m honored that you chose to list my image among so many greats. Thanks!

    0
  49. 49

    all of them rocks.

    0
  50. 50

    satyajeet prasad

    June 23, 2010 3:14 am

    Nice design. i think i should looks more design from you, very Good……………..

    0

↑ Back to top