Share
Aujourd'hui, j'ai préparé quelque chose de spécial pour vous. Nous allons comparer deux outils Illustrator essentiels, le Couches panneau et le Planches à dessin un, et parler des avantages de l’un par rapport à l’autre lorsqu’il s’agit du processus d’exportation d’un pack d’icônes.
Par conséquent, si vous êtes intéressé par la conception d'icônes ou si vous commencez tout juste à lire cet article, vous voudrez peut-être lire cet article, car il vous aidera peut-être à travailler plus rapidement lors de la dernière étape de l'exportation individuelle de vos fichiers..
Avant de commencer notre comparaison, je voudrais prendre quelques instants pour parler des deux outils du point de vue de l’utilisation envisagée. En d'autres termes, voyons quel est le but de chacune d'elles et commençons par le faire en donnant d'abord une courte définition qui en décrit brièvement la nature..
Si vous avez travaillé avec Illustrateur avant, et je suppose que vous avez, vous avez sûrement bricolé avec le Couches panneau. Si vous êtes nouveau dans le jeu, eh bien, n'ayez crainte, je vais être aussi explicite que possible..
D'un point de vue structurel / organisationnel, cet outil vous permet de surveiller le positionnement de tous les objets et groupes d'objets faisant partie du document sur lequel vous travaillez, en les isolant sur différents Couches.
Vous pouvez considérer les calques comme des feuilles de papier transparentes pouvant contenir différents objets, des feuilles qui se chevauchent de sorte que vous puissiez créer une structure hiérarchique, et donc une œuvre d'art détaillée..
Si vous ne comprenez pas grand chose à ce sujet, laissez-moi le formuler ainsi: si vous travaillez sur une illustration élaborée comportant des sections d’objets qui se superposent, vous pouvez facilement séparer ces sections en différents calques. plus facile d'accès, de modification et de réorganisation.
Hum, mais tenez-en une pendant une seconde, vous ne pouvez pas obtenir la même hiérarchie en utilisant un seul calque, puis en créant les formes les unes sur les autres, car la dernière forme est toujours celle qui se trouve devant les autres.?
Bien sûr que vous pouvez, mais pourquoi le feriez-vous? Je comprends que vous pouvez planifier à l’avance et construire à l’aide d’une seule forme à la fois, mais que se passe-t-il lorsque vous devez travailler sur une section spécifique de votre conception? Certains d'entre vous pourraient dire que vous pourriez utiliser l'outil d'isolation. Cela peut fonctionner, mais vous devez vous assurer de regrouper les objets au fur et à mesure que vous développez votre composition. Parfois, vous constaterez que vous avez créé des groupes au sein d'autres groupes, ce qui signifie que vous devez entrer dans un état d'isolation plus profond ça complique les choses.
Si vous choisissez de travailler avec des calques, non seulement vous allez sécuriser votre conception, mais vous en faciliterez l'accès et la modification, ce qui vous simplifiera la tâche et vous permettra de vous concentrer davantage sur le processus de création..
De plus, comme Illustrator vous permet de créer et de nommer autant de calques que vous le souhaitez, vous pouvez devenir fou et construire des contenus très intéressants..
Tandis que le Couches outil vous permet d’organiser vos oeuvres, le Artboard définit l'espace de travail sur lequel vous concevez. Vous pouvez le considérer comme la toile du peintre, une toile que vous pouvez agrandir ou réduire en fonction des besoins du projet..
La chose intéressante est qu'il ne montrera que les choses que vous avez positionnées dessus, donc tout ce qui est en dehors de sa surface ne se retrouvera pas dans l'aperçu / fichier final.
Maintenant, comparé à la Couches panneau, qui vous donne la possibilité de structurer un design, le Planches à dessin panneau prend les choses à un tout nouveau niveau en vous permettant de structurer et d'afficher plusieurs illustrations en même temps.
Ceci est extrêmement utile si vous êtes un concepteur d'interface utilisateur et que vous devez créer des maquettes de sites Web ou des interfaces, car vous pouvez créer les différentes sections dans le même document, ce qui vous procure un sentiment de continuité et facilite l'expédition du produit à le client.
Même s’il s’agit d’un excellent outil, il présente un léger inconvénient, car il ne vous permet que de créer un nombre fini de planches d’art, environ 100, et leur taille ne dépasse pas la surface de travail assignée par Illustrator..
À ce stade, nous avons une idée de base de la destination initiale des deux outils, mais voyons comment en tirer parti dans l’un des processus les plus longs et les plus frustrants: celui de l’exportation individuelle des fichiers d’un pack d’icônes..
Si vous avez déjà travaillé sur un pack d’icônes, vous savez à quel point la dernière étape du processus peut être exaspérante, car Illustratorn'a pas de bouton magique pour les exporter un par un.
La plupart du temps, les personnes qui créent leur premier pack se retrouvent dans le pétrin, car elles ne savent pas vraiment comment expédier leur produit au format PNG ou sous d'autres formats. Je sais que je l'ai fait et il m'a fallu un certain temps pour jouer et voir ce qui fonctionnait le mieux pour moi en termes de temps et de facilité d'utilisation..
Je vais donc vous montrer trois scénarios pour exporter les icônes d'un pack (qui contient 12 lignes avec huit icônes, soit exactement 96 icônes), au cours desquelles je parlerai des avantages et des inconvénients de chaque méthode..
OK, nous allons d'abord utiliser le Couches panneau, et voir comment il fonctionne en termes de flux de travail.
Cette méthode est un peu délicate car nous devrons créer un deuxième document et définir la largeur et la hauteur de notre Artboard à peu près la même taille que la grille de base de notre icône.
Les icônes que j’utilise comme exemple sont construites autour d’un 128 x 128 px grille, à laquelle j'ai ajouté un rembourrage complet de 8 px, de sorte que 136 x 136 px (surligné en gris clair sous les icônes elles-mêmes).
Puisque cette méthode suppose que chaque icône est assise seule Couche, vous pouvez maintenant comprendre pourquoi nous avons besoin de ce deuxième document, puisque nous y copierons les icônes, puis les séparerons à l’aide de 100 Couches.
Je ne recopierai pas tout l'ensemble de cet exemple, car un nombre plus petit rendra l'exemple aussi clair qu'un plus grand..
Alors, d'abord j'ai créé mon deuxième 136 x 136 px document, après quoi j’ai commencé à copier environ dix icônes, en les mettant toutes seules Couche, les étiquetant de «document 1» à «document 10».
Maintenant, comme chaque icône est unique, je peux facilement masquer toutes celles dont je n’ai pas besoin et rendre visible celle que je veux exporter, ce qui pour cet exemple est «document 1»..
C'est super pratique car je peux progressivement parcourir le paquet, sans perdre la trace du dernier article exporté..
OK, la première icône est visible et je souhaite l'enregistrer au format PNG. Je peux facilement le faire en allant à Fichier> Enregistrer pour le Web puis en choisissant simplement un emplacement dans mes dossiers et en lui attribuant un nom.
Exporter en utilisant le Couches Cette méthode est une excellente option lorsque vous avez le temps nécessaire pour créer le deuxième document. Oui, cela prend peut-être plus de temps, mais je trouve que parmi toutes les méthodes, c'est le plus utile pour suivre votre processus d'exportation..
Un autre avantage est que, lorsqu'il s'agit d'exporter plusieurs formats, le processus est beaucoup plus rapide, pas seulement au format PNG, peut-être au format SVG et même au format EPS, car il vous suffit de sélectionner le calque et de modifier les paramètres d'exportation..
Son seul inconvénient est peut-être le processus initial, dans lequel vous devez copier les icônes dans un document plus petit, ce qui peut vous prendre un certain temps si vous avez un grand pack d'icônes (300+).
Nous avons vu comment exporter nos fichiers en utilisant le Couches méthode, alors maintenant, essayons la Artboard un.
Bien, le Artboard méthode est un peu différente car il peut être fait de deux manières. Oui, vous m'avez bien entendu, nous avons des options.
Le premier consiste à utiliser un seul Artboard, redimensionner en utilisant les grilles de base de chaque icône, une à la fois, tandis que la seconde est similaire à la Couches un, car nous devons créer un plus grand nombre de planches d’art de taille plus petite.
Il y a bien sûr des avantages et des inconvénients, mais nous y reviendrons dans un instant..
Commençons par parler du single Artboard méthode. C'est assez simple, pour être honnête. D'abord, vous vous assurez que vous avez configuré deux Couches: un pour les icônes réelles et un pour les grilles de base.
Une fois que vous avez séparé les deux, vous pouvez commencer à exporter vos icônes en sélectionnant une grille de base à la fois, puis en cliquant sur Objet> Tableaux> Adapter à l'art sélectionné.
Cela redimensionnera votre Artboard de sorte qu'il s'adapte à la grille de base réelle de l'icône que vous souhaitez enregistrer. Étant donné que vous souhaiterez probablement l'enregistrer en tant que PNG (avec transparence) ou peut-être en SVG, vous devez supprimer la grille de base avant de l'exporter..
Comme vous pouvez le constater, c’est une autre option relativement simple pour exporter vos icônes, mais elle présente également des inconvénients..
Tout d’abord, parlons de ses points forts. C'est rapide, pas aussi rapide que la méthode des calques, mais il prend facilement le numéro deux pour la vitesse. Comme avec la méthode précédente, vous pouvez garder trace de votre dernière icône exportée, car vous allez supprimer les grilles de base, ce qui facilite le repérage à l'endroit où vous l'avez laissé..
En outre, comme avec la méthode Layers, elle peut gérer des packs d'icônes plus volumineux, donc aucune limite en termes de nombre d'éléments que vous pouvez conserver et exporter, ce qui est très important une fois que vous avez un jeu d'icônes énorme..
Parlons maintenant des inconvénients. Cela devient vite ennuyeux, très vite, car vous devez cliquer, sélectionner, puis sélectionner le même ajustement pour façonner, encore et encore. Donc, si votre sac est plus grand que 100 icônes, mettez ces écouteurs et prenez une tasse de café, car vous en aurez besoin.
Et nous sommes à la méthode numéro trois, le Multiple Artboardsun. Comme je l'ai déjà dit, celui-ci est assez similaire aux couchesun, mais malheureusement, il est limité à ce maximum de 100 œuvres d'art. Donc, si votre pack d'icônes dépasse la barre des 100, vous devrez utiliser l'une des autres méthodes, mais s'il est dans les limites, vous aimerez cette méthode..
Comparé aux deux précédents, le Multiple Artboardson peut et devrait être mis en œuvre dès le début. Si vous vous demandez pourquoi, eh bien, disons simplement qu'il serait beaucoup plus facile de créer deux tableaux d'art.et construisez vos icônes une à la fois, au lieu de créer avec un seul tableau graphiquepuis en les déplaçant vers un deuxième document multi-planches.
Donc, si nous utilisons cette méthode, nous créerions simplement un Nouveau document (Contrôle-N)qui a la même taille que la grille de base de notre icône (136 x 136 px), mais au lieu de quitter le Nombre de planches mise à 1, nous irions avec quelque chose de plus haut, comme 96. Ensuite, nous pourrions jouer avec le Espacement et Les colonnes options afin d'obtenir la bonne configuration, en fonction de la façon dont nous aimons que les choses soient arrangées.
Une fois que notre document est prêt à être utilisé, nous pouvons commencer à travailler sur la conception de nos icônes, en plaçant chacune d'elles séparément. Artboard.
Maintenant vient la partie douce. Lorsque vous démarrez le processus d’exportation, il vous suffit de cliquer sur l’icône Artboard et puis aller à Enregistrer pour le Web ou quelle que soit la méthode d'exportation que vous préférez, et c'est tout.
OK, OK, alors peut-être que j'ai menti quand j'ai dit que les couchesméthode est la plus rapide, quand clairement le Multiple Artboardl'un est le gagnant ici. Mais soyons honnêtes, de nos jours, lorsque quelqu'un crée un pack d'icônes, il y ajoute généralement plus de 100 éléments. La troisième méthode ne serait même pas une option..
Hmm, attendez une seconde, est-ce vraiment vrai? Je veux dire que vous pouvez créer deux, quatre documents contenant chacun 100 tableaux d’art, et regrouper les icônes par catégories. De cette façon, lors du processus d'exportation, les choses iraient très vite. Le seul moment où vous ralentissez est le moment où vous devez modifier le document, ce qui n’est vraiment pas fastidieux..
Donc, la troisième méthode est plutôt belle par rapport à la concurrence, mais qu’en est-il de ses inconvénients??
Eh bien, si vous travaillez sur un petit pack d'icônes, je pourrais vraiment dire qu'il n'en a pas. Si vous travaillez sur une plus grande, la seule mauvaise chose à laquelle je puisse penser est que, à un moment donné, vous risquez de perdre la trace de la dernière icône exportée, mais si vous utilisez un bon système de nommage, cela n'arrivera pas..
Voilà, vous avez une comparaison rapide et approfondie de trois méthodes d’exportation efficaces qui peuvent vraiment vous aider à choisir la meilleure option pour vous de proposer vos précieuses icônes en tant que ressources individuelles..
Comme toujours, j'espère que vous avez apprécié le tutoriel et surtout appris quelque chose de nouveau et d'intéressant en cours de route..
Accentsconagua