Astuce utilisez l’effet Scribble pour transformer les symboles courants de tous les jours

Suivez ce conseil et apprenez à donner de la personnalité aux symboles courants de la vie quotidienne à l’aide de l’effet Gribouillis. Nous allons utiliser le panneau d'apparence, les effets Chemin décalé et Plume et nous allons jouer avec les paramètres Scribble pour transformer les symboles en objets colorés amusants ou même en étiquettes..


Étape 1

Je vais utiliser le premier symbole pour expliquer la méthode en détail et pour les autres, je ne soulignerai que les étapes essentielles. Dans le panneau Symboles, ouvrez le menu Bibliothèques de symboles et sous Flèches, recherchez la flèche 18. Faites-la glisser dans votre zone de travail, appuyez sur le bouton Rompre le lien en symboles et choisissez Dissocier dans le menu Objet. Également dans le menu Objet, sous Transformer, sélectionnez Échelle et agrandissez la flèche d'environ 310%, puis faites-la pivoter de moins 90 degrés..


Étape 2

Remplissez la flèche avec un dégradé linéaire et donnez-lui également un trait blanc de 1 pt. Copiez et collez en arrière la flèche (Commande + C puis Commande + B), supprimez les attributs existants et remplissez-le de gris foncé. Maintenant, prenez l'outil de sélection directe (A) et déplacez les points d'ancrage indiqués individuellement pour révéler la forme sombre en dessous..


Étape 3

Après avoir sélectionné la flèche sombre à l'arrière, allez dans le menu Effets> Styliser> Plume et appliquez un rayon de 12 px pour obtenir l'ombre..


Étape 4

Continuons avec la flèche principale. Dans le panneau Apparence, ouvrez le menu déroulant et choisissez Ajouter un nouveau remplissage. Choisissez la couleur de votre choix, puis sélectionnez ce second remplissage, allez dans le menu Effets> Chemin> Décalage du chemin et appliquez une valeur de décalage de -8 px.

Remarque: La valeur de décalage sélectionnée n'est pas une valeur fixe mais doit être choisie en fonction de la taille du symbole et des paramètres Scribble. Si vous n'appliquez pas l'effet Chemin de décalage, les chemins gribouillés vont sur les bords de la flèche et ce n'est pas ce que nous voulons dans ce cas. De cette façon, nous les conservons à l'intérieur de la forme (voir l'image de l'étape suivante).


Étape 5

Assurez-vous que le second remplissage est sélectionné dans le panneau Apparence, puis allez dans le menu Effet> Styliser et appliquez l'effet Gribouillis. J'ai conservé la valeur Angle et, en fonction des paramètres par défaut, je viens d'augmenter l'espacement à 7 px, cette fois..


Étape 6

Ensuite, allez dans le menu Objet et choisissez Développer l’apparence. À ce stade, vous pouvez vous arrêter ici et utiliser le nouveau symbole tel quel ou remplir le tracé du gribouillage avec un dégradé comme je l'ai fait..

Après avoir développé la flèche, vous obtiendrez un groupe. Si vous ouvrez le groupe dans le panneau Calques, vous remarquerez qu'il y a trois choses: un chemin ayant le trait blanc appliqué au début, un groupe et un chemin rempli du dégradé que nous avons utilisé..

Notre problème concerne ce groupe qui contient deux chemins de dessin (bien que ça aurait été bien d’en être un) qui ont en fait un trait rose de 3 points (la largeur du trait dans la fenêtre Options de dessin). Vous devez les développer, alors sélectionnez ce groupe et dans le menu Objet, choisissez Développer. À la suite de cette action, les deux chemins tracés en rose se transforment en chemins remplis de rose. Mais quand même, ils sont deux et nous n’avons besoin que d’un seul pour le remplir d’un dégradé; nous devons donc unir ces deux formes..

Pour ce faire, vous devez d'abord les dissocier du menu Objet (sinon, l'option Ajouter ne fonctionnera pas), puis cliquer sur Ajouter à la zone de forme> Développer à partir du panneau Pathfinder. Vous venez d'obtenir un seul chemin que j'ai appelé une "forme de gribouillis" et vous pouvez le remplir avec le dégradé de votre choix. Le premier symbole est prêt.


