Petite astuce Comment créer un effet de fond géométrique dans Photoshop

Comme Illustrator, Photoshop inclut également des outils d'édition de vecteurs très puissants. Dans ce didacticiel, nous allons vous montrer comment créer un effet de fond géométrique pour une conception d'affiche dans Photoshop à l'aide de quelques formes simples, de modes de fusion et de transparences. Commençons!


1. Créer un jeu de couleurs

Ma méthode préférée pour créer un jeu de couleurs pour cet effet est de commencer dans Illustrator. De l'illustrateur Outil de mélange est un excellent moyen de créer des jeux de couleurs progressifs, mathématiquement corrects, qui se transforment en douceur. Si vous n'avez pas Illustrator, essayez de dessiner un dégradé dans Photoshop en utilisant les codes de couleur ci-dessous. Ensuite, utilisez votre sélecteur de couleur à intervalles réguliers pour produire un jeu de couleurs similaire..

Étape 1

La première étape consiste à créer un nouveau document dans Illustrator. Le document que j'ai créé était 45,72 cm x 60,96 cm.

Étape 2

Dessinez une forme rectangulaire et appliquez une couleur. j'ai utilisé # 553895.

Étape 3

Maintenant, dupliquez cette forme carrée en maintenant enfoncé Alt et en le faisant glisser sur la toile.

Changer sa couleur en quelque chose de plus léger. j'ai utilisé # CFC4E0. N'oubliez pas que nous allons ajouter pas mal de marches entre ces couleurs, donc choisissez-en une assez éloignée de votre couleur d'origine..

Étape 4

Maintenant, allez à Objet > Mélange > Options de mélange. Sélectionner Étapes spécifiées. Utilisez autant d'étapes que nécessaire, mais souvenez-vous qu'il est peut-être nécessaire de définir plusieurs étapes pour produire suffisamment de couleurs pour remplir votre toile Photoshop ultérieurement. Cela pourrait nécessiter quelques essais et erreurs de votre part. Pour ce tutoriel, j'ai utilisé 28 pas.

Sélectionnez les deux objets et allez à Objet > Mélange > Faire. Vous devriez maintenant voir quelque chose comme l'image ci-dessous. Gardez à l’esprit que c’est uniquement pour vous aider à créer votre jeu de couleurs. Donc, votre objet mélangé n'a pas à ressembler à celui ci-dessous.


2. Créer des formes de base

Cet effet de fond peut être créé en utilisant plusieurs formes d’hexagones qui se chevauchent. Gardez à l'esprit que vous n'avez pas vraiment besoin d'utiliser Photoshop pour cela. Illustrator fait également un travail fantastique. Les techniques utilisées dans les étapes ci-dessous sont très similaires à celles d'Illustrator. Si vous êtes à l'aise avec Illustrator, essayez-le si vous le souhaitez.

Étape 1

Créer un Nouveau document dans Photoshop, appelez ça Configuration du schéma de couleurs. Nous allons utiliser ce document pour appliquer le jeu de couleurs que nous venons de créer aux formes que nous sommes sur le point de créer. J'ai utilisé les paramètres indiqués ci-dessous, mais n'hésitez pas à créer un document cohérent avec le projet sur lequel vous travaillez..

Collez votre objet de jeu de couleurs dans la scène. Vous pouvez coller comme Objet intelligent ou Les pixels, ça n'a pas vraiment d'importance.

Étape 2

Nous allons maintenant commencer à créer les formes de base. Sélectionnez le Outil Polygone et dessinez un hexagone comme indiqué. Les dimensions de chaque hexagone doivent être autour 6 cm x 5.1962 cm. Vous pouvez entrer les dimensions exactes en sélectionnant l'outil Polygone et en cliquant n'importe où sur le canevas..

