Comment créer un motif géométrique des années 90 à l'aide de formes de base dans Adobe Photoshop

Ce que vous allez créer

Les modèles des années 90 sont reconnaissables à leur utilisation de couleurs vives et de formes géométriques simples. Dans ce tutoriel, je vais vous montrer comment créer un motif géométrique des années 90 à l'aide de la fonction vectorielle de Photoshop..

Pour vous inspirer des modèles des années 90, je vous suggère de consulter les articles de design des années 90 sur GraphicRiver..

1. Comment préparer une toile pour un motif

Étape 1

Commencez par créer un nouveau fichier de taille 600 pixels × 450 pixels. Clique le D'accord bouton.

Étape 2

Pour son arrière-plan, ajoutez un nouveau calque de couleur unie en cliquant sur le bouton Ajouter une couche d'ajustement icône au bas de la Couches panneau et sélection Couleur unie. Dans la boîte de dialogue suivante, sélectionnez une couleur bleue vibrante. Cliquez sur D'accord une fois que vous êtes satisfait du résultat.

Étape 3

Assurez-vous que la règle est visible. Sinon, cliquez sur Voir> Règle. Cliquez et faites glisser depuis la règle pour créer un guide dans les quatre directions: haut, bas, gauche et droite. La zone à l'intérieur du guide va être utilisée comme zone de motif.

2. Comment dessiner des formes géométriques à l'aide de l'outil Vector de Photoshop

Étape 1

Ce modèle des années 90 est rempli de formes géométriques. Ici, nous allons les couvrir un par un. Activer le Outil Ellipse. Assure-toi Forme le mode est sélectionné dans le Barre d'option

N'oubliez pas que nous avons besoin de ce mode pour dessiner toutes les formes de ce motif. Alors assurez-vous que ce mode est toujours sélectionné. 

Tenir Décalage puis cliquez et faites glisser pour dessiner une forme de cercle. Vous pouvez alors changer sa couleur de la Barre d'option. Faire deux formes de cercle, un grand et un petit.

Étape 2

Maintenant, dessinez un rectangle fin à l’aide des touches Outil Ellipse.

Étape 3

Dupliquer la forme en frappant Control-C et alors Contrôle-V. Faites pivoter la nouvelle forme de 90 °. Sélectionner Combiner des formes dans le Barre d'option combiner les deux formes en un signe plus. Dessinez un autre signe plus, mais cette fois-ci plus épais et avec une couleur différente.

Étape 4

Continuer avec une forme d'anneau. Dessine une autre forme de cercle. Mais, cette fois, placez son Remplir à aucun et augmenter sa Accident vasculaire cérébral Taille. Faire une autre forme de bague.

Étape 5

Dessinons un demi-cercle. Il est constitué d'un cercle qui est ensuite coupé en deux par un rectangle. Le mode rectangle devrait être Soustraire la forme avant. Pour transformer les deux formes en un seul chemin, sélectionnez les deux formes, puis sélectionnez Fusionner les composants de forme. Utilisez une couleur vibrante pour sa Remplir et Aucun pour son Accident vasculaire cérébral.

Étape 6

Empilez deux rectangles pour obtenir une forme de L. Dupliquez ces formes jusqu'à ce que nous ayons cette forme en zigzag. Pour sa couleur, utilisez le jaune. Faire une autre forme, cette fois plus épaisse.

Étape 7

Utilisez le Outil Polygone faire un hexagone. Il a six côtés. Assurez-vous de régler son Côtés mise à 6 avant de cliquer et de faire glisser la souris. Ajoutez des rectangles au-dessus de l’hexagone et réglez son mode sur Soustraire la forme avant.

Étape 8

Double-cliquez le style de calque et activer Ombre portée.

Étape 9

Ajouter un autre hexagone, cette fois avec une couleur et une taille différentes.

3. Comment organiser des objets à l'intérieur d'un motif

Étape 1

Comme mentionné précédemment, la zone de motif est à l'intérieur des guides. Premièrement, nous devons connaître ses dimensions exactes. Sélectionnez la zone à l'aide du Outil de chapiteau.

Étape 2

Ouvrez le Info panneau en cliquant Fenêtre> Info. Dans le panneau, vous pouvez voir les informations sur les dimensions de la taille du motif. Dans ce cas, c'est 491 pixels × 359 pixels. Rappelez-vous ceci et écrivez-le si vous devez le faire. N'oubliez pas que vous souhaitez que la dimension soit en pixels, et non en centimètres, pouces ou autres unités. Si ton Info le panneau montre d'autres unités, changez-le en pixels par clic droit la règle et en sélectionnant Les pixels.