Étape 7

Le symbole suivant que j'ai utilisé se trouve dans le menu Bibliothèques de symboles sous Symboles par défaut> Web. Faites-le glisser dans votre zone de travail, appuyez sur le bouton Rompre le lien en symbole, puis dissociez-le deux fois. À ce stade, il est beaucoup trop petit, alors agrandissez-le à 890%. Donnez-lui un trait de 10 points, puis dans le menu Objet, choisissez Développer et dissocier..

Maintenant, sélectionnez les deux formes (vert + noir) et cliquez sur Ajouter à la zone de forme> Développer à partir du panneau Pathfinder pour les unir. La raison pour laquelle j’ai fait cela est que je voulais que le symbole soit plus épais afin d’avoir assez d’espace pour les chemins de gribouillis à l’intérieur..


Étape 8

Remplissez le symbole avec le même dégradé qu’à l’étape 2 et donnez-lui également un trait blanc de 1 pt. Copiez et collez la forme dans le dos et remplissez-la de gris foncé, puis allez dans le menu Effet> Styliser et appliquez l’effet Foncé pour créer l’ombre. Comme auparavant, utilisez l'outil de sélection directe (A) pour déplacer certains points individuellement afin de révéler l'ombre à l'arrière-plan..


Étape 9

Ajoutez un nouveau fond bleu dans le menu déroulant du panneau d'apparence, puis sélectionnez Menu Effets> Chemin et appliquez un chemin décalé de -5 px. Lorsque vous avez terminé, vous pouvez appliquer l'effet Gribouillis en utilisant les paramètres indiqués ci-dessous. Cette fois, j'ai changé l'angle, l'espacement et diminué la valeur de la largeur de trait. Ces valeurs sont optionnelles, je vous suggère de jouer avec elles et de voir quel résultat vous obtiendrez.


Étape 10

Cette étape est identique à l’étape 6. Après avoir sélectionné Développer l’apparence, vous obtiendrez à nouveau un groupe contenant trois éléments: un chemin composé avec un trait blanc, un autre rempli d’un dégradé et un groupe contenant cette fois trois chemins de gribouillis . Lorsque ce groupe est sélectionné, choisissez Développer et dissocier dans le menu Objet, puis cliquez sur Ajouter à la zone de forme> Développer dans le panneau Pathfinder. À la suite de cette action, vous obtiendrez un seul chemin composé qui peut maintenant être rempli avec n’importe quel dégradé. Le deuxième symbole est prêt.


Étape 11

Pour le troisième exemple, j'ai utilisé le symbole de base qui se trouve dans le menu Bibliothèques de symboles sous Symboles par défaut> Web. Faites-le glisser dans votre zone de travail, appuyez sur le bouton Rompre le lien en symbole, puis dissociez-le deux fois. Maintenant, vous devriez avoir trois formes: la maison verte et deux chemins de fenêtre et ce n’est pas ce que nous voulons. Sélectionnez les trois et cliquez sur Soustraire de la forme> Développer dans le panneau Pathfinder. Une fois que vous avez obtenu le chemin du composé de base, agrandissez-le à environ 710%.


Étape 12

Répétez les étapes 2 à 6 pour compléter le symbole d'accueil gribouillé. Toutes les informations essentielles dont vous pourriez avoir besoin sont montrées dans l'image ci-dessous.


Étape 13

Pour ceux d'entre vous qui veulent créer les autres symboles, dans les deux images suivantes, j'ai mis en évidence les paramètres que j'ai utilisés pour le symbole de recherche..

et pour le symbole de chat.

Le symbole de recherche se trouve dans le menu Bibliothèques de symboles sous Symboles par défaut> Web et le symbole de discussion sous Éléments du logo..


Image finale

Voici l'image finale avec tous les symboles. En essayant différents paramètres Scribble, vous pouvez obtenir des résultats différents à chaque fois. Amusez-vous donc à appliquer cette méthode à n'importe quel symbole..