Il ya quelques jours nous avons publié une excellente vidéo d’un groupe français appelé Justice,leur clip s’appel DVNO, et il est plein de références aux 80′s. De plus, il y avait une grande interview de James White, et là encore, son œuvre est pleine d’éléments des années 80. Inspiré par cet esprit rétro, j’ai décidé d’écrire un nouveau didacticiel Pixelmator.
Donc dans ce tutoriel, je vais vous montrer comment créer un design rétro très rapidement, venant directement de ce vieil Atari 2600 avec lequel nous avions l’habitude de jouer au décathlon jusqu’à avoir les mains pleines d’ampoules …

Etape 1
Créez un nouveau document, 800×600 c’est bien, puis sélectionnez l’outil Dégradé ((G) Gradient Tool) et créer un nouveau dégradé de couleur dans la palette de dégradé, utiliser le noir et le violet (# 332233) pour les couleurs et Radial pour le type.


Etape 2
Créez un nouveau calque et aller au Filtre> Quartz Composer> Générateur> Sol (Fiter > Quartz > Generator > Floor). Ce filtre crée un effet de lumière bien sympa.


Etape 3
Créez un nouveau calque, nommez-le « lines », remplissez-le de noir et changez le Mode de fusion en densité couleur(changez le Blend Mode en Color Dodge), puis allez dans Filtre> Générateur> Stripes. Assurez-vous que la couleur de premier plan est blanc. Utilisez 6 pour la largeur et 0 pour la dureté.


Etape 4
Allez dans Edition> Transformation> Perspective. Déplacez les sommets jusqu’à obtenir une belle perpective comme dans l’image ci-dessous. Après cela, allez à filtre > Flou > Flou Gaussien (Filter> Blur> Gaussian Blur), utilisez 2 pour le rayon


Etape 5
Aller à Calque > Ajouter un masque de calque (Layer > Add Layer Mask), puis ouvrez l’outil Pinceau ((B) Brush Tool), sélectionnez la couleur blanche et un pinceau moyen, comme 100px de largeur et 0 de dureté. Commencez à supprimer la fin de certaines lignes, pour les faire un peu plus courte que les autres.


Etape 6
Sélectionnez l’outil Texte ((T) Type Tool) et ajoutez votre texte, la police que j’ai utilisé était du Bauhaus.Après cela, allez à Calque> Pixellisation type couche (Layer > Rasterize Type Layer . Puis allez dans Edition> Transformation> Distorsion (Edit > Transform > Distort). Ensuite, il suffit de tirer les sommets afin que le texte suive les lignes de perspective.
La dernière chose ici, c’est maintenir la touche Command enfoncée, cliquez sur la vignette des calques pour créer une sélection de ces couches 80. Sélectionnez ensuite le masque du calque « Lines » et remplissez la sélection de blanc.


Etape 7
Dupliquer le calque et aller au Filtre> Quartz Composer> Esthétiques> Neon (Filter >Quartz >Composer > Stylize > Neon).Sélectionnez rose pour la couleur et utilisez une valeur (Amount) de 0,08.

Etape 8
Dupliquez le calque et allez à Filtre> Flou> Zoom (Filter > Blur > Zoom)… utilisez une valeur de 50 comme l’image ci-dessous.

Etape 9
Créez un nouveau calque, sous la couche avec zoom flou. Remplissez la nouvelle couche de noir et de modifier le Mode de fusion (Blend Mode) pour Densité couleur (Color Dodge). Après cela, sélectionnez l’outil Pinceau ((B) Brush Tool), blanc pour la couleur, et un piceau de taille moyenne comme le 80-100px, la dureté doit être de 0%.
Maintenant il vous faut peindre juste certaines parties des lignes, un simple clic et vous allez créer un effet bel effet de lumière.

Etape 10
Créez un nouveau calque et aller au Filtre> Générateur> Générteur aléatoire (Filter > Generator > Random Generator). Ce filtre crée une sorte d’effet de bruit. Puis, changez juste le Mode de fusion à l’écran et utilisez une opacitée à 10% .

Etape 11
Créez un nouveau calque et remplissez-le avec un dégradé linéaire (Linear Gradient), utilisez le Rouge,le Vert et le Bleu pour les couleurs et modifiez le Mode de fusion pour Incrustation (Overlay).

Conclusion
Cette image a été l’occasion d’apprendre un peu plus de Pixelmator. Plus je l’utilise, plus je l’aime, même si il manque quelques fonctionnalités très importantes comme les styles de calque et le moteur de pinceau puissant que Photoshop a, je crois que Pixelmator est un outil formidable, mais il faudra probablement faire beaucoup mieux dans la nouvelle version .

Téléchargez le fichier Pixelmator

Cliquez ici pour télécharger le fichier pour cette Pixelmator tutoriel.

A voir également :

L’effet Aurora Borealis avec Pixelmator

Les effets de filtre et de blending avec Pixelmator

A propos de l’auteur :

Mon nom est Fabio Sasso, je suis un graphiste/web designer de Porto Alegre, au Brésil et je suis le fondateur de Abduzeedo. J’espère que nous pourrons partager beaucoup d’informations, des conseils et des idées par le biais d’ Abduzeedo. Aussi vous pouvez me suivre sur Twitter ou mon site personnel à http://fabiosasso.com