Free Press

Aujourd’hui, je vais vous montrer une façon facile de créer un motif répété sur Photoshop CC. Il s’agit de créer un carreau d’illustration qui sera ensuite répété de manière transparente. Ce type d’approche d’illustration est bon pour les conceptions de vêtements, les emballages, les fonds d’écran et les fonds d’écran de la vie réelle aussi ! Elle peut être aussi complexe ou aussi subtile que vous le souhaitez.( Utilisation de textures pour créer un look rétro )

Document Setup

Pour commencer, configurez un nouveau document. La taille de celui-ci déterminera la taille de votre motif de répétition, donc soyez conscient de la taille dont vous avez besoin à ce stade.

Si cela doit être imprimé en grand, vous devrez probablement aller plus grand que ma configuration, mais c’est bon comme exemple. Quelle que soit la taille que vous choisirez, assurez-vous que c’est un carré. À des fins d’exemple, je vais pour 1000px x 1000px en RGB (pour le web, CMYK est pour l’impression) et 300dpi. (Le web ne nécessite généralement que 72 dpi mais je peux vouloir imprimer cela plus tard alors je vais pour le dpi d’impression standard de 300.)

2. Glisser les calques dans le nouveau document

Maintenant, ouvrez un fichier que j’avais déjà fait précédemment. Il s’agit d’une affiche représentant des tas de baskets adidas. Je veux créer un motif répétitif à partir de certaines des chaussures, donc je vais faire glisser les couches de ce document dans mon nouveau document de tuiles.

3. Faire glisser du document ‘maître’ vers ‘sans titre-1’

Dans mon document de baskets, j’ai décidé quelles chaussures je veux faire glisser à travers donc j’appuie sur ‘V’ pour sélectionner mon outil flèche. Maintenant, dans le panneau des calques, sélectionnez le calque que vous souhaitez faire glisser puis survolez votre curseur de nouveau sur le document (loin du panneau des calques) cliquez et faites glisser vers le haut où se trouve votre menu d’onglet et déposez-le dans votre document de tuiles. Vous voyez la surbrillance rouge dans l’image ci-dessous. Je fais glisser du document ‘maître’ vers ‘sans titre-1’

4. Redimensionnement et réarrangement de tous les calques

Maintenant obtenu mon premier calque dans le nouveau document de tuiles et nous avons rencontré un problème tout de suite. Il est beaucoup trop grand ! Nous allons devoir redimensionner et réorganiser tous les calques que nous faisons glisser de toute façon, alors c’est pratique de connaître la façon rapide de le faire!

5. Transformation des calques

Si vous activez le calque que vous voulez remodeler (dans le panneau des calques, il suffit de cliquer dessus), puis appuyez sur CMD+T (CTR+T sur windows) et la boîte englobante devrait apparaître. C’est le raccourci pour transformer (d’où le T). Comme pour la plupart des boîtes de Photoshop, si vous maintenez la touche Majuscule enfoncée lorsque vous redimensionnez à partir des coins, les proportions seront conservées et l’image ne sera pas déformée. Une fois que vous avez obtenu la taille souhaitée, cliquez sur Entrée pour sortir de la boîte de transformation et valider votre taille. N’oubliez pas : si vous créez un calque trop petit et que vous essayez de l’agrandir plus tard, il sera tout pixellisé et vous devrez à nouveau déplacer le calque depuis le document précédent. Si vous appuyez sur entrée trop tôt ou si l’image se déforme, il suffit d’appuyer sur CMD+Z (CTRL+Z) pour revenir en arrière d’une étape. (Motifs de tissu)

6. Répéter les étapes précédentes pour obtenir quelques couches supplémentaires

Maintenant que j’ai le coup de main avec la boîte de transformation, je vais répéter les étapes précédentes quelques fois de plus et obtenir quelques couches supplémentaires pour jouer avec dans mon document de tuiles

7. Arranger toutes les couches

Je viens de faire glisser les couches, maintenant il est temps d’arranger. Gardez à l’esprit que les motifs répétitifs pourraient être vus sous toutes sortes d’angles différents lorsqu’ils sont imprimés pour leur projet désigné. Donc les arranger sous tous les angles (à l’envers, de côté, etc.) donnera toujours un meilleur résultat.

Ce que vous voulez faire, c’est les arranger autour du document mais assurez-vous qu’aucune partie d’un calque ne touche les côtés ! Expérimentez également avec la taille. Vous pouvez avoir besoin de faire glisser plus de calques dans votre autre document aussi.

Sélectionner et changer la couleur de fond

Maintenant que ive a mes formateurs arrangés je vais changer la couleur de mon fond. Je veux qu’il corresponde à l’arrière-plan de mon autre document. Un gris foncé. Donc je vais le faire correspondre à la couleur.

Allez dans votre document maître et cliquez sur « B » pour sélectionner l’outil brosse. Si vous survolez la couleur que vous voulez et maintenez la touche alt et un symbole de pipette devrait apparaître. Lorsque vous cliquez sur la couleur, elle sera transférée à votre couleur principale dans la barre d’outils en bas.

9. Enregistrer cette couleur pour une référence future

Maintenant, il y a plusieurs choses différentes que vous pouvez faire si vous voulez enregistrer cette couleur pour plus tard. Une des méthodes les plus faciles est d’aller dans le menu en haut et de cliquer sur WINDOW>SWATCHES.
Une fois que cette fenêtre est ouverte, vous verrez des tas de petits blocs de couleur.

10. Ajouter votre couleur aux swatches

