Motif de points : texture dynamique dans Photoshop

1. Bande-annonce: Bonjour les gars, je suis Jamie Bartlett, graphiste et letterer à la main. Dans ce cours, je vais vous apprendre comment ajouter une texture de motif de points grungy à votre œuvre. Vous pouvez l'appliquer à toutes les illustrations, y compris les polices, le lettrage à la main et même les illustrations. Cette texture est entièrement construite à l'intérieur d'un Photoshop. Il est non destructif et facilement réglable pour obtenir le look exact que vous voulez. Une fois cet effet créé, il est facile de le copier et de le coller sur toutes les illustrations. Pour le projet de classe, vous appliquez cette texture à n'importe quel texte, lettrage ou design. Vous pouvez créer quelque chose de nouveau ou, si vous voulez entrer directement, utilisez simplement l'illustration que vous avez déjà créée dans le passé. Cette classe s'adresse à tout le monde, même si vous êtes nouveau à Photoshop. Je vais étape par étape et vous montrer exactement ce que vous devez faire pour construire la texture. J' ai hâte de voir ce que vous créez. 2. Styles de calques: Pour vous montrer comment construire cet effet, je vais recréer mon titre graphique. Ici, j'ai mon design et mon lettrage est sur deux couches différentes afin que je puisse mettre l'effet sur les deux de ces deux couches séparément. J' ai aussi une couleur de fond et puis ici, je sais déjà quelles seront mes couleurs. Je viens de faire quelques petits échantillons dont je peux échantillonner pour accélérer le processus. Si vous avez votre design, allez-y et ouvrez-le dans Photoshop, puis nous commencerons à créer l'effet. Lorsque vous créez votre document, assurez-vous simplement que votre mode couleur est défini sur RVB. Si ce n'est pas le cas, vous pouvez passer à l'image, le mode et le changer ici. La première chose que nous allons faire est d'ajouter des styles de calque. Je vais commencer par le mot point et construire sur cela. Quel que soit le calque que vous allez commencer en premier, double-cliquez dessus et nous allons commencer par la superposition de couleur et la changer en noir. Appuyez sur « Ok ». Chaque couche doit commencer par le noir pour que l'effet fonctionne correctement. Nous allons changer la couleur éventuellement d'une manière différente , mais dans les styles de calque, il doit être noir. Ensuite, nous allons avoir besoin d'une lueur intérieure. Je vais bouger ma fenêtre pour qu'on puisse voir ce qui se passe. Assurez-vous que votre mode de fusion est réglé sur normal et augmentez votre opacité jusqu'à 100 %, changez la couleur ici en blanc, changez la source au centre au lieu du bord et alors nous devons également nous assurer de changer le contour à l'arc demi-rond. Ensuite, le starter, la taille et la portée vont tous vous aider à ajuster le fonctionnement et l'apparence de cette lueur intérieure. Combien il est à plumes, combien il entre du bord, tout ça. Tout cela va affecter l'apparence de la texture à la fin. Vous pouvez jouer avec elle et vous pouvez toujours revenir et l'ajuster une fois que nous allons plus loin. Je vais mettre la mienne à environ 24, je vais augmenter la portée jusqu'à environ 82. Tu veux que le tien commence à ressembler à quelque chose de semblable au mien. Mais encore une fois, vous pouvez toujours ajuster cela plus tard. Une fois que vous avez obtenu ça comme vous le voulez, appuyez sur « Ok ». Maintenant, nous allons copier ces styles de calque sur nos autres calques. Un moyen facile de le faire est de maintenir « Option » sur votre clavier, survoler l'icône FX, puis de cliquer et de faire glisser les effets sur votre autre calque. Faites cela à tous les calques que vous souhaitez appliquer cet effet. Vous pouvez voir maintenant que nous avons appliqué l'effet au motif de mot, il semble un peu différent de ce qu'il fait dans le point juste parce que le point est plus grand et plus audacieux et c'est un style différent de lettrage. On y reviendra et on l'ajustera plus tard. Ensuite, nous devons créer des objets intelligents à partir de chacune de ces couches. La raison pour laquelle nous allons le faire est que les filtres que nous appliquons ensuite soient toujours modifiables. Nous pouvons toujours revenir en arrière et les ajuster plus tard. Pour créer ces objets intelligents, cliquez avec le bouton droit de la souris sur votre calque et dites convertir en objet intelligent. Je vais le faire pour point, je vais le faire pour motif. Je veux te montrer ce que ça a fait. Si vous double-cliquez sur la vignette du point de calque, il ouvre un nouveau calque et il s'agit de l'objet intelligent. Ces effets que nous venons de construire, c'est là qu'ils sont maintenant. Si jamais nous voulons les ajuster, vous suffit d'y aller et ensuite vous double-cliquez sur « Inner Glow » et il y a où vous pouvez faire tous vos ajustements. Si vous apportez des modifications ici, assurez-vous de l'enregistrer afin qu'il soit mis à jour dans le PSD d'origine. On va aller de l'avant et fermer ça pour l'instant. Maintenant, je veux rendre les parties blanches de mes lettres transparentes. Pour ce faire, nous allons double-cliquer pour revenir dans les styles de calque et nous devons ajuster les paramètres de fusion si. Si nous déplacons la flèche blanche, tout le blanc devient transparent et que vous le rapprochez de plus en plus du noir, plus les couleurs deviennent transparentes et le noir fait la même chose. Le noir peut aussi devenir transparent. Si on l'a fait de cette façon, ce n'est pas très lisse. Pour le rendre un peu plus progressif, nous devons diviser cette flèche en deux et l'ajuster. Pour ce faire, maintenez « Option » sur votre clavier, cliquez sur le côté gauche de la flèche et il le divise et vous pouvez faire glisser et vous voyez comment c'est beaucoup plus progressif de fusion. Je vais déplacer le mien jusqu'à droite. Ensuite, une fois que nous avons cet ensemble, nous pouvons appuyer sur « Ok » et nous devons aussi le faire pour notre calque de motif que nous pouvons copier ce style de calque. Nous allons simplement cliquer avec le bouton droit, par exemple copier le style de calque, cliquer avec le bouton droit sur notre calque suivant et dire coller le style de calque. Maintenant, ce mélange si le paramètre est également sur la deuxième couche. Maintenant, ce ne sont pas les couleurs que je veux à la fin, alors c'est maintenant quand nous allons choisir nos couleurs et les colorer correctement. Pour ce faire, nous devons regrouper chaque couche individuellement. Sélectionnez un calque et appuyez sur « Commande G » sur votre clavier pour le regrouper, et faites la même chose pour votre autre calque. 3. Ajouter de la couleur: Ensuite, nous devons ajouter une couleur unie. Alors allez ici à votre icône Calques de réglage, sélectionnez Couleur unie et je vais sélectionner ma couleur crème, appuyez sur OK. En ce moment, la couleur affecte tout le document, mais je veux juste qu'elle affecte le mot point. J' ai donc besoin de le définir sur un masque de coupe du groupe. Je vais extraire le remplissage de couleur du groupe, et maintenant le définir sur un masque d'écrêtage en appuyant sur Option sur le clavier, avoir entre le remplissage de couleur et le groupe jusqu'à ce que vous obteniez cette petite flèche, puis cliquez sur. Maintenant, cette couleur n'est appliquée qu'à ce groupe. Je vais vous montrer pourquoi nous avons appliqué la couleur au groupe au lieu de l'appliquer directement au calque. Si j'ai appliqué le remplissage de couleur directement au calque et que j'ai défini un masque d'écrêtage, vous pouvez voir ce qui se passe ici. Ce qui se passe, c'est que Photoshop applique d'abord le remplissage des couleurs, puis applique ces paramètres. Mais nous ne voulons pas que ça fasse ça parce que ça n'a pas l'air juste. Mais si nous appliquons le remplissage de couleur au groupe, puis que nous le définissons à un masque d'écrêtage, il fait d'abord ces fondre si les paramètres, puis le colore. Il préserve donc notre transparence. Maintenant, je vais faire la même chose pour l'autre groupe, ajouter une autre couleur unie. Je vais utiliser cette couleur gris foncé, mettre au-dessus de mon groupe 1, et définir un masque d'écrêtage en maintenant la touche Option et en cliquant entre les deux couches. Donc maintenant ce sont les couleurs que je veux. 4. Création de la texture: Maintenant, nous sommes prêts à commencer à construire l'effet de motif de points réel. Je vais zoomer à 100 pour cent juste pour que vous puissiez vraiment voir ça et c'est gentil et clair. La première chose que je vais faire est de sélectionner mon premier calque, mon calque de points, puis je vais filtrer, bruit et médiane et cet effet arrondit mes coins. Vous pouvez voir avec la médiane, ça commence à arrondir mes coins rugueux de mes lettres avant que ça ressemble plus à ça et maintenant ça ressemble à ça. Je vais tourner le mien à six et vous pouvez voir que ça a vraiment arrondi les coins. Une fois que vous l'avez comme vous le voulez, appuyez sur OK et puis nous allons revenir à filtrer, puis filtrer la galerie. Avant d'aller dans la galerie de filtres, vous devez vous assurer que votre couleur de premier plan est définie sur noir et que votre couleur d'arrière-plan est définie sur blanc, car certains des effets de la galerie de filtres sont basés sur ces couleurs. Cette étape est vraiment importante. Le premier filtre que nous allons appliquer est le motif demi-ton. Je vais régler ma taille à trois et mon contraste à zéro. Ensuite, je vais ajouter un autre effet ici et nous allons changer cet effet pour le grain. Changez le type de grain de régulier à pointillé. Je vais augmenter mon intensité à environ 63 et le contraste à 15. Nous allons ajouter un filtre de plus et ce sera timbre. Je vais ajuster l'équilibre clair et sombre à 11, puis ramener ma douceur à deux. Tous ces curseurs sont des choses que vous pouvez ajuster de haut en bas en fonction de ce à quoi vous voulez que votre design ressemble. Vous pouvez également voir comment le style de calque que nous avons fait interagit avec nos effets. À cause de cette ombre intérieure, notre effet ne commence pas à obtenir des points avant un peu plus que le bord. Vous pouvez toujours ajuster cela aussi. Frappe bien. Maintenant, vous pouvez voir cette texture avec la bonne couleur appliquée. Ensuite, nous devons ajouter un filtre de plus appelé ondulation. On va monter pour filtrer, déformer et onduler. Je vais changer la taille de la mienne à grande et définir le pourcentage à 15 pour cent et cela grossit les bords de sorte que la police ne semble pas si parfaite. Appuyez sur OK et maintenant nous pouvons copier ces effets sur nos autres calques. Tout comme nous l'avons fait avant, nous pouvons appuyer sur l'option sur notre clavier, cliquer sur les filtres intelligents et faire glisser cela vers notre autre couche. Cela duplique tous ces effets et l'applique également à cette couche. Pour cet effet, je sais que je ne veux pas de médiane ou d'ondulation. En fait, j'ai lettré les modèles de mots. C' est déjà assez imparfait, alors que le mot point était une police. Pour me débarrasser de ceux-ci, je peux juste cliquer avec le bouton droit de la souris et dire supprimer le filtre intelligent et je le ferai aussi pour l'ondulation. Maintenant, je vais vous montrer comment vous pouvez ajuster votre texture si vous voulez. Pour le modèle de mot, je veux qu'il y ait un peu plus de texture apparaissant. C' est là que je vais aller dans mon objet intelligent en double-cliquant sur la vignette. J' ai besoin d'ajuster cette lueur intérieure pour qu'il y ait plus de blanc , puis à la fin qui fera passer plus de texture. Double-cliquez sur la lueur intérieure. Je vais probablement avoir besoin de baisser un peu cet étouffement et je vais augmenter un peu la portée aussi. Voyons à quoi ça ressemble. Appuyez sur OK. Maintenant, nous devons nous assurer de sauvegarder afin que le PSD original soit mis à jour et que cela a apporté un peu plus de texture. J' aime ça. C'est ce qu'il était avant et c'est ce qu'il était après. Ça a l'air bien. Une fois que vous avez terminé d'ajuster votre objet intelligent, assurez-vous de le fermer. 5. Ombre 3D: Allons zoomer pour qu'on puisse voir tout ça. Maintenant, nous allons faire l'ombre sur le mot point, et c'est super simple à faire. Tout ce que nous avons à faire est de dupliquer notre groupe 2 et notre remplissage de couleur. Maintenez la touche Maj enfoncée et cliquez sur votre « Color Fill » pour sélectionner les deux, puis appuyez sur Commande J sur votre clavier, et cela dupliquera ces deux calques. Maintenant, j'ai deux points, mais celui ci-dessous, je vais le changer pour qu'il ressemble plus à une ombre. Donc nous allons changer la couleur pour cette couleur rouge orangé foncé. Appuyez sur « OK » et on va compenser notre groupe. Nous allons donc sélectionner le groupe et utiliser les flèches notre clavier pour le déplacer à la position que nous voulons. Ça a l'air plutôt bien. Je vais aussi ajuster l'ombre intérieure de ceci parce que vous ne pouvez pas voir beaucoup de points parce que les points commencent si loin dans la lettre. Maintenant, depuis que j'ai dupliqué ce groupe, le lettrage blanc et ce lettrage orange foncé ont exactement le même objet intelligent. Donc, si je devais double-cliquer dessus et aller dans et ajuster les styles de calque et ajuster cette ombre interne, alors cela affecterait les deux points, et nous ne voulons pas cela, nous voulons qu' il affecte simplement le calque sombre. Donc, pour que ceux-ci ne s'affectent pas les uns les autres, nous devons créer un objet intelligent unique pour le calque d'ombres. Pour ce faire, nous devons faire un clic droit sur notre couche, nous devons sélectionner un nouvel objet « Smart Object via Copy ». Une fois que nous cliquons dessus, ces deux objets intelligents ne sont plus les mêmes et nous pouvons les éditer séparément. Comme vous pouvez le voir ici, cela a fait un double, donc nous devons nous débarrasser de l'ancien. Donc, nous pouvons simplement le sélectionner et appuyer sur « Supprimer ». Maintenant, je peux aller dans l'objet intelligent et ajuster ce style de calque. Donc, je vais double-cliquer et ensuite aller dans « Inner Glow ». Je vais devoir faire baisser l'étouffement encore plus loin pour que la texture soit plus proche du bord. Voyons à quoi ça ressemble. Nous allons cliquer sur « OK », assurez-vous de l'enregistrer et d'aller voir. Je veux rendre le mien encore plus visible. Revenons donc dans cet objet intelligent et dans la lueur intérieure et ramenons la taille à juste là. Cliquez sur « OK », enregistrez-le et voyons. Ouais, c'est beaucoup mieux. Ça a l'air plutôt bien. Je vais encore zoomer, et c'est tout pour l'ombre. 6. Textures en arrière-plan: Maintenant, nous allons faire les textures d'arrière-plan. Je vais fermer tous mes groupes juste pour que cela soit un peu plus facile à regarder. Donc, la seule chose différente de notre illustration et de notre arrière-plan est notre arrière-plan n'a pas besoin d'avoir styles de calque car il n'est basé sur aucune illustration, c'est juste un calque solide. Nous devons commencer par faire une couche solide. Donc, je vais faire un autre calque de remplissage de couleur. La couleur n'a pas vraiment d'importance, mais je vais juste rendre la mienne 100 % noire. Ensuite, je vais convertir ceci en un objet intelligent en cliquant avec le bouton droit dessus, disant Convertir en objet intelligent. Ensuite, nous allons ajouter des nuages à notre couche. Mais encore une fois, il est très important que votre couleur de premier plan soit noire et votre couleur d'arrière-plan soit blanche car le filtre de nuages tient compte de ces couleurs. Accédez donc à Filtrer, Rendu et Clouds. Ensuite, nous allons copier nos effets de galerie de filtres que nous avons construits sur nos autres couches. Pas l'ondulation ou la médiane, juste la galerie de filtres. Donc, si nous maintenons l'option sur notre clavier, cliquez sur Filter Gallery, nous pouvons cliquer et faire glisser cela vers le bas vers notre arrière-plan. Les nuages nous donnent un modèle de base pour les points de la galerie de filtres à appliquer. Donc, il randomise tout et le rend donc ce n'est pas un point solide. Ensuite, nous devons ajouter le mélange si les paramètres de sorte que le noir sur notre fond devient transparent, et juste les points sont affichés. Nous allons donc double-cliquer sur notre couche. Donc, comme notre arrière-plan est noir et blanc massif, nous n'avons pas besoin de diviser cette flèche car il n'y a pas de valeurs intermédiaires. Pour que notre noir soit transparent, nous devons déplacer notre flèche noire jusqu'à ce qu'elle arrive juste là, jusqu'à ce que tout notre noir soit parti et nous cliquerons sur OK. Maintenant, nous allons regrouper notre calque et ajouter un remplissage de couleur comme avant. Comment allez-vous y arriver ? Je vais faire la mienne juste une version légèrement plus légère de ma couleur de fond. Cliquez sur OK. Maintenant, nous devons le déplacer en dehors de notre groupe et définir un masque d'écrêtage pour notre groupe. Vous pouvez voir toute notre petite texture qui vient à travers. Pour la texture de fond globale, je veux qu'elle soit un peu plus apparente que cet effet, qui est un peu plus fragilisé que je ne le veux. Donc, je vais aller dans ma galerie de filtres en double-cliquant dessus, et je vais ajouter un autre effet, le faire glisser jusqu'au bas et choisir lueur diffuse. Ensuite, nous tournons le grain tout le chemin vers le bas, la quantité claire vers le bas à environ quatre, puis la quantité de lueur, ajustons combien plus de points que vous pouvez voir. Effectuons un zoom arrière pour que vous puissiez voir la plupart de nos illustrations et vous pouvez voir qu'il y a beaucoup plus de points qu'auparavant. Nous pouvons toujours l'augmenter ou la diminuer aussi. Je vais laisser le mien juste là, et on cliquera sur OK, et je vois qu'il y a beaucoup plus de points qu'avant. Donc c'est bon pour ça. Maintenant, je veux faire une autre couche de cette texture. Donc, je vais sélectionner le remplissage de couleur et le groupe de cette texture d'arrière-plan, appuyez sur Commande J sur le clavier pour le dupliquer. Nous allons d'abord changer la couleur afin qu'il soit plus facile à voir, et pour celui-ci, je vais faire une texture gris foncé, la même couleur que mon motif. Cliquez sur OK. Comme vous pouvez le voir, puisque j'ai dupliqué la texture, c'est exactement les mêmes points juste dupliqués. Nous devons randomiser ça pour le changer un peu. Nous avons juste besoin d'aller dans notre groupe, descendre dans nos Clouds et double-cliquer sur nos Clouds, et nous pouvons le faire autant que nous le voulons et cela randomise toujours le modèle de nuage. Pour cette texture foncée, je ne veux pas que la version plus légère passe presque autant de texture. J' ai besoin de m'en débarrasser. Pour ce faire, je vais ajouter quelques nuages de différence. Nous allons donc sélectionner notre calque, aller à Filtrer, Rendu, Difference Clouds. Ensuite, nous allons faire glisser nos nuages de différence juste au-dessus de notre effet de nuages, et voir comment cela s'est débarrassé de beaucoup de notre texture. Ensuite, nous allons changer le mode de fusion pour les nuages de différence en double-cliquant sur ces flèches, puis en le changeant en gravure linéaire. Ensuite, nous réduirons l'opacité à environ 73. Cliquez sur OK. Cette quantité de texture est plus le look que je vais chercher. Mais je veux en ramener un peu plus, donc je vais aller dans la Galerie de filtres, et nous allons ajuster la Lueur Diffuse, en tournant la quantité de lueur à environ 17. Cliquez sur OK. Tout comme les nuages, nous pouvons toujours double-cliquer sur Difference Clouds et cela randomise l'effet, autant de fois que nous le voulons. Si cette texture est encore trop grande, nous pouvons toujours revenir dans les nuages de différence et ajuster l'opacité. Maintenant, je veux faire une dernière couche de texture comme celle-ci. Je vais dupliquer ma texture, changer la couleur ; je vais choisir mon orange foncé que j'ai utilisé pour l'ombre ici, cliquez sur OK. Ensuite, nous devons le randomiser. Pour cette couleur, je veux un peu plus de texture à montrer à travers. Donc, je vais ajuster l'opacité Difference Clouds et la ramener à environ 65, et c'est tout pour la texture d'arrière-plan. Vous pouvez ajouter autant de couches et de couleurs différentes et le randomiser jusqu'à ce que vous le sortiez comme vous le souhaitez. 7. Ajout d'une vignette: La dernière chose que nous allons faire pour terminer ce design est d'ajouter une vignette juste pour faire éclater les couleurs et le design un peu plus. Pour commencer, je vais faire une ellipse avec l'outil Ellipse et m'assurer qu'ici, c'est réglé sur le chemin. Je vais en gros l'obtenir sur la forme du document, changer les opérations de chemin à soustraire, puis venir ici et faire une couche d'ajustement de l'exposition. Vous voyez qu'il a pris cette forme et en a fait une masse pour cette couche. Maintenant, nous allons réduire l'exposition. Vous pouvez voir comment il assombrit les bords comme ça. Je n'en ai pas autant besoin. On va faire monter le gamma un peu. Cliquez ensuite sur cette icône ici et augmentez la plume à environ 250. Je vais retourner à l'exposition et le rendre un peu moins. Je vais aller de l'avant et l'allumer et éteindre pour que vous puissiez voir le différent qui est encore un peu trop sombre pour moi. Donc je vais baisser un peu le gamma, plus comme ça. Ça a l'air plutôt bien. Ça complète mon design. 8. Merci !: C' est ça les gars. Merci d'avoir suivi mon cours, j'espère que vous l'avez apprécié. N' oubliez pas de poster vos projets de cours et n' hésitez pas à me poser vos questions sur la page Communauté. Si vous partagez votre projet sur Instagram ou Dribble, veillez à me marquer @Jamiebartlettdesign pour que je puisse voir votre travail. Je te verrai la prochaine fois.