Étape 3

Placez l'une des formes dans le coin de la zone de motif. En guise de motif, cette forme sera coupée. Il doit apparaître à plusieurs reprises dans les trois autres coins. En mathématiques, ce que nous allons faire s'appelle la traduction, qui déplace un objet dans une direction donnée..

Étape 4

Dupliquer la forme en utilisant le raccourci Contrôle-j. Ensuite, appuyez sur Contrôle-t pour positionner l'objet. Nous devons être très précis. C'est pourquoi nous ne cliquerons pas et ne nous déplacerons pas, mais nous nous limiterons à la zone de saisie. Notez que dans ce cas, notre forme est placée aux coordonnées (59 px, 43 px).

Étape 5

La largeur du motif est de 491 pixels. Nous devons déplacer la forme horizontalement de 359 pixels vers la droite pour l’afficher dans le coin droit. Définissez la nouvelle position x sur 550 px, ce qui correspond à 59 (la coordonnée x d'origine) + 491 (la largeur de la zone de dessin)..

Étape 6

Nous voulons qu'il apparaisse dans le coin inférieur droit. Déplacez la dernière forme vers le bas aux coordonnées (550 px, 402 px). La nouvelle coordonnée y, 402, vient de 43 (l'ancienne coordonnée y) + 359 (la hauteur de la toile).

Étape 7

Enfin, nous voulons qu'il apparaisse dans le dernier coin. Nous pouvons dupliquer la première forme et la réduire de la hauteur du motif.

Étape 8

Si nous ne sommes pas satisfaits du résultat, nous pouvons les déplacer. Rappelez-vous, nous devons les déplacer tous ensemble. Sinon, nous devons répéter la procédure de traduction pour maintenir la cohérence du motif reproductible. Vous pouvez le faire en sélectionnant tous les calques associés et en les déplaçant à l'aide de la Outil de déplacement.

Étape 9

Ajoutez une autre forme, cette fois non pas dans le coin mais sur l’un des bords du motif. Dans ce cas, nous plaçons un demi-cercle sur le bord supérieur. En tant que motif reproductible, l’autre partie du demi-cercle doit apparaître sur le bord opposé, le bord inférieur. Il faut donc dupliquer et mettre une autre copie de la forme ici.

Étape 10

Dupliquer la forme. Frappé Contrôle-t et changez sa coordonnée y en ancienne coordonnée y + la largeur du motif. Dans mon cas, il s’agit de 52 + 359 = 411.

Étape 11

Voici la partie facile. Vous pouvez simplement placer des objets dans la zone du motif sans contact avec les bords ou les coins, sans vous soucier de casser le motif que vous pouvez répéter. Vous pouvez ajouter autant d'objets que vous voulez tant qu'ils ne touchent ni les bords ni les coins.

Étape 12

Encore une fois, souvenez-vous toujours de la règle de base d'un motif répétable. Si vous placez une forme touchant un bord, elle doit apparaître sur le bord opposé. Regardez le signe plus sur le bord gauche. Il devrait être dupliqué et ensuite déplacé vers le bord opposé.

4. Comment enregistrer et utiliser un motif dans Photoshop

Étape 1

Sélectionnez la zone que nous allons utiliser comme modèle. Utilisez le Outil de chapiteau pour faire ça. Cliquez sur Édition> Définir un motif. Dans la boîte de dialogue suivante, enregistrez son nom de motif. Cliquez sur D'accord bouton.

Étape 2

Pour utiliser le modèle, il suffit de cliquer sur Édition> Remplir. Sélectionner Contenu: modèle et choisissez le motif que nous venons de faire. Cliquez sur D'accord.

Résultat final

Voici le résultat final du modèle des années 90. Dans cette astuce, je vous ai montré des astuces et des astuces pour créer un motif répétitif cohérent à l'aide de la méthode de traduction.. 

J'ai écrit un autre conseil rapide similaire à celui d'il y a sept ans sur Envato Tuts +. Le concept est fondamentalement le même. Si vous êtes familier avec son coéquipier de Photoshop, Illustrator, il a une étonnante Options de modèle panneau permettant de concevoir ce type de motif plus rapidement et plus facilement. Souhaitons tous que Photoshop l'ait aussi.

Merci pour la lecture. Si vous suivez ce tutoriel, n'oubliez pas de nous montrer votre modèle dans la section commentaire ci-dessous..