Comment ajouter un contour DOUBLE à un texte ou à une forme dans Adobe Illustrator?

10

Je crée un logo et j'aimerais y mettre un double contour, connaissez-vous une manière intelligente de le faire?

Flavius ​​Frantz
la source

Réponses:

16

Edit: Il y avait une meilleure façon de faire Quick & Dirty # 1. J'ai révisé la réponse avec l'amélioration. C'est maintenant ma méthode préférée.

Comme beaucoup de choses Illustrator, il existe plusieurs façons de le faire.

Les moyens rapides et sales

Utilisez ces méthodes si l'objet contour se trouve au bas de votre pile de calques et que la transparence n'a pas d'importance.

Rapide et sale # 1 (recommandé)

  1. Sélectionnez votre objet et sur la Appearancepalette sélectionnez le menu etAdd new stroke
  2. Sélectionnez le nouveau trait sur la Appearancepalette et allez dans le menu EffectPathOffset Pathet décalez-le d'un point ou 2.
  3. (Facultatif) Si vous souhaitez réutiliser ce style, ouvrez la Graphic Stylespalette et sélectionnez le menu et choisissezNew Graphic Style...

Rapide et sale # 2

  1. Copiez et collez les doublons de votre objet les uns au-dessus des autres jusqu'à ce que vous ayez 3 objets identiques.
  2. Faites en sorte que l'objet ayant la couche la plus basse ait un trait épais.
  3. Faites en sorte que l'objet en couches du milieu ait un trait moins épais dans une couleur différente.
  4. Faites en sorte que l'objet de la couche supérieure ait le trait le plus fin.

Si vous avez vraiment besoin de transparence, vous pouvez sélectionner vos objets et Outline Strokeformer des formes remplies. Ensuite, soustrayez et combinez vos formes selon les besoins pour créer rapidement un objet de forme de remplissage plein décrit.

La façon "pinceau"

Cette méthode est très flexible mais prend plus de temps à configurer. C'est certainement la méthode que vous souhaitez utiliser si vous utilisez ce style de bordure à plusieurs endroits.

  1. Faire un Art Brush
    1. Créer plusieurs lignes parallèles (je trouve plus facile de commencer par des lignes horizontales)
    2. Sélectionnez vos lignes
    3. Ouvrez votre palette de pinceaux (F5).
    4. Cliquez sur le menu et sélectionnez New Brush...
    5. Choisissez un nouveau pinceau d'art
    6. Assurez-vous que la flèche du guide de direction va dans la bonne direction pour vos lignes.
  2. Appliquez votre nouveau Brushà l'objet que vous souhaitez décrire
    1. Sélectionnez votre objet.
    2. Cliquez sur votre pinceau nouvellement créé dans la Brushespalette.

La création de votre propre pinceau est simple et puissante pour les formes de base comme les lignes ou les courbes faciles. Si votre objet a plusieurs coins, vous devrez modifier votre pinceau pour inclure la bonne façon de former des coins.

Edit: Après coup. Si vous créez une forme complexe qui nécessite des contours, vous devrez créer un Pattern Brushpour accueillir les coins, vous ne pouvez pas le faire avec un Art Brush. Pour créer un Pattern Brush, vous devez créer chacune de vos situations de coin et de côté, puis créer des échantillons de motifs. Vous utilisez ensuite les échantillons de motifs pour créer votre Pattern Brush.


Voici le moyen le plus simple que je connaisse pour créer votre motif:

  1. Faites des tuiles pour chacune des tuiles requises (coin extérieur, coin intérieur, début, côté, fin).
    Gardez à l'esprit que les tuiles doivent s'aligner les unes sur les autres afin que cela puisse aider à créer des carrés et à construire vos tuiles dans les carrés. Dans l'image ci-dessous, j'ai rendu mes carrés de délimitation bleus afin que vous puissiez les voir. Lorsque je les utilise pour créer des échantillons à l'étape suivante, je retire le trait des carrés.

    Exemple de tuiles pour la brosse à motif

  2. Faites glisser chacune de vos tuiles vers votre Swatchespalette pour créer des échantillons de motifs.

    Nuancier de motifs dans ma palette

  3. Fabriquez une nouvelle brosse à motif et attribuez vos échantillons à chacune des tuiles appropriées.
    Vous devrez peut-être ajuster votre mise à l'échelle si vous avez créé votre modèle à une taille beaucoup plus grande que son cas d'utilisation prévu.
    (Notez également que l'indicateur de tuile de fin est trompeur. La tuile de fin doit être pointée dans la même direction que votre tuile de départ, comme si elles étaient le même objet. La boîte de dialogue semble indiquer qu'elle doit être orientée dans la direction opposée, mais c'est Incorrect.)

    Options de pinceau de motif

  4. Appliquez votre motif aux formes pour le tester.

    Pinceau à motif appliqué aux formes

  5. Lorsque vous l'appliquez à une police, vous devrez peut-être nettoyer un peu les ancres là où elles sont trop rapprochées (en fonction de l'échelle de votre motif). Par exemple:

    • Voici un B de la police aux contours sans nettoyage (en utilisant mon exemple de coup de pinceau):

    B avec trop de points

    • Voici le même B avec un point étranger supprimé:

    B avec point supplémentaire nettoyé

