Bases du croquis : Concevoir un profil utilisateur

1. Introduction: Hé, bienvenue. Avant de commencer, je veux vous donner un aperçu de qui je suis, ce que sera cette classe et de ce que vous devriez attendre pour votre projet final. Je m'appelle Alexandra Moran. Je suis designer visuel pour Red Shift, une agence de design numérique ici à San Francisco. En tant que studio, nous avons récemment passé à dessiner des croquis à temps plein. Au cours des derniers mois, j'ai vraiment appris à connaître avec des programmes capables de et quelques raccourcis clavier super génial pour l'utiliser efficacement. Dans ce cours, ce que je veux faire, c'est partager tout ce que j'ai appris jusqu'à présent avec vous. Et pour ce faire, nous allons créer un écran de profil utilisateur d'une application imaginaire. Je vais fournir le cadre métallique à quoi ça ressemble. Et puis vous allez remplir le design et le contenu basé sur une célébrité de votre choix. Cette classe est plus que votre design final. Maintenant, je veux vraiment que vous fassiez des projets dont vous êtes fiers et qui sont géniaux. Mais plus important encore, je veux que vous reveniez pour esquisser avec confiance et enthousiasme, parce que ses cours se sont concentrés davantage sur les fondamentaux de l'esquisse que sur les fondamentaux du design. Vous voudrez peut-être avoir une sorte de conception, de formation, d'arrière-plan ou d'expérience avec Adobe Creative Suite, ou bien être esquissé lui-même avant de commencer. Quoi qu'il en soit, je suis super excité de vous voir en classe, et j'ai hâte de commencer. J' ai été la leçon 1. 2. Projet : Concevoir un profil d'utilisateur pour votre célèbre favori: Ok, alors laissez-moi vous donner plus d'informations sur le projet. La première étape consiste à choisir la célébrité pour laquelle vous souhaitez concevoir. Pour mon exemple, j'ai choisi Alan trop généreux parce que je pense qu'elle est hilarante et une dame géniale. Donc ceux que vous choisissez qui sera votre muse. Ensuite, vous pouvez commencer à recueillir de l'inspiration visuelle à leur sujet. Des photos de ces photos. Sauf qu'ils aiment les photos de ce qu'ils ont fait avec des armes. Un peu d'informations sur la célébrité. Ensuite, en utilisant la crème de fil que tout fournir est un modèle fera nos conceptions. Et ce faisant, vous passerez en revue les bases des menus d'esquisse, de nombreux raccourcis clavier et quelques bonnes pratiques en matière de gestion des couches et de création votre fichier. 3. Télécharger Sketch: donc la première étape absolue de ce projet sera le téléchargement de croquis. Si vous ne l'avez pas déjà, vous pouvez aller esquisser dot com et l'acheter pour 99$ ou télécharger un essai gratuit. 4. Naviger les croquis: Ok, donc on va commencer par ouvrir un croquis. Euh, vous pouvez voir que ça sert vos documents récents, mais nous commencerons par ouvrir de nouveaux documents, et c'est à quoi ça ressemble à l'intérieur. Ainsi, vous pouvez voir sur le côté gauche que c'est là que votre palette de calques existe bas. Il y a aussi des pages que j'expliquerai un peu plus tard. Et à droite, vous avez votre inspecteur. Cette petite section ici est quelque chose que je viens d'installer récemment, qui s'appelle un métier, qui est quelque chose qui envisageait mis à intégrer avec croquis. Donc vous ne verrez pas qu'on ne va pas plonger là-dedans pendant ce cours. Mais je veux juste te dire ce que c'est. Cette grande et belle zone au milieu est votre chemise. C' est là que nous allons faire tout notre travail et où vos tableaux d'art apparaîtront. Lorsque nous commençons à les ajouter ici, vous avez quelques raccourcis rapides vers des outils couramment utilisés. Vous pouvez modifier cela une fois que vous êtes à l'aise et vous pouvez avoir les choses que vous voulez là-dedans et retirer certaines des choses que vous n'utilisez pas autant. Mais bien sûr, tout est réussi apparaissent dans votre menu de fichiers. Deux des choses que nous allons examiner sont l'outil vectoriel et quelques outils de forme. Vous pouvez voir que les raccourcis clavier sont répertoriés sur le côté droit de certains des éléments ici. Tous ceux qui n'ont pas, hum, moins qu'il soit possible d'ajouter le vôtre, mais ces air super pratique pour se mettre à l'aise avec tous les outils. Il y a aussi cette section Plug INS, que nous n'entrerons pas dans cette classe non plus. Mais les plug-ins sont une façon incroyable de renforcer croquis pour faire encore plus de choses impressionnantes que vous voulez pour dio Um, donc j'espère, une fois que vous serez à l'aise dans le sketch, vous y reviendrez et en apprendre un peu plus sur branchements. Ok, donc ce qu'on va commencer par ajouter un tableau d'art. On peut aller insérer un tableau d'art. Vous pouvez voir que mon curseur et s'est transformé en croix ici, et je peux cliquer sur glisser pour créer des jeux de taille que je veux et mon tableau d'art apparaît. Vous pouvez le voir dans ma palette de calques. Il est répertorié. Il et il m'a également donné l'occasion de nommer immédiatement mon conseil d'administration, ce qui est fantastique et quelque chose que vous devriez absolument prendre l'habitude de le faire. Je vais appeler ça un exemple l'un l'autre. Tout sur l'ajout de vos tableaux d'art est que si vous appuyez simplement sur un raccourci, vous verrez dans l'inspecteur qu'il y a une tonne de tailles pré-remplies. Donc on peut dire, OK, on fait une page de lettre ou on fait une simulation pour un iPhone 6. Donc on peut dire, OK, On va utiliser l'iPhone 5 taille. Donc je vais cliquer sur celui-là , , et vous l'avez déjà prête à partir exactement. Dis de retour. Une autre chose géniale quand vous travaillez, c'est si vous avez une forme et je vais juste en ajouter une ici rapidement et vous frappez encore une fois. Vous pouvez choisir une sélection ronde et il vous fournira un port de bras. C' est la taille exacte de l'article ou des articles que vous avez choisis. Ok, donc c'est l'essentiel de ce à quoi ressemble le croquis sous 5. Configurer votre fichier: Ok, donc maintenant on va vraiment mettre en place un dossier pour travailler. Je vais aller ici dans mes pages, et je vais faire un clic droit et supprimer cette page parce qu'ils n'en ont pas vraiment besoin. Et je veux garder mon tiki final parce que j'ai utilisé la taille prédéterminée pour faire ce tableau d'art . Il est nommé avec cette taille, mais je vais le renommer par commande cachée. Est-ce que vous pouvez faire à n'importe quel dossier de couche ou tableau d'art et instantanément le renommer, donc je vais appeler ceci un exemple de conception. Maintenant, je vais enregistrer mon dossier parce que je ne veux pas perdre le travail que je vais faire . Si vous êtes une personne d'adobe, vous pourriez être tenté d'utiliser la dinde de clavier pour enregistrer comme Mais ce sera. En fait, comme vous pouvez le voir, nous pourrions dupliquer la copie. Donc, fermez ce délai la copie parce qu'ils ne le veulent pas réellement et appuyez simplement sur commande. Demandé de sauver, je vais l'envoyer sur mon bureau, et je vais l'appeler exemple Design. D' accord. Impressionnant. Donc ce que je vais faire ensuite, c'est ouvrir mon tableau d'humeur que je travaille. Je veux dire, faire un fichier de croquis. Donc, ce que je vais faire est de cliquer sur glisser pour tout sélectionner. Eh bien, rétrograder et cliquer. Le nom du tableau d'art vient de le laisser aussi. Il commande C pour le copier. Ensuite, je vais cliquer sur la fenêtre ici et choisir l'exemple de conception parce que c'est mon autre document ouvert, et je vais ajouter une page et l'appeler humeur née. Et maintenant, sur cette page, je vais appuyer sur la commande pour le coller, et j'ai tous mes documents. Obtenez un zoom ici en utilisant mon trackpad, mais vous pouvez effectuer un zoom avant et arrière en utilisant la commande plus et la commande moins. Donc j'ai mon tableau d'humeur ici, ce qui est génial. Je peux cliquer d'avant en arrière entre la palette des pages au lieu d'avoir à passer d'avant en arrière entre les fenêtres réelles. Et je vais fermer ça pour qu'on ait tout ça dans un seul flacon. Donc je vais prendre mon cadre métallique et ceci est disponible pour vous les gars à travers la classe. La ressource est que je vais cliquer, faire glisser depuis le Finder, passer pour esquisser et juste le déposer directement sur l'aéroport. Vous voyez que c'est deux fois la taille de mon tableau d'art, et donc au lieu de le redimensionner, je vais en fait agrandir notre planche pour qu'on puisse travailler dans une plus fidélité. Quelque chose que j'aime absolument dans Sketch, c'est que tu fais des maths pour éviter faire des maths. Fondamentalement, j'ai mon conseil sélectionné, et je peux passer dans la taille granulée ici, et je peux écrire Start pour multiplier le avec par deux afin que je n'ai pas à faire les calculs dans ma tête, et je pourrais juste obtenir des mesures très précises dans mon document. C' est vraiment plus utile pour un nombre légèrement plus maladroit ou si vous ne faisiez pas quelque chose d'aussi simple qu'une base à la multiplication. Mais c'est un excellent avenir, à mon avis. L' autre chose agréable que vous pouvez faire dans l'inspecteur avec les maths est que vous pouvez voir que la position de mon image de cadre métallique est hors du tableau d'art. Au lieu d'essayer de cliquer sur glisser et de l'obtenir exactement correctement, tout ce que je peux voir ce croquis est en fait même de m'aider avec le genre de guides automatiques . Disons que ça ne se passait pas. Je peux entrer ici et Aiken frapper 00 pour les X et Y, et il enverra automatiquement mon image vers le haut pour être dans le coin supérieur gauche. Um, c'est vraiment génial. Si vous essayez de jouer quelque chose et que vous savez que vous voulez qu'il soit à mi-chemin sur une de votre tableau d'art ou si vous avez toujours l'air en essayant de faire des choses en haut à gauche, vous pouvez voir que mon tableau d'art ici est représenté essentiellement comme un dossier ou un bascule dans le liste des couches. Si je frappe ce petit Aiken tordu, voir mon cadre métallique, hum, l' image dans la liste et ce que je vais faire, c'est faire un clic droit dessus, et je vais verrouiller la couche dans laquelle nous allons faire. La leçon suivante est de construire toutes nos formes pour ce cadre métallique au-dessus de celui-ci. Donc en le faisant rire, ça va rester hors de notre chemin et on peut faire du travail. Ok, j'espère que vous êtes excités d'entrer et de commencer à faire ça et de commencer à faire plus beau. Donc, au cours de la prochaine perdue 6. Collecte de votre contenu: puisque nous allons concentrer ce projet autour de votre célébrité préférée. Il y a quelques choses que vous devriez rassembler avant de commencer votre conception afin que les choses se déroulent en douceur et que vous puissiez tout simplement frapper le sol en cours d'exécution. Ah, c' est l'anniversaire et le lieu de naissance de votre célébrité, ainsi qu'une photo de profil de la photo du premier post et une photo de couverture. Les peuvent ressembler à n'importe quoi, et vous pouvez modifier ce contenu comme vous le souhaitez dans votre propre conception. Mais si vous voulez suivre avec le modèle que j'ai mis en place, votre profil, photo devrait juste être une image de type headshot standard. Votre première photo post peut vraiment être absolument n'importe quoi, et ensuite votre photo de couverture était quelque chose comme votre photo de couverture Facebook où c'est peut-être plus comme un donjon Linse ou un motif ou quelque chose qui va juste faire ce profil. Photo pop 7. Commencer votre conception: Bon, commençons avec notre design. Donc en ce moment, dans les aéroports assez loin, ce que je peux faire est de survoler le nouveau mouvement et cliquer pour sélectionner l'art entier né. Et puis à partir de là, je peux frapper venir et ce que ça fait. C' est juste un zoom sur la sélection. Donc, tout ce que j'avais sélectionné à ce point, il zoomait sur ma zone visible. Donc nous sommes juste proches de ce avec quoi nous travaillons. Donc on va juste bloquer toutes nos formes, en gros, gros, et pour ce faire, on peut insérer forme, rectangle ou ovale. Mais je vais utiliser le raccourci r et O donc je vais frapper notre um, vous pouvez voir que mon équipe de curseur juste réticule et vous pouvez voir que s'il y a une petite icône de rectangle Donc je vais juste cliquer glisser pour déposer un de ceux-ci et ensuite appuyer sur Oh, et Je reprends le réticule, mais une forme ovale circulaire pour un peu et je maintiens le décalage pour limiter mes proportions pour cet ovale pour en faire un cercle parfait. Donc, ici pour cette image de profil, je vais en fait commencer avec un rectangle. C' est le cas de tout mon tableau d'art, parce que je voulais être 1/3 de ça. Et dans la palette de l'inspecteur ici, je peux faire une barre oblique pour division et trois pour diviser ça en tiers. Et puis je peux copier ça avec et le coller dans la hauteur pour que j'aie un carré parfait pour verrouiller mes proportions pour que ça reste X Claire. Et puis je peux traîner ici, euh, euh, et des croquis m'aider avec des guides intelligents. Mais je peux aussi utiliser la palette d'alignement en haut de l'orteil inspecteur gauche seul, droit en ligne ou ligne centrale à l'aéroport. D' accord. Et puis rapidement, je vais bloquer le reste des formes. Maintenant, ici. Je vais tenir l'option. Et vous pouvez voir ce croquis en fait, puis vous montre la mesure de ces objets. Une sorte de quatre directions cardinales sont, ou quatre côtés de la boîte de délimitation au tableau d'art. Et puis, si je survole un autre objet, ça me dit les mesures entre les deux. Vraiment ? Je vais maintenir l'option enfoncée ici car en maintenant l'option enfoncée et cliquez sur glisser et obtenir un duplicata de la forme que j'avais déjà sélectionnée. Donc ma dernière forme ici, euh, en fait, je ne veux pas qu'elle soit au-dessus de ma liste de calques. Je voulais être à l'arrière, donc je vais maintenir la commande d'option de contrôle enfoncée, et cela l'envoie au bas de la liste des calques. Je vais le déplacer d'une couche au-dessus du cadre métallique, mais c'est derrière toutes ces autres formes. Je ne peux pas dire parce que tout est de la même couleur. Donc je vais aller chez l'inspecteur à nouveau dans cette section Phil, et je peux cliquer dessus et ensuite ça ramène ce sélecteur de couleurs. Vous pouvez également utiliser le RVB ou taper pour le modifier en teinte, saturation et luminosité. Et puis je peux ajuster la couleur ici, donc je vais faire quelque chose de plus sombre pour que tu puisses voir ça. Et puis je peux ajuster la couleur ici, Oui, en effet. Mes icônes sont ici. Ça soulève une autre chose dont je veux vous parler. Donc si vous je n'ai pas déjà remarqué, peut-être que vous pouvez jeter un oeil maintenant dans votre propre croquis. Lorsque vous dessinez une forme, elle ne ressemble probablement pas lorsque je dessine une forme. C'est parce qu'il y a un paramètre et esquisse appelé Définir par défaut, et vous pouvez personnaliser votre style par défaut. Disons que je veux que tous les miens aient automatiquement une bordure rouge de 11 pixels à l'intérieur de toutes mes formes et nous dirons, un Phil jaune vif. Je peux aller pair dans edit, puis dire, définir par défaut. Maintenant, quand je dessine un autre ovale ou rectangle ou toute autre forme, il a exactement ce stein. Donc entrer et soit tirer mon cadre métallique qui est disponible pour les gars et la ressource est ou mettre en place votre propre mise en page, puis bloquer toutes les formes dont vous avez besoin. Et nous commencerons dans la leçon suivante, place un peu plus de couleur. Probablement pas les rouges et les jaunes comme ça, mais en sortir c'est pour ressembler plus à ce que sera votre design de célébrité. 8. Travailler avec la couleur: Donc nous sommes ici dans mon tableau d'humeur. Comme vous pouvez le voir, j'ai possédé généreux et ce que je vais faire c'est zoomer ici sur ma palette de couleurs et je vais sélectionner ce carré pour que nous sachions que nous avons nos couleurs ici dans nos filles. Mais ce dont nous n'avons pas parlé, c'est ce Global couleurs et documents, couleurs, business little plus icône ici et je peux cliquer dessus Teoh, ajouter le code d'où ou peu de tout objet que j'ai sélectionné. Donc je vais le faire rapidement pour toutes mes couleurs. Ici. C' est le pouvoir que j'ai mis en place pour ce à quoi je pense que le profil d'Ellen devrait ressembler. Et maintenant, quand je retourne à mon exemple et que je choisis un de mes objets, choisissons le mais ici je peux y aller et toutes ces couleurs sont disponibles pour moi. Si j'avais des couleurs globales, que j'ai pour un projet client, je travaille sur celles maintenues dans n'importe quel fichier que vous avez ouvert et que vos couleurs de document sont spécifiques au document, donc elles n'apparaîtront que lorsque j'ai cette fichier. Donc je vais choisir cette couleur bleue ici, qui sera ma couleur interactive et non, en toute confiance. C' est la couleur exacte que je voulais travailler sur une bordure sur notre photo de profil ici, ça va être blanc, et je veux l'avoir à l'extérieur de mon image, mais je ne peux pas voir ça en bas ici. Donc ce que je vais faire rapidement, c'est faire un rectangle de la taille du campus. Et je vais utiliser le raccourci de la commande d'option de contrôle Flèche vers le bas. Et ça va l'envoyer à l'arrière absolu du tableau d'art ou au bas de la liste des calques. En fait, je vais le déplacer d'une couche au-dessus de mon cadre métallique et je vais le faire. C' est vraiment sympa, comme le gris de mon palais. Et maintenant, vous pouvez voir ma photo de profil, et c'est une bordure un peu mieux, mais je veux que ça soit super clair. Alors je vais le faire et une ombre portée. Et pour ce faire, je vais cliquer sur ça, mais ici sur le taux pour ajouter une ombre et je vais changer la distance que vous pouvez voir pendant que je monte ici. Ça sort vraiment. Euh, et je vais m'asseoir aussi. il semble plutôt bon et ne va pas étendre un peu le flou et le rendre un peu plus court. Donc dans sa petite ombre portée pour mettre ma photo de profil hors de la page. Donc pour l'instant, pour mon image de héros, je pense que ce que j'aimerais faire est d'ajouter une grande tante. Vous pouvez voir quand je clique dessus. Il est de sélectionner le groupe, quelque chose que vous pouvez faire pour contourner qui est l'option de maintien. Et vous pouvez voir quand je survole l'une des formes qu'elles sont décrites en bleu. Et cela signifie essentiellement que je sélectionne directement un objet, même s'il fait partie d'un groupe, sorte que lorsque je clique, j'ai sélectionné les calques exacts. Donc je vais aller dans mes remplissages ici, et je ne veux pas perdre ça pour l'instant. Donc, je vais ajouter un plus ici, et puis vous pouvez voir qu'il est réellement par défaut à la sélection int gourmande. Ce qui est bien à ce sujet, c'est que j'ai cette grande ici et maintenant je peux le vérifier et voir la différence de toutes les couleurs qui pourraient essayer ou si je veux juste m'assurer que je maintiens des versions de la conception ou des versions des couleurs. On va remettre ce radiant et cliquer dessus et sélectionner des couleurs différentes . Donc ici, vous pouvez voir que je n'ai plus les couleurs de mes documents. J' ai l'éclat des documents. Et puisque je veux faire mes INT gourmandes à partir de mes couleurs de document ou de mes couleurs de marque, vraiment juste faire rapidement quelques formes ici que je peux facilement les colorier à partir de mon ingrédient. Une autre façon d'entrer dans vos groupes est de double-cliquer pour sélectionner une image. Donc, quand vous retournez dans ce Grady int ici et je vais définir mes alphas aux deux extrémités 200% que je puisse avoir la couleur complète et ensuite je vais utiliser le pilote I pour choisir ce violet clair , et puis je vais sélectionner l'autre extrémité de mon int gourmand et la couleur choisir à nouveau pour mon bleu. Donc maintenant j'ai cette très belle lumière pâle gradation et c'est super sur la marque pour Ellen. Je vais supprimer ça. Donc, ce que je ressens ici, c'est que j'aime vraiment ce style de photo de profil et je veux l'appliquer à mon premier post. , vraiment Vraiment, vraimentfacile et incroyable quand vous considérez que dans l'esquisse est de sélectionner l'objet que vous voulez et vous pouvez aller dans l'édition ici et dire copie, style. Ou bien sûr, vous avez dessiné un raccourci de commande d'option. Voir, puis sélectionnez l'objet de votre choix. Appliquez cette vente ici. Je vais utiliser mon raccourci en maintenant la commande trop directe. Sélectionnez dans mon groupe. Et puis je suis l'objet de votre choix Hit option commande V ou clic droit pour le style rythmé . Et vous pouvez voir que tout ce que j'avais mis en place pour cet autre objet est maintenant dans celui-ci le remplissage de la bordure et l'ombre tout exactement à la spécification. Donc je vais faire ici est juste d'utiliser le sélecteur de couleurs, qui est le contrôle C pour avoir l'attente de mon espace réservé au cœur. Et maintenant, cela commence à se réunir un peu stylistiquement. Finis donc de bloquer un peu de couleur et de jouer avec Grady ins et les ombres portées. Et dans la prochaine leçon va bloquer dans notre type, qui se cache sous notre couche de base ici. Donc, si je ne vous ai pas déjà dit de montrer que vous pouvez passer le curseur sur n'importe quel calque et cliquer sur ce globe oculaire pour le cacher ou le montrer. Ok, je vous verrai dans la prochaine leçon. 9. Travailler avec une police: D' accord. Alors ajoutons un peu de texte, vous pouvez aller au menu type. Pour toutes sortes de façons d'éditer votre texte. Une fois que vous l'avez, vous pouvez aller insérer du texte. Nous allons, bien sûr, utiliser nos gardiens circuit un thi uh, qui dans le curseur du désert, et ensuite nous pouvons cliquer et taper sont des noms de célébrités, Ellen, généreux. Le style par défaut en ce moment est minuscule. Je vais frapper escape, ce qui me sortira du format d'en-tête de texte et ne perdra aucun des changements que j'ai faits. Il l'enregistre ici en croquis. Et puis je vais aller ici et vous pouvez cliquer sur la police de caractères pour choisir n'importe quelle police. Je vais rester à proximité de lui et je vais changer mon poids pour m'envoyer audacieux et ma taille je peux cliquer ici. On va essayer 32 et puis je vais cliquer glisser juste pour centrer ça sur la page Je vais ajouter mon arrière-plan dans un peu, mais changez l'opacité, donc c'est un peu plus facile de voir comment je travaille. Et puis je vais changer ma couleur pour être une de mes couleurs de document. ici. Je vais dupliquer ce texte juste parce que c'est un moyen facile de faire. Il commence dans la palette des calques qu'il nomme mes mes calques avec le texte que j'ai écrit. J' ai désactivé le réglage et l'esquisse pour créer de nouveaux noms pour tous mes fichiers en double. Vous pouvez le faire ou ne pas le faire. Si tu veux. Vous allez simplement dans les préférences d'esquisse renommées Couches dupliquées ou cochez la case. Je vais laisser le mien coché parce que si je vais dans ce deuxième texte et que j'appuie sur Entrée et et dans ma biographie sur Ellen, qui est quand je frappe l'évasion, vous pouvez voir que ce qui se passe du tableau d'art est caché, mais j'ai ma boîte de délimitation ici et le avec Rick. Maintenant, mon texte est réglé sur auto, ce qui signifie qu'il va juste continuer à ajouter et sur et sur pendant que je tape. Mais s'ils le modifient en fixe, cela va en faire une taille spécifique. Et je peux changer mon avec ici. Teoh 100 ou je peux cliquer et faire glisser à la taille comme je veux de l'auto. Vous pouvez également cliquer et faire glisser animal automatiquement vous basculer pour corriger si rapidement. Je vais juste déposer le texte que je veux ici pour ma biographie sur Ellen. Et je vais changer une partie de la couleur, vous savez, la lumière dans tout ça un peu. Et je vais le mettre sur normal pour une certaine différenciation de mon en-tête. Rends-le un peu plus petit. Peut-être que c'est trop petit, et on va se concentrer. Ok, maintenant je vais dupliquer ça aussi, mais je vais garder la même taille, et je vais écrire dans le lieu de naissance, qui pour Ellen est une ville en Louisiane, et je vais mettre ici ma propre lignes à gauche aligné au lieu de centré pourrait également justifier ou écrire une ligne. Je vais changer mon auto avec orteil et juste une sorte de nous traîner ici où je veux qu'il peut également ajuster avec vos touches fléchées, et je vais définir la couleur pour être ma couleur interactive que j'ai sélectionné avant les autres. Donc, si vous pouviez faire avec du texte même si je n'en ai pas besoin ici maintenant est ajouter des soulignements pour décoration ou ajouter une liste à puces ou numérotées. L' horaire cache souvent beaucoup de détails ici. Donc, vous voyez un bouton de paramètres comme celui-ci ne pas ignorer. Il a généralement de bonnes choses dedans. Hum que je vais dupliquer ça ici et encore à ma date de naissance, qui est le 26 janvier pour Ellen. Et maintenant, je vais organiser ce truc un peu. Ok, donc dans mes fesses et je vais copier celui-là et le coller. Ensuite, je vais sélectionner les deux et utiliser ma palette d'alignement pour mettre en place cette configuration, est-ce pas ? Je vais appuyer sur la commande G pour les regrouper et puis la commande sont de nouveau de les renommer. Je vais les appeler, mais dans. Et puis je vais maintenir la commande enfoncée et cliquer dessus pour sélectionner ce morceau de texte. Et je vais juste changer la couleur de l'orteil blanc pour que vous puissiez le voir sur le bouton. Ici. Aussi, ce dos 200 % ou texte est un peu nettoyé, et dans la leçon suivante, on va commencer à faire tomber certaines de nos photos. Et puis après ça, travailler sur ses courses ANC. Donc, je vous verrai les gars suivant dans ces 10. Travailler avec des images: Ok, donc je vais commencer par déposer l'image que je veux utiliser pour le premier post d'Ellen. Je vais utiliser cette photo d'elle, euh, comme elle parle Dori dans Finding Nemo. Je vais descendre ici dans mon poste. Uh, si je commande cliquer pour que je sois juste le prochain post, je vais, Teoh rythme là. Vous pouvez voir qu'il le colle juste au-dessus du calque que j'ai sélectionné. Donc ce que je vais faire ensuite, c'est que je vais faire un clic droit sur le premier post ce calque en dessous auquel je veux l'attacher, et je vais sélectionner utiliser comme masque. Maintenant, vous pouvez voir que les deux couches au-dessus de mon masque, comme il a été renommé, ont ces icônes qui montrent qu'ils sont affectés par elle s'arrête ici à la poste parce que ces éléments Aaron un groupe. Si j'ai déplacé mon masque hors de ce groupe au-dessus, vous pouvez voir que tout le reste de mon fichier est affecté par le masque. Alors je vais remettre ça dans mon groupe. Vous pouvez soit faire glisser des choses dans votre groupe, soit vous pouvez passer le curseur au-dessus de la couche de dossiers si vous faites cela, cela va placer le calque que vous déposez en haut de votre groupe. Hum, donc je vais faire glisser ça vers le bas. Ok, donc maintenant je vais entrer et faire exactement la même chose pour ma photo de profil pour Ellen sur Dhere. Vous pouvez voir que je ne l'ai pas dans un groupe. Je vais le coller de toute façon. Ça ne jette pas tout mon design en ce moment parce qu'ils n'ont rien au-dessus. Mais je vais regrouper ça et la renommer image de profil pour qu'au cas où je changerais quoi que ce soit, ça ne ruine pas mon design. Et je garde mes masques contenus. Donc quand vous utilisez son masque et que je vais sélectionner l'image d'Ellen et la palette de couches, et je vais passer la souris au-dessus du coin supérieur droit pour que je puisse obtenir un changement de taille bien fait pour garder la même proportion. Mais je vais aussi maintenir l'option enfoncée pour que je redimensionne, euh, à partir d'un point d'ancrage central au lieu du coin opposé que j'ai sélectionné. Donc, maintenant Shift une option pour obtenir quelque chose qui ressemble à ça. Et maintenant nous avons quelques belles photos qui se rassemblent, mais je pense que je veux avoir une photo pour mon héros. Images. Eh bien, donc je vais entrer et prendre juste une belle image de stock que j'ai collectée précédemment et appliquer ça comme une mascotte. Eh bien, je vais faire pleuvoir mon groupe cette image de héros. Cliquez dessus en appuyant sur. Entrez orteil, ouvrez un groupe qui se trouve dans votre palette de couches. Et puis je vais faire un clic droit sur ici l'image utilise, masque et redimensionner et réaligner mon image comme nous le voulons. Ok, donc notre design se réunit, et la dernière phase dont nous allons parler en termes de design est les icônes et l'utilisation de l' outil vectoriel ainsi qu'un style de forme dont nous n'avons pas encore discuté. On vous verra dans la prochaine leçon. 11. Icônes et travailler avec l'outil vectoriel: Ok, donc je vais changer mes antécédents ici pour être un peu transparent, parce que c'est là qu'on veut trouver une icône pour l'endroit. Je vais faire un nouveau cercle en utilisant le raccourci O, vais éteindre mon remplissage, et je vais faire une bordure avec ma couleur interactive. Maintenant que nous avons la forme, ce que nous pouvons faire est frapper, entrer, et maintenant vous pouvez voir que nous regardons les points de colère de la façon dont la forme est Bill et nous pouvons les transformer et les manipuler. Une des choses que j'aime à propos de croquis est les quatre différents types de points et leur mappé pour garder les contrôles Donc vous pouvez choisir un pour deux droits pour miroir trois pour déconnecté ou quatre pour asymétrique devrait, bien sûr, ce qui signifie qu'il n'y a pas de poignées qui en sortent. Et tu es tout droit. Les angles en miroir garderont votre longueur exactement la même des deux côtés du point d'ancrage. En plus de refléter l'angle sur lequel ces poignées sont déconnectées vous permet de changer séparément l'angle et la longueur de votre poignée, puis asymétrique maintient l'angle le même, mais vous permet d'avoir différentes lance de votre poignée. Donc ce que je vais faire pour celle-là, c'est en frapper une pour faire cette rue. Je vais juste faire une petite icône pour un endroit, faire un autre petit cercle ici et en ligne. Je vais utiliser mon raccourci clavier pour la commande d'option, voir, copié le style et le baser sur cet autre cercle. Et puis je vais le rendre un peu plus grand ici, et ça a l'air assez bien, mais je veux juste entrer et changer la forme de ce bord. Donc je vais utiliser va frapper quatre pour utiliser mon asymétrique, et je vais tirer ça un peu vers le bas. Je ne vous ai pas encore entendu les règles. Nous pouvons les activer en appuyant sur Contrôle sont ce qui est différent à propos de l'esquisse est que vous survolez cet accès et que vous faites une ligne sur cet accès, alors que dans adobe cliquerait ici et retirerait un guide vertical. Donc, pour faire un guide vertical ici en haut et pour faire un guide horizontal, vous êtes sur le côté gauche. Donc ce que je vais faire, c'est que je vais frapper, entrer et retourner dans mes points d'ancrage ici et sélectionner celui-ci. Je vais mettre en place un guide pour savoir où est ma poignée. Donc, sur ce point d'ancrage quand j'en avais quatre pour obtenir une vue asymétrique, je peux le tirer vers le bas et l'avoir exactement correspondre. Et vous pouvez voir là qu'il s'accroche à ce guide pour m'aider à avoir le style parfait. C' est un musée ici et fais un groupe de ces deux-là et je vais les appeler Icône de localisation et on va faire une star. Je viens pour celui-ci afin que je puisse le faire en frappant V, qui est l'outil vectoriel très similaire au crayon et dessiner l'étoile. Mais comme vous pouvez le voir, bouger rapidement, ce n'est pas très uniforme. Donc, je vais insérer une image ici, et je vais utiliser la forme d'étoile qui est fournie avec mon curseur changé pour les années croisées . Ça pourrait voir que je vais juste cliquer, glisser et faire ma forme. J' ai toujours mon style sélectionné parmi les dernières icônes. Je vais opter pour coller la commande et l'avoir là-dedans, puis je veux jeter un oeil à la palette de l'inspecteur pour quelques variables qui s'étouffent pour cette icône de tour ou une forme d'étoile , mais apparaissent aussi pour beaucoup d'autres formes. Donc je peux affecter le rayon de ce à quoi ressemble mon étoile. Et je peux ajuster ici combien de points il a fait un beau 10 et puis je peux aussi frapper, entrer et aller dans cette forme et ajuster l'un de ces points de colère comme je le souhaite. Eh bien, c'est une étoile assez radicale. Je vais contrôler Z pour les annuler et le laisser comme c'est comme ça. Donc, en allant dans ma place ici, je peux aussi ajuster mon rayon et arrondir les coins de ma place vraiment bien et vraiment facilement. Ce que je pense est aussi génial ne va pas Adam frontière. Donc je vais ajouter une ombre portée à ça, et je ne vais pas faire une sorte de classique qui va faire une bordure solide si hors de ça et ramener mon flou à zéro. Et ce qui est vraiment cool, c'est que si j'ajuste mon rayon de coin, c'est aussi ajuster mon ombre portée pour qu'elle soit parfaitement alignée. Ok, donc en descendant la page. Je vais remplacer cet espace réservé au cœur. J' ai déjà un design pour une icône de cœur de nuit que je n'ai pas illustrateur. Donc je vais ouvrir ça. Et bien que je ne puisse pas ouvrir un fichier illustratif dans le sketch, ce que je peux faire est de sélectionner le spectre, copier et de le coller directement dans mon fichier d'esquisse, allant Teoh un instant, en le déplaçant hors de ce groupe pour qu'il ne soit pas affecté par le masque et il est obtenu dans un groupe en tant que page 1. Donc je vais non soigné fosse, et ensuite il a ce fichier de lecteur de clips. Ça n'arrive pas toujours. Je ne suis pas totalement sûr de comment cela fonctionne entre les fichiers, mais vous pouvez également copier et coller des vecteurs sans que tous ces excès de choses se produisent. Mais pour le moment, supprimons ce calque de clip, vile. Et maintenant, nous avons cette ville. Je vais lire le cœur du calque dans un hit Enter et je suis capable d'ajuster les points de colère, Justus ils pourraient, avec n'importe quel vecteur que j'ai créé ici dans le croquis, redimensionner ça et le déplacer ici. Copiez la couleur. Débarrassez-vous de mon espace réservé. Déposez ça dans mon dossier. Et maintenant, j'ai une belle icône de cœur sympathique. Sur mon premier billet, les dernières icônes qu'on n'allait pas avoir sont en haut. , Ce que je vais faire,c'est utiliser l'outil de ligne ici pour faire mon icône de hamburger. Donc, je viens d'appuyer sur L pour l'outil de ligne et je clique et fais glisser pour créer ma forme. Et puis je vais faire de celui-là une couleur sombre pour le moment, et on va grossir l'épaisseur. Et ce qui est un peu caché dans l'esquisse, ce sont les propriétés de la bordure. Vous pouvez cliquer sur ces paramètres et vous pouvez voir que je peux changer la fin de ma ligne pour être arrondie ou comment les articulations peuvent fonctionner dans n'importe quelle forme ou vecteur. Et puis je vais zoomer ici un peu et je vais tenir enfoncé, option et faire glisser ma ligne. Vous pouvez voir que le croquis me donne les mesures de la distance entre eux. Allons-y avec six. Et une belle astuce que vous pouvez utiliser est la commande D. Vous pouvez dupliquer la forme que vous avez faite à la distance exacte que vous avez déplacée. Donc, si je maintiens cette couche intermédiaire enfoncée et que j'utilise ma touche d'option pour voir mes mesures. Vous pouvez voir que c'est exactement six dans les deux sens. Maintenant que j'ai ces trois, je vais les regrouper et les renommer Icône Hamburger. Et ça m'a alerté ici pendant que je le regarde, un que je l'ai mal orthographié en deux. Que j'ai mal géré mes couches un peu. Alors peut-être que vous êtes meilleurs que moi. Je, hum, constamment organiser et nettoyer mes fichiers aussi diligent que vous pouvez essayer d'être Dans mon expérience personnelle, c'est toujours un peu difficile de garder les choses organisées, mais avoir un bon système que vous pouvez revenir en arrière. Teoh est la clé pour moi. Donc je vais rapidement nettoyer ici et les groupies, les renommer et les appeler date de naissance. Ok, donc on va encore parler des règles ici. Je sais que j'ai une autre icône que je veux faire à l'autre extrémité de mon écran ici, et je veux qu'ils soient relativement la même hauteur ou au moins liés. Donc, cet objet que j'ai sélectionné, je peux mettre mon curseur ici sur la règle et ce sont des cartes vers le haut ou le bas de ce groupe . Et donc je vais cliquer juste pour créer deux règles. Ils vont supprimer mon espace réservé ici. Et puis je veux dire frapper. Oh, pour créer un cercle et tenir le quart de travail. Euh, vite. Je vais juste revenir ici et copier mon style en utilisant la commande d'option. Tu vois ? Et puis communauté d'option v ici pour le coller. Et puis je vais utiliser mon outil de ligne, qui est l pour cliquer et faire glisser le bas de ma petite icône de recherche. Et je vais coller le style que j'ai sélectionné, puis regrouper ces deux-là et les renommer . Et maintenant, j'ai une recherche que j'ai. Donc, si je regarde ce groupe d'en-tête et que je veux ajuster quelque chose sur mon hamburger, je peux devoir en quelque sorte maintenir la commande et sélectionner un objet dedans. Mais ça va trop profond. C' est donc trop spécifique. Je ne veux pas vraiment la ligne de l'icône du hamburger. Je voulais juste le hamburger. Je viens une des façons de se déplacer qui est de passer ici dans la douleur de votre inspecteur et de cocher cette case qui dit cliquer à travers un. En le sélectionnant, ce groupe fait partie de votre liste de couches uniquement pour l'organisation et votre liste de couches, et cela n'affecte rien de votre participation à bord. Donc maintenant, lorsque je clique dessus, je peux immédiatement sélectionner l'icône de hamburger sans avoir à maintenir la touche de commande enfoncée et obtenir ce que je veux rapidement et facilement tout en ayant l'organisation visuelle dans ma liste de calques. D' accord, c'est tout. Je vais juste faire un nettoyage final, mais mon design est à peu près terminé. Espérons que le vôtre est venu très bien aussi. Je suis super excité de les voir tous. Alors n'oubliez pas de partager le projet de classe, et je vous verrai dans la dernière phase. 12. Raccourcis du clavier: J' ai mis un pdf pour vous les gars. C' est une liste de tous leurs raccourcis que j'ai parcourus dans toutes les bénédictions. Vous pouvez le vérifier dans la classe. 13. Réflexions finales: Félicitations pour avoir fini ton cours. Ou au moins prendre un essai sur un nouveau morceau de logiciel. J' espère que vous avez apprécié les leçons, et j'espère que vous avez appris quelque chose. J' ai appris quelques choses sur la mise en place de ça. Hum, et je suis vraiment excité de voir tes projets. Donc, si vous n'avez pas déjà mis vos progrès dans un projet de classe maintenant et que vous posez les questions que vous pourriez avoir, je vais vérifier ce cours tout le temps pour répondre à ces questions et j'espère apprendre avec vous les gars. Merci de m'avoir rejoint dans ce cours. C' était une explosion absolue et ma fin, et j'espère vraiment que tu l'as apprécié. Et je vous verrai bientôt.