Arrière-plans - Demi-tons, rayons de soleil et motifs dans Adobe Photoshop - Un design graphique pour les cours du déjeuner™

1. Créer des arrière-plans de projet dans Adobe Photoshop Introduction: Bonjour, je suis Helen Bradley. Bienvenue dans cette conception graphique pour les cours de déjeuner créant des arrière-plans dans Adobe Photoshop, y compris des demi-tons, des coups de soleil et des motifs. Graphic Design for Lunch est une série de cours qui enseignent une gamme de conseils et de techniques pour créer designs et travailler dans des applications telles qu'Illustrator, Photoshop et Procreate. Aujourd'hui, nous créons de l'arrière-plan dans Photoshop, et nous allons créer trois arrière-plans, chacun en utilisant une approche très, très différente pour vous donner quelques idées le tri des images que vous pourriez créer comme arrière-plans pour d'autres éléments dans Photoshop. vous travaillez sur ces vidéos, vous pouvez voir une invite qui vous permet de recommander cette classe à d'autres personnes. vous plaît, si vous aimez la classe, donnez-lui un pouce en haut. Ces recommandations m'aident à mettre mes cours devant un plus grand nombre de personnes qui, comme vous, veulent en savoir plus sur Photoshop. Si vous souhaitez laisser un commentaire, veuillez le faire. J' ai lu et répondu à tous vos commentaires et je regarde et je réponds à tous vos projets de classe. Si vous êtes prêt maintenant, commençons à créer des arrière-plans dans Photoshop. 2. Créer des arrière-plans de projet - Partie 1: Lorsque vous créez des images d'arrière-plan dans Photoshop, vous voulez commencer par un document au moins aussi grand que le but pour lequel vous allez le mettre. Maintenant, je vais créer quelque chose qui va pouvoir être utilisé sur la vidéo haute définition. Je choisis 1920 par 1080 comme dimensions de document, mais vous sélectionnez les dimensions de document qui vous conviennent. Mode couleur RVB, fond transparent, cliquez sur OK. Maintenant, j'ai déjà sélectionné une couleur marron prête ici, et c'est la couleur que je vais utiliser. Je vais ouvrir la dernière palette ici, c'est ma couleur de premier plan, c'est ma couleur de premier plan, donc je vais appuyer sur Alt backspace, option Supprimer sur le Mac pour remplir ce calque avec cette couleur. Je vais ajouter un autre calque et je vais le remplir avec la couleur d'arrière-plan et je peux le faire en appuyant sur Contrôle, commande Retour arrière, Supprimer sur le Mac. Ensuite, je vais ajouter un troisième calque, ce troisième calque va être un dégradé du premier plan à la couleur d'arrière-plan. Je vais cliquer sur l'outil Dégradé, Tout d'abord dans la palette de dégradés est toujours un dégradé qui est de premier plan à l'arrière-plan, il sera toujours là, donc vous sélectionnez vos couleurs de premier plan et d'arrière-plan, et alors vous allez obtenir un dégradé qui est un mélange de ces deux couleurs. Je vais cliquer dessus et je vais faire glisser vers le bas pour remplir le calque avec ce dégradé, je maintiens Maj comme je le fais, donc ça va parfaitement verticalement et j'utilise un dégradé linéaire. Maintenant, cela a mal tourné, je voulais que ma couleur plus foncée soit sur le fond, donc je vais juste le faire à nouveau et faire glisser de bas en haut. Maintenant, j'ai un calque de remplissage dégradé, un calque blanc et un calque brun foncé prêt. Je vais désactiver le calque de remplissage dégradé et je vais utiliser le calque blanc juste pour vous montrer ce qui se passe car il est un peu plus facile de voir ce qui se passe sur un calque rempli de blanc. Ce que nous allons faire, c'est que nous allons travailler dans ce qu'on appelle le mode Masque rapide. Il y a une icône ici, un pied avec une palette d'outils, cliquez dessus et vous êtes en train de modifier en mode Masque rapide. Maintenant, comme les masques dans Photoshop, cela signifie que vous ne pouvez travailler sur le document maintenant qu'en noir, blanc ou nuances de gris. Le dégradé est passé de noir à blanc. C' est exactement ce qu'on veut et on veut un gradient linéaire. Je vais remplir ce masque avec mon dégradé. Je veux que le masque soit plus sombre en haut qu'en bas. Maintenant, cette superposition de rubis est indicatif du masque, cela vous montre la zone masquée du document, donc maintenant nous avons un masque qui est un dégradé. Eh bien, ce que nous allons faire maintenant est de transformer ce masque, ce masque lié à rubis en un motif de points demi-ton. Nous allons choisir Filter, Pixelate, Couleur Demi-ton. Maintenant, il y a un autre outil de demi-teinte, un autre filtre demi-teinte dans Photoshop, mais celui-ci nous donne beaucoup plus de contrôle sur ce que nous obtenons, alors laissez-moi le sélectionner. Le contrôle que nous obtenons ici est que nous pouvons contrôler le rayon de nos points. Le plus grand point en ce moment va être de 20 pixels, je peux le rendre plus petit en tapant 15, je peux le rendre plus grand en tapant 30 ou quoi que ce soit, mais je vais me contenter de 20 ici. Ensuite, nos angles d'écran pour ce projet vont être tous les mêmes et je viens de les mettre à 45, ce qui me donne juste un joli motif de points. Je pense que vous serez heureux avec ce motif de points, si vous définissez tout, tous vos quatre canaux à 45 et cliquez simplement sur OK. Maintenant, ce que nous avons c'est que notre masque s'est transformé en un motif de demi-tons, mais ce n'est que le masque, il nous permet de faire une sélection qui est un motif de points. Je vais maintenant cliquer sur cette icône, ce qui me ramène à l'édition en mode standard. Revenons en mode Masque rapide une minute. Ce qui se passe, c'est que les zones blanches de ce document, les zones où nous voyons à travers le masque, vont être sélectionnées, sorte qu'elles ont des fourmis assorties autour d'elles. Les zones qui sont cette couleur rose rubis ne sont pas sélectionnées. Revenons à éditer le document régulièrement et ce que nous avons est une sélection basée sur ce masque de demi-teinte, donc nous avons une sélection qui est des points de demi-teinte, nous pouvons l'utiliser pour percer des trous dans les choses. Je retourne à mon calque rempli de dégradé, j'active sa visibilité, je clique sur le calque, j'ai ma sélection au-dessus du haut, je vais juste appuyer sur Supprimer et cela va percer des trous dans ce calque. Vous pouvez voir que quelles étaient les zones les plus sombres du dégradé ont été supprimées plus lourdement que les zones qui étaient plus légères sur le dégradé et c'est parce que le masque que nous avons créé lorsque nous l'avons créé était plus lourd avec pixels plus clairs en bas et plus de rubis en haut et c'est ainsi que le masque fonctionne. Si vous voulez juste y retourner et jeter un coup d'oeil, je vais juste au panneau Historique. Revenons à juste avant de quitter le mode Masque rapide. C' est notre demi-teinte de couleur sur un masque rapide, et ce sont ces zones plus blanches qui vont être enlevées plus lourdement que les zones plus sombres de ce masque rubis plus tard. De là, bien sûr, nous sommes retournés au mode Edit normal, puis nous avons juste percé les trous de notre document. Je vais fermer le panneau d'histoire, et c'est de retour à l'endroit où nous étions. Je vais maintenant appuyer sur Ctrl, commande Alt, D pour désélectionner ma sélection. Nous avons ce calque partiellement dégradé avec des points perforés sur le dessus d' un fond blanc et cela nous donne un effet d'arrière-plan vraiment intéressant. Nous pourrions même composer l'opacité de cette couche supérieure si nous le voulions, pour obtenir un effet plus subtil. Vous pouvez également utiliser ce calque plus sombre, donc cela va vous donner un motif plus sombre de points que vous pourriez utiliser pour votre arrière-plan, de sorte que vous pouvez choisir quelques options ici. Disons que c'est fini, je vais juste déposer une forme dessus, j'ai une forme de vélo, qui est l'une des formes livrées avec Photoshop, je vais juste réutiliser ma couleur marron rouge, Je vais juste traîner la moto. C' est le tout premier de nos effets d'arrière-plan créés dans Photoshop. Celui-ci utilise un filtre demi-teinte sur un masque rempli de dégradé. 3. Créer des arrière-plans de projet - Partie 2: Le prochain modèle que nous allons créer, nous allons mettre derrière cet élément et ceci provient d'une autre de mes classes sur la création de bannières et de rubans et aussi du texte sur un chemin dans Photoshop. Toute cette bannière est dans ce groupe ici, donc je peux l'allumer ou l'éteindre comme je le souhaite. Nous allons construire notre effet de fond derrière lui. J' ai une couche en dessous. Encore une fois, je travaille sur une vidéo HD, la taille du document 1920 par 1080. Je vais commencer par remplir ce calque inférieur ici avec ma couleur d'arrière-plan actuelle, qui est blanche. Je vais appuyer sur le contrôle backspace, commande delete. Maintenant, je veux ajouter un nouveau calque de remplissage au-dessus de cela, mais encore une fois, sous cette bannière, je veux le remplir avec un motif. Le modèle provient d'une de mes autres classes, mais vous pouvez remplir votre document avec n'importe quel modèle de votre choix. Je vais choisir Calque, Nouveau calque de remplissage, puis Modèle. La raison pour laquelle j'utilise cet outil et non pas éditer le remplissage est que je peux contrôler ma mise à l'échelle de modèle à travers cet outil ici. Je vais juste cliquer sur « OK ». Le modèle que je vais utiliser est l'un de mes modèles Chevron. Je vais m'en servir, non, ce n'est pas celle-là. Je vais utiliser celui qui a beaucoup de Chevron. C' est le motif chevron marron clair marron. Entre les lignes en zigzag se trouve la transparence. C' est ce que nous voyons, nous voyons cette couche blanche à travers elle. C' est un gros modèle. C' est trop grand pour moi ici parce qu'il prend le contrôle de l'image, donc je veux qu'elle soit beaucoup plus petite. Je vais juste le composer à 20 pour cent et voir à quoi ça ressemble. 20, c'est plutôt bon, mais je pense que 15 va être mieux. Je veux juste que cela texture l'arrière-plan, je ne veux pas qu'il prenne le contrôle de l'image, donc c'est une bonne taille. Je vais cliquer sur « OK ». Le problème avec ceci est que c'est marron et qu'il ne convient pas vraiment à cette œuvre d'art, donc ce que je vais faire est de la re-colorier. Avec mon calque de motifs actuellement sélectionné, je vais choisir Calque, Nouveau calque d'ajustement, Saturation de teinte et cliquer sur « OK ». La saturation de la teinte me permet de modifier la teinte ou la couleur des calques sous ce calque de réglage. Tout ce que je dois faire est d'aller quelque part ici dans le curseur de teinte jusqu'à ce que je commence à ramasser un bleu qui correspond ou va bien avec le bleu que j'ai ici, ou je vais vouloir choisir une autre couleur qui va bien fonctionner avec mon forme bleue ici, mais je vais pour le bleu. Je vais venir ici, ce ne sera pas indicatif. Cette couleur sur le curseur de teinte ne va pas vous dire la couleur que vous choisissez parce que vous interagissez avec une couleur marron ici. C' est un peu de devinettes de trouver exactement où vous voulez être, mais je veux que la saturation soit un peu composée et ensuite je vais voir à nouveau si je peux trouver une meilleure correspondance pour ce bleu. Maintenant que j'ai ça, je retourne à la palette de ma calque. Au bas du dernier deck, j'ai un noir de remplissage blanc, j'ai un motif avec une certaine transparence sur le dessus, puis mon calque de réglage de saturation de teinte qui fait le changement de couleur de marron à ce bleu. Maintenant, ce serait un fond parfaitement bon, mais je vais ajouter un calque de plus juste pour vous montrer un effet intéressant ici. Je vais cliquer pour ajouter le calque immédiatement au-dessus de la couche de réglage de saturation de teinte. Je vais définir le blanc comme couleur de premier plan. Je vais ouvrir mon outil de dégradé et sélectionner ici sur mon premier plan pour dégradé transparent. En définissant le blanc comme couleur de premier plan, le deuxième dégradé de votre panneau de dégradé sera toujours un dégradé de premier plan à transparent. On va jeter du blanc dans notre dégradé et quand le blanc s'épuisera, il sera transparent. Il ne va pas ajouter de couleur dans les zones de transparence. Je vais juste cliquer sur ce « Gradient » et je vais cliquer sur « Radial ». Je vais m'assurer d'avoir mon calque vide ciblé au milieu de mon image et je vais juste traîner. Ce que cela fait, et vous pouvez le voir dans la dernière palette et vous le verrez encore mieux quand j'éteins l'image de la bannière, c' est qu'il jette un dégradé radial blanc floue dans le document et il est blanc au milieu et ensuite, il s'évanouit à rien du tout sur les bords, donc ça nous donne un effet de lueur. L' effet de lueur est immédiatement derrière notre image de bannière. C' est sans l'effet de lueur, et c'est avec l'effet de lueur. Je pense juste qu'il finit le fond de cet élément particulier. 4. Créer des arrière-plans de projet - Partie 3: Le dernier motif que nous allons faire pour notre arrière-plan est un design sunburst. Je vais choisir « Fichier » puis « Nouveau ». Maintenant, la taille du fichier cette fois va être un peu critique. Je vais vous dire ce dont vous avez besoin. Tout d'abord, ce dont vous avez besoin est un document qui a des dimensions qui sont divisibles par 200 parce que nous allons faire notre pièce de motif 200. Je vais commencer avec 2000 pixels de large et 2000 de haut. Même si je veux un document ultime qui est 1920 d'ici 1080, je peux le découper de mon document final. Je vais chercher un document dont la largeur et la hauteur sont divisibles par 200. Je vais cliquer sur « OK ». Maintenant, je vais créer un document qui fait 200 par 200. « Fichier », « Nouveau » et nous allons choisir 200 pixels par 200 pixels car c'est notre pièce de motif et nous voulons que notre pièce de motif remplisse uniformément le document que nous avons créé. Je vais créer un guide au milieu de ce document « View », « New Guide », « Vertical ». Je vais taper 50 pour cent, puis cliquer sur « OK ». Je vais sélectionner plus de la moitié de ce document en utilisant un guide pour faire ma sélection. J' ai une couleur bleue déjà définie comme couleur de premier plan. Je vais appuyer sur Alt Backspace Option Supprimer sur le Mac pour remplir ce côté du document avec mon bleu foncé. Je vais choisir « Select Inverse » pour retourner la sélection. Maintenant, ce côté du document est sélectionné. Je vais cliquer sur ma palette de couleurs. Je vais choisir une version plus légère de cette couleur Alt Backspace Option Supprimer. Cela va maintenant être ma pièce de motif, donc je vais choisir « Sélectionner », « Tous », puis « Modifier », « Définir le motif ». Maintenant, peu importe que notre document soit carré, et notre modèle semble très mince, c'est parfait. Je vais juste appeler ça stripe. Je vais cliquer sur « OK ». Je vais fermer ce document et je n'ai pas besoin de l'enregistrer car le modèle est déjà enregistré. Maintenant, notre pièce de motif mesure 200 pixels de large, il va donc remplir uniformément ce document. Je vais choisir « Calque », « Nouveau calque de remplissage », « Modèle ». Je vais cliquer sur « OK ». Maintenant, Photoshop utilise par défaut le dernier modèle que j'ai créé. C' est ce que j'ai ici et ça va à 100%, qui signifie que cette barre est exactement la même largeur que cette barre ici. C' est vraiment important parce que nous allons faire une rotation suivante. Ce bar va finir à côté de celui-ci. Si je voulais le rendre plus petit, je devrais le faire proportionnellement. Je pourrais, par exemple, faire 50 pour cent de la taille. Cela me donnerait plus de barres, mais vous verrez que j'ai toujours des couleurs différentes à chaque extrémité et les barres à chaque extrémité sont exactement la même largeur. Je vais faire le mien à 100 pour cent. Je vais cliquer sur « OK ». Je vais ouvrir la dernière palette ici et on a juste une couche avec un masque dessus. Je vais convertir ça pour des filtres intelligents. Je vais choisir « Filtre », «  Convertir pour les filtres intelligents » et cliquer sur « OK ». Cela me permettra d'ajuster ce remplissage de motif plus tard si je le veux. Maintenant, je vais choisir « Filtre », puis « Distort » « Coordonnées polaires ». Maintenant, il n'y a que deux options dans Polar Coordinates, et l'une d'elles fonctionne et l'une d'elles ne fonctionne pas. On va chercher celui qui fonctionne, celui-là, je vais cliquer sur « OK ». Nous avons maintenant notre effet Starburst. S' il n'y a pas assez de barres dans l'effet d'étoile, vous pouvez revenir et modifier cet objet intelligent. Nous allons double-cliquer pour l'ouvrir. Cela ouvre le motif rayé qui est incorporé dans l'autre fichier. Maintenant, nous pouvons double-cliquer sur ce calque de remplissage et changer l'échelle. Je pourrais ramener ça à 50 et cliquer sur « OK ». Pour voir comment cela va fonctionner, je vais à la couche de remplissage de motif et c'est un fichier PSB. Tout ce que je vais faire, c'est fermer. Je vais cliquer sur « Oui » lorsque je suis invité à l'enregistrer. Maintenant, ce calque de remplissage de motif dans le document d'origine a été mis à jour. Il y a deux fois plus de rayons autour, un effet légèrement différent. Je pense que ça me plaît mieux. Pour texturer cela, je vais maintenant ajouter un nouveau calque. Je vais remplir cette couche avec un gris moyen. J' ai un gris moyen déjà sélectionné ici. Ce que j'ai fait, c'est que j'ai ouvert le sélecteur de couleurs et que je cherche juste une couleur sur le côté ici. Au moment où j'ai ce sélecteur de teinte. Si je devais choisir la saturation ou la luminosité, vous pouvez voir chacun de ces changements l'apparence du sélecteur de couleurs. J' ai sélectionné cette teinte une. Cela me permet d'isoler un gris pâle ici. Je vais cliquer sur « OK ». Je vais remplir ce calque en appuyant sur Alt Backspace Option Supprimer. Maintenant, je vais mettre du bruit sur cette couche. Maintenant, je pourrais aussi en faire un objet intelligent si je le voulais, car cela me permettrait de changer la quantité de bruit plus tard, « Filtre », « Convertir pour les filtres intelligents », cliquez sur « OK ». Maintenant, « Filtrer le bruit », « Ajouter le bruit ». Dans le dialogue de bruit, nous allons avoir monochromatique sélectionné parce que si vous utilisez non monochromatique, c'est du bruit de couleur et ce n'est pas particulièrement joli. Nous allons juste utiliser le bruit monochromatique et nous allons mettre beaucoup de bruit dedans. J' ai une valeur assez élevée ici. Pour le bruit que nous ajoutons, changer d'uniforme à gaussien ne va pas avoir un grand effet dans ce document particulier, donc vous pouvez utiliser l'un ou l'autre. Cliquez sur « OK ». Maintenant, nous voulons mélanger notre couche de bruit dans notre couche de motif. Nous allons simplement examiner les possibilités dans les modes de fusion. En vous assurant que la couche de bruit est sélectionnée, déroulez la liste des modes de fusion, sélectionnez Dissoudre. Ensuite, sur un PC, vous pouvez simplement appuyer sur la flèche vers le bas pour travailler à travers les différents modes de fusion. Sur un Mac, à condition qu'aucun outil de pinceau ne soit sélectionné ici. Quelque chose comme l'outil de chapiteau est un bon choix. Sur le Mac, vous pouvez appuyer sur Maj Plus et Maj Moins pour progresser vers le bas des modes de fusion. Nous recherchons juste un mode de fusion qui a un effet agréable sur notre forme. Je pense que probablement la lumière douce ou la superposition est un bel effet ici. Si nous aimons ce que nous avons là, nous pouvons juste ajuster l'opacité pour le fondre dans le calque ci-dessous. Alors si je veux prendre 1920 par 1080 tranche de mon image, je peux le faire. Je vais à l'outil de recadrage, je vais sélectionner le ratio. Je vais taper 1920 d'ici 1080. Cela me donne maintenant la possibilité d'obtenir 1920 par 1080 tranche de ce document. Je peux positionner la superposition de rognage où je veux qu'elle soit et cliquer simplement sur la coche. C' est un arrière-plan que je pourrais utiliser pour un élément dans Photoshop. Alors allons maintenant mettre une forme sur le dessus de ça. Je vais retourner chercher mon vélo. C' est ici. Je vais choisir une couleur pour ça. Choisissez la forme comme méthode de placement dans le document. Je vais juste ajouter ceci au document. Il y a notre troisième et dernier effet de fond dans Photoshop. Cette fois, nous avons créé un motif d'éclat de soleil en utilisant le filtre de coordonnées polaires. Votre projet pour cette classe va être de créer votre propre modèle d'arrière-plan, puis juste mettre un élément au-dessus de celui-ci. Peut-être quelque chose que vous avez conçu dans ma classe ou dans une autre classe, ou simplement une forme de la collection de formes Photoshop. Publiez une image de votre arrière-plan final dans la zone du projet de classe. J' espère que vous avez apprécié ce cours et que vous avez appris quelques techniques pour créer des arrière-plans pour vos projets dans Photoshop. Si vous avez apprécié ce cours et si vous voyez une invite à le recommander à d'autres personnes, s'il vous plaît donnez-lui un pouce vers le haut. Cela aide les autres à identifier cette classe comme une classe qu'ils peuvent souhaiter suivre. Si vous souhaitez laisser un commentaire, veuillez le faire. J' ai lu et répondu à tous vos commentaires et je regarde et je réponds à tous vos projets de classe. Je m'appelle Helen Bradley. Merci beaucoup de vous joindre à moi pour cet épisode de Graphic Design for Lunch, et j'ai hâte de vous voir dans un prochain épisode.