Conception psychédélique dans Photoshop et Illustrator
Cela fait un peu plus de six mois que j’ai déménagé à San Francisco, en Californie. Comme vous le savez peut-être, je viens du Brésil, donc c’est un grand changement, cependant, j’ai passé un moment incroyable ici, apprenant constamment de nouvelles choses. C’est pourquoi j’ai décidé d’essayer quelque chose de différent pour ce tutoriel, une image psychédélique utilisant Illustrator et Photoshop.
Je pense qu’il est très important pour un designer d’avoir autant de références visuelles que possible. C’est utile car cela vous donnera plus d’idées lorsque vous essayez de trouver des solutions de conception et de cette façon vous ne finirez pas par faire la même chose tout le temps. Mais il ne suffit pas de regarder les références, du moins pas pour moi. Je dois faire des choses pour apprendre les petites subtilités qui font qu’un design ressemble à une représentation légitime d’une période dans le temps, psychédélique dans ce cas.
Donc, dans ce tutoriel, je vais vous montrer comment créer un design psychédélique à l’aide d’Illustrator et de Photoshop.
Étape 1
Ouvrez Illustrator et démarrez un nouveau document. L’idée est de créer un design psychédélique en utilisant uniquement des éléments typographiques. Commencez à taper la première phrase que vous souhaitez utiliser, dans mon cas j’ai tapé « Abduzeedo Six Months » en utilisant la police Butterfield Demo. Vous pouvez le télécharger sur http://www.dafont.com/butterfield.font
Étape 2
Ajoutez 3 autres phrases et assurez-vous qu’elles correspondent à la longueur. Il est impossible de le faire sans ajuster le crénage de chaque phrase. Donc dans certains cas, il faudra augmenter tandis que pour d’autres réduire le crénage.
Étape 3
Une fois que vous avez les 4 phrases, faites-les pivoter pour créer un carré.
Étape 4
Pour relier les phrases, vous devrez créer des éléments. J’ajoute quelques rectangles de base correspondant aux lettres qui commencent et terminent les phrases. Utilisez l’image ci-dessous pour référence.
Étape 5
Une fois que vous avez fini de créer les connecteurs pour les phrases, vous aurez une image comme celle ci-dessous.
Étape 6
Avec le Outil Rectangle (M) créez un carré, en noir, puis déplacez le carré composé des phrases au-dessus de ce carré et changez la couleur du texte en blanc.
Étape 7
Créez un nouveau carré, cette fois avec du blanc comme l’image ci-dessous. L’idée ici est d’ajouter un nouveau carré composé de textes. Pour ce faire, répétez simplement les premières étapes de ce tutoriel. La taille des polices sera la même, mais les phrases seront cependant plus courtes.
Étape 8
Créez un troisième carré de texte, cette fois vous pouvez réduire la taille de la police. Je duplique simplement le deuxième carré et le redimensionne pour l’adapter à la zone. Notez la façon dont j’ai inversé les couleurs pour chaque carré.
Étape 9
Pour les couleurs utiliser #662D91(1) pour le plus grand carré, #DA1C5C(2) pour le plus grand carré de texte, #BE1E2D(3 rouge) pour le deuxième grand carré, #FBB040 (4 – jaune), #2B3990(5) pour le bleu foncé, #27AAE1 (6) pour le bleu clair.
Étape 10
Ouvrez Adobe Photoshop et créez un nouveau document. j’utilise 2560×1440 pixels pour la taille. Remplissez le fond avec #383324 pour la couleur. C’est vert foncé.
Étape 11
Copiez les vecteurs d’Illustrator et collez-les dans Photoshop.
Étape 12
Il est maintenant temps d’ajouter des textures afin de donner au design un aspect ancien et en quelque sorte détruit. La texture que j’utilise est une image de stock avec l’aimable autorisation de Shutterstock appelé Gros plan de bleu rugueux et vous pouvez le trouver à http://www.shutterstock.com/pic-83457697/stock-photo-closeup-of-rough-b….
Une fois que vous avez placé l’image dans votre document, masquez-la afin qu’elle ne s’affiche qu’au-dessus du dessin vectoriel.
Étape 13
Changer la Mode de fusion pour diviser. Diviser est vraiment cool Mode de fusion parce que cela donne en quelque sorte l’apparence que nous recherchons lorsqu’il s’agit de conceptions anciennes et datées.
Étape 14
Les couleurs étaient trop saturées alors essayons de changer cela. Aller à Calque> Nouveau calque de réglage> Teinte et saturation. Changer la Saturation à -35. Assurez-vous que ce calque est au-dessus du vecteur, puis passez à Calque> Créer un masque d’écrêtage. En faisant cela, la teinte et la saturation ne seront appliquées qu’au vecteur.
Étape 15
Placez à nouveau la texture, cette fois sur l’ensemble du document.
Étape 16
Changer la Mode de fusion pour diviser à 20 % d’opacité.
Étape 17
Afin de créer une image vraiment psychédélique, nous avons besoin d’un arrière-plan fou. J’utilise une belle image de Markovka appelé motif abstrait harmonieux de vie sous-marine : poissons, algues. Texture romantique sans fin avec des griffonnages, gracieuseté de Shutterstock.
Conclusion
Changer la Mode de fusion pour superposer à 40 % et nous avons un beau fond subtil. Comme vous pouvez le voir, tout le processus de création d’un design psychédélique était assez simple. J’ai été fortement inspiré par de vieilles affiches que j’ai vues dans un livre et comme je l’ai déjà dit, je voulais exercer cela afin de comprendre les petits détails qui font qu’un dessin ressemble à ça, en particulier la typographie et la combinaison de couleurs.
