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

We use ad-blockers as well, you know. 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. upcoming SmashingConf New York, dedicated to smart front-end techniques and design patterns.

Retro Rainbow Tutorials and Design Showcase

Advertisement

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 TV11

Retro Rainbow Tutorials12

Retro Lighting – Ford Mustang13

Retro Rainbow Tutorials14

Command shape in Illustrator15

Retro Rainbow Tutorials16

3D Pixel Stretch Effects in Photoshop17

Retro Rainbow Tutorials18

Retro Text Effects

Retro Rainbow Tutorials

3D Retro Strip Design – Design Tutorial 2019

Retro Rainbow Tutorials20

Designing a Vexel Banner

Retro Rainbow Tutorials

Create a Colourful Abstract Wavy Ribbon21

Retro Rainbow Tutorials22

 

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 NicholasGuarino23

Retro Rainbow Inspiration24

Retro Rainbow Inspiration25

Retro Rainbow Inspiration26

by mamjed27

Retro Rainbow Inspiration

by Lovevla28

Retro Rainbow Inspiration

by jon_mutch29

Retro Rainbow Inspiration30

by majamom31

Retro Rainbow Inspiration32

by francescoporoli33

Retro Rainbow Inspiration34

Retro Rainbow Inspiration35

Retro Rainbow Inspiration36

by deszin.de37

Retro Rainbow Inspiration38

by Anhstar39

Retro Rainbow Inspiration40

by kaneda9941

Retro Rainbow Inspiration42

Retro Rainbow Inspiration43

by grungetv44

Retro Rainbow Inspiration45

by Pheebs! Yeah Baby46

Retro Rainbow Inspiration

by notdemon47

Retro Rainbow Inspiration48

by mr whiZard49

Retro Rainbow Inspiration50

by Darni51

Retro Rainbow Inspiration52

by sternz53

Retro Rainbow Inspiration54

Retro Rainbow Inspiration55

by FalkPhotoDesign56

Retro Rainbow Inspiration57

by s i a58

Retro Rainbow Inspiration

by jmgarrido59

Retro Rainbow Inspiration60

by kipishiux61

Retro Rainbow Inspiration62

by moonshinedesign_sd63

Retro Rainbow Inspiration64

by seventhfury65

Retro Rainbow Inspiration66

by Laachi 67

Retro Rainbow Inspiration

Retro Rainbow Inspiration

by estheticcore68

Retro Rainbow Inspiration69

Retro Rainbow Inspiration70

Retro Rainbow Inspiration71

Retro Rainbow Inspiration72

Retro Rainbow Inspiration73

Retro Rainbow Inspiration74

by martlucassen75

Retro Rainbow Inspiration76

by pure_arts77

Retro Rainbow Inspiration78

Retro Rainbow Inspiration79

by rikku81380

Retro Rainbow Inspiration81

by W0Ah 0h82

Retro Rainbow Inspiration

by Matthew Dear83

Retro Rainbow Inspiration84

by billybarker85

Retro Rainbow Inspiration

by cloud-design

Retro Rainbow Inspiration

 

50 Mind-blowing Retro-style Photoshop Illustrations86

Retro Rainbow Related Blog Post87

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

Hold on, Tiger! Thank you for reading the article. Did you know that we also publish printed books and run friendly conferences – crafted for pros like you? Like SmashingConf New York, on June 14–15, with smart design patterns and front-end techniques.

↑ 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.

Advertisement
  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

↑ Back to top