Créer une dimension avec des dégradés dans cette conception d’affiche abstraite

Ce que vous allez créer

Jouons avec Gradients Linéaires dans cette conception de l'affiche abstraite. Feu Adobe Illustrator (Je vais utiliser Illustrateur CC 2014) et préparez-vous à gribouiller des arcs-en-ciel, des flèches incurvées et des motifs en forme de cachemire.

1. Configurez votre document

Étape 1

Créer un Nouveau document. C'est votre appel sur la taille. Je me suis finalement retrouvé avec un design de 8,27 "x 11,69". Si vous souhaitez conserver votre dessin en résolution d’impression, assurez-vous que le ppi est réglé sur 300. Autrement, 72 ppi fera très bien.

Étape 2

Utilisez le Outil Rectangle (M) dessiner un grand rectangle gris clair sur la Artboard. Dessinez deux triangles qui couvrent la plus grande partie de l’espace de conception (un en haut à gauche et un en haut à droite). Appliquer un Gradient linéaire qui va du gris foncé à 100% à 0% Opacité. Ajustez l’angle du dégradé avec le Outil de dégradé (G) la couleur la plus sombre se trouve donc dans le coin du motif. dans le Transparence panneau, réglez le Mode de fusion à Multiplier et Opacité à 21%.

2. Formes de fond

Étape 1

Les formes de bannières blanches à l'arrière-plan du dessin sont assez simples. Utilisez le Outil Polygone dessiner deux hexagones (de même taille) et le Outil Rectangle dessiner un rectangle de la même longueur que les hexagones. Placez les hexagones à chaque extrémité du rectangle (voir ci-dessous). Groupe (Contrôle-G) ces formes ensemble.

Étape 2

Copier (Control-C) et Coller (Contrôle-V) les formes en forme de bannière de sorte que vous avez six d'entre eux placés dans un V sur la planche. Groupe toutes les formes ensemble et placez-les sous les objets dégradés triangulaires de la section 1, étape 2 de la Couches panneau.

3. Dessinez la conception centrale

Étape 1

Tracez un cercle avec le Outil Ellipse (L). Appliquer un Gradient linéaire à -90 ° anglequi va du gris clair au blanc. Sélectionner le cercle et Décalage le chemin en allant à Objet> Chemin> Chemin décaléDécalage le cercle par 2-4 pixels. Définissez la couleur de remplissage de la nouvelle forme sur blanc et assurez-vous qu’elle se trouve derrière le cercle de dégradé plus petit dans le champ. Couches panneau. Groupe les deux formes ensemble.

Étape 2

Appliquer un Ombre portée au groupe de cercle, Sélectionner et aller à Effet> Styliser> Ombre portée et ajoutez les attributs suivants:

  • Mode: Multiplier
  • Opacité: 40%
  • Décalage X: 0,08 po
  • Décalage Y: 0,04 po
  • Brouiller: 0,1 po
  • Couleur: Noir

Étape 3

Utilisez le Outil Crayon (N) dessiner des dessins courbes, de type paisley, autour du disque dimensionnel. Si vous utilisez Illustrateur CC, vous pouvez ajuster le Options de l'outil Crayon alors le fidélité de l'outil est Plus lisse, et vous êtes plus susceptible d'avoir des formes pures. Dessinez plusieurs de ceux-ci en diagonale du haut à droite du bas à gauche du dessin.

Étape 4

Au total, j'ai dessiné 14 formes de splash blanches. Sélectionner tous et Décalage les formes par 2-4 pixels. Appliquez le même dégradé de l'étape 1 de cette section à la plus petite des formes. Définissez la couleur de remplissage des formes offset en blanc. Groupe tous les composants splash ensemble et placez-les sous le groupe de disques blanc dans le Couches panneau.

Étape 5

Encore une fois, nous allons appliquer un Ombre portée à la conception. Sélectionner les formes de démarrage, allez à Effet> Styliser> Ombre portée, et ajoutez les attributs suivants:

  • Mode: Multiplier
  • Opacité: 33%
  • Décalage X: 0,05 po
  • Décalage Y: 0,03 po
  • Brouiller: 0,05 po
  • Couleur: Noir

4. Créer l'arc-en-ciel

Étape 1

Dessinez sept rectangles minces de la même taille dans sept couleurs différentes (rose, orange, jaune, vert, turquoise, bleu et violet) et Aligner les ensemble afin qu'ils soient régulièrement répartis dans une bande arc-en-ciel. Groupe les rectangles ensemble et Tourner le groupe donc il s'étend à travers le Artboard en diagonale.

Étape 2