Si vous cliquez dans la fenêtre mais loin des swatches de couleur (dans la zone gris foncé) votre couleur sera sauvegardée et ajoutée au bas des swatches, une fenêtre apparaîtra vous demandant si vous voulez nommer votre sélection. Ceci est vraiment pratique pour sélectionner lorsque votre travail avec un certain nombre de couleurs.

11- Bien, retournons à notre document de tuiles. Si vous allez sur votre couche d’arrière-plan dans le panneau des couches, vous verrez qu’il a un verrou sur lui à droite. Cela signifie que vous ne pouvez pratiquement rien faire avec ce calque !

Changer la couleur d’arrière-plan

Maintenant, si vous cliquez sur le petit bouton FX en bas du panneau des calques, juste en dessous de votre calque nouvellement créé, et sélectionnez « superposition de couleurs » dans le menu déroulant, une nouvelle fenêtre devrait apparaître.

Cliquez sur la petite boîte de couleur à droite de « mode de fusion » et une autre fenêtre de couleur apparaîtra. Maintenant, cliquez sur votre couleur sauvegardée dans votre panneau de swatches et cliquez sur ‘ok’ sur les deux boîtes, votre couleur de fond devrait avoir changé. NOTE ; pour désactiver tout fx, cliquez sur le petit symbole de l’œil sous le calque dans le panneau des calques.

13. Dupliquer l’image

Maintenant j’ai à peu près fini pour cette section. Allez sur le calque dans le menu en haut, et juste en bas, il y a une option pour  » aplatir l’image « . Cliquez sur cette option pour aplatir le document. REMARQUE : il peut être utile de dupliquer l’image à ce stade (IMAGE>DUPLICATE) car l’aplatissement est très destructif et si quelque chose se passe mal, il est peu probable que vous puissiez le récupérer à ce stade. Il est donc toujours pratique d’avoir une sauvegarde. ( Normalement, je ne recommanderais pas l’aplatissement à mi-chemin d’un projet, mais celui-ci a besoin d’être aplati à différentes étapes, donc c’est une exception à la règle)

14. Diviser les couches en quatre quarts en utilisant des règles

Toutes vos couches seront maintenant aplaties. Nous devons maintenant les diviser en quatre quarts en utilisant des règles. Pour activer les règles, cliquez sur CMD+R (CTRL+R). Vous devriez maintenant avoir des règles à gauche et en haut de votre document.

Si vous cliquez sur la règle et que vous la faites glisser vers l’extérieur, vous créerez un marqueur bleu. Je veux que vous en fassiez glisser un de chaque côté et que vous le déposiez juste au milieu de votre document. En formant une croix. Si vos guides d’accrochage sont activés, Photoshop devrait automatiquement les accrocher au centre par défaut. Sinon, vous pouvez utiliser les règles pour mesurer. Si vous voulez masquer les marqueurs à tout moment, il suffit de cliquer sur CMD+H.

15. Application de l’outil Marquee au calque

Maintenant, je veux que vous sélectionniez votre outil marquee en cliquant sur ‘M’, et que vous fassiez glisser du coin supérieur gauche dans les marqueurs au milieu. Votre sélection s’accrochera aux guides que vous avez créés.

16. Créer un nouveau calque à partir de votre sélection

Maintenant, cliquez sur CMD+J, cela créera un nouveau calque à partir de votre sélection. Désactivez votre couche de fond et faites glisser le nouveau carré du coin supérieur gauche, vers le coin inférieur droit. Désactivez maintenant ce calque et réactivez votre calque d’arrière-plan, assurez-vous que votre calque d’arrière-plan est actif en cliquant dessus.

17. Répétez les étapes précédentes

Répétez les quelques étapes précédentes mais cette fois, sélectionnez le bas à gauche, CMD+J pour faire un calque à partir de la sélection et faites-le glisser vers le haut à droite. En fait, nous changeons tous les carrés en diagonale. Faites de même pour les deux coins restants.

18. Aplatir l’image

Une fois que vous avez fait cela avec les quatre coins, vous pouvez aller de l’avant et aplatir l’image à nouveau ! C’est LAYER-FLATTEN IMAGE. Mon image ressemble maintenant à ceci..

19. Remplir les vides

La prochaine étape est de remplir les vides ! Encore une fois, ne touchez pas les côtés avec les nouveaux calques que vous faites glisser ! Comme vous pouvez le voir, j’ai essayé de remplir autant d’espaces que possible en expérimentant avec les tailles.

20. Aplatissement de l’image Dernière fois

Maintenant, aplatissez votre image pour la troisième et dernière fois. Sélectionnez votre outil Marquee (M) et faites glisser une sélection sur l’ensemble du document. Pendant que la sélection est encore active, allez dans EDIT>DEFINE PATTERN. Cela vous donnera l’option de nommer le motif si vous le souhaitez.

21. Sélection du motif

Maintenant pour le tester ! Créez un nouveau document, essayez un format A4, assurez-vous qu’il est plus grand que votre document de tuiles de motifs. Maintenant, cliquez sur M et utilisez l’outil marquee pour faire une sélection sur l’ensemble de votre document. Maintenez la touche shift et appuyez sur F5 ( ou allez simplement dans EDIT>FILL. Une boîte de menu apparaît, utilisez le menu déroulant dans la section ‘contenu’ et sélectionnez PATTERN. (Motifs de fond de conception Web)

22. Sélection du motif personnalisé

Maintenant, dans le menu des motifs, cliquez sur la vignette à côté de ‘motif personnalisé’ et dans la boîte déroulante, le motif que vous venez de créer devrait être le dernier de la ligne.

23. Motif répété complété

Cliquez sur OK et voilà ! Votre nouveau document sera rempli de votre nouveau motif répétitif ! (Motifs géométriques)