Diminuer Transparence du polygone à 80% et dupliquez la forme 29 fois, comme indiqué. Cela vous donnera un total de 30 hexagones. Dans cette étape, il est vraiment utile d'activer la capture en allant sur Vue > Casser. Lorsque vous dupliquez la forme, assurez-vous que le côté gauche du polygone est accroché au centre du polygone situé à gauche..

Commencez par l'extrême gauche de votre toile et attribuez à chaque hexagone la même couleur que son rectangle correspondant. C'est probablement la partie la plus fastidieuse du processus. Lorsque vous avez terminé, regroupez vos calques. Votre document devrait ressembler à l'image ci-dessous. Vous pouvez maintenant ignorer l'objet Mélange que vous avez collé à partir d'Illustrator..


3. Créer le motif

Maintenant que la partie la plus fastidieuse du processus est terminée. Nous allons maintenant créer notre modèle. Vous avez peut-être remarqué que le Configuration du schéma de couleurs Le document que vous avez créé était assez volumineux par rapport aux formes avec lesquelles vous travailliez. En effet, le motif doit être très large pour couvrir le fond de l’affiche que nous créerons. Nous avons donc réglé la hauteur à peine un peu plus de 60,96 cm (24 po).

Étape 1

Sélectionnez le Groupe 1 couche et maintenez la Alt clé. Avec le Alt maintenez la touche enfoncée, faites glisser le contenu de ce calque vers le bas et vers la droite. Assurez-vous que Snap est activé et placez chaque nouveau groupe comme indiqué jusqu'à ce que le motif se remplisse complètement à l'écran..

Étape 2

Créez un nouveau document Photoshop ayant la même taille que le document Illustrator que vous avez créé à la première étape. Le document que j'ai créé était 45,72 cm x 60,96 cm.

Étape 3

Maintenant, retournez à la Configuration du schéma de couleurs document. Regroupez toutes vos couches de forme. Nommez ce groupe Modèle.

Étape 4

Aller à La fenêtre > Organiser > Mosaïque verticale.

Étape 5

Maintenant, faites glisser et déposez tous vos calques de la Configuration du schéma de couleurs document dans votre Effet de fond géométrique document.

Étape 6

Maintenant placez le Modèle couche sur la toile comme indiqué.


4. Détails supplémentaires (facultatif)

Si vous êtes satisfait de votre effet de fond, félicitations! Vous avez terminé ce tutoriel. J'ai l'impression que l'image a l'air un peu plate, cependant. Donc, je voudrais ajouter quelques détails supplémentaires pour le rendre un peu mieux.

Étape 1

Aller à Couche > Nouvelle couche d'ajustement > Niveaux et ajustez les réglages comme indiqué. Cela fera apparaître les couleurs un peu.

Étape 2

Étant donné que ce motif est composé de nombreuses formes hexagonales, vous avez un peu de contrôle sur l'aspect de l'image finale. Si vous souhaitez diviser un peu le dégradé, vous pouvez cliquer sur les calques de forme individuels et modifier leurs propriétés pour rendre l'effet beaucoup plus intéressant..

Clique sur le Outil de sélection de chemin et sélectionnez quelques hexagones au hasard avec le Décalage touche sélectionnée. Avec tous les chemins sélectionnés, testez différents modes de fusion, opacités et couleurs. Dans mon expérience, Superposition, Lumière dure, Multiplier et Écran fonctionnent très bien. Le résultat ci-dessous a été fait en quelques minutes. Avec un peu plus de peaufinage, vous devriez pouvoir obtenir un résultat beaucoup plus raffiné..


Conclusion

Dans ce didacticiel, nous vous avons montré comment créer rapidement un effet de fond géométrique à l'aide de formes simples et de transparence dans Photoshop. La partie la plus difficile de cet effet consiste à déterminer le nombre de formes dont vous avez besoin pour recouvrir complètement la toile. Une fois que vous avez compris cela, le reste des étapes est assez facile. J'espère que vous avez apprécié ce tutoriel et que vous pouvez utiliser ces techniques pour créer vos propres effets de fond..