Pour dessiner la bosse dimensionnelle dans l’arc-en-ciel, utilisez la commande Outil stylo (P) pour créer un petit trait incurvé (voir ci-dessous). Met le Couleur de trait pour correspondre à la première bande arc-en-ciel. dans le Des pinceaux panneau, créer un Nouveau pinceau calligraphique avec les attributs vus ci-dessous (le but est qu'il soit plat et en ruban).

Étape 3

Lorsque satisfait du coup de ruban arc-en-ciel, Développer il sous Objet. Utilisez le Outil de sélection directe (A) pour vous assurer que ses points d'ancrage d'angle s'alignent avec la première bande arc-en-ciel. Copieet Coller la forme de la bosse et utiliser le Outil Pipette (I) pour sélectionner chaque couleur de bande arc-en-ciel à son tour. Alignez sept des bosses, parallèlement au groupe de rayures arc-en-ciel. Groupe la bosse arc-en-ciel forme ensemble. CopieColler, et Tourner ce groupe pour l'extrémité opposée du groupe de rayures arc-en-ciel.

5. Rendre l'arc-en-ciel

Étape 1

Copie et Coller le groupe bosse arc-en-ciel. Dissocier et Unir les formes ensemble dans le Éclaireur panneau. Appliquer un Gradient linéaire qui va du violet foncé à 0% d'opacité à jaune clair à 100% d'opacité de nouveau au violet foncé. Angle le dégradé de sorte que la surbrillance apparaisse au centre du groupe. Répétez l'opération pour la bosse à l'autre bout de l'arc-en-ciel.

Copie et Coller le groupe principal arc-en-ciel. Dissocier et Unir les formes ensemble dans le Éclaireur panneau. Appliquer un Gradient linéaire qui va du violet foncé à 100% d'opacité à magenta à 0% d'opacité retour au violet foncé, retour au magenta et retour au violet. Inclinez le dégradé de sorte que les ombres (violet foncé) apparaissent sur les bords de la bande arc-en-ciel et sous le motif de projection de Section 3. Placez cette forme sous les groupes de bosses arc-en-ciel dans le Couches panneau.

Avec le Outil stylo, dessiner un rectangle en angle sous le groupe de bosse arc-en-ciel qui va de violet foncé à 100% à 0% d'opacité. Concentrez l'ombre sous la courbe principale du groupe de bosses.

Étape 2

Avec soit le Outil stylo ou la Outil Crayon, dessinez des formes de flèche incurvées de différentes couleurs sortant de la bande arc-en-ciel. J'ai choisi de dessiner deux à chaque extrémité du dessin.

Étape 3

Groupe ensemble tous les composants arc-en-ciel et placez-les sous le groupe de formes d'éclaboussure dans le Couches panneau. J'ai ajouté un autre cercle dégradé dans la forme centrale pour lui donner plus de profondeur.

6. formes de cercle coloré

Étape 1

Copie et Coller la forme du cercle central (sans la nouvelle forme de dégradé ajoutée à la section 5, étape 3). Tracez un cercle au centre avec le Outil Ellipse. J'ai choisi le vert brillant pour cette conception.

Tracez un petit cercle et appliquez un Radial Pente qui va du jaune clair à 100% d'opacité à la base verte à 0% d'opacité.

Copie et Coller le cercle de surbrillance et appliquez un Gradient Radial cela va du vert vif au vert plus foncé. Placez-le sous le cercle de surbrillance dans le Couches panneau. Cela donnera aux cercles verts un aspect plus dimensionnel.

Enfin, tracez un autre cercle, plus petit que la forme verte principale mais plus grand que les deux cercles dégradés, et définissez le paramètre Remplir couleur à Nul et le Accident vasculaire cérébral à 1 pt de poids et un vert citron brillant. Groupe tout ensemble.

Étape 2

Pour varier les couleurs, Copie et Coller le groupe de cercles colorés autant de fois que nécessaire pour votre conception (notez qu'il existe plusieurs cercles colorés dans le produit final). Tracez un cercle qui chevauche la couleur verte et définissez sa Mode de fusion à Couleur dans le Transparence panneau. La couleur que vous choisissez et la couleur que vous avez créée au cours de l'étape précédente affecteront la teinte de vos cercles colorés. Alternativement, vous pouvez simplement répéter l'étape précédente avec différentes couleurs et avoir un contrôle total sur l'apparence de vos cercles..

Étape 3

CopieColler, et Redimensionner les cercles autour du Artboard à votre goût. Je me suis retrouvé avec dix au total dans ma conception.

7. éclaboussures colorées

Étape 1

La dernière étape consiste à rassembler le design dans son intégralité avec des formes colorées en éclaboussures. Encore une fois, utilisez le Outil Crayon dessiner des formes courbes en forme de larme autour de la planche d’art, dans différentes couleurs de l’arc-en-ciel. J'ai ajouté des formes de coeur pour faire bonne mesure (et parce que j'ai tendance à aimer ajouter des coeurs à mes créations).

Étape 2

Groupe ensemble les formes d'éclaboussure et Décalage leur Les chemins par 1-2 pixels

Étape 3

Comme les motifs splash blancs, appliquez un Gradient linéaire à la forme intérieure sur chacun allant du gris au blanc. Met le Mode de fusion à Multiplier dans le Transparence panneau et ajustez le dégradé de chaque forme en utilisant le Outil gradient ils ressemblent donc à ceux dessinés auparavant. Notez à quoi toutes les conceptions d'éclaboussure ont l'air d'avoir des centres concaves.

Mets le tout ensemble!

Placez votre groupe splash coloré sous le groupe arc-en-ciel dans le Couches panneau. À part Ombres portées et les gradients, le chevauchement des objets donne la profondeur de conception. Poussez votre travail plus loin avec un assortiment de motifs abstraits présentant les techniques explorées dans ce tutoriel. Montrez vos designs d'affiche dans la section commentaires ci-dessous.

Pour plus de tutoriels et d’inspirations de cette nature, consultez les articles suivants de Tuts + et GraphicRiver:

  • Designs infographiques de Andrei Krasovitckii
  • Créer des icônes de musique ressemblant à des autocollants dans Adobe Illustrator
  • Comment créer un paysage urbain isométrique abstrait dans Adobe Illustrator