J'aime beaucoup les illustrations utilisées sur le site Web de Pitchfork. J'ai donc décidé de recréer quelque chose de similaire dans Photoshop et de créer un didacticiel expliquant comment je l'avais fait. Ces techniques peuvent être utilisées pour créer un logo et un arrière-plan pour un site Web de style grunge.
Créez un nouveau document de 1500 pixels de large x 1 000 pixels de haut. J'ai décidé de rendre le document très volumineux afin de faciliter son travail et de bien en voir les effets. Avec l'outil Texte, définissez votre texte dans une police semblable à l'image ci-dessous. J'ai utilisé la police Blackoak STD. Kern et redimensionnez la police comme vous le souhaitez.
Chargez la transparence du calque de texte en cliquant sur la vignette du calque tout en maintenant la touche Commande enfoncée. Aller à la sélection> affiner le bord. Nous souhaitons élargir la sélection tout en la gardant précise. Pour ce faire, utilisez les paramètres ci-dessous. Créez un calque de réglage des couleurs unies sous le calque de texte et remplissez-le de gris foncé..
Tout en maintenant Option / Alt enfoncée, faites glisser le calque gris de la palette des calques légèrement vers le bas jusqu'à ce que vous voyiez une épaisse ligne noire en dessous. Cela va dupliquer le calque sous l'original. Saisissez l'outil de déplacement (V), puis appuyez une fois sur la flèche vers le bas et une fois sur la flèche gauche. Répétez cette étape 25 fois.
Sélectionnez toutes les couches grises et appuyez sur Commande + E pour les fusionner. Dupliquez le calque fusionné une fois. Ensuite, faites glisser manuellement le nouveau vers le bas et vers la gauche jusqu'à ce qu'il s'aligne correctement. Fusionner les deux couches grises en une seule.
Utilisez l'outil Ellipse en tenant Shift pour créer un cercle parfait. Assurez-vous que le bouton Créer des chemins est coché dans la barre de propriétés. Créez un calque de réglage de couleur unie sous le calque gris et remplissez-le du même gris. Dupliquez le calque de cercle et changez le remplissage en blanc. Appuyez sur Command + T pour utiliser Free Transform. Tout en maintenant les touches Shift + Option / Alt enfoncées, réduisez-le à environ 75%. Placez-le où bon vous semble.
Sélectionnez l'outil Ligne. Encore une fois, assurez-vous que l'option Créer des chemins est cochée dans la barre de propriétés. Réglez le poids à 60px. Tout en maintenant la touche Maj enfoncée, tracez une ligne inclinée à 45 degrés. Avec le chemin que vous avez sélectionné, créez un calque de réglage de la couleur unie et remplissez-le de couleur orange vif..
Dupliquez ce calque et appuyez sur (Commande + T), puis cliquez avec le bouton droit de la souris et sélectionnez Retourner horizontalement..
Sélectionnez les calques de la ligne orange et choisissez Calque> Regrouper les calques. Avec le groupe sélectionné, cliquez sur le bouton Ajouter un masque de calque et créez un masque. Frappez une autre fois pour faire un masque vectoriel. Sélectionnez le masque vectoriel dans le calque de cercle blanc. Appuyez sur Commande + C pour copier. Sélectionnez le masque vectoriel sur le groupe "lignes", puis appuyez sur Commande + V pour le coller. Appuyez sur Command + T et réduisez légèrement le chemin afin qu'il y ait un peu d'espace entre le chemin et le bord du cercle gris.
Sélectionnez la transparence des lettres grises. Allez à Sélection> Transformer la sélection. Déplacez légèrement la sélection vers le haut et vers la droite afin que la distance entre le "e" et la sélection soit la même que l'écart blanc que nous venons de créer. Sélectionnez le masque du groupe de lignes orange. Remplir la sélection avec du noir pour le masquer.
Créez un nouveau canal alpha dans la palette des canaux. Allez dans Filtre> Rendu> Nuages. Appuyez sur Command + T et redimensionnez les nuages à environ 180%. Chargez la sélection du canal en maintenant la touche Commande enfoncée et en cliquant sur sa vignette. Dans la palette Calques, créez un nouveau calque de réglage de la couleur unie juste au-dessus de l'arrière-plan. Faire le remplissage 50% gris (# 808080). Flouez le masque de nuage avec un flou gaussien de 30 pixels.
Juste au-dessus de ce calque, créez un calque de réglage du dégradé et configurez le dégradé de manière à passer du transparent du haut à gauche au blanc en bas à droite..
Juste au-dessus du calque de nuages, créez un calque de réglage de courbes ressemblant à l'image ci-dessous. Inverser le masque pour que la courbe ne soit pas visible.
Nous allons maintenant charger des pinceaux grungy avec lesquels nous pourrons repeindre la courbe. J'ai utilisé les pinceaux à texture de peinture en aérosol de Spoon Graphics: Deux pinceaux haute résolution gratuits Spraypaint Photoshop.
Chargez les pinceaux et sélectionnez celui que vous voulez. Cliquez sur le masque de calque de courbes, assurez-vous que votre couleur de premier plan est blanche et réglez l'opacité du pinceau sur 50%. Configurez votre pinceau avec la dynamique de forme suivante dans l'image ci-dessous. La gigue de taille et la gigue d'angle sont les choses que vous voulez à 100 pour cent.
Maintenant, cliquez quelques fois jusqu'à ce que vous obteniez un effet que vous aimez..
Enfin, mettons la couleur dans cette chose. Créez un calque de réglage de la couleur unie au-dessus des nuages, de la courbe et du dégradé de blanc. Faire le Remplir une couleur cyan / bleu. Définir le mode de fusion du calque sur Couleur.
Je sais que nous avons ajouté de nombreux calques. Voici donc à quoi ressemble ma palette de calques à des fins de comparaison..
Sélectionnez la transparence du calque de lettrage gris en maintenant la touche Commande enfoncée et en cliquant sur sa vignette. Allez à Sélection> Transformer la sélection et redimensionnez-la de 250 à 350%. Vous pouvez également décaler sa position si vous le souhaitez. Créez un calque de réglage des courbes juste au-dessus du calque de couleur et augmentez légèrement la luminosité, comme dans l'image ci-dessous..
Faites la même chose avec les calques de la ligne orange. Sur le calque Courbe que vous avez créé pour les lignes orange, nous allons atténuer les arêtes. En maintenant Option / Alt, cliquez sur le masque du calque. Prenez l'outil de dégradé (G). Demandez au dégradé de passer d'un fondu au noir, définissez le mode sur Multiplier dans la barre de propriétés et faites-en un dégradé radial. Faites glisser depuis le centre du 'X' vers le bord. Cela fera disparaître.
Maintenant, placez le 'X' où vous le souhaitez, et vous avez terminé!