Farray
la source
J'ai essayé le "Correct way", mais son genre de buggy car je n'arrive pas à obtenir les bons virages. J'ai d'abord essayé avec le pinceau artistique et cela ne fonctionne pas sur tous les coins, puis j'ai essayé avec le pinceau à motifs et encore une fois, cela ne fonctionne certainement pas sur tous les coins, jetez un œil à mon résultat: flavius.clickgarden.net/multipleStrokes. jpg Comment feriez-vous pour créer votre pinceau à motif afin qu'il fasse les coins appropriés à cette forme complexe?
Flavius ​​Frantz
@Flavius ​​- Pattern Brush est le bon mais il est difficile de le faire correctement. Le moyen le plus simple est de créer une grille de carrés et de l'utiliser pour partitionner vos coins. Je publierai des images lorsque j'en aurai l'occasion.
Farray
Ok, j'attendrai votre réponse car je ne sais pas du tout comment utiliser le truc Pattern Brush ... je ne l'ai jamais utilisé auparavant. THX
Flavius ​​Frantz
farray simlpy rocks
Jack
@Jack Farray a trop de temps libre entre ses mains. ;)
Farray
5

Comment je le fais:

Créez votre texte. Clonez-le trois fois. Vous avez maintenant votre texte en couches 3 fois.

La couche inférieure est bordée, disons, de 10 points de noir. Obtient ensuite 8pt de blanc. Obtient ensuite 6pt noir. La couche supérieure n'a aucune bordure.

Mais je suis démodé. La solution de Farray est probablement bonne aussi. Assurez-vous simplement que vous ne déformez pas les lettres avec un trait qui va à l'intérieur du glyphe.

DA01
la source
4

Appliquez simplement des traits supplémentaires au texte via le panneau d'apparence et utilisez-les Effect > Path > Offset Pathpour éloigner les traits des caractères.

entrez la description de l'image ici

Si vous souhaitez ensuite que les traits soient des objets indépendants, choisissez Object > Expand Appearancedans le menu.

Scott
la source
1

Il y a une façon beaucoup plus simple de le faire, je pense. Dans le panneau Apparences, après avoir sélectionné le chemin, cliquez simplement sur fx et ajoutez un autre trait, ou deux si vous le souhaitez. Vous devrez jouer avec les paramètres pour le placer à côté de votre coup précédent plutôt que sur ou à l'intérieur.

PapaHotelPapa
la source
1

J'ai trouvé un moyen d'ajouter plusieurs traits concentriques autour d'un objet dans Illustrator:

  1. Appliquez un trait dans le panneau Apparence et assurez-vous que le trait est sélectionné (le trait, pas l'objet entier)
  2. Allez dans Effet> Chemin> Chemin de décalage ... Ceci appliquera l'effet au trait. Lorsque vous ajoutez l'effet, vous pouvez définir le décalage dans la boîte de dialogue.
  3. Ajoutez un autre trait dans le panneau Aspect, puis appliquez à nouveau l'effet. Cette fois, définissez le décalage sur l'incrément souhaité comme espacement entre les traits concentriques. Vous pouvez rapidement appliquer l'effet à chaque trait avec le raccourci Maj + Cmd + E (sur Mac)
  4. Répétez pour chaque coup concentrique, autant que vous le souhaitez. À chaque fois, définissez le décalage comme un autre multiple de l'incrément souhaité comme espacement entre les traits (par exemple, 10, 20, 30, 40). Vous pouvez également avoir un espacement inégal entre les traits si vous le souhaitez.
  5. Chacun des traits est modifiable individuellement, tout comme l'espacement entre eux, et ils suivront les contours de la forme sous-jacente, la laissant modifiable. Vous pouvez également enregistrer cette apparence en tant que style graphique et l'appliquer facilement à d'autres formes.
Michael Daross
la source