Conception d'affiche minimaliste avec Photoshop

Conception d’affiche minimaliste dans Photoshop

C’est la fin de l’année et pour le dernier tuto de 2009 je vais vous montrer comment créer une affiche inspirée par l’incroyable travail de Simon Page, notamment ces belles affiches pour l’Année internationale de l’astronomie. J’ai d’abord créé ce design pour l’affiche du 3e anniversaire d’Abduzeedo, mais je l’ai légèrement modifié pour ce didacticiel Photoshop.

Je vais donc vous montrer comment créer un design minimaliste dans Photoshop en jouant avec des photos d’archives, des modes de fusion et des filtres. Nous utiliserons également une texture de papier pour donner une belle sensation rétro à notre design.

Étape 1

Ouvrez Photoshop et créez un nouveau document. J’utilise pour ce tutoriel 900×1440 pixels pour la taille. Remplissez le calque d’arrière-plan avec du noir, puis passez à Edition>Transformer>Echelle. Redimensionner le calque d’arrière-plan comme l’image ci-dessous.

Étape 2

Aller à Calque> Style de calque> Superposition de couleurs. Sélectionnez le marron pour la couleur, celui que j’ai utilisé est #37281e

Conception d'affiche minimaliste avec Photoshop

Étape 3

Après la superposition de couleurs, sélectionnez Accident vasculaire cérébral. Utilisation 4 pixels pour la taille, Inside pour la position, Color Dodge pour le Blend Mode et White pour la couleur.

Conception d'affiche minimaliste avec Photoshop

Étape 4

Ajoutez une autre couche sous la couche brune et remplissez-la de beige, celle que j’ai utilisée est #edd3aa.

Conception d'affiche minimaliste avec Photoshop

Étape 5

Importons une photo d’une échelle. Celui que j’ai utilisé est une gracieuseté de Shutterstock et vous pouvez l’obtenir à http://www.shutterstock.com/pic-39923698/stock-photo-ladder-leading-up-…

Conception d'affiche minimaliste avec Photoshop

Étape 6

Sélectionnez le calque d’image et accédez à Image>Réglages>Teinte et Saturation. Diminuer Teinte à -170 et laissez les autres valeurs inchangées.

Conception d'affiche minimaliste avec Photoshop

Étape 7

Toujours avec le calque d’image sélectionné, allez à Image>Ajustements>Niveaux. Augmenter le entrée noire à 87, l’entrée du milieu à 0,93. Aussi pour le Les niveaux de sortie utilisent 0 et 130.

Conception d'affiche minimaliste avec Photoshop

Étape 8

Aller à Calque> Nouveau calque de réglage> Teinte et saturation. Ce calque de réglage doit être au-dessus des autres calques, de l’échelle et de l’arrière-plan. Augmenter le Légèreté à 12.

Conception d'affiche minimaliste avec Photoshop

Étape 9

Utilisons une autre image d’archive, cette fois d’un champ d’étoiles avec une nébuleuse. Celui que j’ai utilisé est une gracieuseté de Shutterstock et vous pouvez l’obtenir à http://www.shutterstock.com/pic-1611518/stock-photo-space-heart.html

Conception d'affiche minimaliste avec Photoshop

Étape 10

Avec le Outil Lasso polygonal (L) créer une sélection chapiteau du ciel jaune. Après cela, avec l’image des étoiles sélectionnée, allez à Calque> Masque de calque> Révéler la sélection.

Conception d'affiche minimaliste avec Photoshop

Étape 11

Aller à Image>Réglages>Teinte et Saturation. Diminuer Hue à 30, la saturation à 30 et augmenter la luminosité à 13. Sélectionnez également Coloriser. Utilisez l’image ci-dessous pour référence.

Conception d'affiche minimaliste avec Photoshop

Étape 12

Ajoutons maintenant du texte. J’ai ajouté 2010 en utilisant Helvetica Neue Bold, 107pt en utilisant le marron (9e7539) pour la couleur. En dessous du 2010 j’ai ajouté « Bonne année » avec Helvetica Neue Light, 33pt avec le même marron. Au bas de la page, j’ai ajouté une citation de Paulo Coelho en utilisant Helvetica Neue Régulier, 16pt. Utilisez l’image ci-dessous pour référence.

Conception d'affiche minimaliste avec Photoshop

Étape 13

Ajoutez un nouveau calque au-dessus des autres et remplissez-le de blanc. Ensuite aller à Filtre>Rendu>Effets d’éclairage. Pour le Sélectionnez le style des lumières RVB et laissez les autres valeurs inchangées.

Conception d'affiche minimaliste avec Photoshop

Étape 14

Aller à Filtre>Flou>Flou gaussien. Utilisation 120 pixels pour le Rayon.

Conception d'affiche minimaliste avec Photoshop

Étape 15

Diminuer Opacité de la couche à 30% et aller aussi à Edition>Transformer>Rotation. Faites pivoter l’image pour que le rouge soit en bas. Après cela allez à Image>Réglages>Niveaux. Augmenter le Entrée noire à 70.

Conception d'affiche minimaliste avec Photoshop

Étape 16

Utilisons une autre photo de stock, maintenant une texture de papier. Encore une fois, celui que j’ai utilisé était une gracieuseté de Shutterstock et peut être trouvé à http://www.shutterstock.com/pic-20845342/stock-photo-old-yellow-paper-b…

Conception d'affiche minimaliste avec Photoshop

Étape 17

Changer la Mode de fusion de la texture du papier à Multiplier. Cette couche sera au-dessus des autres.

Conception d'affiche minimaliste avec Photoshop

Étape 18

Allez encore à Calque> Nouveau calque de réglage> Teinte et saturation. Ce calque de réglage sera au-dessus des autres calques. Diminuer Saturation à -32 et augmenter la luminosité à +28.

Conception d'affiche minimaliste avec Photoshop

Conclusion

Dans ce didacticiel, nous avons joué uniquement avec les modes de fusion, les masques et les filtres de base. L’idée était de créer quelque chose de minimaliste mais beau et avec une touche rétro. Cela fera également une carte du Nouvel An vraiment cool!

Chez Abduzeedo, nous vous souhaitons à tous une bonne année ! 2009 a été super génial et nous avons beaucoup appris de vous. Merci beaucoup pour cette excellente année et rendons la prochaine encore meilleure !

Conception d'affiche minimaliste avec Photoshop

Télécharger le fichier Photoshop

Cliquez ici pour télécharger le fichier Photoshop utilisé pour ce tutoriel