Share
Dans l’astuce suivante, vous apprendrez à créer un style d’icône rétro. Vous utiliserez un symbole Web standard et le panneau Apparence pour créer un style rétro pouvant être réutilisé pour tout, des icônes au texte. Ceci est le tutoriel idéal pour les débutants qui souhaitent en savoir plus sur le panneau d'apparence. Commençons!
Étant donné que cette conception est destinée à être utilisée comme une icône Web, commencez par créer un plan de travail 96 x 96 pixels. D'autres tailles populaires pour les icônes Web sont 48px et 16px. Définir les unités en pixels.
Comme il s’agit d’un didacticiel de base, nous allons utiliser certaines icônes prédéfinies de la bibliothèque de symboles. Cliquez sur Fenêtre> Bibliothèques de symboles> Icônes Web. J'ai choisi l'icône en forme de ciseaux pour illustrer l'effet. Faites glisser le symbole vers le milieu de la planche graphique et redimensionnez-le afin qu'il atteigne environ 64 pixels de haut..
Rompez le lien entre le symbole et la bibliothèque en accédant à Objet> Développer l'apparence. Si vous utilisez un symbole nécessitant le regroupement et la suppression de certaines parties, vous pouvez utiliser l'outil Shape Builder (Maj + M) pour combiner et soustraire. zones de l'illustration (dans les versions précédentes d'illustrator, vous pouvez utiliser les paramètres de Pathfinder).
Avec le symbole que j'utilise, j'ai cliqué avec le bouton droit de la souris sur le symbole pour rompre le lien, puis j'ai pris l'outil Générateur de formes pour supprimer les cercles blancs de la poignée. Pour ce faire, maintenez l'option enfoncée et cliquez sur les zones à supprimer..
Ouvrez le panneau Apparence en allant dans Windows> Apparence. Aller au "fx"bouton en bas du panneau Apparence et accédez à Convertir en forme> Ellipse et entrez une largeur absolue et une hauteur de 92 px.
Dans le panneau Apparence, cliquez sur le bouton Ajouter un nouveau remplissage en bas du panneau pour créer un nouveau remplissage au-dessus du premier dans une couleur contrastante. J'utilise du jaune..
Cliquez sur le premier remplissage et remplacez le noir par défaut par un gris clair ou une autre couleur qui convient à la couleur des symboles..
Sélectionnez la couleur de remplissage Ellipse dans le panneau Apparence et allez au "fx"et naviguez jusqu’à Distort & Transform> Transform et déplacez le remplissage 3px Horizontal et 3px Vertical, cliquez sur OK..
Dans le panneau Apparence, cliquez sur le bouton Ajouter un nouveau remplissage en bas du panneau pour créer un nouveau remplissage au-dessus de la couleur du premier symbole dans une nuance, une nuance plus foncée dans une couleur qui complète la première. J'utilise du marron.
Avec la deuxième couleur de remplissage toujours sélectionnée, allez à la "fx"et naviguez jusqu'à Distorsion et transformation> Transformez et déplacez le remplissage 1px Horizontal et -1px Vertical, cliquez sur OK..
Avec la deuxième couleur de remplissage toujours sélectionnée, allez à la "fxCliquez sur le bouton "et naviguez jusqu'à Pixéliser> Demi-teintes de couleur et définissez le rayon maximal sur 8 px, cliquez sur OK..
Vous devriez vous retrouver avec un effet comme dans l'exemple ci-dessous.
Cliquez sur les paramètres d'opacité du fond de trame et réglez-le sur Multiplier avec une opacité de 25%..
Nous allons maintenant ajouter les touches finales à l’effet. Nous allons d'abord ajouter du grain. Avec l'objet sélectionné, allez à la "fxCliquez sur le bouton "et naviguez jusqu'à Texture> Grain. Jouez avec les paramètres Intensité et Contraste jusqu'à ce que vous trouviez un style qui vous convient. J'ai utilisé une intensité de 30 et un contraste de 45. Cliquez sur OK..
Ajoutez ensuite un effet de coin arrondi au remplissage de demi-teintes. Faites ceci en sélectionnant le remplissage de demi-teintes et allez au "fxCliquez sur le bouton "et naviguez jusqu'à Styliser> Coins arrondis. Prévisualisez le rayon pour vous assurer que l'effet est correct. J'ai utilisé 2px. L'échelle de l'icône détermine la qualité des coins arrondis et le nombre de pixels à utiliser..
Ajoutez l'effet au panneau Styles graphiques (Fenêtre> Styles graphiques) en cliquant sur le bouton Nouveau style graphique en bas du panneau..
Vous allez maintenant avoir un style graphique qui peut être appliqué à différentes formes et icônes pour créer un ensemble rapide d’icônes rétro. Pour approfondir ce didacticiel, vous pouvez éditer et changer le calque de demi-teintes du style que vous avez créé pour créer une gamme de styles rétro sans avoir à repartir à zéro. Voyez ce que vous pouvez proposer et n'hésitez pas à partager votre travail sur la page Facebook de Vectortuts +.
Si vous avez apprécié ce didacticiel, vous aimerez peut-être «Créer un style d’icône réutilisable à l’aide du panneau Apparence», qui vous guidera tout au long du processus de création d’une icône avec des formes de base et de l’outil Pathfinder, puis comment ajouter une belle style utilisable. S'amuser!
Accentsconagua