Textures sans soudure peintes à la main pour la conception de patrons de surface

1. Introduction: [MUSIQUE] Vous avez déjà voulu pouvoir utiliser vos magnifiques textures peintes à la main dans vos motifs de surface, mais vous pensiez qu'il n'y avait pas de moyen facile de les rendre homogènes ? Ou peut-être que vous avez essayé de le faire dans Photoshop et n'avez jamais été très satisfait des résultats. Et si je vous le disais, vous pourriez les transformer en arrière-plans homogènes en un seul clic de souris ? [BRUIT] D'accord, peut-être pas cette souris. [MUSIQUE] Je suis Bekki Flaherty, illustratrice britannique, et ma spécialité est la conception de motifs. C'est mon troisième cours de Skillshare et je suis très enthousiaste à l'idée d' enseigner ici parce que c'est là que j'ai appris les bases qui m' ont permis de débuter ma carrière en tant que concepteur de surfaces. Je vends et je concède des licences à mes œuvres depuis près de sept ans , et à ce moment-là, j'ai constamment peaufiné et affiné mon flux de travail, en proposant nouvelles idées et techniques pour créer miennes. méthodes de création de motifs et d'illustrations. Mes amis me disent que la productivité et le flux de travail sont mes superpouvoirs secrets. J'ai d'abord commencé à vendre mes créations via des sites d'impression à la demande tels que Redbubble, Society6 et Spoonflower, flower et Mixtiles ainsi que de travailler avec des petites et grandes entreprises ou des commissions indépendantes. Dans cette classe Skillshare, vous apprendrez à créer des textures magnifiques et transparentes à utiliser comme arrière-plans dans vos conceptions de motifs de surface. imprimés et les motifs au toucher texturé dessiné à la main sont très tendance en ce moment. En regardant les best-sellers sur un site comme Spoonflower, vous pouvez voir que beaucoup de ces motifs ont ces belles textures utilisées. L'ajout d'un fond texturé peut vraiment apporter une touche finale qui donne à votre design un aspect poli et professionnel, et il ajoute vraiment de la profondeur et de la dimension à un design. Je vais utiliser une texture peinte comme exemple dans cette classe. Mais cette technique est idéale pour créer des textures transparentes. J'ai toutes sortes de supports différents tels que des crayons, collages, du pastel et même des photographies. En gros, tant que vous pouvez numériser ou photographier votre texture, vous pouvez la rendre homogène. Il s'agit d'une classe intermédiaire pour les étudiants qui connaissent bien les bases de la conception de motifs et qui utilisent déjà Photoshop, mais c'est également une excellente classe pour les designers plus avancés comme les compétences que vous apprendrez s'appliquent à un éventail beaucoup plus large de techniques que la simple création de textures d' arrière-plan transparentes. Par exemple, créer des textures transparentes à appliquer à vos motifs à l'aide différents modes de fusion ou appliquer des textures sur des formes pour créer des conceptions de style découpé sur papier. En plus de vous apprendre à fabriquer des carreaux sans soudure, je vais également vous montrer tous mes trucs et astuces et raccourcis au fur et à mesure, par exemple, comment vérifier les coutures sur une tuile de motif, ainsi que comment pour redimensionner et exporter des carreaux sans avoir à obtenir cet espace redoutable les coutures et comment utiliser arrière-plans dans des carreaux de motifs de dimensions différentes. Vous trouverez de nombreux trucs et astuces et raccourcis pour accélérer votre flux de travail. Après avoir suivi ce cours, vous serez en mesure de créer beaux arrière-plans de texture sans couture qui s'adaptent parfaitement au reste des motifs de votre motif et vous n' aurez pas à utiliser un plat ennuyeux. des antécédents plus jamais. J'ai hâte de vous voir en classe. [MUSIQUE] 2. Projet de cours: [MUSIQUE] Comme vous l'avez probablement deviné, votre projet de classe consistera à créer votre propre texture homogène en utilisant n'importe quel support que vous aimez. Vous pouvez utiliser n'importe quelle peinture que vous avez comme l'aquarelle, l'acrylique ou la gouache, ou si vous travaillez avec des crayons ou des pastels, elles seront également parfaites. Il faut juste qu'il s'agisse d'une texture que vous pouvez numériser , mais la photographie haute résolution peut également fonctionner bien. Vous pouvez présenter le motif tel quel, avec un arrière-plan ou un motif plus compliqué que vous avez créé. Vous pouvez partager une image de la tuile de motif ou même la présenter sur une maquette. J'ai hâte de voir ce que vous venez de faire. Commençons par la prochaine leçon. 3. Créer votre texture: [MUSIQUE] Commençons par un peu de peinture. Cette méthode fonctionne sur presque n'importe quel support tant que vous serez en mesure de le numériser une fois que vous l'avez fait. J'ai utilisé cette technique pour l'aquarelle, la gouache et l'acrylique, ce que je vais utiliser dans ce time-lapse. Les peintures ou pinceaux que vous utilisez sont tous importants. Vous devez donc utiliser tous les outils et fournitures avec lesquels vous travaillez déjà pour la conception de vos illustrations et de vos casseroles. L'idée de base est de remplir une page avec un fond peint ou dessiné que vous souhaitez utiliser avec vos motifs de motifs. Ici, j'utilise de la peinture acrylique et je crée un fond peint subtil avec quelques coups de pinceau épais. chose la plus importante à retenir lorsque vous peignez est qu'il s'agit d'un calque d'arrière-plan et qu'il ne devrait donc pas être trop occupé ou détaillé. Il y a deux raisons à cela. Tout d'abord, je dirais qu'un calque d'arrière-plan ne doit pas être en concurrence avec les principaux motifs de votre motif. Il s'agit simplement d'un calque de texture simple, une ou deux étapes au-dessus d'un arrière-plan de couleur unie. Tous les détails supplémentaires doivent être travaillés dans ces motifs et votre motif principal. La deuxième raison pour laquelle nous ne voulons pas aller trop détail ici et pourquoi vous ne finiriez pas par utiliser cette méthode sur le raccourci que j'apprendrai à créer un schéma complet, c' est que cela entraînera la fusion et le patch ensemble de certaines zones du motif. Si nous utilisons une texture très détaillée, cela serait vraiment évident et semble floue par endroits. Mais en gardant toute cette texture peinte assez subtile, elle aura l'air homogène et naturelle. Une autre chose à garder à l'esprit, qui va de pair avec le fait qu'il n'est pas trop occupé c'est de garder les couleurs que vous utilisez assez proches les unes des autres. J'utilise trois nuances de vert similaires pour cette texture et deux tons rose pêche avec très petites quantités d'un brun plus foncé pour l'autre. Encore une fois, c'est parce que si nous utilisons trois couleurs très différentes, va être trop occupé pour un calque d'arrière-plan A, et B ne se fondra pas très bien lorsque nous allons le relier ensemble pour le rendre homogène. Je fais deux textures ici des échantillons de cheveux. Le premier était carré et le second est un rectangle. Comme je vous l'apprendrai dans une leçon ultérieure, il existe des façons d'utiliser une tuile de texture carrée dans un motif rectangulaire et vice versa. Ce n'est pas une affaire massive de peindre dans le même rapport que votre motif. Mais c'est tout. Si vous savez à l'avance pour quel motif vous peignez l' arrière-plan, il est logique de peindre un carré s'il s'agit d'un motif carré, etc. Mais si vous créez simplement des textures à ajouter à votre bibliothèque de modèles à utiliser dans les modèles futurs, puis sachez pour l' instant qu'il existe un moyen de contourner les différents ratios. Si vous voulez approfondir création de textures à utiliser dans votre travail, et je recommande fortement de jeter un coup d'œil au cours SU Gibbons sur les motifs texturés où elle enseigne des façons vraiment amusantes de faire différentes textures qui seront parfaites pour qu'elles soient transparentes avec cette méthode que je vais vous montrer ensuite. Je vais mettre un lien pour cette classe dans la section Ressources. Une fois vos textures peintes, la prochaine étape consiste à les numériser, et je vais vous montrer comment le faire dans la vidéo suivante. 4. Scanner: [MUSIQUE] Passons en revue quelques conseils sur les meilleures pratiques lors de la numérisation de votre illustration. Une fois que vous ouvrez le logiciel, il lancera immédiatement une analyse de présentation. Vous voulez vous assurer que vous numérisez en couleur et que votre résolution est aussi élevée que possible. La mienne atteindra 1200 ppp, qui signifie que je peux utiliser cette œuvre à une échelle beaucoup plus grande que celle à laquelle je l'ai créée. Si vous prévoyez d' imprimer votre illustration, le minimum que vous souhaitez numériser est de 300 ppp. Je vais laisser ces autres parties telles qu'elles sont, et je vais définir moi-même la zone de sélection en faisant glisser pour créer une boîte de reliure. Vous remarquerez ici qu'il y a quelques morceaux de papier supplémentaires derrière celui que je numérise. Lorsque je scanne des œuvres d'art peintes et le papier est un peu bouclé et froissé, j'ajoute quelques feuilles supplémentaires derrière pour augmenter l'épaisseur de ce qui se trouve sur le lit du scanner, qui fait que le couvercle un peu plus serré et repasse le tout beaucoup plus plat au fur et à mesure que je scanne. Je vais définir l'emplacement du fichier à ce stade car j'aime garder mon travail organisé au fur et à mesure. Je vais l'enregistrer dans mon dossier Skillshare ici. Ensuite, je vais changer le nom du fichier quelque chose que je reconnaîtrai par la suite. Je vais le laisser au format PNG et je vais faire un peu de correction d'image ici. Il suffit de faire glisser ça pour que nous puissions voir un peu mieux ce qui se passe. Je pense que je vais baisser la luminosité, peut-être un peu. Reprenons la température de cette façon, alors on fait ressortir les verts. Je pense que la température, laisse probablement là où elle est. Définissez cette saturation pour qu'elle sache. Vous pouvez voir que c'est plutôt génial, et nous allons également en parler un peu. Ensuite, je vais appuyer sur « Scan » tout en appuyant sur le dessus du lit du scanner pour aider à éliminer les froissements. Si vous n'appuyez pas dessus, vous pourriez le constater, ou du moins je trouve que sur mon scanner, j'obtiens des parties légèrement défocalisées du scan où, comme je l'ai dit, elle peut être un peu bouclée et pliée si vous avez a peint quelque chose, et même avec ces feuilles supplémentaires derrière elle, vous pouvez toujours obtenir des petits morceaux légèrement déconcentrés, alors appuyez vers le bas et il devrait tout repasser bien et lisse pour vous. Mais essayez de garder votre main distillée comme vous le pouvez pendant que vous le faites pour éviter toute secousse du scanner. Une fois toutes vos textures numérisées, rejoignez-moi dans la vidéo suivante et nous verrons comment les rendre homogènes. 5. Ouverture dans Gimp: La première chose que nous devons faire pour commencer le traitement notre vignette est de télécharger GIMP si vous ne l'avez pas déjà. Si vous effectuez une recherche pour télécharger GIMP, puis vous allez sur gimp.org. Vous verrez ici une page où tous les téléchargements seront disponibles. Je vais télécharger GIMP pour macOS, mais ils font aussi des versions Windows et Linux. Choisissez un téléchargement direct plutôt que d'utiliser BitTorrent, puis suivez simplement les instructions habituelles pour installer une application sur votre appareil. Une fois GIMP installé, vous devez ouvrir votre fichier. Je clique avec le bouton droit de la souris sur le fichier, puis je vais dans « Ouvrir avec », puis je choisirais GIMP et qui s' ouvrira dans le programme. Vous y verrez votre vignette à l'écran. Maintenant, ne vous inquiétez pas trop tous ces outils ici sur le côté, nous allons uniquement utiliser cet outil de sélection de rectangle ici. Avant de commencer, vous devez vous assurer que vous avez un ratio fixe activé si vous souhaitez faire un carré et vous pouvez y sélectionner un rapport d' aspect si ce n'est pas prévu pour vous et nous voulons un carré total de 1:1. . De plus, vérifiez que les bords des plumes ne sont pas cochés car nous ne voulons aucune plume [inaudible] lors de la création d'une tuile de motif, alors je clique simplement pour faire glisser un carré. Vous voulez vous assurer que tous les bords du carré ont de la peinture à l'intérieur. Vous ne voulez pas de bords non peints. Par exemple, si je fais simplement glisser ceci ici, vous pouvez voir en bas à gauche il y a une zone qui n'est pas peinte. Nous voulons que tous les carrés soient peints. Une fois que vous aurez fait cela et défini la zone, nous allons passer ici à Image. Nous allons passer au recadrage à la sélection. C'est éliminé de tout l'excès. prochaine tâche consiste à passer aux filtres, à cartographier, puis aux tuiles transparentes. Cela effectuera ensuite une transformation magique où il retourne choses et les fusionnera et votre tuile est maintenant transparente. Si vous numérisez jusqu'à une résolution inférieure comme 300 ppp, vous remarquerez peut-être que les changements se produisent si rapidement vous ne le voyez pas, alors ne vous inquiétez pas si vous ne voyez pas les lignes traverser l'écran car elles changent comme avec le mien. Une fois que c'est fait, vous devez cliquer sur « OK ». Nous allons maintenant exporter cette tuile de motif. Nous allons au dossier. Je vais aller à Exporter car je suis dans le bon dossier ici. Mais vous pouvez choisir n'importe quel autre emplacement dans lequel vous souhaitez l'enregistrer et je vais juste ajouter quelque chose plus à ce nom de fichier pour qu'il l' enregistre en tant que nouvelle version. Il suffit de cliquer à nouveau sur « Exporter » à l'écran. Vous n'avez pas besoin de modifier ces détails. Alors cette partie ici peut prendre un certain temps, donc j'ai accéléré cette partie pour vous. Nous avons maintenant enregistré une version carrée de la tuile. Je souhaite enregistrer une version rectangulaire. Je vais appuyer sur « Commande Z » pour annuler les deux dernières choses que j'ai faites, c' est-à-dire le recadrage transparent de la tuile à la sélection. Je vais revenir ici à l'outil de sélection de rectangle et comme vous pouvez le voir, il est toujours dans un format d'image fixe. Nous devons désactiver cette option et décocher cette case. Ensuite, je vais juste faire glisser une forme rectangulaire cette fois. Comme auparavant, veillez à ce que la peinture s' éloigne des bords du rectangle. Ensuite, comme avant, nous allons passer à Image, Rogner à la sélection. Ensuite, jusqu'aux filtres, cartes et tuiles, transparentes. Une fois que c'est fait, on peut cliquer sur « OK ». Ensuite, tout comme avant, nous allons aller dans Exporter sous puis l'enregistrer dans un fichier séparé. Je vais juste ajouter un rectangle au nom , puis cliquer sur « Exporter ». Nous pouvons laisser tout cela tel quel et cliquer à nouveau sur « Exporter ». Ce sont nos deux tuiles sauvées. Nous avons notre version carrée et une version rectangulaire. Lorsque vous quittez GIMP, il vous demandera si vous souhaitez enregistrer les modifications, cliquez toujours sur « ignorer les modifications ». Nous avons enregistré nos deux tuiles et nous ne voulons pas enregistrer le recadrage et le motif homogène dans le fichier d'origine, car nous voudrions peut-être l'utiliser ultérieurement pour d'autres choses. Voici tous nos fichiers dans notre dossier. Dans la vidéo suivante, nous allons les ouvrir dans Photoshop. Apportez de petites modifications ou corrections aux fichiers dont nous avons besoin pour vérifier que leur tuile est transparente et voir comment les appliquer à nos modèles. Je vais terminer cette vidéo par un bref aperçu de toutes les choses que vous devez faire dans GIMP. Si vous voulez en faire une capture d' écran pour revenir plus tard. 6. Tester la tuile: [MUSIQUE] Maintenant, dans notre dossier nous pouvons voir quatre versions différentes de ces textures transparentes sont enregistrées. Je vais cliquer dessus avec le bouton droit de la souris et choisir ouvrir avec Photoshop. Maintenant, la première chose que je fais toujours est de vérifier que la dalle est définitivement bien fixée et qu'elle n'a pas de coutures dedans. Il y a plusieurs façons de le faire, mais je trouve que le moyen le plus rapide consiste à utiliser le filtre offset. Ce que cela fait, c'est déplacer chaque pixel vers le bas ou vers la gauche, droite, le haut, le bas en fonction de la quantité que vous lui demandez. Lorsque les pixels s'éloignent du bord de votre tuile, ils seront ramenés de ce côté. Vous pouvez y arriver en allant à filtrer, autre et offset. J'ai toujours le mien prêt à changer 100 à droite et 100 fois, donc la couture qui était ici, le bord est maintenant ici et ici. Je vais cliquer sur OK. Si je zoome et que je l'annule, vous pouvez voir si je l'annule, il a acheté quel était le bord ici, et ce que c'est là ? Quand je refais ça, on voit que le bord est là. Si nous effectuons un zoom avant, nous pouvons simplement effectuer un panoramique le long du haut ici et vérifier qu'il n'y a pas d' erreur sur cette tuile. Ça a l'air bien de ce côté-ci. Ensuite, l'autre bord est les verticales que nous devons vérifier pour que nous puissions faire un panoramique de haut en bas. Voyez que tout cela semble correct. Je vais appuyer sur Commande 0 pour revenir mode plein écran, effectuer un zoom arrière et modifier. Défaites-le encore et je vais juste vous montrer à quoi ça ressemblerait si quelque chose avait mal tourné. Je suis sur cette couche ici. Prenons simplement mon outil pinceau en appuyant sur B. Dessinons une tache noire là-dessus. Je ne sais pas si c'est un raccourci que j'ai configuré moi-même ou s' il s'agit d'un macron standard, je pense que c'est peut-être un raccourci que j'ai mis en place moi-même. J'utilise le raccourci Command Shift O pour le décalage. Vous pouvez voir que s'il y a un problème sur le bord, vous verrez qu'il ne fonctionne pas correctement. Ce sont les choses à surveiller lorsque vous planifiez ces choses qui ne semblent pas tout à fait correctes. L'utilisation de ce filtre offset est la façon dont je teste tous mes modèles avant d'exporter pour m' assurer qu'il n'y a pas erreurs que je n'ai pas repérées. Il n'est pas seulement utile pour ces textures transparentes. C'est une chose que j'utilise pour chaque motif que je fais, je ferai toujours cette vérification de décalage pour scanner le long du bord horizontal, sur le bord vertical. Maintenant, il s'agit d'une tuile de texture transparente. Nous l'avons peint, nous l'avons rendu homogène à l'aide de GIMP et nous l'avons introduit dans Photoshop pour vérifier qu'il est correctement carrelé. Je vais maintenant l' ajouter comme modèle. Vous pouvez voir pourquoi je les ai ici, pourquoi je faisais des tests auparavant, supprimez-les simplement. Il s'agit du panneau du motif. Si vous ne l'avez pas sur votre écran, vous pouvez accéder à Fenêtre et vous assurer que les motifs sont vérifiés et que cela apparaîtra. Sur votre calque de motifs, vous pouvez appuyer sur la petite icône Plus ici dans le panneau du motif. Il suffit de cliquer sur OK, et cela enregistrera ensuite cette montre en tant que montre de modèle. Vous pouvez maintenant ajouter un calque et simplement cliquer pour y ajouter ce motif. Pour commencer, cela n'aurait pas l'air différent car il vient d'ajouter le motif sur le motif et c'est le même. Vous pouvez voir que j'utilise l'outil de déplacement. Vous pouvez effectuer le même test de décalage en cliquant sur ce modèle et en le faisant glisser. C'est une autre option pour vérifier que vos tuiles de motif fonctionnent parfaitement. Je vais juste annuler ça pour le garder au bon endroit. Je vais définir l'échelle de cela un peu différente, alors double-cliquez sur cette petite icône. Je vais changer l' échelle à 50 %. Vous pouvez voir que l'échelle est maintenant réduite. C'est comme ça que ça se répète. Maintenant, en regardant rapidement celle-ci, je ne sais pas si vous pouvez le remarquer, mais mes yeux, je les trouve vraiment attirés par cette tache blanche ici qui se répète. Je vais aller nettoyer ça, je pense. Masquons cette couche. Retournez à celle-ci. Il y a plusieurs façons de le faire. C'est ce petit pavillon ici et ici. Vous pouvez réparer de petites zones comme celle-ci avec l'outil Spot Heal. Je pense que nous perdrons notre belle texture si nous le faisons. Vous pouvez voir que cela n'a pas vraiment fait un excellent travail, cela fonctionne dans certains cas. Par exemple, cette petite tache ici, je rends ce pinceau un peu plus petit. Je pense que si je clique dessus, ça va bien se débarrasser de ça. Si vous voulez une texture très lisse, vous ne voulez pas ces imperfections peintes à la main dans les autres petites taches, ce qui me plaît parce que je pense qu'elles rendent ça réel. Je ne vais pas aller de l'avant et m'en débarrasser, mais si vous le vouliez, cette brosse de guérison est géniale pour cela. Ce que je vais réellement utiliser, c'est le, comment s'appelle-t-il réellement ? J'espère que c'est ici que le raccourci Cloner Stamp Tool est S pour cela. Je vais appuyer sur Option ou maintenir Option enfoncée et cliquer sur une zone similaire à celle-ci, donc le vert, je vais cliquer ici, puis cela copiera cette zone ici. Je pense que ça va faire un bien meilleur travail de nettoyage de cette petite cale blanche. Il y en avait un autre ici, alors faisons la même chose là-bas. Appuyez sur Commande 0 pour voir à nouveau le plein écran. Nous allons refaire la même chose dans le panneau de notre modèle. Appuyez sur la petite icône Plus. Il suffit de cliquer sur OK. Vous verrez cela une seconde copie ajoutée là, alors lorsque nous reviendrons à ce calque ici et que nous cliquons sur ce nouveau calque, vous devriez les voir disparaître et regarder la différence entre le deuxièmement, c'est beaucoup moins évident maintenant. Je pense que cela a fait du bon travail pour résoudre ce problème et je suis content de ce design d'arrière-plan. Une fois que vous avez créé votre mosaïque de motif et que vous l'avez trouvée dans Photoshop, et que vous l'avez répétée, faites l'échelle de 50 %. Il suffit de le regarder zoomé vers le bas et vous serez en mesure de voir s'il y a erreurs évidentes qui utilisent soit la brosse de cicatrisation ponctuelle , soit la brosse à tampon clone pour les lisser et les repasser. Ce que nous devons faire maintenant, c'est que je vais supprimer cette couche parce que nous avons modifié cela et que nous avons corrigé ces deux zones, je vais appuyer sur la commande S pour enregistrer. On y va. Nous allons maintenant ouvrir la version rectangulaire de celle-ci. Comme avant, nous allons faire un filtre, autre décalage, et faire les 100 pixels vers la droite et 100 pixels vers le bas. Je vais zoomer ici juste pour vérifier. Maintenant, ça a l'air bien. Je le remarque encore ici, donc je prédis que nous devrons probablement réparer cette donc je prédis que nous devrons probablement petite chose lorsque nous mettrons cela à une plus petite échelle. Allons le faire maintenant. Je vais annuler le décalage et ceci en tant que fichier de motifs là-haut. Ensuite, nous ajouterons un nouveau calque et y ajouterons ce motif. Encore une fois, vous ne pouvez rien voir tout de suite car il vient d'ajouter une copie exacte par-dessus le haut. Je vais revenir dans mon outil de déménagement, mais vous pouvez voir que c' est un modèle, l'annuler. Encore une fois, modifiez l'échelle à 50 % et vous pouvez voir qu'elles se distinguent vraiment pour moi, ces taches blanches. Nous allons entrer ici avec notre outil de tampon de clone S. Maintenez la touche Z enfoncée pour zoomer et définir cette zone avec Option et cliquez sur. Il suffit de passer en revue ça. On y va. Là encore, cliquez sur l'option. Cela devrait être correct, alors nous faisons la commande 0 pour la mettre en plein écran. Je pense que ce petit blob là-bas, je pourrais utiliser le pinceau de guérison spot pour corriger cela parce qu' il semble un peu plus visible dans cette version plus petite. Je vais maintenir Z enfoncé et faire glisser le curseur pour zoomer et juste réparer ça un peu. Commande Z, désolé Commande 0 pour effectuer un zoom arrière. J'ai juste un coup d'œil pour trouver ma solution. C'est peut-être la même chose qui se répète là-haut, je ne suis pas sûr. Allons régler ça quand même. Nous allons maintenant ajouter cela en tant que modèle. Affichez à nouveau ce calque et ajoutez-y ce nouveau calque. J'adore ce sentiment de le mettre à jour avec le nouveau modèle et vous voyez la différence entre l' avant et l'après revenir en arrière et en avant. C'est l'une de mes choses préférées dans le design de peinture [RIRES]. Quoiqu'il en soit, supprimons ce calque. Nous allons passer des tests, sauvegarder pour mettre à jour un fichier avec les corrections. Ensuite, dans la vidéo suivante, nous allons voir comment ajouter l'arrière-plan à l' un de nos modèles. 7. Utiliser la tuile dans un motif: [MUSIQUE] Maintenant que nous avons nos tuiles de texture homogènes, voyons comment les utiliser comme arrière-plan. J'ai ce fichier de tuile de motif ici. Nous avons ici un calque d'arrière-plan de cette couleur plate, j'ai des feuilles en un seul calque. J'ai des fleurs comme autre couche. Vous pouvez utiliser votre tuile de texture dans un motif tant que la tuile de texture est de la même taille ou plus grande que le motif dans lequel vous souhaitez la placer. Cette vignette ici, je vais à l'option de commande, je peux regarder la taille de l'image. Vous pouvez voir qu'il s'agit de 4 100 pixels carrés à une résolution de 300 pixels par pouce. Si nous passons à cette texture carrée sans couture ici, vous pouvez voir qu'il s'agit de 12 000 pixels par pouce. Ce dossier est assez massif. Ça va rentrer dans celui-ci, pas de problème. Allons-y et faisons-le. Je vais cacher ces deux couches juste pendant que nous travaillons au-dessus de celui-ci. Je vais faire File, Place Embedded. Encore une fois, je ne suis pas sûr qu'il s' agisse d'un raccourci Photoshop sur [inaudible], moi-même. Cette commande Maj P, mais c'est ce que vous voulez utiliser. Je vais y mettre, lequel était-ce ? Texture carrée sans couture. Je vais m'assurer que j' ai activé le claquement. Je vais maintenir la touche Maj enfoncée pendant que je glisse parce que je veux pouvoir le faire glisser correctement dans les coins et l'enfiler dans les coins car si je fais cela un instant, il ne s'accroche pas. Si je maintiens la touche Maj et que je fais glisser, vous pouvez voir qu'elle s' accrochera dans les coins. Pour le redimensionner, vous pouvez enregistrer cette petite case à droite du curseur. La largeur est de 4167 comme elle était censée l'être. J'ai juste besoin d'un modèle. sachez que c'est fait, puis appuyez sur Entrée pour définir cette transformation. Maintenant, comme nous avons redimensionné cette image, nous devons à nouveau utiliser l'outil de décalage pour vérifier à nouveau les coutures. Je vais ajouter une couche plus foncée en dessous. Je vais appuyer sur la commande J pour dupliquer ce calque de couleur. Il suffit de double-cliquer dessus et de le rendre noir. Vous verrez pourquoi je fais ça dans un instant. Étant donné que nous avons réduit le nombre de pixels de cette image, Photoshop a créé une nouvelle version de ce nom de vignette. Nous devons vérifier, mais c'est toujours transparent. Nous allons faire le changement de commande. Je vais le faire parce que je ne suis pas sûr que Command Shift O soit un raccourci que j'ai inventé ou non. Passons à filtrer les autres Offset et nous avons 100 pixels. Nous allons zoomer ici. Je ne sais pas si vous pouvez voir. Je vois juste dedans. Il y a les 100 pixels dans la marque de teinture, nous avons cette ligne faible ici. En effet, lorsque nous avons réduit l'image, nous avons réduit le nombre de pixels. Photoshop doit utiliser son apprentissage automatique intelligent pour créer une nouvelle version de cette image. Si nous ne faisions que redimensionner quelque chose n'est pas une tuile répétitive, cela ne poserait pas de problème, mais parce que lorsque vous répétez une tuile, chaque pixel doit correspondre exactement à tous les pixels de l'autre bord. Vous ne pouvez pas laisser les devinettes pour Photoshop pour que ce pixel soit parfait. Vous obtiendrez la même chose ici. Mais il existe un moyen très simple de le réparer. La raison pour laquelle j'ai mis ce noir derrière moi, si je devais le retirer, vous ne le remarquerez pas et c'est parce que ces pixels sont semi-transparents. Vous pouvez voir le noir à travers lui alors que vert est de la même couleur, donc vous ne le voyez pas. C'est pourquoi je mets toujours une couleur très contrastée derrière n'importe quelle tuile de motif que je fabrique lorsque je fais ça pour vérifier. Retournons ça sur une seconde. Il y avait un moyen très simple de résoudre ce problème. vais juste m'assurer que j'ai sélectionné mon calque transparent. Je vais toucher la commande J à quelques reprises, ce qui dupliquera cette couche. Vous pouvez voir qu'il se débarrasse d'une ligne. Parce que ces couches de semi-transparence se sont collées et deviennent non transparentes et le problème disparaît. Regardons ça un peu parce que j' ai un peu plus de place. On y va. Je vais maintenir la touche Maj enfoncée et cliquer sur ce calque inférieur. Ensuite, je vais appuyer sur la commande M, qui va les fusionner. Vous pouvez y arriver en cliquant avec le bouton droit et c'est une option ici. Deux couches doivent être sélectionnées. Allons défaire ça. Cliquez avec le bouton droit et fusionnez les couches. Si vous n'avez pas Command M, je garde une trace lâche des raccourcis clavier que j'ai configurés pour les choses que j'utilise souvent et ceux qui sont en fait des raccourcis officiels. Je vous donnerai les deux options au fur et à mesure. Maintenant, nous avons ce carrelage en toute transparence. Zoomons un peu plus loin. Nous pouvons simplement faire un tour pour nous assurer que tout va bien et descendre. Si vous souhaitez le remettre dans sa position d'origine, vous pouvez à nouveau afficher [BRUIT] Offset, Filtrer l'autre décalage. Si vous modifiez cette valeur par moins 100, cela le remettra là où il se trouvait avant d'utiliser le filtre offset. Avec les carreaux de fond, je serais heureux de laisser ça là où c'était. Je n'aurais pas besoin de le remettre là où il était. Mais si vous vouliez faire votre test et que vous en avez trop fait pour l'annuler, vous pouvez simplement revenir en arrière et le changer chiffres moins et il le remettra là où il était auparavant. Tout comme une note de côté ici, c'est lié à ce que nous venons de faire. Un petit conseil pour tous ceux qui téléchargent sur Spoonflower. Si vous redimensionnez une tuile de motif pour la télécharger sur Spoonflower ou n'importe où , faites toujours ce test. Le décalage avec une prise plus foncée est beaucoup plus légère derrière pour vérifier que les arêtes sont toujours transparentes une fois que vous l'avez redimensionné. Parce que lorsque vous réduisez la taille d' une image et que Photoshop est en train de compiler et de reconstruire les bords de ce motif à la plus petite taille. Neuf fois sur dix, vous obtiendrez cette couture de transparence. Vérifiez toujours. Nous avons maintenant un joli motif peint comme fond transparent. Effectuons un zoom arrière, commande 0. Zoom arrière un peu plus. Remettons cette couche de feuilles à l'intérieur. Comme vous pouvez le voir, avoir ce joli fond peint est beaucoup plus beau à côté de ces deux calques que la couleur plate. Il a l'air plus authentique. Il a une sensation plus agréable. Vous pouvez modifier la couleur de celle-ci si vous le souhaitez. Faites sélectionner votre calque, allez dans Réglages et nous pouvons choisir Teinte, Saturation. Vous pouvez jouer avec la couleur si vous voulez qu'elle soit plus verte. Si vous avez beaucoup de couleurs différentes dans votre image, vous le trouverez au fur et à mesure que vous le faites glisser. Ces domaines, en particulier, se transforment à un rythme légèrement différent. Si je fais remonter la saturation, vous pouvez voir qu'il y a un peu de bizarrerie qui se passe. Soyez prudent lorsque vous jouez avec la couleur que vous ne poussez pas trop loin. Si vous voulez le changer pour une couleur complètement différente, je vous suggérerais d'utiliser l' option coloriser ici et de l'utiliser. Parce que vous obtiendrez alors une couleur plate. Allons pour quelque chose comme ça. Cette couleur bleue. Il y a un beau contraste. Vous y allez. Voici comment utiliser une seule vignette en arrière-plan d' un fichier de motifs que vous avez déjà créé. 8. Changer l'échelle: [MUSIQUE] Nous allons maintenant expliquer comment utiliser votre tuile dans un motif plus grand que votre tuile de texture transparente. Eh bien, parce qu'il est transparent, vous pouvez placer n'importe quel nombre de ces tuiles de texture dans un dessin et les aligner pour s'adapter à la largeur et à la hauteur du motif dans lequel vous souhaitez les utiliser. Nous allons les cacher à nouveau et réinsérons le fichier. Je vais juste cliquer sur « Enter » pour l'instant. Imaginons qu'il s'agit d'un fichier beaucoup plus petit, disons qu'il mesure environ 2 000 pixels de large. Nous allons devoir placer deux d' entre eux pour qu'ils s' étendent à 4 000 pixels. Parce que ce sont des carreaux de fond, ce ne sont pas les images nettes détaillées de votre motif principal, les motifs, vous avez un peu de marge de manœuvre, il est donc normal d'agrandir un tout petit peu la tuile. Par exemple, il s'agit d' une largeur de 4 100 pixels, cette image. Si je l'avais fait, disons que cette tuile de motif était de 2 000 pixels de large, il sera correct de la rendre de 2 050 pixels de large pour s'étirer à mi-chemin. Parce que c'est un arrière-plan, c'est bon si vous voyez un peu d' adoucissement de l'image, mais je ne le pousserais pas trop. Pour m'assurer que nous les mettons aux bons endroits, je vais faire quelques lignes directrices ici. Si vous n'avez pas vos règles sur votre écran, vous pouvez accéder à Afficher [RIRES] et vous assurer que les règles sont cochées ici. Cliquez ensuite n' importe où ici. Si vous le tirez vers le bas à mi-chemin, vous verrez qu'il va juste se mettre en place et nous allons également glisser à travers. On y va. Nous avons maintenant ces quatre sections marquées. Je vais faire glisser ça ici jusqu'à ce qu'il s' enclenche dans le coin, ces lignes roses. Je vais appuyer sur Command T pour transformer et maintenir la touche Maj enfoncée, ce qui me permet de le transformer et de l'accrocher. Je vais l'apporter et le mettre en place, puis appuyer sur « Entrée ». Maintenant, nous avons cette tuile ici. Nous allons répéter cela dans ces sections. Je vais maintenir le commandement. Vous pouvez le faire en appuyant sur Commande J, dupliquez-le et faites-le glisser. Mais je préfère le faire en maintenant enfoncé avec l' outil Déplacer sélectionné, Commande, Option et Maj tout en même temps. Ensuite, il suffit de faire glisser ça à travers. Il s'enclenche en place. Faites ensuite la même chose avec ceci et de nouveau de cette façon, en maintenant la touche Commande, Option et Maj maintenues enfoncées. Parce que nous avons redimensionné la tuile en la faisant glisser pour qu' elle corresponde à ces directives, elle n'est probablement pas garantie car nous ne redimensionnons qu'un peu la mosaïque, mais il est probable que nous verrons ce semi -la ligne transparente apparaît là où nous avons redimensionné la tuile. Je vais cacher les lignes directrices en maintenant le Commandement et les deux-points. Je vais zoomer pour m' assurer que nous avons cette couche noire derrière les directives. En fait, je pense que c' est probablement correct, parce que nous ne l'avons pas trop redimensionné, mais surtout quand je fais ça, je vois la ligne semi-transparente apparaître ici. Je vais fusionner ces couches, ces quatre choses. Je vais cliquer avec le bouton droit de la souris et accéder à Fusionner les couches. Ensuite, nous allons refaire ce décalage juste pour vérifier, alors filtrez l'autre décalage, et il revient à 100 pixels positifs au lieu de 100 pixels négatifs. Comme prévu, nous avons cette ligne là, donc nous allons simplement dupliquer cette couche en appuyant sur la commande J trois ou quatre fois. Nous allons les sélectionner et fusionner des calques. Maintenant, lorsque vous faites votre vignette, si vous constatez que vous avez une couture affichée de haut en bas et de gauche à droite, touchez Commande J, dupliquez, puis fusionnez. Cela se serait débarrassé de cela. Nous verrons peut-être que cela se produira ensuite avec mes tuiles. Mais si vous vous en êtes débarrassé là-haut, vous pouvez être assuré que vous vous serez débarrassé si vous en aviez un. C'est maintenant notre schéma répété. C'est ainsi que vous pouvez utiliser plusieurs fois une tuile plus petite dans le même motif. Si vous en avez besoin, supposons que vous n'ayez qu' une tuile de motif mesurant 1 000 pixels de largeur, vous pouvez définir des directives pour répéter quatre fois sur le motif. Vous pouvez maintenant voir que nous avons ces deux options pour différentes répétitions d'échelle dans notre modèle. Faites glisser ce calque de réglage des couleurs pour obtenir la plus petite échelle que nous venons créer en répétant la tuile quatre fois. Ensuite, nous avons la plus grande tuile. Jouez autour de vous et voyez ce qui est le mieux, que vous préfériez la plus grande ou la plus petite échelle, cela vaut toujours la peine de le faire. Maintenant que nous avons examiné comment dupliquer plusieurs fois une tuile carrée dans le même motif, dans la vidéo suivante, nous allons redimensionner une tuile pour qu'elle s'insère dans une tuile de motif carré. 9. Utiliser un tuile avec un taux différent: [MUSIQUE] Voyons maintenant comment utiliser un titre rectangulaire comme arrière-plan sur un motif carré. Allons à Place Embedded. Je vais mettre ma texture rectangulaire dans la version transparente. Je vais faire pivoter ça de 90 degrés. Allons juste entrer là. Revenons à nos guides. Je vais m'en débarrasser, pas celui-là. Je vais me débarrasser de celui-ci. Ensuite, je vais passer à la texture de mon rectangle. Je vais toucher Command T. En fait, cachons ces calques, facilitons les choses. Allons sur le Commandement T. Essayons de monter au coin de la rue. Maintenons la touche Maj enfoncée, redimensionnons ici. Nous venons d'ajuster le ratio. Donnez-lui un globe oculaire s' il semble toujours dans le domaine de ce qui est réaliste, comme si nous le redimensionnions comme si nous le redimensionnions comme ça. C'est évidemment que ça n'a plus vraiment l'air bien. Ou si on le redimensionnait comme ça. Mais oui, vous pouvez modifier le ratio tant que vous êtes conscient que vous modifiez et que vous vous en tenez à ce qui semble correct. Si vous avez remarqué une perte de qualité d' image lorsque vous l' étirez trop, vous devriez revenir en arrière et regarder la taille que vous avez découpée pour ce motif et essayer quelque chose de différent. Ça a l'air bien. Je vais mettre ce calque noir en dessous, utilisons la commande J cette fois. Nous allons dupliquer cette couche ici. Nous avons dupliqué cette couche. Faites-le glisser vers le bas et mettez-le en place. Masquons nos lignes directrices. Je pense qu'à cette occasion, nous allons voir cette ligne là, peut-être pas. Je pense que c'est peut-être un problème de rendu. Parce que lorsque vous zoomez plus loin, il disparaît. Mais fusionnons ces deux couches ensemble. Oui, voyez qu'il y a une ligne sur la fusion, mais si vous deviez voir une ligne précise là, encore une fois, cette duplication, émergence ou correction. Si nous allons dans Filtre, Autre, Décalage et nous effectuons un zoom avant. Vous verrez que nous n' avons qu'une ligne ici, je suppose, parce que nous l'avons redimensionnée davantage sur cet axe. Dupliquons ce calque quatre fois, sélectionnez-les tous, Fusionnez les calques. On y va. Maintenant, nous avons cette couche fusionnée avec de nouvelles coutures dedans. C'est ainsi que vous utiliseriez une tuile rectangulaire pour remplir un espace carré. Évidemment, cette couleur ne fonctionne pas très bien, donc nous voudrions changer la couleur de celle-ci légèrement violette. Nous avons maintenant abordé différentes options pour utiliser les textures transparentes comme arrière-plans dans vos motifs existants. Nous avons envisagé d'utiliser le modèle carré pour remplir un motif seul tant que la texture est plus grande que celle dans laquelle vous insérez. Nous avons examiné comment dupliquer cette tuile dans un motif si vous souhaitez en faire plus ou avoir une échelle plus petite et nous avons examiné comment créer une tuile rectangulaire, remplir une tuile de motif carré. J'espère que vous avez maintenant beaucoup d'idées à vous et j'ai hâte de voir quelles créations vous venez. 10. Réflexions finales: [MUSIQUE] Merci beaucoup d' avoir suivi ce cours. J'espère vraiment que vous l'avez apprécié et que cela vous a été utile. Maintenant que vous savez à quel point il est facile de créer des arrière-plans homogènes à partir de vos propres créations dessinées à la main et de les appliquer à vos motifs, vous n'aurez plus jamais besoin d'utiliser un fond flop ennuyeux. Chaque fois que j'ai des restes de peinture à utiliser, j'aime en peindre une page rapide et la numériser pour trouver ma bibliothèque de textures transparente prête à être utilisée sur mon prochain motif. N'oubliez pas de télécharger vos motifs finis dans la galerie de projets ou les photos de travail en cours. Si vous souhaitez que les commentaires vous aideront à la fois de moi-même et de vos collègues étudiants. Je suis disponible ici par l'onglet Discussions pour répondre à toutes vos questions. Si vous êtes heureux de partager vos photos sur mon Instagram, c'est bon, alors laissez une note de votre nom d'utilisateur pour que je puisse vous étiqueter. Si vous souhaitez en savoir plus sur moi et sur mon travail, vous pouvez me retrouver sur Instagram @beckyflaherty et sur mon site Web, rebeccaflaherty.com. Si vous trouviez ce cours utile, j'apprécierais vraiment que vous puissiez laisser un commentaire et un commentaire rapide, car cela m'aide vraiment à être plus visible sur la plateforme et aide d'autres étudiants à trouver ce cours aussi. Bien sûr, n'oubliez pas de me suivre ici sur Skillshare pour être averti lorsque je publie de nouveaux cours. Merci beaucoup d'avoir regardé. Restez créatif. Je vous verrai la prochaine fois.