Top Navigation

Giving your design a retro style

março 28, 2008 from

My last Pixelmator tutorial was inspired by the DVNO clip, which was full of design inspiration from the 80’s. But where does this inspiration come from? How can you give your work that retro feeling?

The first thing to do is finding references, images that represent those years. These images will give us an idea of the colors, the typography style, and the graphic elements that were mostly used in that period of time. In my case I chose the video-game influence in that decade.

In the early 1980s, the first generation of computer graphics in arcade games produced the popular Space Invaders arcade game (first released in 1978), followed by Pac-Man, Donkey Kong, and Frogger. Towards the end of the decade, home video game consoles began to outstrip the arcade game. The Japanese Famicom was released to the American public as the Nintendo Entertainment System (also known as the NES) in 1985 and renewed public interest in video games following a brief decline caused by the Video Game Crash of 1983. Wikipedia

For my Pixelmator tutorial for example, I've used some of these ideas like the perspective grid and the color palette using red, green, and blue with a dark background. Besides that, it was inspired by the DVNO clip which is full of 80's design.

Now if we take a look at the James White’s Atari design, we will see, again, where some of the elements came from and why his work gives us the feeling of the Atari’s era.

So the question is where can we find these images and references? Fortunately for us we, there are such sites as Flickr, Youtube, Wikipedia, where we can learn more about that time in history and check some pictures of products, designs, and videos that were produced on those days.

Below I list some images I used for reference to my Pixelmator tutorial.

More References

http://abduzeedo.com.br/files/imagecache/img690x320/originals/atari.jpg

Sobre o autor

Abduzeedo is a blog about design. There are all sorts of articles for those who want to look for inspiration. Also you will find very useful tutorials for the most used applications out there, with a special selection of Photoshop Tutorials and Illustrator Tutorials. You can get in follow us via Twitter at @abduzeedo

Sponsored Links:

More articles about:

Comments and Reactions

Featured Tutorial

Efeito Bordado com Illustrator e Photoshop
Efeito Bordado com Illustrator e Photoshop
Recebi alguns emails perguntando como criar um efeito de bordado no Photoshop. O efeito é muito legal, mas não tinha ideia de como reproduzí-lo no Photoshop. Então um dia desses enquanto corria tive a ideia de usar o Scribble effect no Illustrator e depois deixá-lo mais real no Photoshop. Depois de algumas tentativas o resultado ficou muito bacana e hoje vou mostrar o processo aqui para vocês.

Try this Wallpaper

Wallpaper da Semana 178
Wallpaper da Semana 178
O wallpaper dessa semana é uma imagem feita para o FITC 2012 Amsterdam. A imagem foi criada por Ars Thanea com direção de arte de Peter Jaworowski e Dziekan na arte digital. Para mais informações visite http://www.arsthanea.com Desktop Version

Book Suggestion

Sugestão de Livro: The Lean Startup
Sugestão de Livro: The Lean Startup
A série semanal de sugestão de livros já é um sucesso no Abduzeedo.com e hoje estamos começando a postar a série aqui no Abduzeedo Brasil também, esperamos que gostem. O livro sugerido nessa semana é um livro de leitura obrigatória na minha opinião, é o livro The Lean Startup: How Today's Entrepreneurs Use Continuous Innovation to Create Radically Successful Businesses de Eric Ries.