Masterclass de conception numérique pour les graphistes

1. Aperçu du cours - NEW: l' avenir du design est numérique. Ce cours a été conçu pour permettre aux graphistes de se familiariser avec les derniers et les plus grands projets de focus numérique afin qu'ils puissent élargir leurs compétences et offrir plus de services. Ce cours est massif couvrant tant de projets de design numérique provenant des médias sociaux, je peux concevoir du Web design et plus encore. Tout d'abord, nous abordons la théorie du design numérique, apprenant les différents aspects de la conception pour le numérique comme la création de campagnes de médias sociaux puissantes , conception de sites web, mise en page pour le numérique et même la conversation sur l'accessibilité dans le design numérique. Ensuite, nous conquérons plusieurs projets de design numérique populaires, y compris la création de plusieurs miniatures YouTube qui incitent les utilisateurs à cliquer. Nous créons même une campagne de médias sociaux entière et discutons de la façon de concevoir pour Facebook instagram. Nous parlons même de créer des annonces d'affichage pour les sites Web afin que vous puissiez vous sentir à l'aise pour étendre vos compétences à tous les types de création d'annonces numériques. Avez-vous toujours voulu savoir comment créer une couverture de livre E convaincante ? Va faire exactement cela et apprendre à concevoir un livre couvertures. Nous parlons du dimensionnement, de l' exportation et de la façon de créer un design qui attrape les spectateurs. L' attention passera sur la façon de prendre la typographie écrite à la main et l'apporter dans Photoshopped pour l'utiliser sur notre couverture de livre électronique et aussi apprendre à travailler avec d'autres esquisses APS comme Procreate pour apporter la vie des actifs écrits à la main. Nous créons également notre propre maquette pour afficher notre design final. Aimez-vous esquisser ou illustrer ? J' ai même créé un projet étape par étape où nous prenons un croquis au crayon et la numérisons à l'aide outil stylo d' Adobe Illustrator. Savoir numériser des croquis est une grande partie de l'expansion de vos compétences. Situé dans l'arène numérique, design Icahn est au centre de tout projet de design numérique. Les icônes peuvent être utilisées sur des sites Web, APS mobiles, des applications et plus encore. Et nous allons utiliser un modèle fourni pratique que nous créons un concept élevé cohésif. Ou apprenez comment utiliser des grilles pour créer un ensemble thématique et même comment ajouter de la couleur et comment exporter des icônes partout et les bonnes tailles pour une utilisation partout. Après avoir créé une icône de base simple, set va aller encore plus loin pour créer une icône de l'application Apple Store très détaillée à partir de zéro. Wilder. Beaucoup d'outils comme comment utiliser l'éclat pour créer un effet dimensionnel ainsi que les outils de motif, et beaucoup d'autres apprendront comment exporter ces fichiers pour une utilisation sur Apple Store, ainsi que comment présenter notre icône dans un de manière professionnelle. Il est difficile d'enseigner le design numérique pour les graphistes sans inclure quelques sections qui se concentrent sur le Web design va apprendre quel rôle les graphistes de Zara dans l'espace, ainsi que comment préparer un fichier d'exportation pour les projets de conception Web, nous allons apprendre à partir de zéro. Adobe X T et un cours de crash rapide apprendront de nombreux aspects de la conception et de la mise en page Web solides en créant une page de destination ensemble. Pas à pas. Nous allons même apprendre avait un lien ou plusieurs pages ensemble pour créer un prototype de travail et apprendre quelques façons d'exporter nos fichiers pour un développeur Web. Enfin, nous allons conquérir un site web de première page conçu pour une entreprise de voyage. L' utilisation de WordPress apprendra les bases mêmes de WordPress et apprendra le plug de construction de page très populaire pour WordPress appelé Element, ou pour construire notre page Web, musique, arrière-plans vidéo, parallaxe images, icônes, colonnes, texte animé et plus encore. Enfin, il y a des tonnes de ressources téléchargeables est dans cette classe, y compris les modèles pré-faits pour la plupart des projets. Cela inclut Photoshopped, livre électronique, YouTube, YouTube, modèles de médias sociaux et un jeu d'icônes, une icône APP Store, modèle et un illustrateur adobe. Ce cours n'est pas destiné aux étudiants qui n'ont jamais été dans Adobe Photo Shopper illustrator auparavant, mais ce cours est assez général et assez basique pour la plupart des concepteurs graphiques débutants qui sont intéressés à ajouter cela à leurs compétences pour ceux qui n'ont jamais ouvert le logiciel Adobe auparavant, je suggère de suivre mon autre cours de conception de base appelé Graphic Design Master Class, pour se lancer dans ces outils très, très basiques. Ce cours suppose que vous avez des connaissances de base sur Adobe Photo Shop et illustrateur et des outils comme WordPress, Adobe X'd, le générateur de page élémentaire et Mawr sont enseignés à partir de zéro, donc aucune expérience préalable n'est nécessaires pour ceux - ci. Alors, êtes-vous prêt ? Complétez votre jeu de design et ajoutez un tout nouveau jeu de compétences à vos offres. Êtes-vous prêt à explorer cela ? Un site central du design. Je te verrai dans la première leçon 2. Le guide du cours EST IMPORTant !!!!: bienvenue au cours. Je suis si heureux que vous ayez décidé de vous joindre à moi pour ce merveilleux voyage de design numérique avec moi. Je voulais passer en revue quelques choses essentielles avant de commencer le cours. Tout d'abord, ressource téléchargeable est que vous remarquerez un fichier ZIP joint à cette leçon. Cela contient beaucoup de fichiers de modèle utilisera sur les projets, ainsi que plusieurs images, vidéos, vidéos, fichiers locaux et autres actifs qui seront utiles orteil avoir lors de la création de votre propre version de chaque projet dans le cours. Et en parlant de projets étudiants, il y a un fichier de guide de projet étudiant qui vous donnera plus de détails sur les projets qui seront chargés pendant qu'il a travaillé pendant les leçons. Il y a aussi un document Word téléchargeable qui contient tous les liens vers diverses ressources externes comme des photos, des liens utiles et certains des programmes qu'ils ont utilisés tout au long du cours. Et rappelez-vous, ce cours nécessite des connaissances très basiques de la boutique photo, et illustrateur sera utile pour commencer ce cours avec quelques connaissances de base sur l'outil. Déjà, je ne vais pas enseigner Adobe Photo Shop et Illustrator à partir de zéro, bien que la plupart des outils que je présente. Je vais aller de zéro. Je veux que vous soyez à l'aise avec le système de superposition, la mise en page de base des programmes et la façon de trouver les outils de base. Un illustrateur. Je veux que vous ayez utilisé l'outil de broche quelques fois avant de commencer ce cours. Pas besoin d'avoir une expérience préalable dans WordPress, le générateur de page élémentaire ou Adobe X'd, car ces programmes seront enseignés dès le début. Si vous avez besoin d'une formation supplémentaire en photo shop et en illustrateur dès le début et que vous avez besoin de cette instruction très basique, je vous propose un cours de design graphique débutant appelé Graphic Design Masterclass qui va vous mettre à la vitesse. Il n'est pas nécessaire de suivre ce cours tant que vous possédez des connaissances de base sur Adobe Photo Shop dans Illustrator. Je veux que vous suiviez ce cours à votre rythme et que vous vous sentiez libre de travailler à mes côtés, chaque projet recréant le projet étape par étape, ou, chaque projet recréant le projet étape par étape, ou, si vous aimez regarder les leçons et essayer votre propre projet. C' est également le bienvenu pour chaque projet a des fichiers utiles pour vous aider à commencer à créer vos propres projets à utiliser dans un portefeuille ou pour montrer vos compétences. J' ai un groupe Facebook d'étudiants exclusif pour ceux qui veulent publier des projets et s'engager avec d'autres dans un cadre communautaire amical et serviable. Il suffit de taper la conception d'apprentissage, Go Freelance et la barre de recherche Facebook pour localiser le groupe et assurez-vous de répondre aux questions posées. En plus des projets étudiants, j'ai aussi des défis mensuels de conception d'étudiants. Si vous n'êtes pas sur Facebook, je poste également ces défis de conception mensuels sur ma chaîne YouTube à youtube dot com slash Lindsay Marsh. Vous pouvez également poster votre travail dans la section Q et une section de ce cours. J' ai hâte de voir ce que vous créez pendant que vous travaillez à travers ce cours. C' est le plus intense de tous mes cours, tout simplement parce que la grande variété de types de projets que nous travaillons sur ces projets. Prenez-les un à la fois et pensez à ce parcours comme un marathon et non pas un sprint. C' est un excellent orteil d'introduction. Tous ces différents projets de design numérique et des cours plus intermédiaires et avancés sur les thèmes de l'amour conçus, par exemple, seront bientôt disponibles. Mais ce cours vous permettra au moins d'obtenir la première étape du processus pour vous aider à démarrer. J' adore les critiques. Donc, quand vous avez une chance que vous travaillez à travers les pores pour laisser un commentaire, je lis chacun et tout le monde j'apprécie vraiment ce que vous les gars et je suis impatient de vous avoir en tant qu' étudiant. Alors allons-y et commençons. Je te verrai dans le premier projet. 3. Introduction à la conception pour le numérique: La conception numérique désigne tout design conçu pour l'espace numérique, y compris les appareils mobiles, les tablettes, les ordinateurs de bureau, ordinateurs de bureau écrans de projecteur, grands panneaux d'affichage numériques et plus encore. Les graphistes se sont surtout concentrés sur les projets de conception d'impression comme les cartes de visite, les bannières stationnaires de zoo, les T-shirts, chapeaux, conception de paquets dans le passé. Mais à mesure que le temps passe, il n'y aura que B'more et plus de demande pour les projets numériques. C' est à vous en tant que concepteur d'être bien informé dans tous les aspects du design numérique, de sorte que vous pouvez vous sentir à l'aise pour concevoir des écrans super petits et super grands écrans de projection , aussi. Tous les projets de conception numérique sont dimensionnés à l'aide de pixels, de pixels ou de carrés de lumière qui peuvent être blancs, rouges, verts, bleus ou noirs. Tous les affichages numériques sont créés à l'aide d'une certaine zone de pixels. Votre écran large 10 80 p images TV Air créé en utilisant une combinaison de 1920 pixels et 10 80 pixels et battage médiatique, ce qui donne à cet écran un total de 2 073 600 pixels. C' est beaucoup de pixels qui, soit savaient juste être activés pour créer cette image haute et nette résolution. Quatre grains de boîtier utilisant encore plus incroyable quantité de pixels orteil illuminent l'écran avec 2160 pixels de hauteur et 38 40 pixels. Et fouetter. Je pense que l'aspect le plus difficile de travailler avec des projets de design numérique en tant que concepteur est le large éventail d'écrans avec lesquels nous devons être prêts à travailler. Parfois, ils pourraient être plus petits comme un iPhone huit écran entrant et seulement 750 pixels large par 1334 pixels de hauteur. Encore plus petite encore est une annonce d'affichage mobile qui arrive à seulement 300 pixels sur 50. Je pense que la clé pour être un grand designer numérique est de comprendre comment utiliser au mieux les petites tailles à votre avantage. Par exemple, une simple campagne sur les médias sociaux. Disons que nous avons différentes tailles avec lesquelles nous devons travailler, mais nous devons en quelque sorte communiquer certaines informations de base requises par le client. À mesure que nos tailles deviennent de plus en plus petites, certaines concessions doivent être faites, et c'est à vous de le comprendre et de communiquer avec le client. Ces concessions, par exemple, dans notre campagne sur les réseaux sociaux, nous avons commencé avec de gros messages Facebook, puis nous devons créer des annonces d'affichage statiques ou il y a des petites annonces que vous voyez sur en haut et sur les côtés d'un bloc de contenu ou d'un blawg. Certaines de ces annonces d'affichage peuvent être très petites. Plus petits encore, sont ces annonces d'affichage mobiles. Nous devons en quelque sorte convaincre notre concept principal et le thème dans des domaines plus petits, mais conserver sont toujours l'image de marque cohérente notre message et notre concept principal de la campagne. Et nous le faisons en nous concentrant sur ce qui est le plus important dans ce cas. L' action appelée est la partie la plus importante d'une annonce, et sans raison de cliquer sur la page de destination, votre site Web n'a aucune valeur créée par l'annonce. C' est juste statique, et ce n'est que les médias sociaux. Il y a tellement de catégories et de design numérique qui dépendent d'un graphiste pour développer les graphismes. Car il y a aussi la conception pour mobile. Il peut s'agir de versions mobiles, APS ou même mobiles de sites Web. Quelles couleurs utiliser, comment utiliser le contraste, quelles pensées utiliser ? Toutes ces décisions jouent un rôle important dans l'efficacité d'une application mobile ou d'un site Web. Il y a aussi un format plus grand. Des graphismes numériques comme ceux que vous voyez dans votre stade local. Leur power point diapositives pour les grandes conférences qui doivent être faites qui correspondent à l'image de marque de la conférence. Il y a même des panneaux d'affichage numériques grand format, qui sont de plus en plus favorisés par rapport aux panneaux d'affichage imprimés de style ancien. En raison des coûts réduits d'utilisation d'un panneau d'affichage numérique, icônes comme celle que vous voyez pour les icônes APP sur votre téléphone doivent également être créées. Il existe une méthode spéciale pour créer ceux qui utilisent une grille spéciale créée par Apple pour aider à trouver le placement le plus efficace des éléments. Certaines icônes peuvent être vues mieux que d'autres et une mer de différentes icônes d'application. Parfois, l'utilisation de la couleur comme un rouge, peut aider vraiment se démarquer dans ce C ou une forme simple ou une lettre. En outre, il y a des icônes qui doivent être créées pour APS, sites Web et applications. Il y a un art à créer des icônes qui communiquent des actions complexes. L' utilisation des formes les plus simplifiées est possible. Les icônes ne peuvent être que 50 par 50 pixels et la taille de n'importe quel moment, donc être en mesure de simplifier un concept complexe est quelque chose appris et pratiqué Icônes qui seront utilisés comme un ensemble ensemble doivent avoir un look et une sensation cohérents. Par exemple, ils ont une taille de trait similaire dans l'ensemble, et ils ne s'arrêtent pas là. Il y a aussi des vignettes vidéo qui doivent être créées pour YouTube et d'autres plateformes . Ceux-ci doivent convertir et être efficaces pour dessiner l'utilisateur à cliquer sur la vidéo. façon dont vous utilisez les photos, les couleurs et la typographie contribuera à l'efficacité de la vidéo et des taux de clics . Par exemple, miniatures YouTube qui sont simples dans la nature et qui ont un point focal principal ont tendance à faire mieux que celles qui ont des tonnes de texte et de photos. En outre, ces miniatures avec les visages des gens ont tendance à mieux convertir avec des miniatures avec seulement du texte . C' est parce que, comme les humains ont tendance à se connecter aux visages humains et à la psychologie humaine, pouvons jouer un grand rôle dans le design numérique. Il y a aussi des couvertures de livres électroniques, et elles ont tendance à stimuler les ventes en fonction de l'efficacité de la conception de la couverture. Parfois, la couverture d'un livre est la seule chose que le spectateur voit quand il trie des centaines de sélections de livres possibles et qu'il est capable de créer une couverture de livre numérique qui convertira, attirera et vendra. Le livre peut faire la différence entre les bonnes ventes et les grandes ventes. Comme vous pouvez le voir, concepteurs ont d'énormes rôles à jouer dans un monde supplémentaire, et c'est notre travail de nous assurer que nous sommes prêts à créer rapidement des images très efficaces qui pourraient générer des ventes pour nous-mêmes, nos clients et les entreprises pour lesquelles nous travaillons. 4. Théorie de conception pour les réseaux sociaux: qu' est-ce qui se passe dans la conception d'une image à utiliser sur les médias sociaux ? Quelles sont les choses qui sont connues pour être efficaces et qui attirent ces balles hautes à notre contenu  ? Il y a quelques règles de base et des conseils qui peuvent vous aider à être plus efficace. Concepteur de contenu de médias sociaux Tout d'abord, comprenez votre public cible. Qui essaies-tu de parler ? Teoh ? Essayez de comprendre le public cible en étudiant les informations démographiques. Vous obtenez cette information pour qui vous travaillez ? Votre annonce d'affiche sera-t-elle affichée ? Deux femmes de plus que des hommes ? Vous les ciblez ? Et une démographie plus jeune qui pourrait façonner et façonner la façon dont vous abordez le design ? Une population plus âgée pourrait avoir besoin d'une approche de conception plus prudente, tandis qu'un public plus jeune pourrait se connecter davantage avec quelque chose de plus audacieux et de montrer s'arrêter. Enfin, là où ils se situent géographiquement, ceux des États-Unis pourraient se connecter davantage à un certain design que quelqu'un d' Amérique du Sud ou d'Asie, en utilisant peut-être des photos qui représentent le mieux le public cible. Plus pourrait aider à cet égard avec votre annonce être authentique et il semble évident. Mais être authentique est plus facile dit que fait surtout dans le travail avec les clients faisant de la publicité payante . Les clients veulent pousser les offres et les services sur les produits. Mais nous devons trouver des moyens de créer un design qui les rendra moins semblables à vos offres standard. Nous voyons tous les jours, et ils font un orteil plus convaincant. Notre public cible. Par exemple, nous pouvons créer une simple annonce pour une entreprise de nourriture pour animaux de compagnie et placer un sac de nourriture directement au centre de l'annonce sur les réseaux sociaux avec un simple coupon. Cela semble très traditionnel, mais, eh bien, eh bien, que faire si nous utilisions une image d'un propriétaire d'animal de compagnie appréciant son chien et ensuite la photo d'un produit  ? Mieux encore, si nous nous connections avec eux en utilisant un titre intelligent aussi ? Ce sont de petits petits ajustements et changements annonces orteils, mais ils peuvent avoir un impact important sur l'efficacité de l'utilisation de l'annonce. Contraste bien, et nous parlons de contraste dans presque toutes les leçons de cette classe. contraste est la simple différence entre les éléments de conception. Plus la différence est dramatique, plus le contraste est élevé. Nous pouvons utiliser efficacement le contraste en tant que concepteurs pour attirer les yeux de l'utilisateur dans la partie la plus importante de l'annonce, généralement l'appel à l'action, ou qui maintenant glisser vers le haut pour plus de bouton ou de zone. Mais nous pouvons également utiliser le contraste avec notre type en mettant en évidence un mot dans notre titre pour faire ressortir un mot plus favorable qui aide à pousser les gens vers notre objectif principal pour l'annonce. Par exemple, cette annonce qui utilise le contraste pour amener ce mot dans le titre pour attirer l'utilisateur dans le concept global du contraste publicitaire peut être facilement utilisée pour de nombreux éléments qui diffèrent considérablement peut causer un aspect d'annonce occupé, obsolète et très difficile à regarder le contraste est préférable d'utiliser avec parcimonie et avec un but. Utilisez des photos qui se connectent à la visionneuse. Cela revient à être authentique aussi. Les photos choisiraient pourraient avoir d'énormes impacts sur le dessin des spectateurs. Et cela est vrai aussi pour les annonces imprimées traditionnelles. Prenez, par exemple, cette annonce pour une salle de sport, nous pouvons utiliser la photo standard qui est facilement jeté un coup d'œil sur où nous pouvons utiliser une image à impact plus élevé pour attirer ces spectateurs et arrêter même pendant une seconde pour jeter un coup d'oeil supplémentaire à la photo et l'annonce. Les photos en couleur ont tendance à attirer les utilisateurs et plus que le noir et blanc se souviennent dans les médias sociaux . Vous avez le moins de temps disponible pour attirer les gens dans votre affiche. Ajoutez la moindre quantité de toute autre plate-forme publicitaire. Pensez à la vitesse à laquelle vous faites défiler votre flux instagram. Pas beaucoup de temps, est-ce des photos de la première chose que les gens voient et ils commencent à lire le texte. Ensuite, utilisez ceci à votre avantage. Comment vous recadrez. Votre image est aussi énorme. Nous pouvons rendre les choses ordinaires ou dramatiques simplement en les recadrant de la manière la plus convaincante dans cet exemple de la fille dans un endroit exotique. Le recadrer de cette façon. Ça a l'air sympa, mais recadrez comme ça. Cela semble presque magique et inspirant. N' hésitez pas à éditer vos photos aussi. Pour ajouter des touches de couleur, vous pouvez le faire facilement, soit en ajoutant de nouveaux calques à la boutique photo ou à un éditeur de photos et en utilisant les modes de fusion pour dessiner la couleur pour faire des couchers de soleil. Et plus dramatique, j'ai même vu des gens cloner dans des nuages différents pour vraiment mettre la scène. Mais s'il vous plaît soyez prudent d'être authentique aussi. Parce que les influenceurs célèbres des médias sociaux ont eu des problèmes pour ajouter et faux nuages ou faire du shopping photo, leurs corps. Il y a une ligne fine, et c'est à vous de décider où cette ligne tombe pour vous et vos téléspectateurs. Quoi que vous fassiez, assurez-vous de raconter une histoire vraie, crédible crédibleet authentique. Utiliser de la variété. Pensez à vos messages sur les réseaux sociaux et à vos campagnes comme une tapisserie d'art. Il doit y avoir une certaine cohérence de marque tout au long de tout, mais cela ne signifie pas que vous devez créer un cookie. Cutter ajoute que tous ont le même format. Certaines personnes aiment voir différentes photos étant utilisées les manchettes, les arrangements et le style. C' est idéal pour tester les utilisateurs afin de déterminer quelle est la meilleure mise en page et l'efficacité pour différents types d'annonces. Les médias sociaux font partie de plus en plus d'un ensemble de compétences de concepteur et savent comment le mieux conçu pour les médias sociaux peut vous rendre plus commercialisable en tant que concepteur. Dans l'ensemble, cela nécessite beaucoup de pratique et de tests utilisateur 5. Théorie de conception pour le Web: maintenant ce qui rend une grande conception Web tous les sites Web éthiques ? Cela pourrait être de convertir les utilisateurs à un service d'abonnement, acheter un produit pour simplement fournir des informations utiles à l'utilisateur. Un excellent site Web est celui qui convertit bien ses téléspectateurs. Cela pourrait être grâce à l'utilisation d'une image de marque cohérente, l'authenticité et bien écrit des photos de produits efficaces et plus encore. Alors, quel est votre rôle est un graphiste dans le monde du web design ? Eh bien, si vous pouvez développer dans le code un site Web, vous êtes une race rare et vous serez payé gracieusement. Mais avec la conception de sites Web devenant de plus en plus complexe et le codage, devenant de plus en plus spécialisé et ne serait peut-être pas une mauvaise chose d'avoir nos différentes spécialités, je vois le web design étant la responsabilité de trois principaux contributeurs. Tout d'abord, il y a le développeur. Il prendra le design final et le transformera en un truc codé, riel pratique. Il a besoin de connaissances des langages de codage frontal et backend, langages côté serveur et mawr. Ah, personne hautement spécialisée. Il se concentre sur le côté technique des choses. Comment ça marche ? Et récemment ajouté au groupe au cours des 10 dernières années est le concepteur UX ou concepteur d'expérience utilisateur . Beaucoup de graphistes commencent à apprendre ce domaine du design, et il devient de plus en plus populaire. Le concepteur UX fera beaucoup de tests utilisateur et de recherches utilisateur pour déterminer l'ordre de la façon dont l'utilisateur doit se déplacer sur le site Web. Cela signifie qu'ils vont cartographier un parcours utilisateur afin que vous sachiez combien d'options de menu principal il doit y avoir pour l'utilisateur et combien d'étapes dans chaque processus pour amener l'utilisateur à son objectif en . Cela nécessite un Thanh de recherche et quelque chose appelé cadrage métallique. cadrage de fil est loin pour qu'un concepteur UX cartographie le flux d'un site Web et bloque les zones où un bouton peut avoir besoin d'aller. Ah, photo ou où les options peuvent se trouver pour l'utilisateur. Cela inclut rarement les graphismes finaux et peut parfois être tout simplement super boîtes de sortie. Alors qu'en est-il des visuels cool, de l'image de marque, des couleurs ? C' est là que vous êtes le graphiste. Moi, concepteur d'interface utilisateur, pourrais entrer et vraiment affiner les détails visuels. Une fois que vous avez le cadre de plan de site de base, il est de votre travail de créer des guides de style d'icônes, idées de mise en page de base afin que le développeur puisse coder cela et en faire une réalité vraiment polie . Alors maintenant que nous connaissons notre rôle, comment puis-je créer un design de site Web efficace ou une application mobile ? Et il y a quelques idées de base à garder à l'esprit en utilisant le contraste. Et ici, nous parlons de contraste encore une fois. Le contraste est un excellent moyen de conduire l'utilisateur dans un voyage vers la destination souhaitée. Cela pourrait être vers un panier d'achat, nous pouvons utiliser le rouge, ce qui serait une couleur de contraste plus élevé ici parmi la mer de blanc. Pour que l'utilisateur trouve facilement le panier, ce qui rend son expérience plus facile. Vous avez la taille à votre avantage. Qu' est-ce que tu en penses ? Convertit mieux dans cette mise en page de magasin de commerce électronique, une fonctionnalité de produit qui a une petite photo ou un qui a une photo plus grande. La photo plus grande se convertit naturellement mieux car elle donne au spectateur une meilleure idée du produit sur lequel il s'apprête à cliquer. Qu' est-ce qui, selon vous, fonctionne mieux ? 12 articles listés sur un écran ou trois articles sélectionnés sélectionnés. Les éléments ont une plus grande fonctionnalité, ont tendance à faire mieux. Les gens sont submergés par trop d'options lorsque vous avez été condamné à une amende pour ces options pour le spectateur. Il tend à réduire cette tension émotionnelle, qui facilite la sélection d'une option. Dans l'ensemble, c'est la raison pour laquelle les gens apprécient les contenus organisés comme les nouvelles. Il y a des centaines d'articles. On peut le lire à tout moment. Mais utiliser la taille pour mettre en évidence les plus importants fait émerveillement pour notre âme dans nos esprits et notre conversion et cliquer à travers les taux propres et simples. C' est le nom du jeu. Parlons un peu du design propre et de la conception Web et mobile. Que pensez-vous fonctionne mieux, La mise en page sur la gauche ou la mise en page sur la droite ? Simplifier la conception peut aider l'utilisateur à se sentir moins submergé, tout comme il l'a fait quand nous lui avons donné plus. Les options sélectives basées sur la taille ont un sens de la hiérarchie. Ne vous sentez pas obligé de tout écraser dans une seule zone. Ce seront certains objets qui seront diffusés ou importants que d'autres. Par exemple, certains produits se vendent mieux et constitueront une priorité absolue. La hiérarchie peut être appliquée à la conception mobile et Web de plusieurs façons. Vous avez une hiérarchie de types, qui peut être définie en établissant une taille de police et attendez votre plus grand type de titre , puis vous travaillez lentement vers les titres plus petits. Ceci est généralement indiqué par le terme H un pour le plus grand et descendant à H deux h trois , h quatre et ainsi de suite pour les plus petites tailles de titre. Ensuite, vous avez votre copie de corps principal ou votre type de taille de paragraphe, qui est généralement une police simple, un poids normal et un peu plus petit par rapport aux tailles de titre. Votre travail est un concepteur est d'établir et de définir ce sens de la hiérarchie dans la conception. Prenons cet exemple. L' exemple sur la droite n'utilise pas vraiment le type sont des éléments clés ou des tailles similaires, et ils ont presque aucun contraste. Mais l'exemple de gauche établit un système de hiérarchie de types fort, qui utilise différents styles pour certains types d'informations, titres et sous-lignes, donnant le design et le sentiment ordonné. Nous pourrions faire la même chose avec la conception d'impression, et cela se traduit bien sur le Web. Les choix de polices ne sont pas seulement importants dans la conception Web, mais tous les projets de conception trouvent des choix sont tout. Plus grandes tailles combattues peuvent avoir un impact énorme sur les pages de destination pour stimuler les ventes sont de stimuler une action ou une réponse émotionnelle. Les pontes trop petits peuvent avoir un impact sur la lisibilité et l'efficacité. La meilleure pratique pour choisir les polices pour votre projet numérique est de le garder simple et ordonné que possible. Vous voulez vous assurer que vos choix de polices cochent toutes les cases en tout temps. Numéro un. Il est lisible à la taille finale. Une police utilisée sur un site Web de bureau peut être belle et grande et lisible. Mais quand il se rétrécit à la version mobile du site, est-il encore lisible et ne conserve pas le même impact ? Numéro deux. Vous n'utilisez pas trop de polices différentes. Essayez d'éviter d'utiliser plus de trois polices sur une page Web ou un graphique numérique, moins qu'il n'y ait une raison spécifique de création. Pour le faire. Évitez d'utiliser des types de polices similaires, comme l'utilisation d'Helvetica près d'Ariel. Ils sont tous les deux très similaires dans une apparence d'époque, et ils sont tous les deux des polices sans serif, confond le spectateur dont l'un est lequel. Enfin, assurez-vous qu'il est facile à lire en gardant la longueur de ligne raisonnable. Quelle colonne d'information est plus facile pour vous de lire La version à gauche sont la version à droite. La droite est probablement plus facile à lire car la longueur totale de notre ligne du type est plus facile à lire pour les yeux. Il en va de même pour les projets d'impression. Vous voulez être en mesure de conserver votre longueur de ligne ne dépassant pas 60 caractères par ligne. Vous pouvez utiliser des colonnes et des photos pour vous aider à rendre cela plus possible pour vous. N' ayez pas peur d'être expressif avec votre typographie et votre design numérique. Nous utilisons les polices de caractères par défaut comme Helvetica pour Danna une antenne parce qu'elles étaient sécurisées sur le Web et que les appareils de tout le monde les avaient préinstallés. De nos jours, nous pouvons stocker des polices sur le cloud. Par exemple, Google Fonts conserve toutes leurs polices dans le cloud afin que vous puissiez charger une plus grande variété de polices maintenant. Et les gens n'ont pas à les faire installer d'autres ordinateurs pour les voir dans leurs navigateurs . Cela a ouvert un monde de typographie créative expressive sur le Web. Maintenant, nous n'avons plus besoin d'utiliser des images pour montrer des polices expressives ou des typographies. Nous pourrions le faire en direct, ce qui signifie que les gens peuvent le sélectionner, copier, interagir avec elle et parfois vous pouvez même le faire bouger. En tant que designers, nous pourrions être Justus, créatif comme nous le sommes avec des projets d'impression avec des projets numériques. Assurez-vous d'expérimenter avec une typographie intéressante pour vos titres. caractères San Serif ont tendance à dominer le jour du passé, mais vous voyez maintenant de plus en plus détaillées des polices de caractères et même des polices de script en direct sur les interfaces numériques. Le seul avertissement ici est de vous assurer que vous n'utilisez pas trop souvent la typographie expressive et détaillée dans votre design numérique. Ils auraient pu être une grande attention à saisir les titres, mais évitez d'utiliser trop de polices uniques personnalisées pour les zones plus petites de texture, copie et de paragraphes. Il est préférable de garder ces polices vraiment expressives et belles à une lisibilité maximale, ce qui les rend plus grandes en les utilisant pour les titres. Étudiez les nouvelles façons populaires et émergentes d'afficher l'information là tant de façons émergentes d' afficher un menu. Ce qui était populaire auparavant était le menu hamburger dans l'application mobile ou la conception de site Web. C' est une icône simple, qui a étendu un menu coulissant. C' était agréable et a fourni à l'utilisateur un accès facile à un menu sans prendre trop de place sur l'écran de l'application du four supérieur. Mais avec les téléphones qui deviennent beaucoup, beaucoup plus grands, l'utilisateur doit maintenant prendre leur silhouette aller jusqu'au sommet de son téléphone pour accéder à ce menu hamburger. Maintenant, les menus d'étagère en bas ont tendance à être préférés par les utilisateurs. Ces petites évolutions et vous I ou la conception de l'interface utilisateur d'une application mobile, par exemple, sont de petites choses dont vous devez être conscient. Si vous êtes intéressé à perfectionner le design numérique, nous devons d'abord penser à Mobile. n'y a pas longtemps, nous avons pensé à la version de bureau d'un site Web, puis nous avons trouvé la meilleure façon de s'adapter à un écran mobile plus petit. Eh bien, les temps ont changé, et maintenant nous devons changer cette mentalité. Une bonne façon standard de concevoir maintenant est de concevoir d'abord à des tailles plus petites, puis de travailler jusqu'à des tailles plus grandes. Ainsi, par exemple, commençant par une version mobile d'un site Web, puis vous devez comprendre comment cela se développera-t-il quand il est sur un navigateur sur une tablette ? Et puis, enfin, vous voulez voir à quoi il ressemble sur un écran de bureau plus grand. Il en va de même pour les bulletins d'information électroniques. façon dont vous affichez un e-mail sur votre application de messagerie iPhone, par exemple, est très différente de la façon dont vous affichez ce courrier électronique sur votre bureau. Les images sont beaucoup plus petites que ce que vous attendez lorsqu'elles sont visualisées sur votre téléphone. Et c'est la meilleure pratique de garder cela à l'esprit lors de la création d'une image de conception numérique. Et cela mène à un design réactif. Qu' est-ce que le design responsive ? C' est simplement la façon dont le site Web répond lorsqu'il est affiché à différentes tailles de navigateur. Parfois, des éléments se sont effondrés pour le rendre plus facile à voir sur un appareil mobile. Parfois, les éléments ne sont pas affichés sur un appareil mobile lorsqu'il est converti en une taille plus petite, comme une photo, par exemple. Ces choix sont tous importants pour vous de les comprendre lors de la conception pour des tailles plus grandes et plus petites et quelque chose que vous et votre développeur vous joignez en équipe. 6. Conception pour l'accessibilité: nous devons réfléchir à l'accessibilité pour les téléspectateurs ayant des besoins spéciaux. C' est beaucoup plus important que vous ne le pensez, et quelque chose que vous pouvez vous assurer qu'il arrive pour tout ce que vous concevez. Le Web ou l'appareil mobile pense au store de couleur lors de la création de vos palettes de couleurs . Pensez à ceux qui peuvent être aveugles de couleur. Ne comptez pas totalement sur la couleur pour communiquer l'étape suivante ou l'appel à l'action. Mais par exemple, c'est pourquoi nous avons deux boutons ici. Si nous devions ajouter d'autres indicateurs que ce bouton est important d'appuyer, comme l'épaississement de la base serrée ajoutent une bordure spéciale. Cela pourrait être un autre indicateur pour aider l'utilisateur qui peut ne pas voir cette couleur rouge vif. Non, c'est la prochaine chose à faire. Une bonne astuce pour voir si cela fonctionne est de rendre votre design totalement noir et blanc pendant un certain temps pour voir si vous pouvez naviguer sur votre site en noir et blanc, tout comme vous le feriez si c'était une version en couleur. Nous devons également penser aux malvoyants. en va de même pour s'assurer qu'il y a suffisamment de contraste avec vos couleurs et vos éléments. Faible contraste, peut-être plus difficile pour les personnes ayant une déficience visuelle de voir et de naviguer sur votre site Web. La conception de formulaires en est un bon exemple. 1 000 000. Bien sûr, vous avez assez de contraste dans votre conception lorsque nous aimons économiser de l'espace chaque fois que possible. Parfois, nous mettons l'étiquette ou le nom dans la bulle d'entrée. Pour des raisons de contraste, il est plus facile de lire si l'étiquette est placée sur le dessus ou à l'extérieur de la bulle. L' élément suivant est quelque chose qui peut être plus pour le développeur ou le codeur, mais s'assurer que vos images ont des descriptions alternatives ou des descriptions alternatives afin que leur lecteur Web audible puisse parler de la description de la photo. Donc, ils ne manquent pas l'impact des visuels. Une autre question à considérer est également de vous assurer que vous pouvez naviguer sur votre site Web à l'aide d'une seule main, par exemple, en vous assurant que vous pouvez utiliser le bouton d'onglet pour vous déplacer sur votre site Web. J' utilise juste un clavier. S' ils sont sur un téléphone, assurez-vous que les boutons et les actions ne sont pas trop éloignés les uns des autres. Par exemple, le système de menu peut être utilisé accès à l'aide d'une main ou d'une figure parce qu'il est en bas de l'écran Il y a aussi les malentendants. Si vous utilisez n'importe quel type de visuels ou de vidéos, assurez-vous que les légendes sont disponibles. également Assurez-vouségalementque l'audio n'est pas une expérience requise dans votre expérience numérique de concepteur. exceptions particulières, bien sûr, il y a tellement plus qu'il pourrait faire pour rendre des expériences de conception numérique accessibles à l'utilisateur. Et c'est génial de garder ça à l'esprit. Assurez-vous que votre code ou développeur est inclus dans ces discussions tôt afin qu'ils puissent implémenter beaucoup d'entre eux. 7. Théorie de mise en page numérique efficace: Nous avons parlé de plusieurs aspects à considérer lors de la conception de sites Web de médias sociaux. Plus d'expériences mobiles. Mais qu'en est-il des mises en page numériques statiques comme les campagnes de courrier électronique, panneaux d'affichage numériques, les icônes, diapositives Power Point ? Tout livre couvre tous ces différents articles. Attraper l'utilisateur dans une situation différente. Les panneaux d'affichage numériques capturent les gens qui conduisent vite de leurs voitures et de leur distrait avec un accent très limité. Et la clé d'un panneau d'affichage numérique solide et de panneaux d'affichage est de rendre quelque chose lisible en cinq secondes. Vous pouvez utiliser des arrière-plans et des graphiques simples pour rendre ce processus rapide et facile pour eux. Évitez les chiffres. Peu de gens peuvent écrire des numéros de téléphone pendant qu'ils conduisent, mais ils peuvent se souvenir d'un simple votre l ou site Web. Qu' en est-il des couvertures de livres E ? Avez-vous essayé de trouver un livre électronique sur Amazon dernièrement ? Savez-vous combien de couvertures de livres différentes vous avez regardé lorsque vous essayez de trouver un livre ? Je suggère de visiter amazon dot com et de regarder les livres ou livres électroniques. Notez à quelle vitesse vous faites défiler ces couvertures, qui attirent votre attention jaune couvertures brillantes, celles avec une photo convaincante. Nous devons garder à l'esprit où et comment le spectateur sera premier livre de visionneuse couvrir des thèmes complexes air difficiles à digérer comme ils sont quand vous pouvez physiquement ramasser un livre à la librairie, sorte que les couvertures numériques ont tendance à être plus simples dans la nature. Vous remarquez un thème avec simplicité avec des projets de design numérique ? Je le suis sûr. Vous devez penser à votre situation de visionneuse pour chaque projet numérique différent. Par exemple, les campagnes par e-mail. Ils peuvent voir cela sur leur ordinateur de bureau et voir une belle, grande image haute résolution. Et ce même e-mail pourrait être vu sur leur navigateur mobile dans l'image est minuscule et a un faible impact. Si c'est trop occupé, nous devons nous mettre dans les chaussures du spectateur et tester nos conceptions et différentes situations. La conception d'impression semble facile maintenant, car il n'y a qu'un seul formulaire imprimé final à craindre. Mais avec le design numérique, il y a un changement d'esprit qui doit se produire. Nous devons penser aux nombreux appareils sur lesquels les gens craignent votre contenu. J' ai une petite tâche pour toi. Étudiez votre boîte ce mois-ci. Gardez un œil sur les campagnes de courriels qui attirent votre attention, pas seulement le graphique, mais pensez à tout. Même la ligne d'objet de l'e-mail à parfois des graphiques et des flèches et même emojis peut aider à se démarquer dans votre boîte de réception. Aussi ennuyeux que parfois ils semblent, ils sont efficaces. Qu' en est-il d'une campagne vous incite à cliquer sur quel est l'objectif principal d'une campagne par e-mail  ? Cela pousse les utilisateurs à atteindre cet objectif qui pourrait être d'acheter un produit ou d'inciter les gens à se réjouir d'une annonce de service à venir. Ceux que je trouve les plus efficaces simplifient le message autant que possible. Au lieu de parler de deux activités faites ou de deux événements principaux comme le bulletin d'information électronique, auraient-ils tendance à être hyper concentrés sur ce seul objectif utilisateur ? Ils utilisent une seule image en haut et très peu de texte de copie de corps, mais un grand bouton de clic ou un grand client appelé action. Parfois, une fois que vous parlez d'une grande chose, mais ils ont tendance à vouloir que vous orteil aussi serrer dans un tas de choses déjà parce que vous envoyez un e-mail à tous leurs contacts. Ils veulent être efficaces, mais les e-mails qui convertissent le mieux ont un seul objectif. Essayez d'éduquer le client sur ce fait et pratiquez-le dans nos propres conceptions de campagne. Les bulletins d'information sont un peu différents, et c'est là qu'il pourrait être plus élaboré avec des informations. Et c'est avec tout ce qui est conçu, mais soyez cohérent avec votre image de marque et avoir connecté des campagnes numériques. En outre, avec tous les projets numériques, nous devons maintenir cette cohérence farce. Vous n'avez pas besoin que chaque modèle numérique soit un emporte-pièce, mais assurez-vous d'utiliser des couleurs similaires tout au long de vos campagnes car les internautes peuvent voir votre campagne à différents endroits, les conduisant lentement à un entonnoir qui les convertira. à une vente. Par exemple, ils peuvent diffuser sur une annonce Facebook. Ils s'inscrivent pour obtenir plus d'informations, puis ils reçoivent une campagne par e-mail. Ils pouvaient également voir une annonce d'affichage sur un site Web d'actualités, puis cliquer sur une page de destination. Et puis ils cliquent. Mais ils sont retargeés par une campagne sur les réseaux sociaux sur Instagram. Avoir une image de marque et des couleurs cohérentes peut les aider à reconnaître la piste et plus loin que le processus de l'entonnoir de vente. Je voulais m'assurer de mentionner les grilles ce qui est génial dans les projets de design numérique, car ils pourraient être de nature similaire aux projets de design d'impression et le fait qu'ils peuvent tous deux utiliser le système de grille à leur avantage. Rides air guides fantastiques qui nous aident à bloquer le contenu important et son design. Ils peuvent nous aider à trouver le bon placement d'un visage de la partie principale d'un logo et un média social conçu. Par exemple, ils pourraient fournir des conseils pour travailler avec des mises en page Web complexes et des mises en page d'APP mobiles. Lorsque vous avez affaire à des produits numériques, vous avez également affaire à des pixels. Parfois, il est agréable d'avoir une grille pour connaître vos marges de la même largeur. tous les côtés sont les gouttières entre les colonnes d'un site Web ou même sont. Les boutons d'une application mobile sont alignés avec un espacement et un alignement similaires. Il y a beaucoup de systèmes de grille différents que vous pouvez utiliser dans les produits Detroit. Par exemple, mise en page de site Web mobile a une grille standard à quatre colonnes, mais un site Web peut avoir une grille de 12 colonnes Gullit standard qui peut vous aider à trouver le bon espacement entre les photos, les colonnes et les mawr. Avec l'icône AP Design Apple a créé cette magnifique grille basée sur les principes du ratio d'or . Il nous aide à trouver le bon placement des éléments pour créer convaincante. Icônes d'application faciles à trouver Si elle est utilisée correctement, vous pouvez utiliser une grille modulaire boxer pour vous aider à bloquer Une campagne e-mail est une couverture de livre électronique pour vous aider à trouver un équilibre entre les éléments de conception. Il y a beaucoup à penser lors de la conception de projets numériques, mais à la fin, certaines des mêmes fondations de conception de base, comme la typographie correcte, photo et l'anneau de mise en page vrai dans l'espace numérique est bien. Nous avons ajouté des éléments de préoccupation à propos de maintenant, comme la taille de visualisation d'un écran, la distance à une résolution d'écran et la façon dont le type est rendu sur l'écran. Mais en fin de compte, ce sont ces principes de conception de base qui peuvent vous aider à créer des projets numériques convaincants . Maintenant, nous avons pris un certain temps pour approfondir la théorie du design numérique. Nous allons aborder beaucoup de projets qui sont considérés comme une grande partie de l'espace de conception numérique, comme les campagnes sur les médias sociaux, YouTube, vignettes, couvertures de livres électroniques, campagnes par e-mail, un site Web mobile, icône de mise en page, application de conception, conception d' icône, Instagram post qui et plus encore. Alors allons de l'avant et commençons avec une application pratique 8. Projet de miniatures YouTube: Bienvenue dans Adobe Photo Shop. On va faire pour notre premier projet, une miniature YouTube. Donc, comme vous le savez, nous en avons parlé un peu dans les sections théoriques, mais YouTube a surnommé des clous. Et pour être simple, pas très complexe, mais un très, très attrapage de l'attention. C' est à ce moment que nous utilisons des couleurs très contrastées. On utilise des coups de gens. Nous utilisons différentes choses pour vraiment attirer l'attention des gens sur cette très, très minuscule miniature. Et toute personne qui est sur YouTube ou qui travaille pour quelqu'un sur YouTube ou qui veut avoir un client pour qui il travaille et est-ce que vous filmez des miniatures dans le cadre de votre travail ? Vous réaliserez à quel point il est important de faire ces miniatures d'attention saisissant et de le faire d'une manière qui fait un graphique convaincant. Donc on va faire cet exemple ici. Nous avons quelques miniatures YouTube allaient faire dans cette section. On va commencer à travailler sur cette 1ère 1, et ça ne nécessite que trois images. J' ai attrapé toutes mes images de pecs als dot com. Il y a aussi des cendres unspool et quelques autres choix obéissent, mais je vais utiliser ces images et me sentir libre, puisque cela commence plus à entrer dans le niveau intermédiaire pour utiliser vos propres photos d'une manière similaire, mais en mettant votre propre spin dessus afin que vous n'ayez pas à utiliser ces photos. Mais si vous voulez un lien vers eux, ils sont dans le guide des ressources. On n'utilisera que des images pour cette 1ère 1. Ce sera surtout un accent sur la typographie. Ce qui est un gros titre, c'est donner 10 000$ en 24 heures. Un très court manchette. On ne met pas le titre entier de la vidéo, et il y avait juste vraiment la sélection de ce qui va attirer l'attention des gens. Cela nous donnera une chance de vraiment faire de la typographie un impact élevé et plus grand et vraiment bien jumelé avec la photo principale. Donc, voilà notre photo principale. C' est notre gars YouTube. Qui est bien sûr, j'ai inventé YouTuber fictif. Donc j'ai ça sur les pixels, mais on va l'utiliser comme nos gars fictifs de YouTube vont donner en étant très généreux et en donnant 10 000$. On doit d'abord isoler et c'est une classe intermédiaire, donc je vais passer plus de trucs de niveau intermédiaire. Nous devons donc isoler ce personnage. On doit isoler cette personne. Donc il y a quelques tours. J' utilise Photoshopped 2020 quand je tourne en ce moment. Donc il y a quelques tricheurs que nous pouvons dio Nous pourrions juste aller pour sélectionner un sujet qui est le moyen le plus rapide que je vais toujours y aller. Cela est sorti dans les versions 2019, donc si vous avez un 2018 ou une version antérieure, vous ne serez pas en mesure d'avoir cela. Mais regardez comment magnifiquement cela découpe ça qui fait gagner tant de temps. Une autre raison est la mise à niveau de votre logiciel n'est pas une mauvaise idée. Lorsque vous commencez à faire des projets de niveau intermédiaire et du travail rémunéré des clients, cela paie pour lui-même. Donc nous avons cet homme isolé. Ce que je peux faire, c'est qu'il y a quelques choses que je pourrais juste faire une copie et coller, et j'ai cet homme ici. On pourrait l'amener dans l'autre zone, ou on peut faire un masque flagrant. Donc ça va Playa layering master juste ici, et ça fait un peu mieux. Ce que j'aime dans la superposition Mass, c'est que je peux entrer et que je peux libérer le masque de superposition afin pouvoir cliquer avec le bouton droit de la souris et désactiver mon masque de superposition, et je serai en mesure de récupérer ma photo originale. Donc j'aime être capable de faire ça. C' est ce qu'on appelle l'édition non destructive pour ceux qui le savent déjà ou pour ceux qui ne le savent pas. Donc, je peux faire un clic droit, et je peux activer à nouveau le masque de calque pour obtenir mon recadrage, et ils vont recadrer beaucoup de choses en utilisant un masque de superposition au lieu de simplement copier et coller, parce que je sens que je ne veux jamais aller retour à quelque chose Quand j'ai utilisé la masse de superposition. Je peux toujours revenir à la photo originale, et c'est ce qui est si génial à ce sujet. Vraiment, les sauves sont votre temps quand vous faites d'autres pas, c'est une façon de le couper. Bien sûr, si vous n'aviez pas la nouvelle version, vous finirez probablement par faire pour celle-ci. L' arrière-plan est assez simple où je pourrais juste faire la baguette magique, outil et sélectionner ou encore mieux, je peux obtenir l'outil de sélection rapide et augmenter la taille de mon pinceau pour l' outil de sélection rapide et juste le faire et puis je dois aller le dos et la main. Sélectionnez cette option ou utilisez l'outil de sélection. Beaucoup de façons différentes de catapulter des objets étaient certainement en pratique tous ceux plus tard dans le cours, alors gardons les choses simples. Continuons ça vite. Eh bien, allons de l'avant et faites un clic droit dans une masse capable ou stratifiée que nous avons faite. Et amenons-le dans notre modèle afin que vous puissiez accéder à ce modèle. C' est une ressource téléchargeable fait partie de cette classe. Chaque projet aura une sorte de modèle que vous pourriez ouvrir et utiliser, donc les choses sont déjà taille comme vous avez besoin de Teoh et vous pouvez commencer à concevoir. Mais pour ce faire, je viens de faire un document 12 80 par 7 20 pixels, et je suis allé de l'avant et je l'ai créé en 300 dp. Je résolution parce que je me sens comme quand je fais des images numériques, en particulier sur YouTube et Facebook avec les médias sociaux, il est préférable de concevoir et ce format de résolution plus élevée. Ensuite, il est plus bas parce que vous ne savez jamais quand vous pourriez avoir besoin d'utiliser les graphiques ou quelque chose de légèrement plus grand, et ils réduisent toujours la taille du fichier pour vous si nécessaire. Donc, pas un gros problème avec la taille du fichier ici parce qu'ils font tout cela pour vous automatiquement avec le serveur. J' aime donc garder les choses dans la résolution plus élevée que certains. C' est pour ça que je fais une belle résolution 300. Une bordure rouge. C' est juste avoir une frontière sur presque tous les projets. Juste pour que je ne garde pas les choses près du bord. Ce n'est pas obligatoire par YouTube, mais c'est obligatoire par moi parce que j'aime garder les choses agréables et propres sur les frontières. Aucun type ou texte sur la bordure rouge. Mais vous pouvez faire saigner des photos. N' incluez pas les yeux ou les éléments importants. Tu ne veux pas le mettre si près du bord. Ça a l'air anxieux. C' est juste une pratique de conception utile pour garder les choses dans la marge. Ok, donc voici notre modèle. Je vais aller de l'avant et faire sortir notre panneau de couches ici. Vous pouvez avoir vos fenêtres arrangées de toute façon. Ne pas avoir à copier mon système de fenêtres, mais faites simplement ceux que je viens d'utiliser dans mon propre flux de travail personnel. Et au niveau intermédiaire, vous commencez à comprendre quel type de tableau de bord je veux, quelles fenêtres je veux ouvrir pour que vous puissiez commencer à personnaliser votre propre tableau de bord . Voici les trois couches que nous avons. Nous avons un calque de texte. Tu irais faire basculer ça ? On n'a pas vraiment besoin de ça pour l'instant. Et nous avons notre marge, qui devait continuer un peu plus longtemps. Et nous avons ces guides sur lesquels j'ai mes dirigeants. Donc, si vous n'avez pas vos dirigeants sur et que nous allons vraiment avoir besoin de nos dirigeants ici sur, nous faisons Social Media Post juste aller voir et avoir votre montre supplémentaire Si vous voulez que les guides soient sur et vos dirigeants, si vous voulez que les pour être sur, bien sûr, vous pouvez cliquer et faire glisser à partir de vos règles pour créer votre propre guide. Il suffit de cliquer ici et de faire glisser pour être en mesure de les créer. Alors amenons notre homme ici en regardant traînée avant que je le réduise en taille. Je vais faire quelque chose d'un peu spécial. Je En ce moment, il n'est pas une couche intelligente, et j'aimerais faire de lui une couche intelligente parce que quand je s'il n'est pas une couche intelligente et je le réduit en taille, et puis je les fais plus gros à nouveau. J' ai décidé de faire un plus gros pour une autre raison. Il sera pixel mangé, mais si je fais un calque intelligent, il gardera la résolution originale de la photo intacte à tout moment. Donc, lorsque vous travaillez avec des photos, si vous pouvez les conserver dans des couches intelligentes aussi longtemps que vous le pouvez, parfois vous devez le faire. Rass essaie d'éditer une photo en profondeur. Mais si vous pouviez aller de l'avant et faire un clic droit et en faire un calque intelligent ici sur le côté droit de cette couche dans la droite, cliquez et obtenez une chèvre et convertissez en objet intelligent. Donc maintenant ça va devenir un objet intelligent qui peut le dire par cette petite, euh, icône juste là. On va faire ça sur presque toutes les photos jusqu'à ce qu'on doive Rast les lever pour les éditer. Donc maintenant, je peux réduire la taille de lui. Je pourrais le rendre vraiment minuscule et ce qui est génial. S' il n'était pas un objet intelligent et que je les rendais plus gros, ça brouillerait. Mais maintenant, il garde la résolution même quand je le rend plus grand ou plus petit, donc c'est très utile en termes de flux de travail et d' ambiance d'édition non destructive . Alors positionnons-le de la bonne manière. On ne veut pas les avoir si gros qu'il est juste comme, Wow, il est dehors, mec. C' est bien d'avoir un peu de cou et des épaules, mais nous ne voulons pas non plus zoomer. Nous commençons à perdre cet impact émotionnel. Donc, quand vous zoomez comme ça, vous commencez vraiment. Vous ne vous connectez pas autant avec son visage et ses yeux, et il a déjà des lunettes de soleil, ce qui est un peu une barrière émotionnelle. Donc, vous voulez zoomer un peu plus que ça, donc vous pouvez. Je veux avoir ce beau point à mi-chemin où il est. Vous zoomez sur votre connexion avec cette face, mais ce n'est pas accablant non plus, et vous avez beaucoup de place pour le texte. Allez-y et recadrez le temps ici. A partir de maintenant, nous pouvons toujours arranger plus tard, alors allons de l'avant et appliquons un beau fond de contraste élevé. Donc on va faire une belle couleur sombre et riche. Ça va faire nos échantillons. Voyons si on ne peut pas faire une couleur bleu violacé. On doit juste aller dans mes échantillons et chercher mon outil de seau de peinture juste faire une nouvelle couche et juste aller devant la pop dans une nouvelle couche et le faire tomber. Donc c'est là que je vais désactiver les marges juste pour que je puisse tout éclaircir pour moi. Je vais aussi désactiver mes extras, ce qui sera que mes guides n'ont pas besoin. Il y a aussi un raccourci clavier pour cela. J' ai juste besoin d'une image claire pour l'instant. Allons ajouter notre type. Alors, quelle est une belle couleur complémentaire au bleu ? Quelle est la couleur de contraste le plus élevé que vous pouvez penser au bleu ? Si vous regardez la roue de couleur jaune, ça va sortir autant que possible. Donc c'est exactement ce que nous allons utiliser cette combinaison bleue et jaune pour les couleurs les plus contrastées à fort impact. Donc, vous ne voulez pas l'utiliser pour tout et le design. Mais pour YouTube, tout est une question d'attention. Il s'agit d'attirer votre attention, alors on va l'utiliser ici. Alors, sélectionnons une belle couleur jaune qui n'irait pas dans nos nuanciers et jaunes. Toutes sortes de choses qu'on peut faire ici. Allons chercher notre typographie. Je vais juste aller de l'avant et le charger et j'utilise. En ce moment, c'est un type ou c'est une police appelée fieldwork, et c'est dans la police dhobi. Donc, si vous avez l'abonnement adobe, vous avez accès au spot gratuitement. N' hésitez pas à utiliser un autre visage de type open source gratuit que vous obtenez des polices Google. Google Fonts a un chemin de fer appelé, qui est très proche. Donc, si vous n'avez pas l'abonnement adobe, hésitez pas à accéder aux polices Google et à utiliser le chemin de fer ou une autre simple police de caractères Sarah de sable. Donc je vais aller de l'avant et les charger. Ça va être simple. Copier et coller. Je vais mettre chaque ligne sur son propre joueur de type. 9. Projet de miniatures YouTube -: Donc je vais aller de l'avant et casser ça un peu plus. Je veux que ce soit une typographie empilée. Donc, ce que je pourrais même faire est juste de couper ça, créer un nouveau calque de texte. Et il y a ceci comme un mot distinct que c'est là que nous devons vraiment réfléchir à Comment fonctionnons-nous avec nos polices de caractères ? Comment les arrangons-nous de différentes manières ? Donc, en donnant, Voyons si on ne peut pas mettre ça sur empilé quand je pourrais le faire, est-ce que la minuscule a l'air doux ? Et j'aime ça. Mais nous voulons vraiment avoir ce fort impact émotionnel. Je donne 10 000$ en 24 heures. Alors faisons une majuscule. Toutes les majuscules sont toutes des lettres majuscules. Je vais aller ici à mon panneau de personnages et aller de l'avant et faire tout le cap et j'ai dû aller de l'avant et faire ça pour ces deux-là. , Au moins,on commence à faire des progrès dans la façon dont on veut l'arranger. Alors, nous allons donner. Nous voulons nous assurer que les choses sont serrées comme un titre, mais nous ne voulons pas qu'elles soient trop serrées parce que c'est écrasant. Mais quand je l'ai assez serré où il se sent comme c'est une phrase de tête d'affiche et donc avec le dans 24 heures, nous pourrions faire tout cela en majuscules est bien, mais alors il commence orteil courir dans l'autre et être un sentiment comme un titre beaucoup plus long. Donc, je vais prendre la décision de garder cette minuscule et un peu plus petite et peut-être faire une sorte d'alignement différent. Donc juste une sorte de blocage ou de typographie comme nous le faisons avec beaucoup d'autres projets. Et donc c'est là qu'on va, OK, on doit briser ce titre parce qu'il y a quatre lignes et que tout me crie dessus. C' est un peu trop anxieux. Je veux dire, c'est un contraste presque trop élevé, donc une chose que nous pouvons faire est que nous pouvons utiliser le contraste avec leur couleur et leur type. Donc une chose que je pourrais faire est d'aller de l'avant et de faire ce blanc qui vient juste de faire ce genre blanc et ensuite les 10 000$ se distinguent vraiment. Donc, vous remarquez comment ce titre se lit automatiquement un peu mieux. Il le casse en deux. Donner une pause de 10 000$ en 24 heures. Juste parce que nous changeons la couleur, cela aide vraiment à le rendre un peu moins accablant. Mais aussi ça l'aide à mieux lire parce qu'il est rompu. Donc, en utilisant le contraste avec le poids de la taille, c'est un peu l'un de ces facteurs en action. C' est une chose qui est vraiment populaire à faire est de type de calque et de photos. Donc une chose que nous pouvons faire est d'apporter tout ce genre. Assurez-vous qu'il est ci-dessous Est-ce que le calque est en quelque sorte de voir si nous ne pouvons pas trouver une opportunité d'avoir une lettre ou d'aller derrière eux juste pour ajouter un peu l'aspect superposé ? Ce n'est pas forcément toutes les lettres parce que ça rendrait difficile à lire. Mais peut-être que le G G est une lettre très forte, et la plus grande partie de l'impact ou de la lisibilité du G est du côté droit du G Donc je pense que nous pouvons nous permettre d'avoir un peu couvert et ensuite nous pouvons juste vivre ceci en tant que tel. Et une chose que j'aime faire est d'avoir un peu d'alignement. Donc, si je n'ai pas de meneur à gauche. Je veux l'avoir sur la droite pour qu'on puisse aller de l'avant et faire un peu plus grand pour que ces lettres soient alignées sur le côté droit. Et puis nous pourrions même faire les 10 000 de cette façon à Aiken Select les trois vont juste faire un bon alignement. Assurez-vous juste que tout est la ligne à droite, et c'est là que nous devons sortir dans nos marges et aller bien. On va passer les marges ? Tu peux un peu. C' est bon. Ce n'est pas le cas. Ce n'est pas une règle. C' est juste pour aider Guide utile. Donc tu peux le garder comme ça, ou je vais voir si je ne peux pas retirer ces choses de la marge un peu pour qu'il reste dedans et ensuite tu parles. Nous pouvons également utiliser des grilles pour perdre beaucoup de grilles dans ce cours plus tard. Donc, nous obtenons la mise en page de base. Nous avons besoin d'une sorte de fond parce que maintenant c'est une couleur unie. Ça se démarque, ça ne marche pas, mais que pouvons-nous faire pour rendre cette photo encore plus intrigante ? Il y a beaucoup de choses qu'on peut faire. Donc nous donnons de l'argent sur ce qui incite les gens à voir l'argent correctement ? Mais ne faisons pas que ce soit totalement accablant. Faisons un bel élément de fond avec des billets d'un dollar. Donc j'ai ce billet et on va utiliser cette photo ici, et je vais la mettre en arrière-plan. Il va le coller et je vais faire un clic droit, et je vais m'assurer de créer un objet intelligent. Donc, quand je réduit en taille et que je le ramène plus grand, il ne sera pas floue ou que la résolution a réduit le seul problème et c'est juste un problème pratique lorsque vous faites quelque chose un objet intelligent est, il conserve cette résolution, qui est ce que vous voulez, mais cela rend la taille du fichier super énorme. Donc, si vous n'avez pas de nouvel ordinateur, parfois avoir 10 objets intelligents qui sont des photos peut vraiment ralentir votre ordinateur. C' est le seul inconvénient, c'est qu'il augmente la taille de votre fichier de document Photoshopped. Alors nous allons encadrer ça. Allez-y et ramenez sa couche tout le chemin en arrière. J' essayais de piéger ça. On veut que celui soit visible pour que les gens puissent dire que c'est un dollar et on doit filtrer ça pour réduire l'opacité et, tu sais, c'est bon. Essayons de faire un mode de fusion et on va utiliser des charges de mélange. Aussi beaucoup. Ce cours, essayons de trouver un qui le mélange qui garde aussi ce bleu riche à elle. Donc on va juste passer par ça et trouver ce qu'on pense être le meilleur. C' est que la superposition a un joli pistolet moderne, lui donne presque une sorte de ton violacé, qui est très moderne, juste une sorte de vélo à travers ceux-ci pour en trouver un. Nous allons rester avec superposition pour le mode de fusion pour cela, et je veux un peu modifier l'arrière-plan en ce moment. Um, je veux juste ajouter un peu plus violet à ça. C' était en quelque sorte ajouter un peu plus violacé à ça. Donc, ce que nous pouvons faire maintenant, c'est que nous avons l'arrière-plan qui interfère avec le type. Nous pouvons ajouter une ombre portée ou nous pouvons la garder propre et juste lentement sorte de réduire la transparence, ce fond et juste les zones où il chevauche le type. Alors faisons-le en portant des masques. J' ai donc l'art Dollar l'a sélectionné. Je vais ajouter un masque de superposition pour faire ça beaucoup dans la classe. Donc, sur le masque de superposition, je vais peindre avec le pinceau. Et avec la plus grande masse de superposition lorsque j'efface ou ajoute au masque de superposition, j'aime peindre avec une brosse ronde douce. Ah, dur rond. C' est juste un logiciel peu irréaliste et donne ce joli look à plumes. Donc, j'utilise une brosse ronde douce aime généralement utiliser une belle grande brosse pour avoir plus d'une décoloration réaliste. Et on va peindre si tu ne le sais pas encore. Si vous avez une mascotte de superposition, élire la masse de superposition, non la couche principale. Ainsi, le masque de superposition Lorsque vous utilisez du noir, vous pouvez peindre un objet. Donc je vais peindre ça partout où je peins du noir sur le masque de superposition et vous pouvez voir le Maskell superposé ici où je peins au noir, et je peux le récupérer en changeant d'orteil blanc et en repeignant pour que vous puissiez le gagner retour en blanc, puis l'effacer est notre élimination. C' est le noir. Donc on va le faire ici avec le noir où tu vas réduire la transparence de notre brosse douce et juste un peu de subtilement se débarrasser de ce fond pour ne pas rivaliser avec le type. On ne veut pas faire ça. La dernière chose que nous voulons faire, nous pourrions même s'évanouir un peu ici vers le bas. Donc, vous vous concentrez vraiment sur le type Mrs More d'un élément de fond. Donc une chose que nous pouvons faire ici, c'est que nous pouvons ajouter une touche de couleur. Donc pour l'instant, nous avons juste un fond de couleur unie. Mais ce qui est vraiment populaire maintenant, c'est d'avoir un fond de couleur unie mais d'ajouter un mode de fusion riche ou une couleur en plus. Donc on va ajouter une nouvelle couche, et ça va être une couche au-dessus de tout. Donc on va ajouter une nouvelle couche, et on va garder la même brosse ronde douce. On va le rendre assez grand. Alors rendons ça assez grand. Essayez environ 1000. C' est probablement bon. Et voici ce qu'on va faire. On va peindre un peu de chaleur en ce moment. Nous avons beaucoup de cool qui se passe. On a beaucoup de violets et de blues. Et si on faisait ça, presque le coucher du soleil, quelque sorte. J' ai en haut à gauche, donc j'ai notre nouveau calque vierge sélectionné, et je vais juste appeler ce point culminant et je vais juste cliquer. Je pourrais aller de l'avant et choisir une belle couleur de coucher de soleil chaud. Il pourrait faire de l'orange. Vous faites une sorte de couleur rosée et allons de l'avant et juste cliquer une fois. Et en ce moment, c'est vraiment fort, et c'est bon, parce que c'est ce que les modes de mélange ou quatre. On va faire la superposition ou alléger 11 d'entre eux pour voir ce qui est mieux. Il y a une superposition mais donne presque à la peau un peu à lire. Alors essayons l'allégement Donc la foudre va avoir cette belle, presque un effet de bande de filtre Instagram à cela, Et c'est exactement comme ça que les filtres Instagram sont créés est en utilisant des modes de mélange et des couleurs sur le dessus des choses. Cliquez encore une fois, mais on ne veut pas en faire trop. On veut juste ajouter un peu de chaleur là-bas. On pourrait aussi le faire avec ses lunettes de soleil, donc si on veut réduire ça un peu. Nous ne pouvions pas ajouter un peu de couleur de coucher de soleil aux lunettes de soleil. Réchauffez-les un peu. Bien sûr, si je l'avais sur un calque séparé, Aiken suffit de le désactiver dans un autre et de réduire l'opacité. Si je pense que c'est trop fort, beaucoup de choses que nous pourrions faire alors qui est avant semble super. Mais cela lui ajoute un peu de richesse. Et on va faire ça beaucoup quand il s'agit de photographier et de faire des couchers de soleil, mawr et de faire des choses comme ça plus tard, on ne peut pas ajouter un peu d'ombre portée. Ça ne va pas nous tuer. Je ne suis pas un grand fan de fortes ombres portées. J' aime les ombres portées très légères. Donc, disons que je veux ajouter des ombres portées à tous les Donc, le moyen le plus rapide de le faire du point de vue du workflow. Allons-y et ajoutez-le, comment je l'aime sur le 1er 1 Donc je suis juste dans mon panneau de style de calque, et je vais juste avoir un peu de look vraiment sympa. Combien peu se déplacent les poignées sur ceux Juste une très belle petite ombre portée. Je vais dire ça comme un style. Donc je vais le dire ici. Nouveau style. Regarde ici et je vais te dire ça. Il a laissé tomber l'ombre YouTube et je vais inclure des effets de couche. Ne pas avoir à deviner les options de mélange parce que je ne l'utilise pas. Regardez OK maintenant pour être en mesure d'accéder à cela, je pourrais aller sur le panneau de mon style juste ici du panneau de mon style, et vous faites défiler vers le bas pour porter le mien sera chargé, et je peux sélectionner tous ces éléments et appliquer la même ombre portée. Donc c'est juste une sorte de gain de temps. Si je veux ajouter une ombre portée à tout, et je n'ai pas envie d'aller à chaque calque et d'ajouter la même ombre portée. Vous pouvez utiliser des styles de caractères pour accélérer facilement ce flux de travail. Et c'est exactement le but de cette classe est d'améliorer et d'accélérer votre flux de travail et de trouver des moyens de faire les choses plus rapidement et mieux. 10. Projet de miniatures YouTube - 3: Alors ajoutons quelques touches de finition. On peut ajouter une petite ombre portée pour s'assurer que sa tête jette un peu d'ombre sur le G, utilisé pour ajouter un peu de cet effet superposé. Juste faire une simple ombre portée et faisons ressortir la distance et je vais te déclipser petite lumière de l'école parce que je ne veux pas que mon autre coup de goutte soit affecté. Donc je suis juste que je clique sur ça et trouver le bon angle de l'endroit où il est jeté juste à ce sujet là serait parfait. Ombre portée très spirale. Pas beaucoup de capacité. Juste assez pour lui donner un peu de ce look superposé. Peu de richesse. Et enfin, il y a quelques choses que nous devons faire. Tout d'abord, nous devons faire un test de visibilité, donc des tests de capacité visibles en zoomant un peu. Alors faisons 50% et c'est une façon réaliste de cadrer vos affaires parce que vous voulez faire des tests de visibilité. Vous pouvez obtenir une image réaliste de la façon dont le spectateur va voir votre document numérique . Donc, en ce moment, c'est probablement une taille de vignette de scie réaliste que vous verrez sur un écran de bureau et nous pourrions zoomer même Mawr pour faire une visite. Test d'aptitude. Alors je peux le lire ? Oui, le type est très clair. Je voyais les lunettes de l'homme. Je pourrais faire des signes de dollar et tu pourrais faire un pas de plus et aller à 25 % et partir. Je peux encore le lire ? Si la miniature était plus petite, puis-je toujours la lire ? Oui, je peux. Il vérifie toutes les cases pour qu'il passe tous mes tests, donc je suis prêt à être un peu plus sérieux pour me préparer à l'exporter. Cela fait environ 20 minutes, et c'est à peu près le moment où vous voulez pouvoir faire une vignette YouTube dans sa prise de plus de 20 minutes. Vous devez trouver des moyens d'accélérer votre processus de rassemblement parce que nous voulons être rapides, efficaces et faire du bon travail. Donc, c'est ce que l'intermédiaire du concepteur avancé doit commencer à faire est de se déplacer rapidement et obtenir des idées surgissent afin que vous puissiez charger, vous savez, pour votre heure de travail pour une vignette et ne pas surcharger et prendre cinq heures pour faire ce devrait être fait très rapidement pour la vidéo. Donc, en ce moment, nous avons ce riche fond coloré. Nous avons ce type blanc jaune riche et très contrasté en cours. Une chose que nous pouvons faire, c'est comme beaucoup d'entre vous deux le font. C' est qu'ils vont faire leur photo ou la photo principale en niveaux de gris afin que la typographie ait une chance de vraiment sortir. On va essayer ça. Ici, nous avons notre couche ici. On va aller voir si on ne peut pas faire ça en noir et blanc. Donc je vais juste descendre et vous remarquerez quand vous avez un calque intelligent ou un objet intelligent sur une photo. C' est génial pour le dimensionner. Mais quand vous avez besoin de faire des modifications, cela rend un peu difficile c'est quand je vais son image. Je peux encore le rendre habilité grise en allant au noir et blanc. Mais je perds un peu de mon de saturer quelques options différentes. Si vous voulez avoir ces options, vous allez devoir rast lever pour obtenir un clic droit et vous allez devoir rast lever la couche. Cela ne veut pas dire que vous ne pouvez pas Vous n'avez pas la capacité de le faire monter et descendre comme vous l'avez fait avant. Je veux dire, tu peux toujours, mais ça commence à perdre sa qualité et son tout. Mais c'est juste une sorte de je pense que je pourrais encore le rendre noir et blanc sans avoir à faire quoi que ce soit. Je pourrais juste être saturé de deux façons différentes. Je vais aller à l'option noir et blanc et juste le faire là. Donc vous avez remarqué ce genre de ton vers le bas et élevé les 10 000 le jaune dans les 10 000 pour que vous puissiez l'avoir en couleur. Tu pourrais avoir un noir et blanc. Je vais cliquer sur cet homme, et je vais l'aiguiser un peu. Donc je vais juste descendre et aller aiguiser et juste obtenir un pointu en lui d'un cran juste pour effacer cette image un peu plus. Donc je pense qu'il y a une chose que nous pourrions faire pour améliorer encore la situation. Donc, si vous avez un autre type de photo, parfois vous êtes coincé le client ou vous. Si vous faites vos propres miniatures YouTube, vous êtes coincé avec une photo particulière. Vous n'avez qu'une série de photos, mais en tant que designers nous poussaient toujours à faire choses meilleures et meilleures. Alors, qu'est-ce qui pourrait faire de ce Morvan haut, fort impact, miniature YouTube ? Eh bien, nous nous connectons tous avec les visages des gens, l'air, super d'avoir sur leurs visages souriants. A très bons visages émotionnels comme les visages en colère sont vraiment bons. Visages neutres ou non. Mais si on avait une expression faciale encore plus exagérée comme oui, comme une excitation comme ce gars, ce gars ici, regarde ce visage. Si on le mettait sur une vignette YouTube, ça attraperait vraiment un peu les gens. Bien sûr, vous êtes limité. Parfois, si vous devez utiliser le propriétaire de la chaîne YouTube, celui qui a fait la vidéo, mais juste une sorte de vous montrer une sorte de psychologie émotionnelle derrière quelles photos choisir et ce qui convertit mieux et quoi. C' est un design plus efficace et numérique. Alors, isolons ce type. Voyons comment il peut faire ça. Voyons si nous ne pouvons pas faire notre sujet pratique de sélection de Dandy. Voyons ce que ça fait. J' adore cet outil. L' une des principales raisons pour lesquelles vous devriez passer à 2019 si vous en avez les moyens. Certaines personnes ne peuvent pas, c'est bon. On va faire la même chose. Nous allons juste faire un masque de couche et le chercher. On pourrait probablement le recadrer un peu. Je n'aurai pas besoin de tout ce ciel. Nous avions notre outil de récolte pour le recadrer et allons l'amener. Donc ça va être une deuxième version. On va avoir deux versions différentes. Nous allons avoir deux versions différentes, donc je vais aller à notre tableau d'art, pourrait être juste ici. Je vais juste cliquer sur l'outil de déplacement. Et j'ai mon outil de tableau d'art et je vais ajouter un tableau d'art, donc ça va aller de l'avant, cliquer et aller de l'avant et cliquer sur l'addition. Ça va ajouter une nouvelle planche d'art et je vais copier et coller ce qu'on avait avant, donc je veux avoir deux versions différentes à exporter. Donc, je pouvais faire a été appelé un test être divisé. Donc, je peux essayer une image sur une miniature pour voir comment la vidéo se convertit, et que je pourrais essayer l'autre sur. C' est ce qu'on appelle un test de scission votre dire fondamentalement lequel fonctionne le meilleur tout un tableau d'art on pourrait copier sur le tableau d'art à donc je viens de sélectionner sont pauvres. Et j'ai juste copié aller au tableau d'art, aussi. Et je vais juste coller, donc on dirait qu'il a déjà ajouté une planche d'art pour nous. Donc, c'est une étape. Maintenant, je sais que nous n'avons pas à le faire. C' est sympa. Alors est allé de l'avant et a copié le tableau d'art aussi. Donc maintenant, il peut fonctionner sur les deux. Donc j'ai toujours notre homme qui saute le ramène et éliminons notre homme et notre point culminant, parce que nous aurons juste à voir ça plus tard. Et voyons si on ne peut pas coller ce type. Et bien sûr que nous le voulons, non ? Cliquez ici dans le calque et faites qu'un objet intelligent se convertissent en objets intelligents, et maintenant nous pouvons le déplacer, le mettre à l'échelle sans problème. Alors où va être ? Nous devrons peut-être zoomer pour celui-ci. Où va être la meilleure façon de le mettre avec le type ? Donc ce que nous voulons faire et c'est juste une sorte de psychologie du design commun, c'est que nous voulons avoir oculaires face au type parce qu'en tant qu'humains, nous regardons les globes oculaires des gens et nous sommes intéressés par ce qu'ils regardent. Donc, si vous faites face aux globes oculaires vers le type, cela aide à se connecter avec le type. Donc on va le bouger pour que ses globes oculaires soient toujours le reflet si on le devait. Mais essayons un arrangement de type différent. Donc je vais sélectionner tout mon type, déplacer et voir si je ne peux pas trouver un meilleur arrangement. Donc je vais devoir le rendre beaucoup plus petit. Donc voici une sorte de nouveau recadrage un arrangement. Nous avons toute la longueur du bras. Si on devait arracher le bras, il a l'air plus en colère qu'il ne l'excite. Donc, vous devez penser à la façon dont vous obtenez une récolte. Qu' est-ce que vous obtenez inclure dans la photo pour ajouter cet impact émotionnel ? Donc, réorganisons un peu le type pour qu'il puisse probablement percer à travers la fin et le G et nous pourrions le déplacer ici pour nous assurer que le don est toujours lisible. Donc, la droite de la fin et la gauche du G, ces lettres encore lisibles et faisons juste un arrangement différent dans l'alignement, et nous pourrions avoir besoin de rendre les choses un peu plus petites et c'est bon. J' aimerais avoir cette dernière couverture zéro juste un peu, mais pas tellement juste un petit peu pour le faire ressembler, couche. Mais nous voulons vraiment nous assurer que $10,000 est agréable et clair, et en 24 heures, nous pouvons nous mettre en marge pour nous assurer que nous faisons du bon travail avec cela . Et nous le sommes. Ajoutons une petite ombre portée à ce gars aussi, parce que nous voulons nous assurer qu'il est en train de lancer. Voyez comment cette ombre jette sur le G, comme si c'était vraiment réglé. Mais ça fait qu'il se sent plus vivant. On dirait que c'est vraiment lié à la paix qu'on pourrait faire. Si nous voulons être vraiment fantaisie, nous pouvons à la place dessiner votre propre ombre pour créer un nouveau modèle appelé L'Ombre, et nous pouvons dessiner nos propres ombres. Alors faisons une sorte de couleur foncée, juste une couleur noire ou neutre. Prends un petit pinceau rond et on peut peindre sur notre ombre ici pour l'homme. Nous pourrions le faire un peu plus réaliste que les styles de calque, parce que nous pouvons le peindre comme nous l'aimons, puis réduire un peu la capacité. Donc vous savez, quel que soit le contrôle que vous voulez avoir sur vos ombres portées. Vous pouvez toujours y retourner, couper vos ombres à tout moment, et nous pourrions nous asseoir là pour égayer cette photo et l'affûtage. Mais je pense que nous sommes à un point d'arrêt ici, donc nous avons deux versions différentes. Lequel convertit le mieux ? Celui de gauche est celui de droite, donc la droite attire davantage mon attention parce qu'il y a plus d'une réponse émotionnelle de la part de l'homme. Mais celui sur la gauche est agréable, aussi, aussi, si vous essayez de construire une marque personnelle sur YouTube parce que vous avez cette belle, claire zoom en face Inter apprendre à connaître le créateur YouTube en ayant un visage reconnaissance répétée dans ces vignettes. Alors nous commençons à nous lancer dans le marketing du côté des affaires, mais c'est génial. Est un concepteur d'être conscient de cela, surtout ici en intermédiaire, voulant être un concepteur de niveau de levier avancé penser à la psychologie du design, penser à ce qui convertit mieux et penser à comment cela va vraiment être utilisé par les entreprises, les clients et vous-même est une étape vraiment importante pour faire de vous non seulement un débutant mais un excellent design. 11. Projet de miniatures YouTube -: Continuons. On va faire ça un peu plus vite cette fois. Nous allons faire une autre vignette YouTube. C' est le double effet d'exposition. Donc, disons que nous voulons faire un Vous travailliez pour quelqu'un ou nous voulons personnellement poster vidéos YouTube sur faire ah tutoriel et boutique photo. Donc, ceci est pour une vidéo tutoriel sur faire effet double exposition. Nous allons même le faire, nous affecter à créer une miniature pensée qui serait un peu amusant et besoin de le faire Ouvrir un nouveau modèle ici et nous allons utiliser pour des photos pour cela. Nous allons utiliser notre fille, et nous allons utiliser notre montgolfière, et nous allons les superposer et utiliser les modes de fusion pour créer ce double effet d'exposition . Alors allons de l'avant et amenons nos photos et nous allons faire un clic droit. Et nous allons faire ce que nous avons fait dans la vignette précédente. Et on va s'assurer que c'est un objet intelligent. Assurez-vous qu'il s'agit d'un objet intelligent. C' est bien cliqué. Objet intelligent. Je vais l'amener. Maintenant, nous avons un contrôle maximum sur la résolution. Cela ne va pas brouiller une étape si essentielle que je ne faisais pas et l'incorporer dans mon flux de travail il n'y a pas longtemps. Et ça a été une telle bouée de sauvetage quand j'ai besoin de agrandir la photo après que je l'ai rendue plus petite . Donc maintenant, je suis juste en train de cadrer la photo, vous savez, juste en quelque sorte de voir où j'aimerais qu'elle soit. Donc l'objet intelligent dont je n'ai pas à m'inquiéter, je pourrais toujours le rendre plus grand, plus petit plus tard. La même chose avec ça. Qu' est-ce qui le déverrouille, n' est-ce pas ? Cliquez sur convertir en objet intelligent et nous allons juste copier et coller dans, et nous pouvons aller de l'avant et appuyer sur Entrée et apporter sa main, et je veux vraiment zoomer sur elle beaucoup. Je veux que le ciel puisse atteindre le plus loin possible, mais il peut ne pas atteindre tout le chemin. Prends la taille que j'aime. C' est bon parce que nous avons quelques outils vraiment cool, conscients du contenu qui vont être en mesure de remplir et d'étendre cette photo un peu pour nous. Donc, je pourrais même le faire juste pour que nous puissions pratiquer un peu certains de ces outils conscients du contenu . Donc juste encadrer ceci et les guides m'aident vraiment à encadrer cela aussi. Et je pense à une sorte de tête et comment elle est divisée et juste essayer de penser à l' endroit où le type ira va bien, nous allons avoir une phrase de trois mots et nous allons aussi avoir une icône de boutique photo . Il faut donc penser au type. Ce que je compose, c'est le type est la partie la plus importante de la vignette. Autant que l'image nous saisit, le type est ce qui vend la vidéo. Alors commençons à les superposer un peu. Je vais mettre notre montgolfière sur le dessus, et c'est comme ça que fonctionne l'effet double exposition. Il s'agit de modes de fusion. Donc, je vais aller à mon panneau de mode de fusion ici pour la montgolfière, et je vais parcourir ces cycles et j'ai déjà en tête celui que je dois utiliser . On va finir à l'écran, alors vous remarquez comment l'écran donne cette ambiance vraiment cool. Et je veux amener cette fin encore plus loin. Alors arrangeons ça comme ça nous plaît. On voit la montgolfière et la fille. Nous allons également sélectionner ces deux couches et nous allons les apporter un peu plus sur un plan plus serré . Je veux avoir un peu plus de lien émotionnel avec la fille, alors essayer de voir où je peux arranger, c'est de le rendre un peu plus grand. Et maintenant ce qu'on veut faire, c'est qu'on n'a pas besoin de tout cet excès de blanc. Nous voulons voir un peu plus le fond du ciel. Donc je sélectionne notre ballon à air chaud et on va faire un masque de superposition avec Larry Mask et je vais peindre sur Wanna Enlever ? Donc, nous voulons une peinture avec un pinceau rond doux. Smith, gentil et grand, gentil et grand. Peut-être 300. On va peindre avec des noirs qui vont enlever tout pour être un peu plus gros. Peut-être 400. On va juste éliminer lentement. Assurez-vous que mes capacités sont à 100 % et que nous faisons ressortir plus du ciel dans certaines zones comme ça. Et si on gâche et qu'on en fait trop, ce n'est pas grave. Cause affaiblir l'orteil blanc et aller et le ramener. C' est donc une combinaison de basculement entre le blanc et le noir et d'aller-retour. Et c'est exactement pourquoi nous utilisons des objets intelligents. Parce que maintenant je veux réduire. Je veux vraiment montrer plus de ballon et la fille quand j'ai le haut du bleu qui est montré. Donc maintenant nous avons ce n'est pas grave parce que nous ne pouvions pas réduire cela sans un problème. Donc je vais juste recadrer ça un peu différemment. Et parfois les photos ne s'étirent pas bien comme ça ne le ferait pas. Cela a un beau grand fond pour travailler avec. Parfois, je ne vais pas couper un peu ça pour toi. Couper cette image d'arrière-plan. Nous allons faire semblant que cette image ne s'est pas étirée tout le chemin, et nous devons en quelque sorte l'étirer à travers. Ce que j'avais l'habitude de faire est de dupliquer l'arrière-plan et de le réfléchir et de le cogner là-haut obtenir une sorte de look transparent. Mais ce n'est pas toujours pratique. Maintenant que nous avons des outils conscients du contenu, cela rend le service beaucoup plus facile. Je vais dessiner une boîte ici, avoir mon arrière-plan sélectionné, faire un remplissage conscient du contenu. Je vais monter à éditer, vais aller au contenu remplissage conscient. Donc éditer, remplissage conscient du contenu. Ça va nous demander où on veut un échantillon qui se réplique. Je vais dupliquer l'échantillon avec ce qui est en vert. Il va le dupliquer dans le quatrième week-end blanc, effacer certaines parties si on ne veut pas qu'un certain nuage soit gêné ou qu'on ne veut pas que le nuage soit échantillonné. On peut toujours le brosser. Cliquez sur OK, et il va automatiquement remplir avec ce qu'il pense. C' est bon de goûter une partie de cette zone et de créer ce type comme ça. Comme vous pouvez le voir, contenu conscient et contenu, outils Phil ne sont pas parfaits. On pourrait voir ce petit look déformé, et on peut facilement le corriger de quelques façons. J' ai notre objet sélectionné. Lorsque vous le faites, les outils de clonage ont l'outil de clonage qui peut échantillonner et cloner. Ou je pourrais faire le pinceau de guérison spot et peint sur. Le problème avec cela lorsque vous avez des couches intelligentes est que lorsque vous avez des couches intelligentes, cela ne vous permet pas de le faire. Il ne vous permet pas d'éditer le calque directement car il s'agit toujours d'un objet intelligent, vous devrez donc faire un clic droit et vous devrez rast lever le calque. Donc, je l'ai déjà fait, donc je rast se pose la couche. Maintenant, ce n'est que n'importe quelle vieille photo que nous pouvons éditer et faire. C' est donc une limitation aux couches intelligentes lorsque vous commencez à entrer dans la phase d'édition afin que nous puissions faire l'outil de clonage dans cette clique d'échantillon et le cloner, été inclus. Ou vous pouvez faire ce pinceau de guérison spot, qui est juste ici. Outil de brosse de cicatrisation ponctuelle Et tu peux le faire de cette façon aussi. Mais je trouve généralement plus de contrôle avec l'outil de clone avec des choses comme ça. Donc, il a cloné le haut de la chose et il suffit de cliquer dessus et il n'a pas l'air d'avoir fait quoi que ce soit, n'est-ce pas ? On va zoomer. Il est temps d'ajouter de la typographie. Je me sens plutôt bien à propos de l'image de fond, donc nous avons cette couche supérieure de ballon. Il est à l'écran, juste une sorte de critique, et nous avons fait l'effet double exposition. Donc, je suis allé de l'avant et préchargé quelques exemples de texte tout ces air sur différentes lignes afin que nous puissions avoir un maximum de contrôle sur la façon dont nous organisons le type. Essayons donc de comprendre où serait ce qui serait une bonne taille pour le type. Faisons tout un peu plus grand. Nous voulons également faire de la place pour une icône de boutique photo. Quelque part là-bas, arrangons-nous au lieu d'essayer de faire le calque et de devenir fou. C' est vraiment le point focal de la photo. Nous voulons garder le type et la photo à proximité, mais nous ne voulons pas que tout interfère. Allons avoir un joli look propre avec ça. Allons avoir un look plus traditionnel avec ce est. Eh bien, la dernière était cette police très audacieuse et épaisse de San Serif. Allons pour une Sarah plus élégante de police, et j'ai une sorte de à l'esprit que je veux essayer. Donc j'ai un double clic sur ça et voir si je ne peux pas avoir un gros visage de Brill. Je pourrais juste le taper dans un B si c'est là qu'il est. C' est un autre visage de type adobe, mais il y a aussi plusieurs alternatives sur les polices Google. Si vous n'avez pas accès à l'abonnement Ah, les polices adobe, que vous obtenez gratuitement avec n'importe quel abonnement adobe creative cloud où elle peut utiliser les styles de caractères pour les styliser rapidement. Mais comme il n'y en a que trois, je vais faire les trois manuellement. Alors, comment allons-nous obtenir une amende ? Mais nous voulons les assembler comme une pièce de puzzle. Alors nous allons trouver un bon arrangement. Donc vous avez ces doubles Efs ici, donc je me demande si nous pourrions mettre ça dans cette petite zone ouverte. Donc vous avez remarqué que je ne le fais pas trop serré, et je n'ai pas ces gros trous. Donc, si je devais le faire, je vois beaucoup d'étudiants faire ça, nous aurons de grandes lacunes, mais ça ne se sent pas très connecté en tant que phrase unifiée. Nous voulons donc nous assurer de combler un peu l'écart. Il suffit de trouver des moyens d'aligner les choses et de ranger les choses et de voir si cela fonctionne aurait espacement, mais pas tellement que cela ne semble pas être une unité. Alors amenons toute cette unité et trouvions un bon arrangement. Et nous pouvons même apporter cela puisque cela n'a rien qui va au-delà de la ligne de base. Donc c'est votre base de référence. Tout ce qui plonge en dessous. Donc, c'est votre base de référence. Vous avez le P qui plonge en dessous. Mais vous n'avez pas ça dans le double, donc nous pouvons nous sentir libres de le déplacer dans n'importe quelle position que nous voulons. On pourrait faire une sorte d' d' arrangement empilé comme ça. Et allez-y, faites nos tests de visibilité s'élèvent à 50%. Je peux le lire ? Tu sais, j'ai besoin de couper un peu les choses ? J' utilise mes touches fléchées pour déplacer légèrement les choses à gauche et à droite. Je trouve juste qu'il est plus facile d'utiliser mes touches fléchées pour juste faire de très petits mouvements et remarquer. On n'utilise pas encore la grille. C' est bon. On va beaucoup utiliser le grand. Mais quand il s'agit de ce type de vignettes, vous savez que la grille est géniale à utiliser, mais cela prend beaucoup de temps et vous devez vraiment formuler cela. Donc, parfois, il est agréable conception spécifique du globe oculaire des orteils, et certains la grille sera vraiment utile. Ajoutons une légère goutte. L' ombre ici ajoute cette légère ombre portée pour ajouter un peu de profondeur. Et maintenant, nous avons besoin d'un élément de plus pour que cela soit complet. Et nous en avons fini avec notre vignette. Nous avons donc besoin d'une petite icône de la boutique photo. Alors, allons chercher le nôtre. Québec à voir. Assurez-vous que les extras que vous montrez son dragger. Assurez-vous que les couches de marge sur le dessus. Alors, prenez une idée. Quelque chose en dehors de ça ? On peut tout modifier ? Et nous pouvons également être en mesure de trouver un bel emplacement pour notre icône de boutique photo. Donc, je vais apporter un PNG que j'ai trouvé sur Google juste le genre de votre Creative Commons PNG photo shop icône standard . Et parfois, vous pouvez le trouver avec un fond blanc. Mais votre designer intermédiaire, il pourrait frapper ce fond blanc et trouver cette icône. Pas de problème pour trouver ces icônes. Ils sont partout, donc je vais juste le mettre en marche. Nous allons trouver le bon placement ou les marges vont vraiment nous aider à guider le placement de notre icône. Alors maintenant, on peut parler. Marges ALOF. Ok, donc c'est un bon placement. Les marges nous ont aidés à comprendre ça. J' aimerais faire une ombre portée vraiment dramatique avec l'icône. Allons de l'avant et voyons ce qu'on peut faire ici. Je vais faire une très grande distance. Donc on dirait qu'il est jeté loin sur l'arrière-plan, et je vais faire un peu de flou ici avec la taille. Et encore une fois, ma capacité n'est pas super forte parce que ça n'a pas l'air très bon. Mais quand vous le réduisez, il lui donne un aspect plus réaliste clic sur. OK, donc nous avons ce joli look d'une sorte d'ombre fondue loin pour l'icône, et nous avons essentiellement fini avec celui-ci beaucoup plus vite que le 1er 1 Donc nous avons pu le faire très rapidement. Alors faisons encore un test de visibilité avant d'exporter. C' est là. Allons de l'avant et pratiquons l'exportation et nous pouvons passer au prochain projet allait aller exporter des fichiers. Allez-vous faire une exportation ? Comme Et c'est donc une nouvelle façon depuis 2019 et je crois que 2000 2020 version de photo shop a également . Je veux dire, j'utilise 2020 mais je crois qu'il l'a aussi fait pour la version 2019. Si vous ne voyez pas ces paramètres de fichiers d'exportation de la même manière, vous avez toujours les mêmes options. C' est juste arrangé ou a l'air un peu différent. Vous obtenez un bon aperçu cette fois où les anciennes versions de Photoshopped ne vous ont pas donné un aperçu vraiment agréable. Donc c'est sympa. Nous pouvons prévisualiser, nous assurer que nous n'avons rien sur les côtés et nous pouvons aller de l'avant et vérifier la taille est Tout semble vraiment bon et nous voulons faire un J. Peck. Donc on va aller ici pour les paramètres des fichiers. Nous voulons faire un J peg et nous assurer que la qualité est 100% parce que YouTube va toujours réduire la taille de la force s'il le faut. Qu' est-ce qui va aller à l'exportation ? Et bien que ce soit bien sûr, tout ce que nous faisons dans cette classe sera un mode RVB. Eso tous les modèles que je fournit et tous les nouveaux documents vont être mode RVB. Donc, nous juste pour nous assurer que c'est RVB look sur l'exportation et il y a vous. miniatures de tubes qui ont été créées en moins de 45 minutes ont pu fouetter quelques versions différentes de ces miniatures. Donc j'espère que vous serez assez rapide et rapide pour être en mesure de fouetter ensemble quelque chose qui semble que cela a fini dans environ 20 minutes. C' est combien de temps vous voulez filmer pour faire une miniature YouTube de très haute qualité avec des images déjà fournies. Voulez-vous être en mesure de créer cela rapidement et efficacement afin que vous puissiez facturer votre argent et faire beaucoup d'argent que possible ou créer autant de contenu que possible, mais aussi garder la qualité élevée. On a donc étudié un peu les miniatures YouTube. Ensuite, nous allons mettre sur pied une campagne complète de médias sociaux et de marketing numérique. Donc, cela va inclure Instagram Facebook. Nous allons aussi faire des annonces d'affichage, donc nous allons avoir cette campagne unifiée. Ceci est basé sur de vrais projets clients que j'ai fait. J' avais un client depuis plus de 10 ans, et j'ai fait tous leurs articles de médias sociaux et de marketing numérique, et c'est exactement le genre de choses que nous ferions. C' est basé sur un vrai travail client que j'ai fait au cours des 10 dernières années, donc nous allons sauter dans ce prochain 12. Projet de campagne sociale: vous. Maintenant, nous allons conquérir toute une campagne sur les réseaux sociaux et aussi quelques publicités numériques . Et c'est un travail très commun pour un graphiste à faire. Et c'est pourquoi je voulais vraiment avoir un accent particulier sur ce type de projet et faire toutes les tailles différentes sont les tailles les plus populaires impliquées. J' ai donc cette entreprise fictive appelée Travel Loop que j'ai créé, et j'ai une sorte de ce petit peu d'un tableau de marque, ou je suppose, au moins quelques actifs de marque, comme un logo sur un slogan et un couple de différents couleurs montres. Je voulais te fournir ça. Donc tu n'avais pas à t'asseoir là et à trouver ta propre compagnie. Vous avez déjà un prêt à utiliser pour notre campagne. Donc ils sont une agence de voyage, et ils aiment réserver des endroits exotiques, donc ils ont un peu un sentiment spécial, exotique haut de gamme, euh, genre de sentiment au type de voyages qu'ils offrent. Donc c'est exactement ce que va faire notre campagne. C' est un peu de notoriété de la marque, et il va y avoir un peu de réduction temporaire et quelques publicités. Mais nous allons faire une campagne Facebook générique et aussi certaines des choses dont ils auront besoin pour leur profil professionnel rapide et leurs profils de médias sociaux. Donc, vous pouvez télécharger cela comme une ressource téléchargeable est dans cette classe. Il s'appelle Travel Loop logo file dot ai. C' est un fichier illustrateur, et je voulais parler un peu des bibliothèques. Voici votre panneau de bibliothèque. si vous disposez d'un abonnement Adobe Creative Cloud, vous pouvez télécharger certains fichiers dans le cloud, à savoir vos bibliothèques. Vous pouvez y accéder dans votre fenêtre et descendre les bibliothèques d'orteils, et vous pouvez faire glisser certains éléments dans. Et quand vous saurez à la boutique photo, vous pouvez faire sortir cet élément. Certains vont vous montrer comment utiliser ça. Tout le monde n'aura pas accès à l'abonnement Adobe, mais pour ceux qui le font, c'est un TSA Nice qui accélère votre flux de travail lorsque vous essayez d'obtenir des fichiers de l'illustrateur à la boutique photo, et vice versa. Disons que je veux que certains de ces logos soient sauvegardés. Je peux le faire glisser dans ma bibliothèque, et il va l'enregistrer en tant que graphique, et je peux aussi faire les nuances de couleur aussi. Donc, si je voulais ajouter ces deux échantillons à ma bibliothèque et les rappeler quand je suis dans la boutique photo , sauf pour aller ici dans ma fenêtre de bibliothèques et cliquer sur le signe d'addition et nous allons ajouter la couleur de remplissage, sélectionnez ceci et remarquez comment la couleur de remplissage a changé ici et ajouté, C'est une belle façon d'ajouter des nuances. Soyez en mesure de tirer vers le haut dans la conception de n'importe quel autre programme Adobe, et vous serez en mesure d'avoir les mêmes nuances de couleur tout au long. Cela vous aide vraiment lorsque vous faites de grandes campagnes de marque et de marketing qui couvrent plusieurs programmes Adobe. Mais si tu n'as pas ça, c'est bon. On peut encore faire d'autres façons d'y mettre des trucs. Je vais aller de l'avant et sauver ce logo. Ça va traîner certains de ces atouts parce que j'ai besoin d'un autre ou deux arrangements différents. ce moment, nous en avons un. C' est pour ça que tu fais ça. Je fais des logos et des couleurs, mais j'ai aussi une version blanche qui pourrait fonctionner sur un fond sombre et vous verrez quand nous faisons nos campagnes sur les réseaux sociaux. Comment nous l'avons fait. Nous pourrions avoir beaucoup de différents types de fond orteils travailler avec beaucoup de tailles différentes. C' est donc agréable d'avoir un logo qui est très flexible, simple. Il peut s'adapter à n'importe quel fond de couleur. C' est pourquoi, lorsque j'enseigne le design de logo, c'est pourquoi la simplicité est importante. Tu vas vraiment découvrir ici quand on va en faire. Vraiment, ajoute Tiny. On va aussi faire des ajouts plus importants. Alors qu'est-ce qui se passe Faire glisser quelques uns de ces actifs sur ? Disons que je n'ai pas eu accès à Theodore Be Creative Cloud. Donc, je n'ai pas eu accès à ce système de bibliothèque parce que tout cela est stocké sur Adobe Cloud. Je peux toujours distraire sur mes logos, donc je dois faire glisser ça dans Adobe Photo Shop, et ça va aller de l'avant. Si elle vient d'illustré un magasin de photos. Ce sera un objet intelligent vectoriel, ce qui est vraiment génial, parce qu'il sera capable d'évoluer plus grand et plus petit sans perdre la résolution. Donc c'est vraiment, vraiment bon de garder ça comme un objet intelligent vectoriel, parce que nous allons nous appliquer à une tonne de tailles différentes. C' est donc le modèle que vous pouvez télécharger. Comme avec tous les projets de cette classe, vous pouvez télécharger un modèle. Il est déjà dimensionné pour vous et avec des tableaux d'art. Donc, vous serez en mesure d'avoir toute la taille est là pour vous. Donc on va commencer par la chose la plus simple, qui est la photo de profil Facebook. C' est donc le petit choix qui se trouve à côté de la page d'affaires de la page d'affaires. Donc, ce sera probablement la chose la plus facile à faire. On va retourner à l'illustrateur. On va voir quels éléments de marque nous avons qui pourraient fonctionner. Maintenant, c'est notre logo. Il faut donc prendre un logo typographique lourd et très horizontal et essayer adapter à une taille carrée. C' est donc la taille carrée à laquelle nous devons nous adapter. Comment on fait ça ? Il n'y a aucun moyen qu'on puisse placer tout le type sur la photo de profil. Ça va avoir l'air trop petit, trop horrible. Juste comme ça. Nous pourrions le diviser, diviser le logo pour qu'il soit empilé et le rendre un peu plus grand et l'empiler C'est une option. Ou nous pourrions prendre un élément de marque et le faire sortir comme une sorte d'icône. Donc c'est exactement ce qu'on va faire. On va isoler. Ça va copier ce logo, et on va isoler ces petites bagues, parce que c'est un aspect unique de ce logo et de cette marque. Nous allons donc vraiment souligner qu'il s'agit d'un peu de branding ainsi que design. Donc je vais apporter ces petites boucles et les mettre ici, et on peut faire un beau fond de contraste élevé. Donc nous allons juste faire une sorte de gentil avec des couleurs plus larges dans sa bibliothèque. Voici mon panneau de bibliothèque. Ça va apporter ces nuances de couleur où vous pouvez le distraire comme une boîte solide d' Illustrator et prendre l'outil pipette. Je vais ajouter une nouvelle couche et il a payé l'outil seau. Et juste comme ça, nous avons trouvé une petite photo de profil Facebook. Ce genre de discours explique ou montre vraiment ce détail de marque unique et profond. Nous devons vraiment trouver des photographies étonnantes pour ce projet. Et j'espère que le client vous fournira des photos personnalisées. Mais si ce n'est pas le cas, vous pouvez toujours acheter cela ou vous avez limité des photos gratuites à utiliser. Donc on va faire ça pour ce projet. On va aller au point com de Peck Sal et on va taper. On va simplement essayer de taper en voyage. On va voir ce que les images ont vraiment l'impression qu'elles se connectent à la marque. C' est donc une agence de voyage haut de gamme. Ils réservent des lieux exotiques. Nous voulons vraiment un wow eux avec le type d'endroits que vous rêvez seulement de visiter parce qu'ils se sentent comme ils sont coûteux. Ils ont l'impression qu'ils sont hors de portée. Mais nous voulons le rendre à la portée des gens. On veut que les gens voient ces photos et disent que je veux être là. C' est un endroit vraiment unique. Donc nous ne voulons pas faire quelque chose de générique comme l'avion volant, parce que je ne pense pas que les gens se connectent vraiment à ça. Donc, nous cherchons vraiment cette image avec laquelle nous pouvons vraiment résonner. C' est une sorte de photo de voyage générique, et j'ai utilisé celle-ci dans le passé, mais ça peut être n'importe où. C' est juste une gare. Ce n'est pas cetendroit incroyable et unique, endroit incroyable et unique, donc c'est un peu plus de ce dont je parle. C' est un endroit très unique avec la montagne il randonnée, ils font quelque chose un peu hors de portée sont un peu hors de l'ordinaire. Ce serait une bonne photo à utiliser parce que c'est très personnel. Vous avez la personne juste là. C' est un lien très émotionnel. Elle me regarde. Il se sent très naturel et biologique. Ce serait donc une autre option pour une campagne spécifique. Des photos comme ça fonctionnent très bien, mais la personne me manque. Je veux vraiment me mettre dans les chaussures du voyageur quand je regarde AD. Donc, j'aimerais vraiment trouver des photos qui ont une personne faire quelque chose en arrière-plan et pas seulement un beau coup et pourquoi celui-ci est OK. C' est un endroit très unique, probablement en Europe. Je ne me connecte pas avec la personne. Tout d'abord, elle est un peu floue. Elle n'est pas le point focal de la photo et elle a son dos tourné nous donc ça se sent un peu déconnecté, donc juste un peu de passer par le processus quand je sélectionne des photos genre de ce à quoi je pense . Maintenant celui-là est exactement ce que je cherche. Elle a cette femme. Elle a le dos tourné vers elle, mais elle l'a fait est très unique. Pose robe très unique. Ça compense en quelque sorte. Nous avons aussi cette merveilleuse occasion de créer des annonces verticales avec cela parce qu'il est très grand. Et j'aime trouver un mélange de photos verticales et horizontales parce que nous allons avoir un mélange Ah, publicités verticales et horizontales et des messages sur les réseaux sociaux. C' est donc agréable d'avoir de la variété avec le recadrage de vos photos. Et c'est très grand, grand et excitant et unique. Exactement ce que l'entreprise, le genre de choses sont la société sera de réserver pour nos clients. Donc c'est certainement un que je vais télécharger. C' est un autre qu'on va utiliser. Et la coloration peut être changée un peu. Nous pouvons le faire dans Adobe Photo Shop. Je veux vraiment faire ressortir des couleurs plus éclatantes, mais c'est OK parce que nous sommes des concepteurs intermédiaires maintenant et nous pouvons ajouter le coucher du soleil et toutes sortes de choses pour vraiment faire sortir ça un peu plus. Mais ce que j'aime dans cette photo, c'est qu'il y a beaucoup de fond pour travailler avec. Donc, nous pourrions mettre un titre ou un type sur le dessus de cela et avoir beaucoup de place t ont des éléments de conception différents . Donc, c'est juste un très beau travail photo avec beaucoup d'espace. Donc nous allons l'utiliser, et vous pouvez trouver tout cela juste en tapant et voyageant sur des pixels et n'hésitez pas à utiliser différentes photos. J' ai des liens vers les photos, les quatre principales que nous allons utiliser pour cette campagne. Vous pouvez trouver que dans le guide de ressources tous les liens, mais n'hésitez pas à utiliser différentes photos. Si vous souhaitez vous défier un peu plus dans ce projet, voici un autre exemple de photo. Vous penseriez, Oh, comment ça attire vraiment mon attention. Il y a une personne dedans. Ils font quelque chose d'exotique et d'excitant, mais il n'y a pas beaucoup de dos. Il n'y a pas de contexte. C' est ce genre de ciel et c'est de l'eau. Cette personne pourrait être dans une belle piscine quelque part et nous ne le saurions pas. Donc, il n'a pas tout à fait cette attention attirante regarder vers elle. Et voici un autre exemple d'une photo qui a l'endroit où une personne est dedans, mais elle a le dos tourné. Elle a ce beau mouvement expressif avec ses mains, mais je ne résonne pas ou ne me connecte pas avec lui. J' ai juste l'impression qu'elle pose juste un peu. Elle n'est pas vraiment engagée avec l'arrière-plan ou la photo. Elle pose juste un peu, donc on veut éviter ces photos où on dirait qu'elles essaient d'avoir une belle photo. Tu veux les amener là où ils font quelque chose. Ils rient avec des amis là-bas. En fait, ils sont au milieu d'une randonnée. Vous savez, ce genre de photos d'action est beaucoup mieux que ces photos de type pose pour Qu'est-ce que vous cherchiez  ? 13. Projet de campagne sur les réseaux sociaux: vous avez plusieurs photos impressionnantes que nous avons sélectionnées à partir de pixels dot com que nous pouvons utiliser pour notre campagne genre de genre vraiment wow genre d'environnements avec des gens dans chacun d'entre eux. Pour qu'on puisse se connecter et résonner avec ces gens. Donc la prochaine chose qu'on va faire est la photo de couverture Facebook. Donc les photos de couverture allaient être assez faciles à moins qu'ils aient une promotion spécifique qu'ils veulent promouvoir. Mais on va faire un simple logo et une photo et peut-être quelques petits éléments de marque. On va essayer de comprendre comment étendre un peu cette marque. Alors, nous allons trouver notre photo pour notre photo de couverture ici. Ça va être une autre page d'affaires principale. Je pensais qu'on resterait avec celui-là. Pour l'instant. C' est beau et large, zits très horizontaux vont nous donner beaucoup d'espace pour recadrer ça vraiment bien, c'est ce que je peux faire, c'est que je peux faire glisser cette photo dans la boutique de photos, et quand vous faites glisser une image dedans, ça va automatiquement devenir un objet intelligent, ce qui est vraiment bon pour nous parce que nous voulons être en mesure d'évoluer vers le haut et vers le bas sans perdre aucune résolution. Donc on peut juste le faire, le mettre dans ce tableau d'art particulier et le centre de presse. Il y a aussi une autre façon que vous pouvez apporter dans la photographie, et il pourrait le faire en utilisant des conteneurs dans des conteneurs ou juste ici sur votre barre d'outils a dû changer mon espace de travail pour être en mesure de le trouver. Mais c'est là. Il y a des conteneurs. On peut faire un petit conteneur ici s'étirant à travers, et ensuite on peut faire glisser sa photo de cette façon, et ça va se remplir automatiquement dans le conteneur et c'était génial à ce sujet, c'est que tu n'as pas à rester là et prendre cette photo gigantesque et continuez à les dimensionner vers le bas. Ils se remplissent automatiquement dans ce conteneur particulier. Donc, juste une autre façon, une autre façon d'éplucher un chat. Donc, nous allons trouver le bon recadrage pour cela est quand nous avons probablement besoin de zoomer et vraiment avoir une idée de la façon dont cela devrait être rogné afin que vous remarquiez qu'il semble un peu pixelisé. s'agit d'une image numérique, et c'est une taille particulière, et vous pouvez toujours vérifier la taille de notre tableau en sélectionnant le titre à venir de votre outil de déplacement. Vous serez en mesure de voir la taille, Donc ce n'est que 828 pixels par 315 pixels. Ce n'est pas une très grande taille, donc tu vas naturellement voir un peu de choix, de l' exaltation. Ce n'est rien de mal, mais quand vous êtes habitué à travailler avec le design d'impression et que tout est super net, vous partirez. Hé, c'est floue. Et c'est normal lorsque vous travaillez avec des tailles aussi petites. Donc, il est actuellement dans un conteneur donc je peux double-cliquer sur n'importe quel conteneur et être capable de déplacer cela à mon goût. Nous voulons vraiment amener les gens à la photo, donc nous voulons peut-être faire un alignement central avec Hiss Body. Nous voulons avoir un beau ciel clair pour pouvoir placer notre logo dans. Donc nous allons aller dans Illustrator, ou vous pouvez aller dans le panneau de vos bibliothèques ou je vais le faire dans l'autre sens et juste le faire glisser à partir d'Adobe Illustrator. Nous avons donc plusieurs articles différents que nous pourrions apporter. Nous pouvons faire le tout blanc Allons de l'avant et essayons ça donc c'est vraiment une sorte de travailler avec vos variations de logo et de trouver lequel fonctionnera le mieux afin que nous puissions faire un blanc solide faire un peu d'ombre portée, mais ce n'est pas Ça va être super fort. Voyons donc si nous pouvons essayer une version en couleur et voir si elle apparaît vraiment assez contre le ciel. Et sinon, nous avons une boutique photo. Nous pouvons toujours éditer la photo pour faire ce que nous en avons besoin. Nous avons un logo en couleur et l'orange se perd un peu dans le ciel, mais ce n'est pas une grosse affaire. Donc, une chose que je veux commencer à faire est de penser un peu à des grilles et des guides accrochages et à des façons. Nous pouvons facilement nous assurer de trouver le point central, comme nous voulons nous assurer que cela est maintenant centré dans le document. J' ai donc ces guides sur, ce qui pourrait être vraiment utile. Alors assurez-vous que vous avez vos guides sur un déplacement autour de cela. Ça me donne des indications de l'endroit où il est aligné au centre, et j'ai cette petite indication ici. C' est une sorte de mettre en place pour moi, et c'est super utile. Pour activer cela, allez à la vue et assurez-vous que le snap est activé et assurez-vous que votre Zahran supplémentaire aussi, de sorte que cela vous aidera avec un peu d'alignement au lieu d'avoir à sortir la grille et à vous impliquer dans cela, il trouvera automatiquement ce point d'alignement central. Donc, double-cliquez sur ce conteneur et voyons si nous ne pouvons pas obtenir un meilleur recadrage ici. On pourrait même peindre sur une couleur plus claire et plus large. C' est un moyen plus rapide et plus facile de le faire. Donc je prends juste un pinceau rond doux. Mais mes brosses générales font rond doux rendre agréable et grand. J' allais peindre un peu de blanc sur une nouvelle couche, donc juste en créant une nouvelle couche, ils vont peindre en blanc autour du logo. Mais ça a l'air horrible, mais ce n'est pas grave, parce que nous pouvons utiliser un mode de fusion sur cette couche pour adoucir et mélanger cela dans ou simplement réduire la capacité. J' ai juste besoin d'un peu de blanc derrière ce logo. Vous pouvez également ajouter un style de calque et faire une lueur extérieure. Mais j'ai l'impression d'avoir plus de contrôle quand j'ajoute une couche de blancheur, donc ça l'aide à sortir, surtout dans le ciel orange et orange. Donc ça a besoin de quelque chose. Faisons un test de visibilité. Zoom arrière sur environ 100%. Donc j'aime la photo. Il s'étend très bien sur la distance. Et il y a quelque chose que vous devez être conscient quand il s'agit de visionner mobile ceci et la version mobile de Facebook et c'est la zone de sécurité mobile. Je vais sortir mon panneau de couches pour que vous puissiez voir à quoi je fais allusion. Pour avoir ce coffre mobile ici, je vais faire glisser ce calque sur elle pour pouvoir voir où c'est. C' est là qu'il s'effondre sur la vue mobile. Il coupe donc les côtés gauche et droit. Donc, vous devez toujours être conscient de ne pas mettre de texte sur les côtés gauche et droit parce qu'il ne sera pas vu sur la vue mobile. Donc, si vous avez beaucoup de texte sur l'image de couverture de votre page d'affaires, vous devez le garder là au centre afin que vous puissiez parler de tout cela sur et hors pour vous donner un guide. Alors ajoutons un autre élément de marque parce que nous perdons des gens ici. Obtenons quelque chose sur les côtés gauche et droit qui peut se répandre au centre et vraiment amener les gens dans les couleurs et le thème de la marque. Donc une chose que nous pouvons faire est d'avoir ces cercles. Un peu de partie de la marque est un cercle. Prenons cette forme circulaire et élargissons-la un peu et utilisons-la comme élément de fond . Donc ce que je vais faire, c'est que je vais prendre les deux. Commençons par le bleu. Je vais juste en faire un peu d'élément qui se déverse sur le côté. Rien de trop grand n'ajoute que quelque chose qui se passe là dans le document . Et nous voulons aussi peut-être faire briller une partie de ce beau fond ici pour que nous puissions juste réduire la transparence de ces couches en laissant un peu derrière la guerre. Nous pouvons regarder ses modes de mélange pour voir si cela a un peu meilleur sentiment, mais il semble que ceux-ci étaient assez durs. La lumière dure semble assez intéressante, mais c'est très dur. Vous voudrez peut-être simplement réduire la capacité. Justo, laissez juste ce fond continuer et ayez honte de l'arrêter et d'avoir une couleur unie. Quand vous avez un si beau fond comme ça, nous avons ajouté juste un peu d'élément. Et Poppy pourrait le faire avec n'importe quel autre élément de design. Donc c'est juste une sorte de votre toute première photo de couverture Facebook simple pour ce projet. Maintenant, on va commencer à penser au marketing et à la publicité. Ce sera une publicité Facebook payée et il y a des restrictions avec les publicités Facebook payantes. Tout d'abord, là, moment, euh, pendant ce tournage, bien sûr, la taille pourrait toujours changer. Mais en ce moment, ils sont 1200 pixels par 628 donc c'est très ver c'est très horizontal. Encore une fois, nous devons chercher une photo qui sera conviviale à l'horizontale, et nous devons garder le texte à moins de 20% de l'annonce totale, afin qu'ils rejettent votre annonce si vous avez trop de texte dessus. Et rappelez-vous, une annonce Facebook a également un titre et une copie du corps qui va avec elle dans le post afin que vous n' ayez pas à vous sentir comme vous avez besoin de taper tous les mots dans l'annonce Facebook. C' est vraiment une aide visuelle qui complète le texte qui va avec le post. Alors pensez à ça. Essayez de ne pas bourrer trop de texte sur une annonce Facebook. Je sais que c'est très tentant, et vous devez éduquer les clients s'ils veulent que vous mettiez un tas là-dedans que ce n'est pas autorisé. Les orteils ont plus de 20% de la superficie totale. Sois du texte. Nous gardons cela à l'esprit lorsque nous faisons notre première publicité payante sur Facebook. 14. Projet de campagne sur les réseaux sociaux: tout d'abord, lorsque vous faites et ajoutez beaucoup de fois, la photo est la partie la plus importante de l'annonce, suivie par le titre et le suivant, L'appel à l'action. Donc, beaucoup de fois, quand je réfléchis à la façon de faire une annonce payante, je commencerai par une photo que je veux utiliser, puis je construis en plus de cela parce que ça va toujours . La photo m'aidera à encadrer mon titre et mon type. Alors menons avec la photo. Vous avez plusieurs options ici, et ils ont tous un but vraiment unique quand je les ai trouvés et que je voulais vraiment utiliser celui-ci, je sais que c'est vertical, et nous allons l'utiliser pour une histoire Instagram plus tard. Mais je pense que je peux toujours utiliser cela comme une excellente option. Je vais donc faire glisser cette photo directement dans Photoshopped ou utiliser un conteneur. Trouvons un moyen de recadrer ça. J' adorerais que ça passe tout le chemin à travers l'écran. Donc, en termes de culture, nous pouvons l'avoir là, ou nous pouvons montrer plus de ce merveilleux ciel. Donc je vais recadrer ça aussi serré que possible. Nous pouvons toujours zoomer sur la photo plus tard au fur et à mesure que nous commençons à la développer. Alors, quelle est la prochaine chose importante avec une annonce ? Et je veux m'assurer d'apporter ma marge. C' est notre marge. Vous pouvez activer cela souvent juste pour vous assurer que lorsque nous ajoutons de la typographie et que nous ajoutons un appel à action que rien ne prolonge rien. C' est le texte s'étend dans la marge. N' hésitez donc pas à activer et désactiver cela comme un guide d'aide utile. Alors maintenant, le titre. Donc on a déjà une tête. J' ai un titre choisi. Hum, le client l'a fourni, ou le client fictif vous le fournirait. Et le titre est Votre aventure exotique vous attend. C' était sympa de lancer le mot exotique, puisque c'est un peu sur quoi notre marque est construite. Donc je vais aller de l'avant et ajouter la typographie juste faire la boîte de texte coller dans la boîte de texte. Alors on y va. Votre aventure exotique vous attend, et nous devons trouver un moyen de faire ressortir cette typographie au-dessus de la photo. Il y a des boîtes que nous pouvons mettre derrière il y a des ombres portées que nous pouvons utiliser, mais je veux vraiment ne pas enlever de la photo en ajoutant de grandes boîtes de blocs ou quoi que ce soit pour aider à se démarquer. Donc, une chose que nous pouvons faire est de rendre la typographie agréable et audacieuse. Donc maintenant je vais aller de l'avant et double-cliquer sur la typographie. Et en ce moment, il est allumé. C' est le chemin de fer, qui est une police gratuite que vous pouvez télécharger sur les polices Google. Faisons une attente audacieuse aller vers le bas L'audacieux et le plus audacieux sur le chemin de fer est et il ressemble à ici et regarde d'une manière ou d'une autre, il a un peu mis les polices un peu hors de l'ordre et vraiment noir va être encore plus audacieux que extra gras. Donc le noir est toujours ton type le plus épais, euh, visage serré. Attendez, on va choisir Black Pour une raison quelconque, c'est hors d'ordre sur ma liste, mais c'est bon, parce que je sais que le noir est le plus audacieux. Voyons comment nous pouvons empiler cet affaiblissement. Empilez cela dans un alignement à gauche sur la droite, et nous avons une sorte de mur de briques qui peut vraiment aider la typographie à se démarquer. C' est une chose que nous pouvons avoir un bon appel à l'action sur la droite. C' est une option. Mais maintenant, je veux commencer à apporter d'autres éléments de conception. Donc je sais quel espace j'ai pour le titre. On doit avoir le logo. Alors amenons le logo. Et nous avons déjà cela à partir d'ici et ce que je veux vraiment faire, Ce qui est peut-être nécessaire par le client est d'utiliser le logo avec le slogan. On a le slogan ici. Donc ce genre d'aide à apporter ce mot exotique et à l'attacher dans la campagne. Donc on va voir ce qu'on peut faire avec la couleur. La couleur complète peut ne pas fonctionner. Alors laissez-moi voir si je ne peux pas faire une couleur blanche pour ça. Nous avons une photo très détaillée, pas sûr que la couleur unie va vraiment fonctionner là. Alors amenons ça. Et cela peut nécessiter un peu d'arrière-plan, et il n'a pas besoin d'être super grand juste pour voir le logo et avoir une certaine reconnaissance de marque . Alors continuons le thème du cercle que nous avons eu. Je vais juste maintenir l'option et faire glisser pour en faire une copie et je l'apporte dans ce tableau d'art . Et voyons si nous ne pouvons pas utiliser cela comme un grand fond sur la photo juste comme ça. Et je pense que puisque nous avons un fond bleu, nous pourrions même nous en sortir avec un logo en couleur. Et ce que nous pourrions avoir besoin de faire, c'est d'apporter notre demi-couleur. Donc, vous avez remarqué que nous avions beaucoup d'options différentes ici, donc nous avons juste une seule couleur dans une couleur pleine couleur. Nous avons également cette autre option qui a de la couleur mais a aussi du blanc, sorte qu'il est agréable d'avoir des options. Je pense que ça va marcher le mieux. C' est pourquoi vous avez beaucoup de versions différentes de votre logo, de sorte que vous pouvez avoir un maximum de flexibilité avec vos options lorsque vous commencez à les utiliser réellement . J' ai peut-être besoin de faire un peu plus grand le cercle. Je ne veux pas qu'elle prenne beaucoup de place parce que c'est une si belle photo. On ne veut pas enlever la photo. Nous voulons vraiment que les gens puissent reconnaître la marque. Les noms faisaient juste un peu de positionnement. On pourrait basculer sur sa marge. Assure-toi qu'on est en sécurité là-bas et ça va s'accrocher parce que j'ai des guides sur ça pourrait m'aider à combattre une position. Nous avons donc besoin d'un appel à l'action. Donc nous avons un titre, un logo, et maintenant nous avons besoin d'un Alors quoi ? Qu' est-ce qui est si quoi ? Vous êtes exotique Aventure attend livre maintenant appris Mawr. Vous savez, beaucoup de fois avec des publicités Facebook payantes, vous pouvez mettre un bouton non pas sur la photo mais juste en dessous de la photo. Parfois, votre appel à l'action n'a pas besoin d'être sur la photo. Il pourrait s'agir d'une partie de l'annonce, d'une publication totale. Alors pensez-y aussi. Donc, dans ce cas, le bouton va être sous la photo, donc nous n'avons pas besoin d'avoir un livre maintenant appelé Action Button, parce que lorsque vous cliquez sur Ajouter et Facebook, vous cliquez sur la photo. Cela rend la photo plus grande, mais cela ne vous amène pas à la page de destination. C' est ce que fait le bouton ci-dessous pour que nous puissions laisser cela exister hors de la photo, plus nous voulons nous assurer que nous avons moins de 20% de la surface totale de l'annonce non prise par texte, et je crois que c'est le cas ici. Donc maintenant, tout ce que nous avons à faire, c'est de travailler dans notre titre et nous serons à peu près prêts à partir. J' aimerais bien équilibrer ça un peu, surtout du bon côté. Je me demande si nous pouvons apporter juste en maintenant l'option et en faisant glisser notre petite orange cerclé est d'ajouter un peu d'équilibre sur ce côté droit et de faire respecter les couleurs de la marque et les actifs de la marque. Alors finalisons notre titre. Ce que j'ai remarqué, c'est que j'aime le type blanc. Il apparaît vraiment ici, mais il s'estompe en quelque sorte ici, donc presque nous demander si nous pouvons trouver une opportunité de zoomer un peu plus sur elle et de l'empiler de cette façon, mais presque nous demander si nous ne pouvons pas faire une sorte de Un peu d'un bord déchiqueté tout le long. Et ça pourrait marcher, mais ça se lit en quelque sorte agitée. Votre aventure exotique vous attend sur quatre lignes. Peut-être qu'on peut simplifier ça en trois lignes, alors peut-être que votre aventure exotique vous attend comme ça. Nous pourrions aller de l'avant et faire glisser ça, et c'est très lisible sur elle, et il concentre aussi votre oeil sur elle et sur le type du même temps et les rassemble . Mais nous avons probablement juste besoin d'ajouter un peu d'ombres portées. Je vais juste double-cliquer sur mes styles de calque et juste ajouter un peu d'ombre portée, très subtile, Ne pouvait pas avoir de distance du tout, pourrait augmenter la taille, puis augmenter la capacité. Et maintenant, nous pourrions avoir l'occasion de nous assurer que nous avons l'équilibre et son annonce. Donc, en ce moment, nous avons une annonce très lourde à gauche. Nous avons ce logo, ce fond bleu très fort et la typographie tout sur le côté gauche. Donc, je pense qu'il faut un peu équilibrer ça. On a essayé de le faire avec ce cercle, mais il manque quelque chose à droite. Voyons si nous ne pouvons pas déplacer notre typographie vers la droite et que les gros titres commencent à lire autour de son corps. Donc maintenant, il a un peu meilleur équilibre. Il coule de haut à gauche en bas à droite, ce qui est une lecture naturelle comment les gens lisent et digèrent l'information et ajoutent. Donc je me sens très heureux de cette annonce payante. Nous pouvons aussi faire une autre option d'un père de paie. Ça va être facile d'ajouter qu'on va aller de l'avant et cliquer sur le tableau d'art. Ça va nous donner une chance d'ajouter la même taille juste à côté. Nous allons faire une deuxième option juste avec le même arrangement de titre, mais avec une photo différente. Avoir des options. 15. Projet de campagne sur les réseaux sociaux: essayez une photo différente entièrement, et vous allez de l'avant et amenez celui-ci dans l'homme sur l'océan. Essayons de trouver un bel espace de culture pour lui. Nous ne le savons peut-être pas avant de commencer à apporter certains des autres éléments, mais je veux vraiment avoir une attention centrale sur l'homme. Remetons le même titre et nous voulons être cohérents avec son titre. Si nous l'avons empilé ou un peu déchiqueté comme ça, une sorte d'alignement en lambeaux sur la gauche. Nous devons rester cohérents tout au long de la campagne. Donc, nous voulons garder le titre sur le même type et être cohérent, donc il y a beaucoup de domaines différents. Teoh travaille avec celui-ci aussi. Alors allons-y. Et cela pourrait être facile, car nous commençons déjà à trouver des moyens d'intégrer la marque dans le logo. Donc, nous sommes juste une sorte de glisser sur la duplication à ce stade et aussi ce petit élément orange . Nous voulons nous assurer que c'est cohérent. Donc, plus nous faisons ça et nous allons faire beaucoup de tailles différentes, ça va aller de plus en plus vite et plus vite avec chacun d'entre nous le positionner un peu en haut à droite, parce que nous avons ce genre de zone vide là-bas. On veut garder le bateau juste là. Et une chose que nous pouvons faire puisque c'est si sombre ici, nous pouvons même faire ressortir une de nos couleurs de marque ici et vraiment mettre en évidence ou utiliser le contraste pour faire ressortir un mot. Donc dans ce cas, je vais faire ressortir le mot exotique. Et j'allais apporter notre couleur orange, donc vous remarquez que cela aide vraiment le titre à sortir un peu en ajoutant du contraste, donc nous avons l'occasion de le faire. Donc je vais profiter de ça chaque fois que nous pouvons ajouter et apporter du contraste serait excellent. Vous remarquez comment le E ici et moi allons zoomer chevauche cette petite planche ici. Ce que cela fait n'est pas seulement que cela intègre le titre avec une photo, mais cela provoque un peu de tension, ce qui est vraiment bon d'avoir ce genre de chevauchement là sorte d'intégration au lieu d'être tout seul et isolés, nous l'amenons ici et avons juste un peu d'effet de chevauchement. Une chose qui manque ici, c'est que la photo est géniale. C' est beau, mais il manque vraiment de vibrance, de saturation et de couleur. Donc on va l'ajouter en nous-mêmes parce qu'on peut le faire ici dans un magasin de photos. Donc une chose que je veux faire et je veux pouvoir faire quelques modifications. Donc les ajustements d'image. Et si vous êtes assez doué en retouche photo, vous serez à la maison. Je vais y aller lentement, en quelque sorte. Certaines des choses que je traverse la première chose qui a le plus grand impact est l'exposition. Donc, vous n'avez pas à ajuster est beaucoup a des impacts énormes a été très petits ajustements. Donc je vais augmenter et j'ai juste eu un peu de luminosité à la photo. Ne pas avoir à faire de décalage et les corrections gamma vraiment agréable lorsque vous travaillez avec des photos en noir et blanc. Mais dans ce cas, je pense qu'on va avoir un bâton avec un. Alors regardez ce très petit ajustement que nous avons fait. Et j'aime juste passer par mon panneau de réglages. Ensuite, c'est la vibrance, donc je pourrais ajouter un peu de cette vibrance. Ça va ajouter un peu de saturation allait faire ressortir une sorte de ton plus chaud . Donc vous remarquez comment c'était avant d'ajouter un peu de couleur à une peau, un peu de couleur à l'environnement sifflement, juste un peu de saturation, Mais nous ne voulons pas sursaturé, parce que ça commence à paraître très faux. On dirait qu'il a un faux bronzage. Nous voulons donc être très prudents avec la saturation. Il suffit de le faire un petit peu pour nous aider. Donc une chose que je veux faire avec ces photos, je veux l'aiguiser juste un peu. Et j'aime faire ça avec quelques photos. Il suffit d'aller aiguiser à la fois, ajoute juste ce peu de croustillant supplémentaire à la photo. Et donc une chose que je veux faire est et quand ajouter un peu d'une sorte de couleur de coucher de soleil chaud ici dans le ciel Donc je vais créer une nouvelle couche et faire ce que nous avons fait avant et obtenir notre brosse douce la rendre assez grande. C' est peut-être un peu plus grand que ça, peut-être 1000 pixels et nous voulons obtenir une belle couleur orange coucher de soleil, et nous allons juste cliquer une fois en haut ici, et nous allons aller à notre mode de fusion et adoucir cela. Peut-être des lumières épingles. Un couple d'entre eux pourrait bien fonctionner, l'écran semble être le plus lumineux et le plus léger. Nous ajoutons juste un peu de couleur là pour que vous puissiez voir avant et après que vous puissiez voir comment nous ajoutons un peu plus de richesse à la photo. Il y a beaucoup plus que nous pouvons faire avec ça. Nous pourrions esquiver et brûler pour faire ressortir certaines zones de l'eau aussi. Mais pour ça, je pense qu'on est plutôt bons. Nous avons deux options différentes pour les annonces. Nous avons encore une chose à faire, et nous en avons assez fini avec Facebook. Nous allons à un post boosté sur Facebook. Suivant pour le post boosté Facebook. On va faire quelque chose d'un peu différent. Nous allons mettre un peu de notre promo dans celui-ci. Il semble être 20% de réduction sur toutes les réservations, et nous allons essayer d'incorporer ce texte et faire quelque chose d'un peu plus promotionnel et traditionnel. Revenons donc à nos choix de photos. Avoir quelques bons choix ici, mais je veux apporter une image totalement différente que nous n'avons pas utilisée auparavant. Nous pourrions trouver différentes façons de recadrer cela, donc nous voulons vraiment voir la grandeur des montagnes. Alors nous allons nous assurer que nous zoomons et obtenons un bon recadrage serré. Et nous voulons aussi mettre le logo dans le ciel. Je pense que ce type a assez de contraste pour mettre le logo juste là dessus pour qu'on puisse y arriver. C' est peut-être une couleur. Voyons voir. Avons-nous encore une couleur avec le slogan ? Pas encore, mais nous pourrions aller dans notre document illustrateur et obtenir une couleur complète avec le slogan et l' apporter. Donc nous allons déjà avoir besoin de faire un peu de foudre à l'arrière-plan pour que cela puisse se démarquer parce que ce n'est tout simplement pas un contraste élevé avec l'orange contre les nuages pour être suffisamment lisible, et c'est OK, parce qu'on va pouvoir le faire ensemble. Alors recevons notre offre, et nous avons cette merveilleuse opportunité d'ajouter une bulle d'offre juste ici. Donc, continuons avec leur thème de bulles. Maintenez l'option enfoncée et apportez ceci. Cela pourrait être l'endroit où offre vit et j'ai notre offre déjà chargée ici et un peu de type par défaut. C' est 20% de réduction sur toutes les réservations. Donc, voyons si je ne peux pas apporter ça et faire un bon alignement à gauche va s'enclencher pour moi. Donc, une chose que je veux faire est de commencer à utiliser le contraste avec notre offre. Donc la chose la plus importante dans ce bloc de typographie est la réduction de 20%, donc nous pourrions le faire. Ajoutez du contraste de deux manières différentes. Affaiblir audacieux. Allons-y et continuons avec notre chemin de fer que nous avons utilisé. Faisons un gras ou noir et vous remarquerez avec le chemin de fer que je ne suis pas un grand fan de la façon dont chiffres fonctionnent dans le chemin de fer. C' est bon. Si vous n'aimez pas comment les nombres ressemblent dans une typographie de type particulier. Vous pouvez utiliser une typographie similaire pour les nombres, donc je vais utiliser un sable ouvert, qui est aussi une polices téléchargeables gratuitement sur les polices Google, et je vais faire aussi gras que possible. Tellement audacieux. Ils n'ont pas de noir, c'est bon. Utilisez extra gras et ajoutez du contraste en faisant ressortir notre couleur orange. Donc vous avez remarqué instantanément qu'il casse tout ce titre. Faisons également ce chemin de fer, et vous pouvez également utiliser des styles de caractères si vous voulez garder des tailles similaires. Le seul problème avec l'utilisation de styles de caractères avec les médias sociaux est que vous avez tellement de tailles différentes. Il serait difficile de gérer tous les styles de personnages dont vous aurez besoin, donc je fais juste un peu tout à la main avec chaque annonce. Et donc nous avons ce petit type, qui est un talent, et je pense que c'est une belle taille de hiérarchie de types remarquée. Ici, nous avons un peu plus grand qu'il ne va à plus petit. J' aime ajouter une petite ligne de séparation visuelle ici, alors faisons une ligne avec l'outil rectangle va rendre une ligne assez mince. Il y a juste assez pour ajouter un peu d'une rupture visuelle des boîtes de type. Déplaçons cela vers le bas, avons un peu plus d'espacement entre les personnages, voyons s'accrocher pour moi et découvrir quelle est la même distance entre ici et ici. me fait gagner beaucoup de temps, donc pour l'instant, c'est juste une ligne simple et ça a l'air super. Mais je veux ajouter un peu de décoloration à cette ligne. Donc je vais chercher mon outil gomme. Vous pouvez également ajouter une masse de superposition qui pourrait même être plus logique. Ajoutons un masque de superposition, obtenons notre noir et pavé avec une brosse douce. Il faut toujours trouver des moyens non destructifs d'éditer quand vous le pouvez. Donc je suis sur ma masse de superposition et je vais juste cliquer une fois un peu fané, juste ajouter un peu d'excitation là-bas. Alors ajoutons plus de contraste en rendant le off toutes les réservations un peu plus petit et le 20% un peu plus grand. Et nous pouvons aussi travailler sur le recadrage de sa photo. Nous consommons un peu. Je ne veux pas perdre la grandeur et l'extraordinaire des montagnes. Nous devons faire attention à la taille qu'on pourrait faire, mais nous voulons vraiment zoomer et nous connecter émotionnellement avec la femme autant que possible . Voici donc la question que nous devons arranger avec le logo Allons égayer un peu le ciel afin que nous puissions ajouter une ombre portée. Mais ça va avoir l'air trop sombre. Et j'essaie d'éviter les ombres portées si je le dois absolument. Alors prenons la photo du ciel, et on pourrait faire la même chose qu'avant. Ajoutez une couche de peinture sur un peu de blanc pour égayer tout. Joli pinceau doux sur le dessus. On peut filtrer ce dos pour qu'il n'ait pas l'air aussi fort, et ça aide le ciel. On pourrait prendre l'outil gomme, s' assurer que les montagnes ne sont pas un problème. Et faisons un tour doux pour nous assurer de retrouver le dynamisme des montagnes. Une autre chose que vous pouvez faire est que vous pouvez prendre l'outil de clone et cloner dans certains cieux et les allumer une houle, beaucoup d'options différentes que vous pouvez faire. Mais je pense que pour l'instant, faire nous avons réussi à aller vite avec facilité parce que vous savez que nous sommes payés par projet ici , donc je ne peux pas passer trop de temps à quelque chose. Rendons l'offre un petit peu plus grande. Donc maintenant, nous avons une offre, ce qui est super parce que nous allons utiliser la même offre sur d'autres campagnes sur les réseaux sociaux et les annonces d'affichage que nous allons faire, donc ça va rendre tout beaucoup plus facile. Nous avons pu faire quelques choses différentes ici qui faciliteront le reste du projet. 16. Projet de campagne sur réseaux sociaux - Instagram: façon avoir notre campagne Facebook, et il est temps de faire instagram prochaine. Donc nous avons beaucoup d'un qu'on va faire ici. Et ce qui est merveilleux, c'est que nous avons déjà beaucoup de choses établies. Nous allons pouvoir copier, coller et emprunter de notre campagne publicitaire Facebook et l'apporter sur Instagram et les fouetter beaucoup plus vite que vous ne le pensez. Alors parlons un peu d'Instagram. Alors, en quoi Instagram est-il différent de Facebook ? Donc instagram est plus lourd photo. Laissez repose beaucoup moins sur le texte, donc nous devons penser à cela lors du passage à Instagram. En outre, instagram a tendance à être un peu plus personnel, surtout post ou post boosté. Nous voulons être aussi authentiques que possible. On n'en veut pas. Plâtre offre partout et le laisser vraiment générique. C' est juste une plate-forme différente, et elle vit différemment. Vous devez donc penser à des messages plus organiques, authentiques et aussi engager avec le spectateur. Donc, au lieu de simplement dire ici par mes affaires, vous devez engager une conversation avec eux, alors invitez-les à vous étiqueter ou à poster une expérience. C' est donc exactement ce que nous allons faire avec notre post INSTAGRON. Ce sera un post boosté. Ce n'est pas forcément une annonce payante, mais elle sera, hum , diffusée comme une annonce payante. Mais comme c'est un post, il va exister sur la page d'affaires sont la page de l'entreprise, et puis vous juste un peu de booster à d'autres followers. Donc on va faire ça un peu différemment. On va utiliser une photo différente pour garder cette authenticité d'Instagram. Alors passons en revue nos photos. Et il y en a une que j'avais en tête pour celle-là. C' est celui-là. Ça va le rendre un peu plus grand ou aller de l'avant et le traîner dedans. Ce que j'aime dans cette photo, c'est qu'elle a cette expérience de toi. Donc, il a une photo de son regard sur le parc des expositions ou un emplacement de fonds exotiques, et il a l'air que c'est vous qui prenez la photo. Il y a un lien personnel avec elle. Je pense que cela fonctionne très bien, et je pense que cela fonctionnera un peu mieux pour Instagram. Ainsi, comme toujours, vous pouvez désactiver le texte et la marge serait chaque fois que vous en avez besoin. Et ajoutons notre thème ah différent ici. Donc on va faire des typographies et des textes différents ici. Donc, au lieu de mettre notre offre est de mettre notre logo ou de mettre notre slogan. Ce qu'on va faire, c'est qu'on va demander aux gens de poster des commentaires. Alors ça va être quel est votre moment de voyage préféré en 2020 ? Donc la fin des années approche quand je filme ça. J' ai donc pensé que ce serait une campagne très sensible au temps. Quel est votre moment de voyage préféré en 2020 et commenter ci-dessous. Donc, notre appel à l'action est commentaire ci-dessous, et nous avons notre logo. Donc, ce n'est pas vendre quelque chose autant. C' est comme il est, notoriété de la marque. Donc je vais apporter notre copie générique, et nous allons essayer de travailler sur une typographie dynamique vraiment sympa pour ça. Voici le texte que nous allons utiliser pour ce post. Quel est votre moment de voyage préféré en 2020 commentaire ci-dessous ? Donc, nous voulons aussi faire de la place pour le logo. Puisque nous ne ferons rien de la publicité, nous avons vraiment besoin de la marque, pour que les gens sachent que c'est nous. Donc je vais emprunter un de ces logos et vraiment, peut-être un tout blanc, mais peut-être le blanc avec la couleur et ça pourrait fonctionner le mieux. Vous voyez, comment ça marche, c'est une belle zone sombre ici sera une excellente opportunité. Parfait. Et nous ne voulons pas rendre évident qu'il s'agit d'une entreprise que nous voulons d'abord parler du moment de voyage. On ne veut pas dire, Hey, on est une grosse publicité d'entreprise. On veut essayer d'être plus bio et plus authentique avec les gens, donc tout va être à propos de ce titre. Alors, quel est votre moment de voyage préféré ? Encore une fois, on va emprunter des choses ici. Nous allons emprunter notre petit cercle de cette copie et coller notre cercle dans ce tableau d'art . Alors prenons notre chemin de fer typique que nous avons ici. Il indique où les styles de personnages peuvent être utiles. Si vous voulez aller de l'avant et fixer cela pour cela, nous avons un chemin de fer. noir serait ce que nous avons utilisé. Quoi ? Dissocions ça. Quel est votre moment de voyage préféré ? C' est comme ça qu'il est rompu quand on le lit. C' est une façon plus naturelle de briser le titre. Alors, quel est votre moment de voyage préféré en 2020 ? J' adorerais pouvoir briser cela plus loin. On a beaucoup de chambre ici. Rendons ça un peu plus petit. Donc, voici où nous avons un titre. C' est un peu plus long, et c'est là que le contraste peut encore nous aider beaucoup. On doit rompre ça. C' est trop lourd tous ensemble. Donc, une façon de le faire est de faire le contraste avec le poids. Alors, quelle est la partie la plus importante de cette phrase ? Quel est votre moment de voyage préféré en 2020 ? Eh bien, pour moi, je l'ai lu comme un moment de voyage en 2020 étant la partie la plus importante du titre. Alors faisons quelle est votre lettre préférée ? Attendez, faisons cette lumière et remarquons comment il coupe automatiquement ce titre et la moitié et le rend plus facile à lire. Et faisons aussi 2020. Faisons que ce sont des sables ouverts parce que j'aime juste la façon dont ils font leurs chiffres ragoût extra gras. Et faisons ce contraste avec l'orange. Nous faisons donc deux niveaux de contraste ici, nous avons un contraste avec le poids et le contraste avec le type. Alors rendons ça juste un peu plus petit, un peu plus grand. Et nous pouvons aussi resserrer l'espacement entre certaines de ces lignes. Donc je vais juste mettre en évidence cette ligne et bon d'aller à mon panneau de personnages et serrer le laisser juste ici pour serrer le laisser un peu. ce moment, c'est sur 20. Voyons ce que 18 ressemble à juste resserrer un peu ça. Faisons aussi ça la même chose. Donc, nous devons avoir ce commentaire ci-dessous, et nous voulons vraiment que ce truc sort comme un bouton d'appel à l'action. Donc, une façon de le faire est peut-être par une boîte orange. Alors, prenons notre outil rectangle et faisons une boîte orange. Montez à notre remplissage et faites notre orange et amenons ceci ci-dessous. Encore une fois, nous devons rendre ce type cohérent ici. Donc, une chose que nous pourrions faire commentaire ci-dessous, c'est agréable d'avoir une flèche. Vous voyez cela avec des postes carrousel instagram carrousel où ils vous invitent avec une petite flèche pour glisser. On va faire la même chose ici. On va faire une petite flèche vers le bas. Donc, la meilleure façon de faire des flèches ou n'importe quel type d'icônes que je ressens est un illustrateur adobe. J' ai plus de contrôle et Adobe Illustrator. Donc on va faire une flèche très rapide et je suis illustrateur en adobe. Laisse-moi voir si je ne peux pas rendre ça un peu plus grand pour toi. Donc, dans Illustrator va maintenant obtenir l'outil de broche. Et je vais m'assurer que la grille de spectacle est activée parce qu'il est beaucoup plus facile de faire même choses symétriques avec la grille. Et nous allons faire un clin d'œil à la grille. Alors accrochez à la grille et ce qui se passe prend carte. Deux bureaux de points ont arraché une grille. Ça va faire de la création d'une flèche un coup de main. On va y aller et cliquer ici. Ça va automatiquement claquer deux points et on va le faire quand on fera la conception d'icônes et quelques leçons, on fera ressortir notre broche de course. Faisons cela une belle épaisseur et ce qui est aussi autour des bouchons. Donc il l'a fait, comme une belle entourée. Nous faisons à la fois la casquette ronde et la jointure ronde pour lui donner unlook agréable et arrondi, look agréable et arrondi, créant une ère simple. On pourrait faire beaucoup de travail d'icônes et d'iconographie plus tard. Dans le cours, ce qui est toujours amusant et excitant. Il y a une simple flèche. Ne rendons pas ça aussi longtemps. Ça rend un peu plus court. Allons épaissir le coup. Et comme ça, nous avons nous-mêmes une flèche prête à partir. Nous pouvons sélectionner ceci et je veux le rendre blanc. Je le crois. Allons de l'avant et changeons ça maintenant avant de le faire entrer. Donc juste comme ça, nous sommes capables de créer notre propre flèche. Ce que j'aime faire est de créer beaucoup d'icônes couramment utilisées et de garder un fichier illustrateur autour. Donc, je peux toujours ce dragon une flèche quand j'en ai besoin en faisant glisser une case à cocher ou une coche. Et aussi une chose que nous pouvons faire est d'ajouter du mouvement, orteil tout cela, et nous pourrions vouloir ajouter une petite ombre portée à cet orteil, l' aider à sortir, mais pas super fort. Donc, réduisons un peu l'opacité sur cela et ajoutons un peu d'angle à cela parce que pour le moment, cela semble OK. Mais que se passe-t-il si nous prenions tous ces éléments et que nous l'inclinions un peu, juste pour ajouter un peu de mouvement et d'excitation au titre. Il semble juste un peu plus dynamique de cette façon, et le commentaire ci-dessous n'a pas besoin de prendre le relais. Ça pourrait être un peu plus petit. Le titre est ce qui est le plus important, nous pourrions aussi nous inverser les couleurs pour voir si cela fonctionne. Eh bien, bien aussi. Est-ce que vous feriez un test de visibilité pour voir à quoi il ressemble à une distance ? Quel est votre moment de voyage préféré en 2020 commentaire ci-dessous ? Et Aiken a clairement lu le logo. Je pense que c'est un post beaucoup plus engageant qui fonctionnera beaucoup mieux sur Instagram que sur Facebook. Parce que Instagram, vous devez inviter les gens à partager post faire quelque chose. Toujours avoir une action avec n'importe quel poste Instagram pour faire glisser vers le haut, faire quelque chose. Commentaire. Hashtag Il y a toutes sortes de choses qui ont beaucoup mieux fonctionné sur Instagram quand il appelle les gens à interagir avec votre post 17. Projet de campagne sociale - Instagram 2: la prochaine est le point culminant de l'histoire. Donc, si vous ne savez pas quel est le point culminant de l'histoire sur Instagram, ce sont ces petites bulles où vous pouvez mettre en évidence des histoires déjà publiées. On va parler de la façon de créer cette image particulière pour y aller. Donc, c'est un cercle standard et c'est juste un Vous allez réellement exporter ceci comme une cheville J carrée et il va le rogner dans un cercle pour que vous n'ayez pas à exporter comme un cercle. Donc j'ai ça, tu peux basculer ça souvent pour voir où ça finira par être corrompu. Donc ça va être assez facile où faire une histoire Instagram qui va parler du pourcentage de rabais, donc ça va être une histoire de publicité Instagram va être 20% de rabais sur toutes les réservations, donc ça pourrait être vraiment, vraiment facile à assembler, et nous pourrions en faire une boîte solide qui saigne jusqu'au bord et en faire notre pleine couleur bleue. Et on peut parler ou recadrer ici, voir où ça va être. Donc je vais verrouiller cette couche de sur mon icône de cadenas. Verrouillez-le pour que je puisse déplacer librement le type. Comment j'aimerais ça. Donc, c'est à ça que ça ressemblerait. Ça irait dans cette petite bulle sur Instagram que, vous voyez, elle pourrait être très petite. Donc on ne peut pas mettre la petite empreinte ou quoi que ce soit de fou, donc ça doit être aussi grand que possible, pour qu'il soit aussi lisible que possible. Tu pourrais désactiver ça. Et puis, juste comme ça, nous avons créé un point culminant de l'histoire que vous exporteriez. C' est comme un J peg. Il recadrera automatiquement tout pour vous et l'appliquera dans le cercle. Alors maintenant, faisons une histoire sur instagram. Ce sera ce qu'on économisera ici. Donc 20% de réduction sur toutes les réservations. Donc, ce qui est merveilleux à ce sujet, c'est que nous avons déjà de bonnes idées, et donc je veux parler des Instagram. Donc, comme vous pouvez le voir, lorsque vous faites un instagram payé ou une histoire promue, vous avez en fait un balayage vers le haut pour plus d'informations option ici. C' est ce que cette boîte grise en bas indique. C' est là que sera cette option. Donc, tout type de photos ne sera pas vraiment vu. Il sera couvert par cette boîte noire. Donc, j'ai cela là dans le modèle que vous n'avez pas besoin d'exporter. N' exportez pas avec. Mais c'est là juste pour vous montrer où sera ce petit bouton de balayage vers le haut dans votre histoire. Alors prenons cette magnifique photo que nous avons ici et copions. C' était une photo très verticale. Donc, cela fonctionnera parfaitement pour la taille de l'histoire instagram. Regarde comme ça a déjà l'air beau. Je vais juste recadrer ça un peu plus, parce que je ne pense pas qu'on ait besoin de cette partie supérieure. Donc juste laisser tomber sa photo un peu mieux. Et je vais l'amener derrière cette couche. Le balayage vers le haut pour en savoir plus. Nous voulons nous assurer de garder cela à l'esprit lors du recadrage de notre photo. Nous voulons donc avoir notre promotion et notre logo. Nous allons certainement avoir besoin de faire un peu de travail de boutique photo pour s'assurer que ça surgit au-dessus de l'arrière-plan. Alors faisons ça. Puisque nous voulons vraiment avoir le logo sur le dessus, je pense que c'est un bel équilibre là-bas. Voyons ce que nous pouvons faire pour ajouter une nouvelle couche et juste peindre sur du blanc ou nous pouvons faire un échantillon ici du ciel et nous voulons aller de l'avant et apporter notre offre. Nous avons déjà notre offre présentée ici et Facebook, donc cela pourrait être une situation de copier-coller très simple. N' avons pas cette bulle pour l'instant. Voyons si on peut essayer de s'en sortir en le mettant juste sur elle. Elle a assez de contraste où je pense que le type sera lisible 20% sur toutes les réservations. Et je me demande si un alignement au centre pourrait fonctionner un peu mieux ici et ensuite nous pouvons l'avoir . Ne pense pas qu'on a besoin de la ligne. Ce que je veux faire, c'est avoir une commande. Alors, qu'est-ce que tu fais ? 20% de réduction sur les réservations ? Maintenant quoi ? Nous devons avoir un appel à l'action. Donc nous allons ah, avoir un balayage vers le haut pour plus d'options. Mais menons-les comme ça. Allons de l'avant et avons un petit bouton qui va leur dire exactement ce qu'il faut faire. Et faisons un peu transparent pour que je puisse voir ce beau fond. Donc la seule chose que je n'aime pas à ce sujet si tu fais un zoom arrière. C' est très lourd en bas. Vous avez beaucoup de texte en compétition ici, donc je me demande si nous ne pouvons pas déplacer le titre un peu plus haut ici pour équilibrer le logo ou équilibrer un peu mieux. Cela peut signifier que nous devons faire ce blanc pour se démarquer en arrière-plan. Donc beaucoup d'arrangements différents que nous pouvons faire ici avec ça. Je pense que c'est assez proche. Nous avons probablement besoin de faire ressortir ça un peu plus parce que je détesterais Teoh perdre ce titre là, donc nous devrons travailler un peu là-dessus. Mais pour l'instant et pour ce qu'on fait, je pense que c'est un bon début. C' est ce que j'ai fait à l'origine, un peu différent. J' ai gardé l'orange, mais le balayage vers le haut pour réserver. Mais je pense que ça marche très bien. Nous pouvons ajouter différentes diapositives et notre histoire et étaler cela et faire différentes photos et et et changer la photo pour chacun et avoir cela. Nous pouvons également ajouter une vidéo est très engageant quand il s'agit d'histoires instagram, et c'est quelque chose que vous pouvez créer à une date ultérieure. ne vais pas faire l'annonce payée Instagram ou le post de portrait standard, mais je veux juste passer par les tailles sur le modèle pour vous. Il y aura 10 80 sur 10. 80 et le poteau de portrait standard. C' est à peu près la plus grande taille que vous pouvez sortir avec pour un poste. Vous n'avez pas à faire un carré sur Instagram. Vous pouvez réellement faire un post plus long, et cela maximise vraiment votre visibilité sur le fil de nouvelles parce qu'il vous donne un peu plus de longueur là-bas sur le fond. Alors réfléchis à ça. Lorsque vous assemblez votre post instagram, vous n'avez pas besoin d'être coincé avec le 10 80 par 10 80. Vous pouvez même faire un 10 80 baie 13 50 si vous faites un poste standard régulier. Donc, ce qui est génial à ce sujet, c'est que nous avons beaucoup de cela déjà établi, donc si nous voulions revenir en arrière, je peux tout copier ici, puis l'apporter sur et déjà avoir une annonce payante prête à être diffusée parce que je l'ai déjà dimensionnée . Nous avons donc déjà développé le modèle de base qui va de l'avant pour toutes les campagnes sur les médias sociaux qui peuvent passer à Twitter. Et toutes ces autres options allaient rester avec Instagram et Facebook pour ce cours. On pourrait passer 10 heures seulement sur les réseaux sociaux. Je voulais passer à la dernière chose quand il s'agit de notre campagne sur les médias sociaux est de faire annonces numériques. Alors que j'ai parlé de la section théorique des annonces numériques ou de ces petites choses que vous voyez sur les sites Web, vous pourriez le voir. Et tu es Pandora. Nourrissez tous ces endroits différents. Étaient ces ajouts statiques sorte de pop up ou existent dans les blogs et les nouveaux sites. C' est sur ça qu'on va travailler la prochaine fois. J' ai fait beaucoup de ça pour le travail des clients. Nous avons mis en place beaucoup de ça. On va faire tous ceux que tu vois ici, et c'est là qu'on pourrait devenir vraiment minuscules. On va faire des publicités sur mobile qui sont super duper, duper minuscule. Certains ne sont que 50 pixels et battage médiatique. C' est que nous allons vraiment nous pousser en tant que concepteur pour essayer de capturer cette incroyable campagne et la réduire à cette campagne et la réduire à cettepetite taille minuscule, minuscule, minuscule. , minuscule C' est là que ça va être difficile en tant que designer. Mais c'est ce que nous sommes ici pour faire des choses plus difficiles ensemble. Alors je te verrai ensuite. 18. Projet de campagne sociale - Affichage: offrant des annonces d'affichage. Vous pouvez télécharger ce modèle et le cours pour être en mesure de travailler avec moi, et vous avez déjà tous ces tableaux d'art dimensionnés. Une fois de plus, vous pouvez cliquer dessus et voir quelle est la taille. Ce sont les écrans les plus couramment utilisés à des tailles, donc je pensais qu'il y a en fait des centaines de tailles d'affichage différentes. Mais une fois que vous faites un horizontal et un vertical et aussi un carré, vous aurez les modèles pour faire n'importe quelle taille imaginable. C' est pour ça qu'on va faire ces tailles aujourd'hui. Et je voulais en quelque sorte parler de tailles. Donc, je clique sur ce classement mobile, qui est une annonce d'affichage mobile que vous verrez en bas de APS ou en bas des sites mobiles . Et je veux parler de taille, donc 320 avec 50 pixels de hauteur. Donc, quand vous les concevez, vous devez penser à quel point ils sont minuscules. Donc, vous vous souvenez dans la section théorie du design, où nous avons parlé de la petite taille de l'écran d'un téléphone. Nous devons donc montrer cela en pensant à l'intentionnalité. Très fort fort fort appel à boutons d'action éléments de conception très évidents ne faisaient rien de subtil ici. Tout va être super évident et facile à trouver. Ça va être un peu différent de faire une annonce imprimée. Donc, pour la première campagne, on va faire une annonce d'affichage. Nous allons essentiellement faire ce Facebook boosté Post. Mais depuis Facebook a ce bouton merveilleux qu'ils ajoutent en dessous de la photo sur un message annonces d'affichage n'ont pas de cela. Les annonces affichées ne sont que statiques. Parfois, ils peuvent avoir de l'animation, mais ils ne sont qu'une seule image. Vous devez donc avoir le bouton pour les envoyer à la page de destination ou à la promotion. Vous devez avoir ce bouton d'appel à l'action qui dit cliquez ici réserver maintenant. Donc c'est ce qu'on va faire avec ça. On va l'adapter, le coller ici, sur la place. Ajouter, comme vous pouvez le voir, la différence de taille est incroyable. C' est seulement quoi, 200 x 300 pixels pour une annonce carrée standard. On va vraiment avoir les orteils pour réduire la taille de beaucoup de nos éléments. Donc il y a un autre élément que nous allons vouloir apporter là-dedans, et ça va être l'appel à l'action, ça va être un livre maintenant, donc on va devoir apporter un livre maintenant. Bouton. Donc c'est bon, parce qu'on peut juste faire notre rectangle. Et donc, qu'est-ce qu'une bonne action pour une annonce d'affichage ? Donc, réservez maintenant pourrait être un peu mieux que de cliquer ici parce qu'il a une action définie . Alors cliquez ici. Je veux dire, on te dit toujours de voir des choses pour cliquer ici et tout ça, mais c'est bien d'avoir une action plus délibérée. Alors réservez maintenant c'est un peu différent de maintenant. C' est un peu différent de cliquer ici. On va réserver maintenant comme un appel à l'action. Donc, nous devons maintenant incorporer un nouvel élément dans cela et remarquer à quel point il a l'air pixélisé. Ne vous inquiétez pas. Ceci est encore une image haute résolution que nous avons ici parce que voir comment nous avons encore icône . Nous savons que c'est une image en haute résolution, mais juste parce que la taille est si petite, tout va sembler un peu pixélisé. Allons la faire tomber un peu, Maurin ça pour qu'on puisse avoir plus de travail avec les orteils célestes. Nous voulons aussi faire quelque chose de vraiment rapide et faire une lueur extérieure sur ce juste pour l'aider à sortir sur le fond. Il y a quelque chose de vraiment rapide que vous n'avez pas beaucoup de temps lorsque vous faites ces campagnes sur les réseaux sociaux pour faire tout ce qui est personnalisé. Alors, le livre. Maintenant, rendons ça un petit peu plus petit, mais pas trop petit. C' est notre partie la plus importante de l'annonce. Déplacez tout cela, puis empilez ceci afin qu'ils voient l'offre et puis ils voient le bouton pour cliquer plus, et nous pouvons avoir ce fond perdu des pages. Maintenir le décalage, c'est avoir le bouton perdu et nous pouvons ajuster. Ce cercle est tel que nous n'avons pas beaucoup de place pour la photo jusqu'à ce que les gens wow, mais avec les publicités d'affichage, il s'agit vraiment de l'offre que vous leur donnez. C' est donc une sorte de petit arrangement rapide pour la première place. Ajouter. Ce sera la base de tout ce que nous faisons. Et maintenant que nous avons un carré à une extrémité dans le rectangle de ligne, c'est juste un peu plus large. Mais il a la même hauteur, donc ce que nous pouvons faire est de copier et coller facilement tous ces éléments et vous avez un peu plus largeur, donc vous venez d'ajuster les éléments. Vous pouvez ajouter un peu plus de la photo là-dedans, donc c'est facile, une copie et un collage faciles. Lorsque vous faites ces campagnes, faisons quelque chose d'un peu différent pour notre grand gratte-ciel, si gros gratte-ciel ou 300 par 600 pixels. Ce n'est toujours pas énorme, mais si vous regardez sur un site Web, il a vraiment l'occasion d'attraper des gens beaucoup plus que comme une annonce de classement ou une annonce carrée. Nous avons cet espace vertical merveilleux. Donc on a fait ça. Nous l'avons fait plus récemment pour Instagram story. Maintenant que nous avons cela, allons de l'avant et utilisons-le. Maintenant que nous avons cette annonce, nous avons juste besoin d'ajuster la photo un peu plus. Et au lieu de faire glisser le livre, ça va être notre livre maintenant. Et comme ça, nous avons converti cette histoire Instagram en un classement ou une annonce de gratte-ciel, et nous pouvons rendre ce contraste encore plus élevé. Je me demande si Blue pourrait fonctionner un peu mieux, comme ce genre de choses surgit un peu plus. On peut encore rendre ça orange. Donc il y a quelques petits ajustements qu'on fait. Ce n'est pas une copie exacte. Rendons ça un peu plus blanc. Nous devons être aussi évidents que possible avec ses petites annonces. On n'est pas en train de se débrouiller du tout avec facilité. On pourrait même faire un masque de superposition ici, et je vais chercher mon outil Grady int et j'ai un noir et blanc. Donc, comme peindre avec un pinceau, je fais un outil radieux sur un masque de superposition. Mais je me demande si je pourrais juste estomper un peu le haut, bêcher juste comme ça et ensuite apporter un fond qui correspond. Donc, je me demandais juste à quoi ça ressemblerait qui mettrait en quelque sorte plus l'accent sur le logo. Cela nous donne aussi une chance de le rendre un peu plus grand. Alors maintenant que nous avons ce gratte-ciel fait, et maintenant il est probablement temps pour l'une des choses les plus difficiles à faire dans les médias sociaux et afficher. Ad fait les classements, mais ensuite travailler votre chemin vers les petites bannières publicitaires et le classement mobile. Donc on va avoir une photo différente parce qu'aucune de nos photos ne fonctionnait vraiment dans un si petit espace. Alors amenons ici les éléments absolument nécessaires. On ne sera pas en mesure d'utiliser tout ce qu'on a utilisé dans les grands espaces, donc les choses vont être réduites. Donc on doit faire un logo. C' est beau et grand. Nous avons 20% de réduction sur les réservations que nous devons utiliser. On ne sera peut-être pas en mesure de presser les petits caractères. Cela pourrait être pour la page de destination vers laquelle ils vont plus tard. Donc, c'est bon. Nous avons besoin d'un livre appelé l'Action. Et nous allons utiliser laissez-moi aller de l'avant et supprimer ceci. Laissez-moi utiliser une sorte de cela semble déjà être la couleur que j'aime. Vous remarquez à quel point il est dit de glisser et déposer certains de ces éléments après que nous y sommes installés et que nous avons dû travailler dans la pièce. C' est donc la chose la plus importante. Alors, comment pouvons-nous arranger ça ? Donc je pense que l'empiler, ça ne marchera pas. Donc on va devoir étaler ça horizontalement un peu. Donc une chose que nous pouvons faire est de faire en sorte que le livre se démarque tout seul ici. Faites ça une couleur unie, un peu plus grande, comme ça. Et voyons si nous ne pouvons pas en faire un arrangement horizontal juste comme ça et nous pourrions même avoir de la place pour les petits caractères, croyez-le ou non. Mais on doit travailler sur une photo quelque part parce qu'on ne va pas capturer les gens avec son offre ennuyeuse. Il nous reste une autre que nous n'avons pas utilisée, et j'ai remarqué que cela a une présentation très horizontale. Alors amenons notre petit plongeur. On doit le faire là où on peut voir ce qu'il fait, qu'il plonge. Et ça va être le plus dur parce qu'on va le rendre assez petit. Nous voulons aussi garder les montagnes parce qu'il s'agit de cet endroit exotique. Faisons en sorte qu'il s'adapte bien entre ces différents éléments ici. On peut zoomer sur celui-ci, et on peut toujours l'estomper. On peut faire un masque de leering, peindre avec du noir pour une sorte de fondre que dans juste comme ça, nous avons le logo beau et grand. Nous pouvons toujours si nous nous sentons comme les photos trop petites, nous pouvons le rendre un peu plus petit. Tapez-le, être en mesure d'amener notre homme un peu plus avant et au centre. Donc c'est la partie difficile, et ça devient un peu plus difficile. Donc maintenant, nous devons prendre ça et faire la moitié de la taille. Et voici ce pour quoi nous n'avons pas de place. On va perdre de l'espace horizontal donc on n'a pas de place pour mettre ce bouton au centre. Donc les boutons doivent être empilés en dessous de l'offre et nous devons quand même incorporer le logo. Pourrait faire un petit mais plus petit mais pas par trop. Et on pourrait amener notre gars, et c'est avec ça qu'on finit. Donc vous remarquez comment est la différence entre ces deux-là. J' ai dû déplacer le bouton du livre en dessous. Nous n'avons pas de place pour les petits tirages car à 500 par 60 pixels de hauteur, vous n'avez tout simplement pas de place pour les petits tirages ne fait qu'une chose à éliminer. Nous avons dû avoir un arrangement différent pour le bouton, et quatre, et quatre, je suis allé de l'avant et a fait l'annonce mobile, et vous remarquez est à peu près la même chose est la bannière publicitaire ci-dessus. J' ai juste dû éliminer la photo, et ce sont les concessions que vous faites. Il est vraiment difficile d'avoir une photo à fort impact sur quelque chose qui ne fait que 300 x 50 pixels. Voilà donc les concessions que vous devez faire lentement. Il conserve toujours l'image de marque. Il y a toujours les mêmes couleurs et le même thème. Vous pouvez regarder toutes ces choses, toutes ces thématiques aériennes. Vous pouvez dire qu'ils font partie de la même campagne. Quand quelqu'un voit une exposition de cette entreprise et qu'il voit les médias sociaux payants, ils vont connecter les deux et ils vont commencer à construire cette reconnaissance de marque qu'il est si important de les ramener à la partie finale des ventes à les convertir en un client. Et si vous pouvez le faire en tant que graphiste et penser à l'ensemble de l'image marketing et être en mesure de faire des graphismes qui convertissent bien et que notre thématique et qui ont branding, vous serez en mesure de charger plus désireux d'être en mesure d'être un plus désir efficace. Donc je voulais passer par ça. Je sais que c'était un peu fastidieux. Le regard sur chaque campagne que nous venons de créer ensemble, nous avons fait tout cela à partir de zéro est une entreprise très réaliste et une campagne pour laquelle vous auriez un client pour. Ce n'est pas cette marque vraiment cool et moderne. C' est un type d'entreprise très réaliste pour lequel vous travaillez, et j'aime être aussi réaliste que possible parce que je veux que mes étudiants réussissent et 2 16 ans, alors nous avons encore plus de projets à aborder, mais nous finissons celui-ci. Ravi de vous voir pour celle-là. Faites une petite pause et je vous verrai dans le prochain projet. J' ai un petit défi étudiant pour vous les gars, donc je veux que vous fassiez le même processus que nous avons traversé. Si vous voulez passer par la classe et utiliser les mêmes photos dans le même logo, hésitez pas à le faire. Mais je veux que vous fassiez un projet spécial avec votre propre marque unique. Je veux que vous vous annonciez ainsi que quelques campagnes sur les réseaux sociaux. N' hésitez pas à faire des annonces d'affichage, mais je veux vraiment voir une photo de couverture Facebook. J' aimerais voir une publicité Facebook payée et au moins un post instagram de vous. Je t'aime pour être aussi créatif. Exprimez-vous avec votre propre marque personnelle. Quoi que vous vendiez, quels que soient les services que vous vendez de votre graphiste ou d'un web designer, je veux que vos couleurs de personnalité et votre thème de marque apparaissent dans les projets étudiants. 19. Conseils pour développer votre suivi sur Instagram: J'ai plus de 25 000 abonnés sur Instagram et je travaille dans le domaine du design, particulier du design graphique. Et je voulais vous montrer quelques trucs et astuces pour vous développer sur Instagram, développer votre design graphique ou votre profil de design. La meilleure chose à faire est de faire des essais et erreurs pour découvrir quels types de publications et vidéos sont vraiment meilleurs. Je vais passer en revue certains de mes articles les plus performants et expliquer pourquoi ils étaient bons et pourquoi nous en avons terminé d'autres. Alors parlons-en, parlons des bonnes choses. Parlons de la publication la plus performante des cinq dernières années de publication sur Instagram. Et ça va être celui-ci, ici même. Il a reçu 5 268 likes et 65 commentaires. Et il s'agit d'une publication de carrousel, vous pouvez donc avoir jusqu'à dix diapositives de publications de carrousel. Mes cinq meilleures performances avec les posts sont toutes des diapositives de carrousel. Elles ne sont pas réelles, donc j'ai quelques règles qui me conviennent. Mais il s'agit principalement d'un format non vidéo. Et le gros truc, c'est plupart d'entre eux sont suffisamment éducatifs et informatifs pour que les gens puissent les ajouter à leurs favoris et les enregistrer. Et puis, tout à coup, l' algorithme Instagram commencera à diffuser vos publications à un plus grand nombre de personnes car elles les considèrent comme précieuses, les enregistrent et les mettent en favori, c' est tout chose importante. Donc, comme vous pouvez le voir, vraiment très riche en informations, probablement la plupart de mes articles, j'ai juste essayé de fournir des tonnes et des tonnes d'informations en un seul endroit, donc ils n'ont pas besoin de rester assis là et de recevoir ces petites informations à la cuillère . Ils peuvent avoir un article où ils peuvent tout savoir sur ce sujet en particulier. Et bien sûr, à la toute fin, pour essayer faire une sorte de branchement à la fin. Mais j'essaie de ne pas trop faire de publicité dans ces articles informatifs. Je ne veux pas que ce soit autopromotionnel car cela ne servirait à rien d'essayer de le partager et de le faire marquable. Examinons donc les informations à ce sujet. C'est un gros chiffre et je ne sais pas si je pourrai jamais le battre. J'espère le faire un jour. Mais 359 000 personnes ont répondu à cette question. C'est un chiffre énorme, soit près d'un demi-million de personnes avec un petit article sur la conception de la mise en page. Mais c'était tellement informatif que les gens l'ont partagé et ce n'était pas trop promotionnel. Ils ont donc eu l'impression de pouvoir le partager avec leur public sans impression de partager, d' ajouter ou de faire de la publicité pour moi. Donc, ce que j'aime regarder, ce sont les visites de profil. Il y a donc eu près de 3 000 visites de profil alors que 3 000 personnes peuvent venir consulter mes autres informations et consulter mes autres œuvres. Nous avons 12 220 signets. Bon sang, beaucoup de gens gardent ça pour plus tard. Cela signifie que ce message se trouve quelque part sur la liste enregistrée de quelqu'un et qu'il pourra toujours y revenir plus tard. C'est la métrique la plus importante de tout, c'est Bookmark. Ensuite, il passe à « partagé », puis à « commentaires », puis à « J'aime ». Les actions font toujours grimper ces chiffres pour vous. Alors, regardons ça pendant une minute. Sur les 383 000 impressions. 212 proviennent de chez vous, 160 provenaient d'Explore, et seulement 4 500 proviennent de hashtags, ce qui signifie que les hashtags peuvent être utiles pour vous donner peut-être 5 % plus d'engagement et de visibilité, mais les hashtags ne sont que pertinence et je les utilise toujours. Je choisis toujours un bon mélange de hashtags qui sont populaires et peut-être moins populaires. Mais honnêtement, cela ne représente que 5 à 10 % de mon exposition totale sur Instagram. Continuons. Voyons ce qui était populaire et ce qui était impopulaire. Parce que je pense que nous pouvons apprendre beaucoup plus de ce qui était impopulaire que parfois de ce qui était populaire. Donc, un autre populaire est très, très similaire. Et c'est juste ici. C'est très similaire. C'est un carrousel, c'est un pack très informatif. Celui-ci portait sur l' anatomie de la typographie. Vous pouvez voir que la toute première diapositive est complètement pleine, toujours lisible, toujours lisible. Je ne voudrais pas en mettre plus ici car cela va probablement commencer à devenir illisible. Mais au fur et à mesure que vous les parcourez, tout est rempli d'informations. C'est éducatif, c'est partageable, ce n'est pas promotionnel. Je ne présente pas un seul projet. Et je pense que c'est ce qui a fonctionné avec celui-ci également. Regardez donc cette paire de polices. Je viens de le dire, ce n'est qu'une diapositive sur dix. C'est donc comme si vous aviez dix articles regroupés en un seul lorsque vous rédigez un post tendu, comme un carrousel. Et j'ai vu d'autres créateurs de renom dire que les publications sur les carrousel sont plus performantes que les publications réelles. Pour eux, ils disent beaucoup de choses, la vidéo fait du bien, mais je ne pense pas que la vidéo fasse vraiment du bien à moi. C'est un peu une question à laquelle il faut réfléchir. Examinons donc les informations relatives à celui-ci. Pas aussi excitant que le précédent, mais près d' un quart de million de personnes y ont tout de même participé. C'est une portée incroyable que je n'avais tout simplement pas avant de commencer à publier ces informations sur le carrousel. Et vous verrez que le partage est énorme. Quand j'arrive à ce point de référence de 500 actions, c'est là que ça explose vraiment et qu'il attire des centaines de milliers de téléspectateurs. Et je ne sais pas vraiment, je veux dire, les likes, c'est bien, mais je les ignore et les commentaires, bien sûr, sont très importants. Mais vraiment des partages et des signets. C'est ce qui me préoccupe vraiment, vraiment, proposition selon laquelle je considère que c'est devenu viral. Alors, continuons. Il existe un autre article de carrousel informatif qui s'est bien comporté. Si vous regardez les informations sur celui-ci, il reste assez solide : 30 000 personnes ont été touchées, ce qui n'est pas aussi bon que les autres, mais il y a tout de même beaucoup de signets. C'est la même chose que je pensais que la couleur avait vraiment tendance à attirer les gens quand je poste sur la couleur, celui-ci n'a pas aussi bien fonctionné. Et je ne peux pas vraiment vous dire pourquoi. Je le suis surtout parce que je veux dire, c'est un dossier d'information, mais peut-être qu'il n'est tout simplement pas aussi dense que les autres. C'est peut-être pour cela qu'il n'a pas aussi bien fonctionné. Il s'agit en grande partie de choses un peu plus d' entrée de gamme. Ce graphique, bien que seul, je crois avoir publié il y a un an ce nuancier sur la psychologie des couleurs. Encore une fois, c'est super dense avec des informations qui, à elles seules super, parce qu'elles sont tellement denses mais lisibles. Quand je fais des listes, celles-ci ont tendance à très bien fonctionner. Il s'agit donc d'une recommandation sur les personnes à suivre et sur la conception graphique, et c'était un article solide. Jetons un coup d' œil aux informations. 38 000 personnes, c'est sacrément bien. 21 signets, soit près de 2 200 , moins partagés que l'autre est de la comparaison de ces deux indicateurs. Ce n'est donc pas aussi partageable, mais je pense que le livre marquable est vraiment une bonne chose parce qu'ils ont 2020, 200 personnes l'ont enregistré dans un endroit où elles peuvent y revenir et le consulter plus tard. Ils continueront à revenir sur mon profil. C'est ce que nous voulions lorsque nous avons essayé de nous développer sur notre compte Instagram. Ces listes ont donc tendance à très bien fonctionner. Encore une fois, il y a un thème chacune d'entre elles, et c'est cette densité. Il est très riche en informations intéressantes sur un autre site qui s'est bien comporté depuis qu'il a bien été répertorié, et je le fais beaucoup. Si quelque chose réussit, je l' essaie encore et encore jusqu'à ce qu' il n'y ait plus de succès. J'ai donc réessayé avec la liste. Hum, j'ai fait le design du logo. Laisse-moi voir si je peux le trouver. Voici celui sur la conception du logo. Cela n'a pas eu autant de succès car conception graphique est un sujet plus vaste que la conception de logos. La conception de logo est un sous-ensemble ou un sous-thème de la conception graphique. Il est donc évident que plus vos sujets sont larges, plus vous pouvez avoir de portée, de portée potentielle et d'intérêts. Donc, un autre article fort, encore une fois, pacte informatif était celui des livres de design graphique que j'ai recommandés. Mais au lieu de simplement dire qu' il s'agit d'un livre, je le recommande. J'avais un petit texte expliquant pourquoi j'avais recommandé le livre. Et j'ai trouvé que ça s'est vraiment bien passé. Cela m'a donné l'occasion de faire de la publicité pour mon petit livre sans être trop promotionnel. C'est donc un peu une façon de diffuser cette promotion sans la faire passer pour une publicité. Mais j'ai aussi eu ces autres excellentes recommandations car les étudiants me demandent souvent quels livres de graphisme dois-je recommander ? Et j'ai également pu taguer certains des créateurs. Je suis de nombreux créateurs de livres. Et j'ai pu les taguer et ils ont pu revenir en commentaire. Et certaines de ces personnes sont grands noms du graphisme. Et j'ai également pu les inclure dans mes commentaires parce que j'ai pu les taguer parce que je leur ai recommandé leurs livres. Donc, ce qu'il faut faire, c'est recommander quelque chose qu'un créateur a fait. Marquez-les, espérons-le, faites-les répondre à votre publication ou interagir avec votre publication d'une manière ou d'une autre. Donc, un autre article que j'ai décidé de faire, cette idée de billet et beaucoup de très bons articles proviennent d' idées qui, de questions. Je reçois beaucoup de choses de la part des gens, encore et encore. L'une de ces questions est la suivante : combien de temps faut-il pour terminer des projets, concevoir des projets ? J'ai donc décidé de créer cette infographie. Il a fallu environ 2 h pour l'assembler. Mais je pense que l' investissement de 2 heures en valait la peine, car la portée que j'ai obtenue grâce à ce post sur Facebook était plutôt bonne. Sur Facebook, j'ai reçu une très bonne réponse à ce sujet, car Facebook a tendance à vraiment aimer les publications informatives sur Instagram. Ils l'adorent aussi. Mais Facebook encore plus. Jetons un coup d'œil aux informations à ce sujet. Cela a été atteint 45 000 et 73 % ne me suivaient pas. C'est donc un excellent pourcentage. Vous voulez que davantage de personnes ne vous suivent pas regardent votre contenu pour devenir des abonnés. C'est un aspect très important. Je veux donc passer à la vitesse supérieure. J'ai beaucoup parlé des publications sur les carrousel et des publications à image unique. Je voudrais parler un peu de choses réelles. Tout le monde a dit à quel point la réalité est incroyable, quel point la vidéo est incroyable. Et dans certains cas, c'est vrai, mais je n'en ai pas fait l' expérience autant. L'avantage des offres réelles, que si vous en faites suffisamment, elles vous inviteront à participer au programme de bonus. Où est le programme de bonus réel où vous êtes payé par jeu réel. Et les cent premiers dollars sont très faciles à obtenir car vous n'avez besoin que d' environ 30 000 places réelles. Mais après cela, cela commence à devenir très difficile et il vous faut des millions pour obtenir cent dollars de plus. Je suis donc en mesure de générer au moins 100$ en publiant trois ou quatre reals par mois. Je trouve donc que cela vaut la peine de les faire. Malgré tout, je ne les trouve pas aussi efficaces pour ce qui est de toucher un plus grand nombre de personnes. Jetons donc un coup d'œil à ceux qui ont eu le plus de succès. Il s'agissait donc d'une psychologie de la couleur J'ai utilisé ce graphique et j'ai pu aborder différentes choses à propos de la couleur. Il suffit de parcourir ce graphique, mais avec une vidéo et un vrai . Et ça avait tendance à bien fonctionner, il a été visionné environ 12 000 fois. J'ai trouvé ça plutôt fort. Il y a beaucoup de morts ici. Beaucoup de choses où je publie des informations personnelles sur une randonnée ou mes vacances. Et ceux-ci ne marchent tout simplement pas bien parce qu'ils ne sont pas liés à mon sujet , le design graphique. Ils sont très personnels. C'est comme ce qu'un influenceur publierait. Je ne me considère pas comme un influenceur lorsqu'il s'agit de publier un article sur mon style de vie. Ils ne s'en sortent tout simplement pas bien. Je veux donc publier ces articles parce qu'ils sont plutôt amusants et intéressants et qu'ils constituent une rupture avec le design graphique. Mais je m' éloigne de mon créneau. Je m'éloigne de mon sujet et ils ne marchent pas bien du tout. Donc celui-ci s'est très bien comporté. J'ai pu créer cette affiche, je l'ai commandée et je l'ai mise en vente si vous voulez la mettre sur Society Six. Mais j'ai pu le déployer, en prendre quelques photos. Et même si cela ressemble un peu à une publicité pour un produit, pour une raison ou une autre, cela a vraiment trouvé un écho auprès des gens et a suscité de très bonnes opinions à ce sujet. Je pense donc qu'il y a eu 17, 17 ou 15 000, 15 000 vues. Et puis il y en a d'autres que j'ai trouvées intéressantes. Affinity Designer, qui est une alternative à Adobe , a publié cette nouvelle mise à jour logicielle majeure. J'ai donc parlé de tout ce qu'il y avait de nouveau dedans. Cela n'a tout simplement pas bien marché parce que, vous savez, c'est une sorte de logiciel secondaire. Bien que j'adore le logiciel Affinity, la plupart de mes étudiants et de mon public utilisent Adobe, plupart de mes étudiants et de mon public utilisent Adobe ne correspond tout simplement pas à la majorité de mon public. Et je dois essayer de comprendre, et je dois essayer de me rappeler de communiquer plus possible avec la majorité de ce que mon public aime, même si j'aime publier sur ces autres sujets. ça. n'y a rien d'autre de vraiment significatif. Je n'ai aucune recharge avec plus de 20 000 vues. Et si c'est le cas, je vous dirai comment je l'ai fait si jamais je l'obtiens un jour. Mais pour l'instant, je me concentre davantage sur ce qui fonctionne, à savoir le poste de carrousel. Donc, évidemment, lorsque je fais la publicité et que je fais de la publicité directe, il est évident que je vends quelque chose. marchent jamais bien et elles fonctionnent bien si vous voulez dynamiser la publication et payer de l'argent pour continuer à la renforcer. Mais si vous recherchez simplement des abonnés organiques, il n'est jamais bon de publier directement des articles dédiés qui font de la publicité. Donc, ce que j'ai fait récemment, c'est mes articles d'information et, à la toute fin, je ferai de la publicité. Et ça fait bien mieux que ça où c'est juste moyen, juste un ajout. Les gens voient qu'ils sont du genre à ne pas m'intéresser, qu'ils passent à autre chose et qu'ils n' interagissent pas avec le post. Ça ne marche pas très bien. Celui-ci n' a donc que 174 likes et la portée est probablement faible par rapport à ce que je vous montrais. Donc, ce que j'aime faire, c'est de la furtivité, je suppose que vous appelez cela de la publicité furtive, où vous l'emballez quelque part à la fin de quelque chose. Ou vous leur demandez de télécharger un PDF et, à la fin, vous vendez quelque chose. C'est une autre méthode, en plus de donner quelque chose de gratuit. Et puis vous avez un petit bouchon à la toute fin après l' avoir donné. Et encore une autre, je dois vraiment t'en parler. Moi, j'ai publié des articles sur la cryptographie, et j'ai également publié des articles sur de nouvelles tendances émergentes qui sont très controversées. L'une d'elles était cette cryptomonnaie. J'ai perdu beaucoup d' abonnés quand j'ai posté ceci parce que beaucoup de gens disent : « Eh bien, j'adore la cryptographie, je suis une adepte et je n'arrive pas à croire que vous ne l'étiez pas » croyais à la cryptographie et j'ai perdu beaucoup de monde de cette façon. Je dois donc me rappeler, OK, que la moitié de mon public aime la cryptographie, la moitié la déteste. Je ne peux pas publier quelque chose qui dit que je suis pour quelque chose et attendre à ce que le public respecte cela, à moins que ce ne soit quelque chose en quoi je crois vraiment et que c'est juste quelque chose que je ne connais pas. Je suis réticent. Je n' aurais probablement pas dû publier quelque chose d'aussi fort. Mais une autre chose que j'ai faite, c'est une œuvre d'art générée par M, AI. J'ai fait des expériences à mi-parcours et j'ai publié un article sur l'exploration de mon processus de génération d'AIR. Et beaucoup de mon public s'est vraiment énervé. Et quand il a regardé mon tableau des abonnés et des abonnés, vous verrez que cette énorme baisse de personnes a perdu plus d'abonnés ce jour-là que je n' en ai gagné parce que j'ai parlé d'un sujet controversé. Et beaucoup de gens sont offensés par AIR prenne le contrôle d'artistes vraiment assidus. Et j'ai eu des conversations incroyables, un grand nombre de conversations géniales avec des gens qui me connaissent et qui savent que je ne suis opposée à personne ou pour tout ce qui était bon et difficile. certains des meilleurs interactions avec ce post, mais il y avait aussi beaucoup de monde et suivez-moi. Je dois donc faire attention à ne choisir des sujets auxquels je crois à 100 % et qui ne me plaisent pas moitié-moitié, surtout lorsqu' ils sont controversés. Celui-ci, j'ai rempli d'informations. Il s'agit d' projet de logo d'une valeur de 100$ ou 10 000$ ? Et la réponse est déterminée par la valeur. Et en fait, je l'ai tiré d'un autre livre que j' ai écrit et je l'ai emballé avec plein de très bons exemples. Et je pensais que ça allait bien fonctionner, mais ce post n'est pas aussi performant et je suis un peu déçue parce que j'y ai passé beaucoup de temps. Et l'une des choses que je réalise, c'est la différence entre les articles qui ont eu beaucoup de succès dans celui-ci, c'est celui-ci est très, très riche en mots. Ce n'est pas aussi visuel, n'y a pas autant de graphiques informatifs que d'autres Mais je pense que c' était décourageant sur le format Instagram le format Instagram de le trouver un peu lourd en deux mots. Donc, après un membre, existe-t-il un moyen de décomposer mes graphismes, de les rendre plus visuels et de créer des infographies à partir de paragraphes ? Et je pense que cela nous aurait aidés à faire mieux. Une autre chose est donc d' engager votre public. Vous avez donc des signets et des partages, ce qui permet à la publication de devenir virale. Malheureusement, les commentaires ne sont pas aussi utiles que vous le pensez, mais il est très utile que votre public actuel avec vous et que vous interagissiez avec lui. Donc, de temps en temps, je un article de base conversationnel pour diviser publie un article de base conversationnel pour diviser tous ces articles de base informatifs en tous types de publications promotionnelles que je publie. C'était exactement ce sur quoi je devais me concentrer ensuite. Et cela a suscité plus de commentaires que tout autre chose, rien de ce que j'ai publié, mais il y a eu beaucoup, beaucoup de commentaires et d'engagements très intéressants. Le facteur qui l'a précédé se portait très bien, mais je me sens vraiment bien. J'ai reçu un peu plus rapidement toutes les bonnes suggestions de la part des personnes et des directives, et j'ai pu avoir des conversations avec chaque personne, toujours revenir à chaque commentaire. sauf leur spam, cela aide toujours l'algorithme. Peut-être pas autant que je l'espérais, mais il est quand même utile de commenter chaque commentaire, cœur, chaque commentaire, vraiment engager. Alors encore une fois, voici un article qui, selon moi, ferait vraiment bien l'affaire car j'ai passé des heures dessus. Ce sont des moments importants et l'histoire du graphisme moderne. J'ai passé des heures à faire des recherches, à obtenir des graphismes et à tout assembler, mais ça n'a tout simplement pas fonctionné aussi bien. Et je me dis encore une fois que c'est le mot lourdeur. J'avais besoin de trouver un moyen de le décomposer en infographies, c'est tout simplement trop. C'est à ce moment-là que cette information dense dont je parlais tout peut être exagérée. Et c'est un bon exemple parce que je pensais que ce n'était pas génial. J'ai donc pris tout ce travail et je l'ai intégré à mes cours pour que les gens puissent l'utiliser. Ce n'était pas perdu. Ce n'était pas le cas, cette créativité n'était pas bonne, gaspillée. Ce post n'a pas été perdu. J'étais triste et je m'en sortais bien sur Instagram. Donc, celui-ci pourrait être un peu difficile à entendre parce que je pensais que publier certaines de mes œuvres personnelles obtiendrait le plus de vues, car bon, les gens s'intéressent à mon travail. Quand j'ai découvert que ce n'était pas vraiment le cas. Et je pense que c'est le cas pour de nombreux créateurs. Certains créateurs ont des styles vraiment uniques et les gens les ont vraiment adorés et les ont dévorés. J'expérimentais la 3D. J'ai décidé de publier mon travail. Et vous, j'ai juste eu chiffres d'engagement vraiment très faibles à chaque fois que je publiais du travail parce qu'il n'y avait pas grand-chose à voir là-dedans. Ça me permettra de voir si je peux en trouver un autre. Je veux dire, il n' y a pas grand-chose à cela. Voici quelques œuvres qui peuvent vous plaire. Vous pourriez commenter et dire : « Oh, je l'aime bien ou comment l' avez-vous créé ? Mais il n'y a pas beaucoup d'engagement ou de raison de répondre à un projet moins que vous ne l'aimiez énormément. J'ai juste l'impression que ce n'est pas partageable. Je veux dire, si c'est un projet incroyable de premier ordre, peut-être qu'il est partageable. Et je vous encourage toujours à publier votre travail, car il peut toujours très bien fonctionner si vous publiez votre travail. Mais ne pensez pas que la seule façon de publier des projets de conception est de simplement publier votre travail et c'est tout. Vous devez publier des articles d'information afin de pouvoir vous établir en tant qu'expert qualifié. Et c'est un très bon moyen de se familiariser avec le travail d' un client potentiel en publiant une variété de choses et en déterminant ce qui vous convient. Et je crois fermement qu'il est important de publier des informations et de vous consolider en tant qu' expert dans le domaine. Et c'est probablement la meilleure façon de vous établir en tant que professionnel et obtenir du travail supplémentaire pour le client. Mais mélangez-y aussi des projets personnels. Mais ne traitez pas Instagram comme un portfolio. Vous avez un portfolio, que ce soit sur Behance ou sur votre propre site Web. Hum, et vous avez peut-être un compte séparé qui ne fait que publier votre travail. Mais si vous cherchez vraiment à élargir votre audience et à vous développer en tant que professionnel. Faites un mix, mêlez formation et quelques informations sur le secteur les points à surveiller et ce type de publications. Parce que je pense que tu t'en sortiras vraiment bien. Ils ne l'ont donc pas fait. Je voulais juste partager avec vous quelques idées afin que vous puissiez tricher un peu et vous consacrer aux cinq années de travail que j'ai consacrées à publier ce qui a fonctionné et ce qui n'a pas fonctionné. Et prenez ça et utilisez-le pour développer votre propre Instagram afin que M TikTok et toutes ces autres choses aussi. Je veux dire, n'importe quel type de plateforme de médias sociaux. Je pense à beaucoup de ces affiches, mais aussi sur Facebook, et certaines d'entre elles se sont mieux comportées sur Facebook et d'autres sur Instagram. Et vous êtes prêt à découvrir lesquels s'en sortent le mieux avec le temps. Mais je voulais juste enregistrer une courte vidéo qui partage quelques informations supplémentaires. Essayer de créer des vidéos qui vous aident à monétiser ou à vous développer professionnellement grâce à vos compétences en design. J'espère donc que vous avez apprécié cette vidéo et dites-moi si vous souhaitez que je crée davantage de ce type, un peu plus dans les coulisses de mon évolution ces dernières années et comment vous pouvez vous développer. 20. Déblocage DU DESIGN appren: il est maintenant temps de passer à la prochaine étape en raison du défi de conception. Cette fois, votre tâche sera de créer une campagne cohésive sur les réseaux sociaux composée d'au moins deux messages différents. Les annonces payantes sont des annonces numériques. Cela pourrait être pour Facebook, Instagram et Instagram histoire. Vignette vidéo YouTube Tout ce qui a une présence numérique en ligne sur la plateforme des médias sociaux . Si vous voulez faire toute une série de tailles ou publier sur différentes plateformes, hésitez pas à le faire. Mais seulement deux sont nécessaires pour soumettre un projet pour ce défi. Vous disposerez de plusieurs semaines pour organiser votre campagne. Vous pouvez le poster sur les groupes Facebook pour des commentaires à soumettre, ou vous pouvez le poster dans les sections Q et A. Sont des projets de votre classe actuelle que vous prenez ou tout simplement me envoyer un message de votre travail. 21. Gifs animés dans Photoshop: Alors, qu'en est-il de l'animation ? Les GIF sont des annonces animées. Nous allons apprendre à le faire dans Adobe Photoshopped aujourd'hui. Nous allons créer cette animation GIF pour un affichage à nous allons prendre notre grande annonce de gratte-ciel, qui sera de 300 par 600 pixels. Et on va faire ça animé pour pouvoir ajouter un peu d'animation à nos annonces. Et aussi, vous pouvez faire des GIF animés pour les annonces Facebook ainsi et d'autres plateformes de médias sociaux pas seulement pour les annonces d'affichage. Donc on va aller de l'avant et commencer ici. Je prends donc les éléments de base de la marque que nous avons déjà développés avec notre autre campagne de marketing numérique , et nous allons adapter tout cela pour créer un peu de modèle que vous pouvez télécharger. Je vais aller de l'avant et passer au modèle. Il s'appelle modèle GIF animé, et il va être les 300 pixels et avec 600 pixels et la hauteur, publicité gratte-ciel et déjà avoir certains des fichiers de logo et certains de la typographe ici, nous allons animer tout cet orteil ne plus donner la sensation statique, mais pour attirer l'attention des spectateurs quand ils défilent sur leur site d'actualités , ils peuvent avoir un peu d'animation et aide toujours à avoir une animation vidéo autant que possible, si c'est possible. Alors, n'hésitez pas à ouvrir le modèle ou à créer le vôtre vous-même. Si vous voulez créer le même graphique tout seul sans utiliser le modèle, vous allez dans le fichier nouveau. Va juste faire un 300 par 600. Bien sûr, vous pouvez faire n'importe quelle taille publicitaire il peut dio et résolution. Je vais le garder à 300. Pour l'instant, si la taille de votre fichier est un problème important, quel que soit l'endroit où vous placez votre annonce, vous pouvez toujours réduire cette taille à 72, mais trois cents. Bien. Si c'est vous avez un peu de marge de manœuvre avec vos exigences de taille de fichier. Le mode couleur sera toujours RVB, et c'est à peu près tout. On va juste aller de l'avant et cliquer, OK, et ça va créer un modèle simple pour toi, et j'ai juste traîné ça dans ces fichiers très simples et m'assurer que tu nommes toutes tes couches. Donc je vais aller de l'avant et nommer toutes les couches ici parce que quand on commencera à animer chacune de ces couches. C' est vraiment sympa d'avoir ces titres. Alors, comment pouvons-nous animés photo shop ? Il ne semble pas y avoir beaucoup d'options ici pour animer. Ce que nous devons faire, c'est ouvrir une toute nouvelle fenêtre. Nous allons aller à notre panneau d'options de fenêtre et faire ressortir les panneaux de chronologie vont aller de l' avant et aller à la ligne de temps de la fenêtre d'orteil. C' est la clé pour commencer avec l'animation et la création de cadeaux. Ça va être notre chronologie. On va juste cliquer sur l'option Créer une chronologie vidéo. Il est également possible de créer une animation de cadre. On va faire une chronologie vidéo. Donc, ce qu'il va faire, c'est prendre chacun de nos calques dans notre panneau de calques, et cela va lui donner une chronologie à travers une chronologie par défaut, donc vous remarquerez que chaque calque correspond donc nous avons une boîte orange, puis un calque orange . un calque de logo, puis un calque de logo, et vous remarquerez comment je sélectionne les calques. Dans la chronologie. Il sélectionne automatiquement les calques dans le panneau Calques. Nous allons donc éditer chacun de ces éléments un par un et créer une animation différente pour chaque calque pour lui donner un effet dynamique. Donc, si vous avez déjà fait un montage vidéo avant, vous serez à la maison, si jamais vous avez joué autour et après les effets, ce sera une configuration très similaire, mais juste beaucoup plus simpliste dans la boutique photo. Alors faisons quelque chose de très simple pour que nous puissions parler de ce qu'on appelle une animation d'image clé . Alors faisons quelque chose de simple avec cette typographie. Nous aimerions que cette typographie s'estompe lentement de zéro opacité à 100%. Tout comme le simple cadeau ici. Nous voulons juste arriver à s'estomper lentement de 0 à 100. Donc on va aller trouver cette couche. Donc, vous l'avez sélectionné yoga sur la plage. Donc voici notre couche juste ici. Bien sûr, vous pouvez changer la taille de ceci par défaut. C' est assez serré, donc c'est généralement comme ça, mais j'aime l'avoir bien et ouvert. Donc le yoga sur la plage. Donc ce qu'on va faire, c'est qu'ils ne sont qu'une petite flèche et on va l'effondrer. Notre propre effondrement et un bon d'être donné plusieurs options différentes. Vous avez transformé l'opacité, style et le texte déforment celui qu'on va gâcher avec son opacité quand elle passe de 0 à 100. Ce que nous voulons faire, c'est que nous voulons définir des cadres clés pour chacune des animations. Jusqu' à présent, Opacité. Eh bien, quand je vais cliquer sur le chronomètre juste ici, cliquez sur cette icône et ça va aller de l'avant et mettre en place un cadre clé pour vous. Donc, ce tout premier petit triangle jaune sera votre cadre clé. Donc ça va donner le ton à l'animation. Donc ce qu'on veut faire, c'est qu'on veut ajouter une image clé de plus pour pouvoir passer et ça va être deuxième. Donc c'est une seconde, deux secondes, trois secondes, quatre secondes. Disons qu'on veut prendre environ une seconde pour l'estomper. Donc on va aller ici dans cette zone et il y a deux façons de faire ça. Nous pouvons nous asseoir là et cliquer dessus ici pour ajouter une image clé, et nous pouvons passer et nous voulions peut-être faire une autre animation d'opacité ou de transparence. Nous pouvons continuer à ajouter des cadres clés en fonction de ce que nous voulons faire. Mais nous voulons le faire très simplement. Voici notre première image clé. Donc, quand nous sélectionnerons notre première image grinçante, nous allons aller de l'avant et définir le niveau d'opacité. Donc, nous allons retourner à notre panneau de couches juste ici dans l'opacité et travailler à nous réduire jusqu'à zéro. Donc il disparaît. Et c'est la grande chose à propos des animations d'images clés. Donc c'est la première image clé, et ceci ici fait glisser ma petite option ici. Ma chronologie et moi pouvons sélectionner la deuxième image clé et aller de l'avant et établir une opacité à 100%. Donc ce que nous avons est un 0% et ensuite ici nous avons 100%. Donc, ce qui se passe, c'est que les magasins de photos vont remplir l'intervalle entre les cadres clés, toute cette zone entre les cadres clés, et ça va s'estomper lentement l'envoi. Donc, il passe d'une image clé à l'autre et fait passer l'animation pour que je puisse voir comment la typographie apparaît soudainement à l'écran. Alors faisons la même chose avec notre article à 20%. Alors continuons et réduisons cette flèche ici et nous aurons la possibilité de définir un cadre clé pour l'opacité. Donc, c'est juste ici. Au tout début de l'animation, nous allons cliquer sur l'opacité, étaient de faire la même chose qui sont automatiquement ajoute notre première image clé. Je veux m'assurer que l'image clé est réglée sur zéro, donc ça va disparaître, et nous voulions un peu s'estomper autour de cette zone, donc il y a une nouvelle ligne de temps pour qu'on puisse s'asseoir là et ajouter une nouvelle image K. Mais si vous allez de l'avant et changez l'opacité à 100%, il ajoutera automatiquement une trame clé pour vous si vous changez l'opacité à un autre moment. Alors ils vont et font 100%. Voyez comment il a automatiquement ajouté un cadre clé pour moi, donc je n'ai pas besoin de m'asseoir là et d'ajouter manuellement la deuxième image clé. Alors voyons à quoi ça semble traîner ça à travers quand vous pouviez le voir tous les deux fanés. Ce que je veux vraiment faire, c'est ne pas être décalé pour qu'ils ne s'estompent pas en même temps, mais ils sont décalés et ils viennent dans un moment différent. C' est très facile, avec un ou 20% puisque c'est plus tard sur la lecture en bas. Visuellement, nous voulions finir, donc tout ce que vous avez à faire est de décaler vos images clés d'environ 1/2 2e, et maintenant nous le rejouons. Ça s'estompe, puis ça va frapper cette image clé, puis la seconde va s'estomper comme ça, et tu peux continuer à ajouter des images clés pour nous changer autant que tu veux. Donc, si je veux faire défiler ici, changer l'opacité à zéro, puis faire défiler ici et la changer à 100%, vous pouvez voir comment vous pouvez ajouter autant d'images clés que vous voulez Tim Bergen dedans et dehors et dedans et dehors . Mais on a juste besoin de le faire une fois. Ok, donc ces deux-là sont maintenant animés. Voyons ce que nous pouvons faire avec le logo. Plus doit, en fait, au lieu de simplement changer l'opacité, travailler un changement avec la position, allons monter à notre couche de logo et non effondré. Ça va nous donner des options différentes parce que c'est un objet. Ce n'est pas de la typographie, donc son objet. Donc, il va avoir différentes options de cadre pour nous. Nous voulons donc définir le cadre clé de position. Donc avant de faire l'opacité, cette fois, nous allons faire les positions ou cliquer sur notre chronomètre pour charger notre première image clé. Nous sommes ici au début de l'animation, donc il y a notre première image clé. Et où voulons-nous que ça fasse ? Voulons-nous qu'il glisse de gauche à droite, de droite à gauche. Allons le faire passer de haut en bas. Donc je vais zoomer ici. Ce que je vais faire, c'est notre première image clé et notre animation. On va le glisser vers le haut pour qu'il disparaisse. Je vais bouger ça. Allons de l'avant et créons un nouveau cadre clé. Au lieu d'aller ici et de cliquer sur une nouvelle image clé. Je peux changer de position. Allons de l'avant et faisons nos touches vers le bas ou ma flèche vers le bas et je vais le ramener en position exactement où je veux qu'il finisse. Tu laisses partir. Il va créer automatiquement un cadre clé pour moi. Voyons donc à quoi ça ressemble de ce cadre clé à ce cadre grincheux. Voyons l'animation parce que glisser lentement dans la position. Et comme je l'ai déjà dit, on pourrait le garder comme ça pour toujours. Ou nous pourrions ajouter une nouvelle image clé et voyons, disons que nous voulons la déplacer, en essayant de vous montrer ce que vous pouvez faire, afin qu'elle crée automatiquement une image clé. Retournons pour qu'il descende. Ensuite, il glisse juste pour vous montrer ce que vous pouvez faire. Et il peut continuer à créer des images clés et à animer ce logo autant que vous le souhaitez. Mais vous ne pouvez pas simplement sélectionner la trame clé et la supprimer pour la supprimer. Donc la même chose vaut avec sa typographie. Nous ne voulons pas que tout se passe en même temps. On veut en quelque sorte décaler un peu ça. Nous voulons notre logo au lieu de simplement descendre l'opacité totale. Ce sera vraiment sympa. Si elle a également disparu dans une houle. Je pense qu'il aurait un look beaucoup plus poli que juste descendre aléatoirement à pleine capacité afin que vous puissiez créer plusieurs couches ici, donc nous avons une chronologie de position que nous avons, mais nous pouvons aussi le faire opacité. Alors, cliquez sur notre chronomètre. Jamais première image clé, que nous voulons aller de l'avant et mettre cela à zéro. Passons dans la chronologie quand elle descend à sa position finale. Nous voulions être une opacité totale. Donc, avec l'opacité sélectionnée, on va monter ici, changer 200% et voir comment va cette animation. Et chaque fois que vous voulez un aperçu, une animation, vous pouvez cliquer ici jusqu'au début. Aller à la première image et puis aller de l'avant et cliquez sur jouer, Je vais jouer pour nous. Et si vous voulez le voir en continu, boucle. Donc, ne pas avoir à continuer, nous pleurnichons et jouons. Vous pouvez descendre à ces petits paramètres. Vous pouvez sélectionner la lecture en boucle, et chaque fois qu'elle arrive à la fin de l'animation totale, elle redémarre automatiquement afin que vous n'ayez pas à revenir en arrière et à l'afficher en prévisualisation . Genre de regarder quelques fois et voir comment vous aimez l'animation. Donc, une chose que je veux faire est que je veux dessiner l'animation de l'homme un peu plus longtemps parce que je vois cela et tout arrive à l'écran très rapidement dans la 1ère 2ème et je veux vraiment décaler cela plus loin. Allons de l'avant et arrêtons. On va retourner à notre couche de 20%, faire défiler vers le bas, retourner à notre couche de 20%, et faire ressortir ça un peu plus longtemps. Donc, en l'amenant plus loin dans la chronologie. La même chose avec ça. Nous avons les fondus durent plus longtemps, donc il faut plus de temps pour s'estomper. Ok, alors maintenant, voyons à quoi ça ressemble, c'était un jeu de presse. Ça prend un peu trop de temps à s'estomper. Donc il faut juste serrer le fondu là-bas. Mais continuez de le garder à partir d'une position ultérieure. Donc 20% doit être plus tard, puis le yoga sur la plage doit venir en premier. On y va. Donc nous avons ces trois animés que nous avons fait position. Nous n'avons pas d'opacité. Voyons ce qu'on peut faire d'autre. Nous avons toujours tous les paquets de voyage, couche de couche que nous pouvons faire afin que nous puissions un effondrer ce clic sur l'opacité. Ça va ramener ça à la première trame de clé de dragger de cerveau. Ça va être une opacité zéro, et on va aller de l'avant et faire une opacité à 100%. Mais on va faire durer ça. Nous le voulons parce que c'est plus bas dans la lisibilité. Donc, vous voulez lire, avoir du yoga sur la plage de 20% et puis ce dernier. Alors voyons à quoi tout ressemble. Retournons en arrière et jouons-le pour que les gouttes vers le bas qui s'estompe. Parfait. Super. Donc tout s'est lentement estompé. Donc maintenant, ce que nous voulons ajouter est une belle image d'arrière-plan qui va lentement zoomer comme tous ces autres éléments zooment également. 22. Gifs animés dans Photoshop - Photos: J' ai donc trouvé ceci sur pixels dot com. Je viens de taper dans le yoga et j'ai trouvé la première photo de yoga que j'ai pu trouver. On dirait qu'elle est sur la plage. Allons-y et prenons celui-ci. Je vais juste copier ça et le coller dans notre GIF animé. Et ce que je veux faire, c'est que je veux faire un clic droit sur le calque photo. Je viens de traîner et je veux le convertir en un objet intelligent parce que je vais changer un peu la taille et je ne veux pas qu'il devienne floue ou pixélisé. Donc je vais convertir en objet intelligent et aller de l'avant et le titre photo. Allons de l'avant et dimensionnons jusqu'à quelle taille Nous voulons qu'il soit au point de départ. Essayons de trouver une belle récolte pour elle, et on va zoomer sur elle. Alors rendons-la un peu plus petite au début, comme un tir plein corps. Et c'est quoi Dragger ? Abaissez le système de superposition. Et faisons monter toute notre typographie l'animation restera la même sur la chronologie. Même si je le déplace vers le haut, c'est quand même un fondu de la même manière. Ne vous inquiétez pas de perdre ça. Vas-y et encadre-la parfaitement juste là. Nous voulons donc qu'elle soit lentement zoomée pendant tout ce processus. Donc c'est bon ou photo ici dans notre chronologie. Ok, donc voici notre photo. Allons-y. On dirait que ça commence plus tard sur la chronologie, juste comme on a ajouté cette photo. Faites glisser ce calque entier jusqu'au début de l'heure, une fois et hors correspond à tout le monde. Et nous allons en quelque sorte zoomer sur elle lentement. Eh bien, ce sera l'option de transformation. Donc on va aller de l'avant et cliquer sur le chronomètre. Nous allons avoir nos premières images clés au tout début. Alors maintenant on va passer et voir comment on veut la bouger. Donc, nous allons en quelque sorte, c'est comme ça que vous faites évoluer notre zoom arrière. Je suppose qu'il dirait qu'on va zoomer pour voir la fin de la chronologie. Et toute cette animation durera cinq secondes. Alors arrêtons-le à la toute fin. Disons qu'elle ait toujours une sorte de mouvement, et ils sont pour la photo. Donc ce qu'on va faire maintenant, c'est qu'on va la rendre un peu plus grande et un zoom avant sur la femme lentement au fur et à mesure que l'annonce se termine, comme ce clic d'entrée. Ça va s'additionner automatiquement à une image clé pour moi. Alors voyons à quoi ça ressemble. Il suffit de revenir en arrière. Amen. Tout se charge. Il continue à zoomer sur elle. Il y a toujours une animation, et puis ça finit juste là. Ça a l'air très bien. Nous pourrions aller cliquer sur jouer à tout moment et voir à quoi ça ressemble. Donc, disons que nous voulons le rendre plus court ou plus long. Donc, c'est quand vous pouvez avoir le contrôle sur la longueur. Donc maintenant, c'est cinq secondes et vous pouvez faire glisser n'importe quoi plus longtemps. Donc, disons que nous voulons que tout le reste s'estompe, et que nous voulons juste que la photo continue le pied jusqu'à la dernière seconde environ. Nous pouvons le faire en faisant simplement glisser cette partie plus loin dans la chronologie. On pourrait traîner tout le reste et le rendre plus grand aussi. Ça pourrait faire tout six secondes aussi. Et vous pouvez également le raccourcir. Et ne vous faites pas savoir qu'il existe une autre option pour animer des photos. Je vais aller de l'avant et te montrer ça ici, donc à chaque fois que tu auras une photo, ça te donnera une option juste ici. Tu vois cette petite flèche à la fin ? On va cliquer dessus. J' allais avoir cette motion pour avoir une option de menu déroulant. En ce moment, c'est sur mesure, ce que nous venons de faire. Nous venons de faire une version personnalisée. Nous avons fait une transformation, mais il y en a aussi des intégrés. Disons que nous voulons zoomer, qui est exactement ce que nous venons de faire. Vous cliquez sur Zoom, et il va automatiquement faire une sorte d'animation pour vous et configurer les images grinçantes . Mais j'aime le faire manuellement, parce que j'ai l'impression d'avoir un peu plus de contrôle, de cliquer en arrière et de ne pas faire de mouvement , puis de revenir en arrière. Ou je pourrais retourner dans le panneau de l'histoire et tout revenir à comment l'avait fait. Droit. Donc nous allons rendre notre boîte de chronologie un peu plus courte et jouer ça encore et encore sur une boucle, donc nous avons nos petits réglages ici. J' ai ceci sur la lecture en boucle. Donc, nous allons voir comment la longueur ISS parce que nous voulons que ce soit un GIF répétitif. Revenons au début et jouons. Je vois comment on aime la longueur. Tout s'estompe. Voilà, tu y vas. C' est un peu long. Certaines écoles le raccourcissent d'un second cours, il pourrait avoir des GIF animés qui durent 20 secondes, et ils continuent d'avoir une autre photo qui s'estompe. Disons que nous voulons le faire. Disons que nous avons ce GIF animé. C' est génial. Et si nous voulons glisser dans une autre offre dans le même GIF animé qui commence à devenir un peu compliqué et long et il ne se convertit pas aussi bien. Je veux juste te montrer comment tu ferais ça. Alors apportons une deuxième photo. J' ai une photo similaire utilisée sur la campagne plus tôt qui va zoomer sur son entrée de presse . Appelons cette photo pour maintenant que se passe-t-il de l'époque ? Bien sûr, on peut faire glisser cette photo à tout moment, mais on va la traîner vers Papa, non ? Où sont d'autres types de promotion se termine. Donc on a ça, ça arrive et ça va atteindre ce point, et tout d'un coup, cette photo va arriver au cours, on peut effondrer ça, et au lieu de venir brusquement dans, nous pouvons avoir une transition plus douce ou s'estomper. C' est ce qu'on pourrait faire une diapositive aussi légèrement et donc il y a un peu de chevauchement que l'on va faire dans l'opacité. Je vais cliquer ici à notre image clé. Ça va être nul, ça va s' estomper quand ça finira et que le SPEEA le passe à 100%. Alors regarde ce qui se passe. Donc, nous avons notre animation entre, vole, puis vous avez sont lentement cette autre image chargement sur le dessus lentement, tout comme c'est juste une transition plus lisse, parce que j'ai fait l'opacité. Et maintenant, nous pouvons travailler sur toute une série de typographies ici. Donc, disons que nous voulons apporter ce livre maintenant, allons de l'avant et dupliquons notre livre. Maintenant, nous allons avoir ce livre maintenant aussi. C' est un livre maintenant, aussi est juste ici. Je vais faire glisser ça et faire entrer ce fondu. Alors faisons une opacité sur celui-ci. C' est de plus en plus compliqué. Il aurait pu finir juste là à cette première série. On l'a fait, donc ça va être une opacité de 0%. Et puis on va faire disparaître ça assez vite. On y va. Nous voulons également nous assurer que dans notre système de calques nous avons la typographie au-dessus des photos . Je vais juste traîner ça, et dans notre chronologie, ça va le faire automatiquement pour nous. Alors continuez à utiliser votre système de superposition pour obtenir les couches ordonnées. Maintenant, nous avons un bouton livre vers le bas. Bien sûr, on peut avoir un tout nouveau set plus complexe, une toute nouvelle offre ici avec typographie, mais on va essayer de rester simple. Alors revenons voir à quoi tout ressemble. Est-ce que la femme s'estompe dans notre logo ou la typographie se charge lentement de haut en bas. Et nous avons une autre photo qui va s'estomper lentement en raison de l'aperçu. C' est en ce moment, c'est notre longueur d'aperçu. Donc, quand il arrive à ce point, voyez une sorte de différence entre le gris clair et le rayon sombre. Une fois qu'il arrivera à ce point, il recommencera la boucle des orteils. Donc, ce que nous voulons faire est de simplement faire glisser cette barre d'aperçu jusqu'à la fin de son animation. Donc maintenant, quand on reviendra en avant-première, ça va jouer jusqu'au bout. Essayons encore une fois, et il devrait s'estomper lentement en parfait pour que nous puissions faire entrer d'autres typographies, puis il peut remonter au début. Merveilleux. Donc il y a ISS. C' est assez facile d'animer des choses quand on sait comment s'estomper. Changer la position que vous pouvez faire, ah pan dans la photographie beaucoup que vous pouvez faire ici. Alors allons de l'avant et terminons ceci et apprenons comment exporter ce format et le meilleur format possible. Nous sommes donc prêts à exporter ceci et à le tester dans un navigateur. Alors voici ce que nous allons faire pour exporter 23. Gifs animés dans Photoshop - Exporter des GIFS: donc la meilleure façon d'exporter un cadeau est d'aller à l'exportation de fichiers et un héritage Web plus sûr. Donc, nous allons envoyer un fichier Export Safer Web Legacy Cela va nous donner beaucoup plus d'options, le Web plus sûr que les autres options d'exportation. Donc, il est à dire pour le Web, et vous remarquerez qu'il peut prendre quelques minutes pour cette charge d'orteil Ce qu'il fait, ses composants, empiler toutes les images qui composent le cadeau ensemble et vous donner les options pour exporter ces donc vous remarquerez la taille du fichier ici, vous verrez 4,4 mégaoctets. Je connais beaucoup de certaines plateformes de médias sociaux et de médias qui ont animé des GIF comme une option pour vous. Ils aimeraient garder moins de huit mégaoctets, donc c'est sympa de garder un fichier cadeau sous huit mégaoctets, mais chaque plateforme aura ses propres exigences. Alors juste allé avant de faire le cadeau, il suffit de voir une sorte de la taille du cadeau que vous devez faire. Et aussi s'il y a des exigences de taille, car il y a toujours des moyens de réduire la qualité pour réduire la taille du fichier selon les besoins. Mais en ce moment, c'est une taille de fichier assez acceptable, et il semble que cela prendra un peu moins d'une seconde pour charger dans un volume régulier de 56,6 kilo-octets . Connexion Internet. Il y a quelques choses que nous pouvons faire ici en termes d'options. J' aime faire le cadeau 1 28 dithered dit que ça va être optimisé. Et plus le nombre est élevé, plus la quantité de couleurs que vous avez à votre disposition est élevée. Donc, si vous descendez les couleurs, si vous vouliez réduire les couleurs à deux, vous pouvez. Et ça ne va pas être très utile. Donc, plus vous avez de couleurs, plus il sera détaillé, mais aussi plus la taille du fichier, donc vous remarquerez quand je fais 16 couleurs. Notez comment la taille du fichier a été réduite de moitié. Donc, si jamais vous avez dû réduire la taille du fichier, c'est une façon de le faire. Et la plupart de ça, on va partir par défaut. Donc travailler un do y compris la transparence. Tout cela est une sorte d'élections par défaut. On ne va pas en profondeur toutes ces différentes options. On va le garder par défaut, alors allons-y et exportons. Tout ce qu'on va avoir à faire, c'est cliquer sur Enregistrer, enregistrer sur le bureau. Laissez tout ça tel quel. Allez-y et sauvez-le. Encore une fois. Ça va prendre une minute ou deux. Donc, il est là, 5,6 mégaoctets. Nous avons le modèle de cadeau. Donc, si vous double-cliquez dessus, bien sûr que je vais pomper. Vous pourrez voir toutes les images qui composent votre cadeau. Comme vous pouvez le voir, il y a plus de 130 images 140 images juste pour composer cette animation de six secondes. Alors, comment avons-nous prévisualiser l'animation ? La meilleure chose à faire est de le faire glisser dans n'importe quel navigateur que vous avez. Donc ça va glisser ça dans mon Laissez-moi essayer Firefox. Je vais le faire glisser dans mon navigateur Firefox, et il va être en mesure de prévisualiser pour elle. Et c'est là. Et c'est à ce moment que nous pouvons changer la taille et le calendrier. On peut vraiment juger que c'est comme, OK, je peux regarder ça 10 fois et répéter et voir si j'ai aimé le rythme. Si j'ai besoin de faire quelque chose plus longtemps et que nous faisions juste un échantillon très simple. Ce que je pourrais faire, c'est laisser cette première offre pour une seconde ou deux secondes supplémentaires. Peut-être que ce n'était pas assez long. Tu vois, maintenant, on veut pouvoir le lire. Cliquez sur le livre maintenant, donc nous voulons juste nous assurer avant de passer à cette deuxième offre, si nous voulons même avoir une deuxième offre, nous voulons ralentir cela juste un peu. Donc, revenons dans la boutique photo, obtenir notre chronologie était Aller de l'avant et supprimer. On ne veut même pas avoir ce set. Les gars veulent vous montrer un exemple. Donc, nous devons faire est une sorte de supprimer cette couche. Il le supprimera de la chronologie. C' est comme si ça n'avait jamais existé. Maintenant, rendons tout un peu plus long. Je sais qu'on est en quelque sorte en arrière et que ce qu'on a dit, qu'on s'étende à cinq secondes. On fait sortir la photo. Sortons cette chronologie d'animation photo ici et essayons d'exporter. Nous pouvons pratiquer est bon pour la pratique, alors faisons un héritage Web plus sûr. Bien sûr, il faudra une bonne minute pour compiler tout pour vous. Donc, si vous avez l'impression qu'il a cette icône de chargement pour toujours, ne vous inquiétez pas. Je ne pense pas que votre ordinateur ait gelé. Il faut juste beaucoup de temps pour Photoshopped pour compiler ces 140 photos différentes à exporter . Alors pratiquons l'exportation à nouveau. Fais juste un cadeau. Essayons les couleurs élevées 5 56 K quatre mégaoctets. Cela semble raisonnable. Et aussi ici, vous avez ces options d'animation est en boucle options. Vous pouvez le charger juste une fois. Vous n'avez pas besoin d'avoir cette boucle encore et encore si vous ne le voulez pas, vous pouvez définir ceci juste ici lorsque vous l'exportez. Vous pouvez juste le faire arriver une fois où vous pouvez le faire arriver et boucle pour toujours. Donc, nous allons continuer notre option de boucle pour toujours ou de cliquer sur terminé. Voici notre dernier en action. Il est là. Nous n'avons pas besoin d'avoir une boucle encore et encore, et nous pouvons simplement l'avoir en boucle ou la faire jouer une fois et puis il se termine donc nous pouvons le faire en allant sur nos paramètres d'exportation et en l'ayant juste joué une fois au lieu de simplement aller encore et encore et encore. Je voulais juste faire celui qui répète prises, voir sorte de notre animation en action quand vous pourriez faire une telle variété d' effets différents . Vous n'avez tout simplement pas à travailler avec des photos et taper. Vous pouvez avoir toutes sortes de faits se produire avec des cadeaux, mais je voulais juste vous montrer les bases mêmes comment charger la chronologie, comment orteil fonctionne avec des images clés, comment travailler avec le très basique Donc vous pouvez continuer à pousser cela encore plus loin et ajoutez des effets et ajoutez des calques différents. Vous pouvez avoir plus de 50 couches. Si vous vouliez vraiment avoir ah, cadeau compliqué et avoir des choses brillantes à venir ont des effets métalliques. Il y a toutes sortes de choses que vous pouvez dio, mais c'est les bases mêmes pour vous faire réfléchir et pour vous aider à créer et à savoir comment faire des GIF animés Et la ressource téléchargeable est que je vais fournir des fichiers pour vous. Donc, si vous cliquez sur GIF animé dans le fichier de la boutique fédérale, c'est le modèle que vous allez vouloir commencer avec. Cela a juste un peu les éléments de base, n'a rien encore animé, et c'est le dernier exemple, j'inclus mon fichier de boutique photo final afin que vous puissiez ouvrir cela. Vous pourriez jeter un oeil aux couches et comment j'ai tout mis en place juste pour voir toutes les étapes qui ont traversé la classe. Si nous voulions regarder un fichier de boutique de photos et voir comment cela a été fait, j'ai aussi le cadeau final que vous pouvez glisser pour voir comment cela fonctionne. Alors maintenant, c'est l'heure de votre tâche. Je veux que vous créez un GIF animé si vous le voulez. Si vous choisissez d'accepter le projet, je veux que vous en créez un très simple. Il pourrait être de la même taille. Si tu veux. Vous pouvez utiliser le même modèle, mais je veux que vous essayiez peut-être une photo différente. Je veux que tu essaies une promotion différente, juste une sorte de secouer un peu et voir ce que tu peux ajouter pour le rendre encore meilleur que celui qu'on a fait en classe. 24. BONUS - Créer des GIFS à partir de vidéos: ajouté vidéo bonus. Je voulais vous montrer comment importer une vidéo et créer des cadres et un cadeau de cette façon à partir d'une vidéo déjà produite. Donc, je suis allé sur le point com de Peck sal ou une vidéo Googled Pixels, et cela m'a amené sur ce site où je peux télécharger des formats vidéo très simples et sont clips vidéo. Et j'ai trouvé un de cet homme en sorte de défiler, et j'ai pensé que je pouvais trouver un endroit où ça peut boucler très naturellement avec la façon dont il se lève le pouce. Donc on va apporter ça dans Photoshopped. J' ai juste un simple document ouvert 1000 par 1000 pixels ou n'importe quel format que vous voulez faire. Mais cela n'a pas d'importance car il va créer son propre document lorsque vous importez la vidéo . Alors voici ce que nous allons faire pour importer la vidéo Nous allons aller vers le fichier, aller jusqu'à l'importation, et nous allons importer des images vidéo, descouches d' orteils, couches d' orteils, et nous allons aller de l'avant et sélectionner la vidéo que nous avons téléchargée défilement à travers les smartphones. Je vais double-cliquer dessus et ça va nous permettre d'importer la vidéo. Donc si je clique sur OK, on aura un avertissement. Qu' est-ce qui va dire ? Cela produira un document volumineux et prendra peut-être beaucoup de temps. Nous n'avons pas besoin d'importer toute cette vidéo. Nous avons juste besoin de créer une petite boucle. Donc, nous voulons juste recadrer ça un peu à certains égards. Donc voici une sorte de chronologie. Nous pouvons commencer ce cadeau à tout moment, alors commençons quand il a son pouce en haut. Et c'est la fin et peut en quelque sorte conduire ça ici. C' est donc le début. Il a cette photo. Voyons où ça s'arrête quand il a son doigt sur les toppers Pouce sur le dessus, il fait défiler Qu'est-ce qui s'est passé ? Faites défiler une fois de plus et qu'il arrête un tour à propos d'ici. Donc il commence à commencer et à finir dans la même position. J' ai donc nos points de départ et de fin. Faites glisser ça ici. Donc c'est notre petite zone. Il va commencer ici, faire défiler une fois, faire défiler deux fois jusqu'au début. Donc c'est un peu le petit échantillon de cette vidéo plus grande que nous allons créer un cadeau à partir de ça va cliquer sur OK, ça va charger automatiquement tous ces dans le délai pour nous. Et si vous ne voyez pas la fenêtre de délai, faites apparaître, apparaître, il suffit de monter à la fenêtre et de cliquer sur la période. Et juste comme ça, il a créé tous ces cadres différents pour nous. Et allons de l'avant et cliquez. On a tout allumé pour toujours, donc ça va boucler pour toujours et on va cliquer sur jouer. Donc, il est là, défilant lentement à travers son écran, et il boucle, et il pourrait boucler pour toujours et toujours et jamais. Et il pourrait exporter ceci de la même manière que nous l'avons fait avant nous, pour aller au fichier Export Safer Web. Et nous voilà loin. Nous pouvons toujours changer la taille de l'image ici, nous pouvons changer nos animations en boucle. On ne s'est pas mis sur pied pour toujours, et allons-y. C' est 24 mégaoctets. C' est assez haut. Nous pouvons toujours changer nos couleurs vers le bas 128 et voyons comment cela affecte la taille du fichier d'air et voir si nous pouvons réduire cela un peu. Cela prend un peu de temps parce qu'il doit tout faire sur toutes les images et cela a réduit un peu la résolution. Pas beaucoup, mais peut toujours changer ça et réduire une partie de ça. Ces options pour obtenir une taille de fichier inférieure. Bien sûr, il va déclasser la qualité. Donc, nous cliquons sur Terminé, et nous venons de créer notre premier GIF animé à partir d'une vidéo. Vous donner ceci en le faisant glisser dans un navigateur, et il est là, défilant. Bien sûr, nous n'avons pas besoin de rendre la taille de l'écran aussi grande. C' est la taille de la résolution sur la vidéo. Nous l'avons importé automatiquement adapté à cette taille. On peut monter à l'image. Nous pouvons descendre à la taille de l'image et nous pouvons réduire cela, et la taille ne cliquerait pas ici pour s'adapter, aussi. Et on pourrait faire une taille beaucoup plus petite pour ça. Donc juste une sorte de faire une taille pré-sélectionnée cliquez sur OK et nous allons obtenir une rétrogradation chaque image à cette résolution. Donc maintenant, quand nous allons l'exporter, il sera la moitié, ou sinon 1/3 de la taille, donc il ne prendra pas tout l'écran. Donc, disons que nous voulons passer du mode image au mode timeline. Timeline est celle que nous avions auparavant, où nous pouvons le contrôler comme un éditeur vidéo. Et c'est le mode frame où tout n'est pas dans un cadre différent. Tout ce que vous avez à faire est d'aller directement ici à cette icône. On va aller de l'avant et cliquer dessus, et ça va le convertir au format chronologique vidéo, c'est ce qu'on avait avant. Cliquez dessus, et vous pouvez ainsi voir toutes ces différentes couches individuelles. Donc, ce qui est cool à ce sujet, c'est que nous pouvons ajouter de la typographie en plus de cette animation. Donc, si je fais défiler ici, voyons à quoi ressemble l'animation. Je pourrais aller de l'avant et aller à ce calque supérieur créé nouveau dossier si je voulais appeler ce type et créons un autre nouveau calque et faisons réellement cela un lecteur de type. Alors allons de l'avant et obtenez notre outil de type. Donc, si nous voulons avoir du type et là aussi, nous pourrions le rendre un peu plus grand. Et voyons si nous ne pouvons pas trouver notre type et nous pourrions mettre toutes ces couches dans ses propres dossiers. Ils ne gâchent pas tout, mais nous pouvons ajouter sont bonjour un collapsed que nous avons Bonjour, il est effondré que et puis nous pouvons apporter cela dans l'animation. Donc maintenant, il pourrait faire ce que nous avons fait avant, mais maintenant nous avons ce fond vidéo animé aussi bien que nous pouvons utiliser. Au lieu d'avoir sa propre image en fondu, nous pouvons utiliser un arrière-plan vidéo donc juste une sorte de vous montrer comment apporter des vidéos en tant que graphiques d' arrière-plan ainsi que de zoomer sur des photos. Donc je sais que ça t'a été beaucoup jeté. N' hésitez pas à le regarder plusieurs fois. Je voulais certainement inclure comment incorporer la vidéo parce que c'est une grande partie des cadeaux . C' est avoir une sorte de vidéo ou moi plus d'arrière-plan qui se passe et être capable de mettre votre type sur le dessus de ça, Un bouton clic maintenant, tout ce genre de choses. On pourrait faire des publicités vraiment cool avec ça. Disons que nous voulons ajouter une petite animation rapide à ce type qui vient avec l' arrière-plan vidéo et descendre à notre sortie de ce lecteur de type photo affaiblir, aller à transformer et Réglons la première image clé, donc c'est le première trame clé. Il suffit de se déplacer sur va lentement faire monter et descendre la presse, entrer à l'école juste un peu. Passez à la direction opposée économiquement, avait un cadre clé. Appuyez sur Entrée et continue. Vous pouvez faire autant que vous voulez avec ça. Revenons au neutre pour que quand il boucle, il n'ait aucun saut d'aucune image. Alors voyons à quoi ça ressemble, juste un peu d'aller-retour. Vous pouvez voir combien d'images clés il faut pour faire ce petit morceau d'animation de texte , mais vous pouvez également le fondre. Tu pourrais faire beaucoup de choses ici. 25. Projet de couverture en e-livre: Bienvenue dans Adobe Photo Shop dès aujourd'hui. On va parler de couvertures de livres électroniques. On va faire celui que tu vois ici. Ça va s'appeler le petit chalet de la ville et on va jouer un petit peu sur un petit chalet qui existe parmi ces grands gratte-ciel essayaient de raconter une histoire. Nous essayons de forcer les gens à cliquer dessus comme vous pouvez voir une Amazon, Il y a des tonnes et des tonnes de couvertures de livre électronique et il l'a obtenu. Créez un qui est très contrasté, convaincant, mais qui décrit également un peu du livre à l'intérieur. C' est donc un petit défi parce que nous pensons à tous ces aspects lors de la création de la mise en page de notre livre électronique. Avec ce projet particulier, nous avons tout un défi parce que nous allons mélanger beaucoup de thèmes de design différents ensemble. Donc on va avoir un composite de plusieurs photos différentes. Nous avons donc la maison et les bâtiments. Nous allons être modifiés en modifiant et en créant notre propre ciel en intégrant de la photographie en nuage et en créant notre propre arrière-plan. Et puis on va travailler avec la typographie, donc on va créer le titre. Mais nous allons aussi faire quelque chose d'un peu spécial, et je vais vous montrer comment faire du lettrage à la main pour aller de l'avant et apporter un peu de personnalité à notre titre pour que vous puissiez voir ici avec les mots peu nous allons le faire deux différentes façons que je vais vous montrer comment numériser ces choses. On va d'abord le faire, procréer et te montrer comment l'amener. Mais on va aussi le dessiner avec un stylo et du papier et je vais te montrer comment prendre une photo. Apportez ça dans la boutique photo, allumez tout pour que nous puissions saisir ce lettrage particulier et l'apporter et faire en sorte que ça fasse partie du titre. Donc ce sont des choses différentes qu'on va faire dans ce projet. Alors allons-y et commençons. Tu vas devoir télécharger quelques photos. Mais si vous voulez utiliser différentes photos et faire une couverture de livre différente pour votre défi de design ou votre projet étudiant, hésitez pas et il y a trois photos que nous allons utiliser pour notre projet. On va dans cette petite maison qui a été assez facile à isoler et à découper. Nous avons des nuages standard que vous pouvez utiliser n'importe quelle photo de nuage que vous voulez et aussi le bâtiment, que nous allons dupliquer et mettre de chaque côté du chalet. Donc, je veux que vous téléchargez et ouvrez le modèle de couverture du livre E. Et il y a quelques variations de taille différentes pour une couverture de livre. Mais le plus standard et celui qu'Amazon utilise à la taille recommandée est de 2560 pixels de hauteur par 600 pixels et d'esprit. Et c'est une sorte de taille standard. Et dans le gars des ressources téléchargeables, il y a quelques grands articles que j'ai mis là-bas qui parlent des tailles de différentes couvertures de livres électroniques . Donc, comme vous pouvez le voir, ils varient, mais pas radicalement. Donc Amazon Kindle e book couvre, qui est ce que nous allons faire pour ce projet est 15 63 par 2500. Mais la couverture du livre Apple E est 1600, donc vous ne voyez pas d'énormes différences dans les tailles globales . Il y a généralement un ratio standard, et il peut aller de l'avant et avoir accès à cela en allant à la pour aller ici, il y a un rapport de 1 à 6. Donc pour chaque 1000 pixels, Ah, l'autre côté devrait être 1600. Donc c'est un peu votre ratio standard pour un livre électronique. Et c'est là que nous avons trouvé cette gamme ici. Donc, si vous avez besoin de le mettre sur plusieurs endroits, vous pourriez faire cette taille. Mais alors il ne serait modifié que 50 pixels ou 100 pixels, et se cacher là avec ce qui est facile à adapter à s'il avait besoin de l'enregistrer pour d'autres plates-formes de livre électronique différentes . Donc j'ai notre petit temple ici, et je parle juste de tout le texte et j'ai toujours nos marges sur. Et j'ai apporté notre titre générique parce que nous savons que nous devons travailler ça ici d' une manière ou d'une autre. Donc, ce que nous voulons faire, c'est que je veux commencer à travailler dans la photographie et ensuite trouver un moyen faire en sorte que ce titre se mêle à la photographie. Alors allons-y et sortons nos photos. Ramenons notre dragon maison là-dedans pour que ça en fasse un objet intelligent. Et si ce n'est pas le cas ? Dragon est un objet intelligent. Vous pouvez simplement faire un clic droit et convertir en objet intelligent et de sorte que nous pouvons le mettre à l'échelle de haut en bas sans perdre notre résolution. J' allais apporter ça comme des idées grossières. Je n'aurai pas ces beaux grands bâtiments qui dépassent ce petit chalet. Et j'aimerais avoir 21 de chaque côté. Donc, ce que nous voulons faire, c'est nous voulons aller de l'avant et éliminer d'abord ce contexte afin que nous puissions le faire en le rendant un peu plus petit et voyons certains de nos outils de sélection. Si nous pouvons le faire très facilement avec l'outil de baguette magique, il y a un bon travail pour tout sélectionner. Alors maintenant, on va sélectionner, on va sélectionner l'inverse parce qu'en ce moment il sélectionne le ciel. Mais je veux choisir le bâtiment. Donc j'ai juste fait un inverse et puis on va ajouter sont un masque superposé et aller de l'avant et masquer ce bâtiment. Donc maintenant, je peux dupliquer cela en maintenant l'option enfoncée et en faisant glisser, et nous voulons faire l'autre côté aussi. Donc maintenant, nous devons avoir une idée de la taille. On pourrait avoir besoin de rendre les deux un peu plus grands. Donc, sélectionner les deux couches, obtenir un peu dramatique que nous voulions vraiment être dramatique est allé être un petit chalet avec ces grands bâtiments prendre le relais. C' est assez facile, découper et faire, porter des masques et apporter nos petites images ici. Jusqu' à présent, nous pourrions même faire la même chose avec House parce que j'aime créer mon propre fond de ciel que nous puissions faire la même chose. Faisons juste l'outil de baguette magique. Ce sont des arrière-plans vraiment simples, et je vais aller de l'avant, masquer ça pour sélectionner l'inverse, et je veux un masque. La maison et nous pouvons également sélectionner notre masque de couche ici et peindre avec du noir pour se débarrasser de tout autre truc qu'il n'a pas découpé. Et on ne veut probablement pas de l'antenne. Je pense que c'est un peu distrayant. Donc je vais juste chercher mon outil de sélection et je vais juste le masquer. Ça va peindre avec Black et s'en débarrasser. Je ne pense pas que ce soit très attrayant. Maintenant, nous avons la base de nos bâtiments et nous voulons être en mesure d'obtenir un ciel ici. Donc pour l'instant, je vais désactiver une marge parce que c'est un peu gênant et distrayant, et je veux faire ressortir mon nom au-dessus. Nous pourrions avoir besoin d'une barre de contraste élevée pour que le nom apparaisse parce que je ne veux pas que le nom soit en haut et que ce titre soit vraiment long ici au milieu. Je veux pouvoir séparer ces deux-là pour les garder aussi propres que possible. Donc ce n'est pas vraiment une grosse affaire. Nous pourrions probablement déplacer cela et juste mettre ce type dans une barre de contraste élevé. Il va chercher l'outil rectangle et dessiner une barre simple et mettre notre nom à l'avant. Je sais que ça finira par être blanc, et on va devoir trouver à la typographie et un peu faisaient juste un blocage de base de sa mise en page, en faisant une sorte d'idée. Et donc le plus grand défi pour celui-ci sera de faire notre mise en page de type. Et quelle est la meilleure façon d'organiser tous ces mots différents et serré ? Allons de l'avant et ajoutons ou arrière-plans. On sait de quelle couleur on peut avoir besoin pour faire la typographie. Alors allons-y et faisons-le. Nos arrière-plans vont aller vers le bas, va ajouter un nouveau calque va être notre calque d'arrière-plan. Je pourrais faire ressortir mes couches ici pour que vous puissiez le voir un peu mieux. Et je veux faire un beau ciel bleu vif. Donc, quand je sélectionne mes couleurs, je ne veux rien de trop sombre, mais je ne veux rien aimer. typographie doit être lue en plus de cela, donc nous devons la rendre juste assez claire pour que peut-être une typographie sombre puisse être au-dessus de cela. Donc c'est une sorte de bleu clair, et ce qui est génial à ce sujet, c'est que nous pouvons la légèreté et l'obscurité pour qu'il puisse presque avoir comme un effet de ciel rayonnant. Et nous pouvons le faire en utilisant l'édition non destructive en ajoutant un nouveau calque sur le dessus et en faisant notre esquiver et graver. Ou nous pourrions esquiver et brûler directement sur la couche si nous le voulions. Mais je trouve l'édition non destructive un peu mieux pour le flux de travail, alors on va le faire ? Je vais créer une nouvelle couche. Ça va être mes ombres et mes points forts. Et je vais monter pour éditer et descendre pour remplir. Et nous l'avons fait quelques fois dans certains cours de la boutique photo. Donc, si tu l'as déjà fait, super. Mais nous ne l'avons pas fait auparavant. C' est une sorte de processus. Donc nous sommes montés pour éditer Phil, et nous allons juste faire un contenu gris 50% Nous allons cliquer sur OK et allons mettre cette couverture grise 50% sur ce nouveau calque que nous avons créé ou il va passer une étape de plus. C' est quelque chose que vous devez mémoriser. On va passer à nos modes de fusion pour cette couche et l'a dit pour superposer. Ça va ressembler aux couches qui ne sont pas là. Mais nous allons peindre sur les reflets et les ombres en utilisant le pinceau et en peindre avec du noir et du blanc, nous allons pouvoir avoir des reflets et des ombres vers le ciel. Et ce qui est génial à ce sujet, c'est que nous pouvons activer et désactiver cela et avoir l'arrière-plan intact. Si jamais on voulait revenir en arrière et dire Eh bien, j'ai foiré dans ce domaine. Ce n'est pas une grosse affaire. J' aime juste le faire de cette façon au lieu de simplement esquiver et brûler directement sur la couche parce que cela me donne juste plus de flexibilité pour revenir dans le temps si je décide de changer quelque chose. Donc ce que je vais faire, c'est que je vais prendre du blanc, prendre un joli pinceau Brit, gros , doux , douxet rond. Peut-être pas si grand que ça. Peut-être environ 1000. Et j'aurai peut-être besoin de ramener un peu l'opacité sur ça. Tout comme un peu est d'ajouter un peu de ciel rendant un peu plus léger dans certaines zones. Et puis nous pouvons aussi faire ressortir le noir et faire ressortir les ombres du noir seront des ombres ajoutant un peu d'ombres là-bas où nous n'avons pas besoin de mettre du type là debout un peu de fond. Et si nous n'aimons pas ce que nous avons fait parce que nous avons créé une nouvelle couche, nous pouvons toujours désactiver cela et recommencer. C' est donc la meilleure chose à propos de l'ajout de ce nouveau calque au lieu de le modifier, éditant directement ce calque. Si je devais faire l'esquiver l'outil de gravure juste sur cette couche, donc brûler, c'est tout. Je suis coincé. Je ne peux pas vraiment revenir en arrière et l'annuler 26. Projet de couverture en e-Book - Ombres: Apportons notre dernière photo. Alors amenons notre dernière photo. Nous avons des nuages génériques que nous allons intégrer ici. On va utiliser les modes de mélange et la masse de superposition pour fondre ça. On va ramener ça tout le chemin à l'arrière-plan au-delà de tout le genre, et on va faire un peu de superposition Massive. Mais Adul masque d'aération et de voir combien de fois j'utilise la masse de superposition beaucoup. Je vais juste attraper l'outil Grady int. J' ai juste un pied noir standard blanc Grady int Et tout comme peindre avec la masse de superposition avec les pinceaux noirs et blancs, nous pourrions faire la même chose avec éclat. Il suffit de faire un bon fondu quand on le fait dans l'autre direction. On y va. Donc juste faire un joli Vaid qui pourrait être capable de réduire un peu l'opacité. Juste pour qu'il ne soit pas si fort au sommet qu'il prenne le contrôle de la paix. Donc une chose que je voulais faire avant de commencer à finaliser la typographie, car je veux ajouter un peu comme une pièce de théâtre. Donc, vous avez un fond de jeu pour aller à une pièce. Et ils ont, vous savez, des bâtiments découpés en carton ou découpés de serait et on dirait presque qu'ils ont jeté une ombre sur la toile de fond pendant une pièce. Et je voulais en quelque sorte avoir un look et un style similaires à ça. Nous avons donc des ombres très sombres qui coulent à l'arrière de ce ciel. Donc on va dessiner ça à la main. Donc, au lieu de simplement sélectionner un calque pour faire une ombre portée, nous allons créer et dessiner notre propre ombre portée Aller créer un nouveau calque Appeler cette ombre portée Nous allons glisser de cette façon derrière tout sauf le ciel Gardez-le au-dessus du ciel, et on va chercher son outil de pipette et on va goûter cette couleur bleue est probablement juste ici va l'échantillonner. Ensuite, je vais double-cliquer sur ma nuance et je vais la déplacer un peu vers le bas pour y ajouter un peu d' obscurité. Et je vais prendre ma brosse ronde douce juste ici. On va le rendre pas aussi grand. Environ 400 environ. Nous allons juste peindre nos ombres pour qu'elles ressemblent à une toile de fond comme vous le verriez lors d'une pièce que nous allons juste dessiner qui pourrait avoir besoin d'avoir un pinceau un peu plus petit. Nous pourrions voir comment ajoutent instantanément des ombres peinture. J' ai les yeux sur sa propre couche de la même chose que la maison, et j'ai peut-être besoin de faire mon pinceau un peu plus petit. Donc, ce n'est pas si une telle grande ombre ont été dessiner. Je pensais juste qu'il a ajouté un peu de caractère, presque comme cela a été mis en place comme un ensemble pour un jeu au livre pour le rendre un peu plus enfant comme un peu plus ludique. Pourquoi nous faisons cela et cela peut ne pas jeter une ombre sur le dessus tout autant. Mais tu sais, ce serait facile pour notre course. Je vais revenir en arrière et juste faire un peu d'ombre plus sombre, et je pourrais juste faire le contrôle Z ou la commande Z pour revenir en arrière d'une étape de mon histoire si je n'aime pas comment je le dessine. C' est un peu un bon raccourci pour sir juste Command Z. Je suis sur un Mac, donc juste ajouter plus d'ombres dans certaines zones qui, je pense, pourraient en avoir besoin. Et on y va. On peut alléger cette offre, donc c'est une sorte d'ombre pleine. Donc je vais juste activer et désactiver ça. Réduisons un peu l'opacité à ce sujet, donc ce n'est pas aussi dur et nous y arrivons vraiment. Alors travaillons sur la typographie de ceci. Voyons quels sont les mots les plus importants. Quels sont les mots que nous voulons mettre en évidence ? Nous voulons apporter une typographie manuscrite pour au moins un des mots et les mots que je pensais être un mot vraiment amusant. Faire un script écrit à la main serait le mot petit et tout le reste pourrait être cette très belle base de type traditionnel Sarah. Donc avant de commencer à travailler avec l'autre type, allons-y et mettons notre lettre écrite à la main ici parce que le reste du titre sera construit autour de ce petit lettrage écrit à la main. Donc, je vais aller à mon bureau, où j'ai tous mes crayons et marqueurs pour créer le mot petite main écrit de deux façons différentes. Donc la première chose que je vais faire est que je vais aller à mon bureau où j'ai des crayons de couleur et des marqueurs et je vais écrire le mot à la main dans un petit format de script. Donc je vais juste écrire des lettres et des marqueurs et juste dans un avion. C' est en fait un morceau de papier informatique. C' est un morceau de papier totalement blanc. Il est très important que vous utilisiez un peu de blanc pur, car il sera beaucoup plus facile de prendre une photo et de l'apporter dans Photoshopped pour l'intégrer en tant que lettre écrite numérique. Donc voici ce que j'ai pu dessiner juste une sorte de avec un mélange de marqueur et crayon de couleur , et je voulais utiliser la couleur rouge là-dedans pour avoir une sorte de pop contre le bleu. Donc ce que je vais faire, c'est que je vais prendre une photo et que j'ai pris deux photos différentes. Vous pouvez voir comment l'éclairage est un peu différent, mais vous voulez essayer de prendre une photo. Et je viens de le faire avec mon iPhone avec la lumière directe. Donc, vous voulez avoir une lumière directe sur votre photo parce que vous n'allez pas obtenir aucune de ces ombres du papier. Et naturellement, si vous avez pris le papier et qu'il l'a déplacé, il y aura des petits divots naturels dans le journal qui vont créer de l'ombre. Et c'est bon, parce que nous pouvons apporter cela dans Adobe Photo Shop et alléger un peu cela pour nous débarrasser de toutes ces ombres afin de pouvoir facilement isoler le lettrage. Donc j'ai apporté cette photo dans la boutique photo et comment on va pouvoir l'isoler ? Parce qu'en ce moment, on dirait que ça va être très dur de soulever l'un des orteils du papier et de le faire croire qu'il a été écrit sur le ciel bleu. Il y a quelques choses qu'on peut faire. Nous allons avoir besoin de Brighton et de se débarrasser de tous ces petits divots et ombres et sur le papier qui est naturellement créé. Alors passons aux ajustements d'image. La première chose qu'on va faire est d'aller à la luminosité et au contraste. On va essayer des choses. On va essayer de l'égayer un peu, mais tu ne veux pas oublier Brighton parce que tu commences à perdre une partie de la qualité du type écrit à la main. Donc, nous allons juste à un peu de luminosité, et alors ce qui aide vraiment est d'ajuster le contraste. Donc, au lieu de diminuer le contraste, nous allons augmenter le contraste que vous pourriez voir ces petits divots disparaître lentement et tout le lettrage apparaît vraiment. Donc c'est toujours le cas et nous devons être prudents avec la luminosité. pourrais voir comment ça commence à disparaître ici quand j'augmente trop la luminosité . Alors essayons de trouver le bon juste assez et cliquez sur, OK, Et cela pourrait suffire juste pour faire un peu de luminosité et de contraste. Il y a toujours de l'exposition, ce qui est une autre façon de se débarrasser de ce contexte. Mais tu vois, l'exposition va être un peu dramatique. Voyez comment cela va lentement enlever ou lettrage. On va laisser ça tranquille. On va juste faire la luminosité et le contraste. Je pense que c'est assez pour pouvoir sortir ce genre d'ici. Donc, je regarde toutes ces différentes options de lettrage, et j'essaie de savoir lequel serait le meilleur sur la couverture. Et quand je dessine ça, je me rends compte que les plus épais nous allons traduire un peu mieux. Donc quand tu le feras, tu vas mettre ça sur un fond de couleur différente. Il est préférable de faire un type très épais parce que le truc mince a effectivement essayé de couper ce type mince , et il ne se distingue pas assez pour le titre. Donc, je vais rester avec ce style de marqueur plus épais. Donc, tout ce que nous nous levons à faire est d'obtenir l'outil Lasso polygone. Ça va l'isoler en une copie et l'amener à notre design. Donc c'est là. Donc maintenant, nous devons découper tout le reste de l'arrière-plan, donc il y a deux façons de le faire. Nous pourrions le faire à la main en obtenant l'outil de sélection magique et en le découpant lentement pièce par pièce, comme ça. Eh bien, il nous reste avec ces petites parties blanches dans le lettrage à l'intérieur, et ça aurait l'air un peu bizarre parce que nous sommes censés avoir du bleu qui passe par là . Ce n'est pas censé être blanc, parce que c'est censé avoir l'air dessiné sur le fond bleu, alors comment se débarrasser de ces petits points lumineux à l'intérieur ? Essayons encore ça. Ok, Donc ce que nous allons faire maintenant comme nous avons juste un outil magique ou n'importe quel outil de sélection, nous allons aller de l'avant et cliquer n'importe où sur le fond blanc, Et au lieu de sélectionner tout ce que nous allons faire un petit tour, nous sommes va aller à sélectionner et nous allons sélectionner similaire. Donc, il va sélectionner une sélection de couleur similaire à ce que nous faisons sélectionné. Donc il va sélectionner tout le blanc. Et donc vous remarquez comme par magie il sélectionne tous les pixels blancs pour nous. Même certains des pixels qui se trouvent à l'intérieur du trait. On va aller de l'avant et supprimer ça, ou on peut faire un masque. Donc, sélectionnez inverse et masque. Ou on pourrait juste le découper. Et il y a notre typographie écrite à la main. On peut en parler ici, et il y a quelques choses qu' on peut faire pour changer la couleur parce que je veux avoir un peu de lettrage rose, comme vous l'avez vu au début de la conférence, quelque chose qui corresponde à ce problème rose. Donc, ce que nous pouvons faire est que nous pourrions doubler, cliquer, cliquer et faire un style de calque dans une superposition de couleur. Mais vous remarquez que nous perdons beaucoup de coups naturels. Donc si je démêle ça, tu verras ces beaux coups de pinceau naturels. Et la superposition de couleur va tout simplement détruire ça. Nous voulons le garder aussi écrit à la main que possible. Donc, au lieu de simplement faire une superposition de couleur, nous allons monter et faire des ajustements, et nous allons passer à la teinte et à la saturation. Donc avec Hugh vont lentement ajouter un peu plus de rose à ce cours affaibli. Fais ça n'importe quelle couleur que nous voulons. On peut le rendre vert, bleu clair. Mais je pense que pour un contraste élevé, je pense que le rose pas tout à fait chaud mais juste un peu de rose irait vraiment loin cours. Nous pouvons ajouter de la saturation, et nous pourrions ajuster la liste comme n'importe quel autre calque. Donc je vais faire un clic droit et je vais le convertir en un objet intelligent parce que je veux le rendre un peu plus petit. Mais je veux être capable de le rendre plus grand si j'en ai besoin. Donc je vais me convertir en objet intelligent. Maintenant, je suis libre de le rendre plus petit et plus grand et de trouver des moyens d'intégrer cela dans le titre. Donc nous n'avons plus besoin de peu. Allons-y et débarrassons-nous de ça. Mais maintenant, nous avons notre petite typographie. On pourrait essayer de trouver le bon angle pour ça. C' est donc une façon d'apporter une typographie écrite à la main. C' était sur un morceau de papier et en a pris une photo et a pu le numériser très facilement. Donc on va l'essayer d'une autre façon, parce qu'on est juste en train d'explorer différentes façons d'apporter la typographie écrite à la main. Maintenant, je vais me diriger vers une application appelée Procreate, qui est une reconnaissance de pomme numériquement sketch. Tout ce qui est imaginable, y compris la typographie. Donc on va esquisser ça en utilisant la procréation maintenant. se voit là dans une minute. 27. Lettrage à la main et Procreate: Donc, je suis dans l'application de procréation en ce moment. Je vais juste créer un nouveau document et j'ai la couleur rouge sélectionnée. Comme je pensais qu'on ferait sortir le même rouge. Peut-être que je peux aller de l'avant et faire ce rose léger pour qu'on n'ait pas à faire beaucoup de modifications de couleur à elle. Et le genre de pinceau que j'utilise, vous pouvez utiliser tous ces différents types de pinceaux. Je vais faire un pinceau de calligraphie. Ça s'appelle le pinceau de schiste. Et ce que j'aime dans les brosses de schiste vient d'obtenir cette belle texture. Ça a l'air vraiment, vraiment sympa. Donc, ici, nous pouvons changer l'opacité de ça. Nous voulons avoir une opacité totale, et nous pouvons également changer la taille du pinceau. Qui pourrait en faire un gros coup si on voulait savoir ce que j'aime dans la procréation ? Il a un aspect vraiment naturel, donc ça a l'air vraiment authentique et ressemble à quelque chose que je fais sur un morceau de papier. Nous allons donc voir comment ça se compare au rial, au crayon et au papier que nous venons de faire. Alors essayons de dessiner sont petits, donc un peu trop gros. Alors obtenons la bonne taille juste faire un mouvement en douceur. Et comme nous le faisons, nous pouvons augmenter l'épaisseur. On va faire plein d'exemples différents. On va l'amener. Tout est un peu plus gros ? Je fais un peu d'inclinaison parce que c'est comme ça que je veux que la typographie finale soit dedans, donc pression aussi sur votre stylo. Donc si j'appuie plus fort, ça va faire comme une épaisse. Et si j'ai appuyé plus léger, ça va être plus léger. J' aime procréer pour toutes sortes de choses. On va en quelque sorte réduire, hum, les versions plus maigres, faire un mouvement lisse avec notre lettrage. Juste comme ça, nous pouvons apporter ça dans quelques choses que nous devons faire en premier et la procréation va aller à mes couches, qui pourrait être juste ici et vous remarquerez cette petite couleur de fond. Je vais juste démêler ça et vous remarquerez que le fond disparaîtra complètement. C' est bien. Nous n'avons pas à faire tout ce pas que nous devions faire quand nous avons apporté une photo. On n'a pas à faire ça. Il est déjà dans un format d'arrière-plan transparent PNG. C' est fantastique. Donc maintenant, nous allons l'exporter en PNG pour que nous puissions garder ce fond transparent. On va aller ici pour exporter,partager, partager, donc exporter des parts, et on va partager en PNG qu'il va exporter, et je vais aller de l'avant et m'envoyer un e-mail et je te reverrai dans la boutique photo. J' ai R, P et G, et je l'ai apporté dans Adobe Photo Shop. Et regardez combien il est beaucoup plus facile de le faire parce que nous n'avons pas à isoler aucun fond blanc . Nous n'avons pas besoin d'augmenter la luminosité. C' est juste là. Fond transparent PNG, prêt à aller tellement plus efficace. Et j'adore toutes les différentes options de pinceau. Je n'ai pas procréé. Je préfère la procréation plutôt que l'épingle et le papier. Mais vous savez, il y a beaucoup de façons différentes de le faire. Il y a même la troisième option d'avoir une tablette wakame, et les tablettes wakame pourraient être aussi bon marché que $100, il pourrait le mettre directement dans la boutique photo et utiliser les outils de brosse avec la tablette wakame et dessiner le lettrage de la main droit dans Photoshopped . C' est une autre option que vous pouvez faire est bien, tout le magasin de photos n'a pas tout à fait les pinceaux à l'aspect organique que la procréation a. Alors allons de l'avant et attrapons celui qui, selon nous, a le meilleur contraste ou la meilleure épaisseur ou , vous savez, présentation. Pour que je puisse saisir cette partie du fond ici n'a pas passé beaucoup de temps là-dessus. J' ai un autre ensemble où j'ai passé un peu plus de temps sur ceux-ci. Donc je vais juste copier ça de cette couche et l'amener dans notre document. Et juste comme ça, c'est déjà prêt à partir. Donc, voici notre main écrite. Je vais parler de tout ça. Je vais l'amener et l'appeler procréer, et on peut l'incliner et ajouter un peu d'ombre. Donc il y a un petit visage serré écrit à la main qui était large End était de ce que nous venons d'écrire , vous savez, cinq minutes ou moins. Et en avoir un autre que j'ai fait quand j'ai passé un peu plus de temps avec ça. J' aime ce genre de plus incliné. , Ça dépend de celui qui,selon vous, fonctionnerait mieux pour ça. Nous avons donc deux types différents. On en a un, et ensuite on en a deux. Donc, celui que vous pensez fonctionnerait le mieux pour cette mise en page particulière. Et bien sûr, nous avons celui que nous avons fait la main, celui que nous avons apporté dans une houle, que nous pouvons probablement alléger un peu, en utilisant des filtres pour correspondre au même look que notre main type écrit. Ce que nous devons faire maintenant, c'est de travailler sur la typographie et essayer de trouver le meilleur arrangement et de mettre en évidence cela comme le mot principal des gros titres. On va le faire ensuite. Voyons quel est le mot le plus important ici. n'est donc pas un mot très important. Donc, ce que je veux faire, c'est que je veux rendre cela naturellement un peu plus petit, et je veux en faire un talent parce que je pense qu'il apparaît très bien avec la police écrite oblique . Donc j'ai un double clic et on va essayer de faire une police de caractères serif parce que je pense que si on faisait une Sand Saref, ça avait l'air un peu trop moderne et bloqué et comme on a cette belle merveilleuse police manuscrite, nous avons ce contexte comme une pièce de théâtre. Je pensais que nous serions plus ludiques avec nos choix de types et être un peu plus traditionnels avec une police serif. Alors choisissons une police de caractères serif. Il y en avait un que j'avais déjà en tête, et ça s'appelle Adoni, que j'ai beaucoup utilisé et d'autres cours. Donc ça s'appelle Madani, mais tu pourrais utiliser la police de caractères serif que tu veux, et on va essayer de rester avec un livre ou, dans ce cas, un livre italique parce qu'on veut en faire la métallisée. Donc nous avons juste cela établi Allons de l'avant et faisons les choses. Mais Dhoni, faisons en sorte que tout corresponde. Nous avons quelques choix différents ici, dont l'un pourrait être beau. Faisons un vieux style audacieux et voyons à quoi cela ressemble. Faisons le reste dans le n'est pas un mot très important encore une fois. Donc, je me demande presque si nous pouvons supprimer cela et juste faire baisser un style de type similaire, rendre peut-être un petit peu plus grand. Et puis nous avons City, que nous allons faire de Padonia gonfler vieux livre de style qui maintenant nous avons ceci en minuscule et ça me fait me demander. Nous avons ce petit est minuscule. Nous avons ces minuscules. Je me demande si nous pouvons avoir un peu de contraste avec notre titre en faisant tous ces casquettes au moins ces deux casquettes toutes. Allons voir si on ne peut pas aller à notre panneau de personnages. Ce clic sur sont toutes les majuscules rendent beaucoup plus facile pour nous et genre d'ajustement. La taille de la ville est un mot assez important, alors gardons ça un peu plus grand. Allons desserrer l'espacement ici ou le courant entre ces deux caractères. Donc je vais juste y aller et ajouter un peu plus de suivi. Réglez ça à 100 et relâche juste un peu ce type. Qu' est-ce qu'il respire et même chose pour Cottage. Voyons si nous ne pouvons pas le faire respirer même mawr et le rendre un peu plus petit pour le contraste. Juste comme ça. Et je suis allé de l'avant et j'ai fait ce genre de couleur bleu foncé parce que je pensais quand je l'ai fait passer noir au noir. Donc on a ça sur le noir. Mais ce que je croyais que le bleu foncé faisait, c'est noir. Et puis c'est une sorte de bleu foncé. Il aide à jumeler avec ce fond bleu parce qu'il est dans la même famille de couleurs. Nous avons ce bleu plus foncé, et puis vous avez ce bleu plus clair et j'ai pensé qu'il jouait adouci un peu au lieu d'être si dur. Donc maintenant, le plus dur est d'ajuster tout cela et de la bonne manière. Et c'est là que nous pouvons commencer à penser à nos marges. Voyons si nous ne pouvons pas obtenir notre marge jusqu'au sommet. Je ne pense pas qu'on va avoir un problème avec la marge ici parce que son type va être si loin. On a juste ajusté le type. Et j'adorerais que le type soit un peu plus vertical, parce que nous avons cet espace agréable et clair que nous pouvons utiliser. J' ai aimé avoir la ville là-bas, peut-être resserrer l'espacement un peu. Peut-être que juste faire 50 au lieu de 100 pourrait le rendre un peu plus grand. Vraiment. Profitez-en de ça. Que l'espace et l'immobilier 28. Projet de couverture électronique - Exporter: juste éléments Oliver un peu parce que je pense que nous voulons mettre plus l'accent sur le chalet. Et c'est exactement la raison pour laquelle nous avons créé Smart Layer afin que nous puissions les agrandir sans aucun problème. Donc, je veux peut-être mettre un peu plus d'accent sur la maison. Bien sûr, cela peut signifier que nous devons rendre les bâtiments un peu plus grands et les mettre sur le côté juste un peu pour que vous puissiez voir un peu le bâtiment. Mais ce n'est pas l'objectif principal de la couverture du livre comme ça, et cela donnera à notre typographie une chance d'orteil dans cette zone un peu. On y va. Donc je pense que j'aime un peu mieux l'équilibre de ça. J' ai l'impression que c'est moins l'accent sur les grands bâtiments et un peu plus sur le petit chalet, et cela nous donne une chance de voir notre titre être joliment carré ici. Donc ce que je vais faire, c'est passer du temps à m'assurer que ça a le bon alignement, et c'est là qu'on pourrait mettre sur une grille et qu'on peut l'aligner sur la grille. Nous voulons nous assurer que tout ce type est aligné au centre selon la paix globale. J' ai donc mes guides intelligents. On va pouvoir me le dire. Tu vois cette longue ligne rose qui va me dire que c'est au centre de la pièce avec le document global au lieu d'avoir à sortir la grille ? Parfois, vous obtenez ce petit peu d'aide là-bas. Nous pouvons également ajouter une petite ombre portée à notre type écrit à la main. Il y a une petite ombre portée, juste un petit peu que vous pourriez voir que vous pouvez en faire trop juste très, très, très, très serré. Si c'est juste une petite dimension de calque, allons-y en position que j'utilisais mes touches fléchées pour trouver la bonne petite position , juste en le cachant juste là dans cet espace supplémentaire. Et il y a notre petite couverture de livre que nous avons créée. Donc maintenant, nous devons faire une chose de plus, qui est de faire mon nom et allons de l'avant et faire ça, mais Dhoni à garder avec tout ou je compare et en faire une police San Serif pour qu'on puisse juste choisir Helvetica juste pour avoir quelque chose rapide et facile. Et allons à notre panneau de personnages. Disons un peu large pourquoi il fait face à des années. Donc 666 pour notre suivi. Et faisons-le dans toutes les majuscules parce que nous n'avons pas de grandes lacunes avec des lettres minuscules. Nous voulons toujours le faire avec des lettres majuscules qui ont tendance à regarder beaucoup mieux que espacement large entre les minuscules est là. On pourrait probablement faire ça beaucoup. Passez une autre heure genre de réglage fin des couleurs. On pourrait même changer la couleur de ce genre et nettoyer ça un peu. Nous pouvons même ajouter une cheminée et à toutes sortes d'effets supplémentaires à notre bâtiment si nous le voulions . Mais pour juste faire une couverture rapide de livre électronique, je pense que nous avons bien fait ici. Donc maintenant, la dernière chose que nous avons à faire est d'exporter ça, donc une exportation. C' est la version finale que j'ai faite avant de filmer la classe. Nous allons juste utiliser ceci comme exemple et nous allons exporter ceci en JPEG. Donc, il va aller à l'exportation de fichiers comme et certains d'entre eux ont des exigences comme Amazon. Vous ne voulez pas télécharger quelque chose de plus de 50 mégaoctets, donc ce n'est que quelques exigences de taille de fichier. Tu vas devoir garder à l'esprit quand tu exportes ça. Eh bien, nous voulons faire de la plus haute qualité possible. Alors faisons un J Peg 1600 par 25 60 nous. C' est un mode RVB. Tout ce que nous faisons dans cette classe est numérique, donc ce sera un mode B viande RG, et c'est tout. Nous allons l'exporter et nous allons voir ce que les tailles de fichier et voir à quoi il ressemble pour les tailles de fichier . Seulement quatre mégaoctets. Donc c'est fantastique. Donc, nous pouvons télécharger ceci et l'obtenir sur une couverture de livre électronique Kindle, et nous l'avons fait, et de faire les ajustements pour certaines des autres tailles dans cet article sera très facile. Donc, dans ce cas, nous avons fait un 1600. Ce serait très facile, car ce n'est que 100 pixels plus haut. Donc, vous allez simplement dans votre document, vous allez à la taille de la toile et vous venez d'ajuster le canevas. Disons que ça va passer à 1600 d'ici 2400. Donc maintenant on fait juste 2400 va être un peu plus court en taille. Allez-y et continuez. Vous pouvez voir qu'il va aller de l'avant et changer la taille de la toile. Pas beaucoup. On doit s'ajuster ici. Nous devons juste juste un peu de la typographie. Mais c'est juste qu'on a perdu un peu de ciel et ce n'est pas une grosse affaire. Ensuite, nous passons à nouveau le processus d'exportation afin que vous puissiez l'utiliser comme un modèle de base pour travailler sur toutes les différentes tailles dont vous aurez besoin. Et comme vous le remarquerez, ils ne le sont pas. Ils ne varient pas considérablement de type de couverture e livre Deux personnes type de couverture. Alors on y va. On a fait une couverture ensemble. J' ai adoré comment nous avons pu apprendre à numériser la typographie de deux façons différentes . Bien sûr, il y a aussi la tablette wakame, que nous ne couvrons pas, mais vous feriez simplement brancher votre tablette wakame et sortir votre brosse, et vous brosseriez juste comme vous ne feriez pas procréer. Mais elle se balançait dans le document Photoshopped. Donc beaucoup de façons différentes d'obtenir votre typographie écrite à la main et l'éclat dans les projets. C' est une chose super populaire à faire parce qu'il ajoute cette merveilleuse touche riche à vos designs . 29. Créer des ressources numériques dessinées à la à la à la main dans Procreate: Donc, nous sommes dans l'APP procréer en ce moment où il est une esquisse numérique des cours AP dans un grand nombre d'options différentes pour esquisser numériquement des actifs. Qui peut utiliser une tablette wakame et planifier directement dans la boutique photo en utilisant leurs pinceaux et Photoshopped. Ou vous pouvez déjà avoir un outil comme la procréation qui a une gamme encore plus large de pinceaux plus organiques que vous pouvez utiliser pour numériser des actifs. C' est exactement ce qu'il s'agit de cette section. Est en mesure d'aller plus loin et entrer dans beaucoup de détails sur la façon de créer les actifs organiques dessinés à la main et de les amener dans la boutique photo ou illustrateur pour créer des campagnes vraiment soignées qui utilisent ce plus organique, dessiné à la main on voit en quelque sorte quelques exemples de cette inaction. On va faire du lettrage à la main. On va dessiner des barres horizontales dans lesquelles on peut mettre du contenu promotionnel. Nous allons aussi faire une série de flèches que nous pourrons utiliser Teoh sur toutes sortes d' actifs, donc je vais aller et commencer. C' est là que nous sommes en ce moment et que nous procréons. C' est celui que j'ai déjà créé et vous pouvez voir que j'ai utilisé peut-être cinq ou six pinceaux différents et créé une grande variété de pinceaux peints différents. Bien sûr, on va aussi voir comment on pourrait le dessiner à la main et l'apporter comme c'est un peu des leçons que j'ai faites quand on a apporté une typographie. Ce sera un processus très similaire, mais commençons par procréer et utiliser d'autres pinceaux pour vous montrer comment vous pouvez apporter certains de ces actifs. Et la grande chose à propos de la procréation. Ce que j'aime le plus à ce sujet, c'est lorsque vous créez ces actifs, vous pouvez vous débarrasser du fond blanc exporté en tant que P et G avec un fond transparent . Et vous n'avez pas à aller sur la boutique photo et essayer d'enlever le fond blanc comme vous le faites. Si vous deviez dessiner à la main des actifs sur le stylo et le papier, vous devrez prendre une photo de celui-ci, en apportant dans la boutique photo et supprimer cette page blanche ou ce fond. Dans ce cas, c'est une étape que nous n'avons pas à faire. C' est déjà prêt à partir, et je vais passer par ce processus, alors allons dans la galerie un nouveau document, et nous voulons nous assurer que ce document est vraiment grand, car il va être exporté sous forme de fichier Photoshopped et ça finira par être B, p et G. Donc, nous voulons nous assurer qu'il est aussi grand que possible, car quand nous voulons vraiment que ceux-ci soient aussi haute résolution afin qu'ils puissent s'étirer le plus grand possible sans être déformés. Donc je dois aller pour ce 4000 par 4000 tout le chemin en bas. C' est un joli carré, Candace. C' est 4000 par 4000 et on va commencer. Donc, l'une des premières choses que je veux faire est d'obtenir la bonne couleur et ce que j'aime faire avec ces flèches et a envie de lui faire une sorte de couleur gris clair ou gris foncé. Euh, donc je ne veux pas avoir beaucoup de couleur pour eux, parce que dans le show photo on peut nous changer à la couleur qu'on veut. Donc, je veux garder une couleur neutre. Voyons si on ne peut pas obtenir une sorte de gris clair ou un gris foncé cueillant une sorte de gris foncé ici pour ma palette d'histoire juste là-bas sur la roue de couleur. Et je veux m'assurer que j'ai tout ajusté avec ma brosse. Donc je vais aller ici à ma gauche. Je dois changer la taille du pinceau, et chaque pinceau aura son propre changement. Donc, une fois que je change un pinceau, je pourrais revenir ici et changer la taille, en fonction des caractéristiques du pinceau. Et puis je vais descendre et m'assurer que nous sommes à 100 % de capacité de brosse sur toute décoloration qui se passe. Et voilà ce qu'on va faire. Procreate a des calques, ce qui le rend vraiment facile à exporter car, disons qu'il crée quelques couches différentes. Je peux exporter ce fichier dans la boutique photo, et il va conserver toutes les couches. C' est donc génial que je contrôle 20 flèches chacune sur sa propre couche. Et quand je l'apporterai dans Photoshopped, j'aurai déjà tout sur sa propre couche et séparé, ce qui est super, super pratique. On va garder ça à l'esprit quand on fera ça. Vous avez jamais voulu diriger un calque juste glisser vers la droite Supprimer diapositive vers la droite. Supprimer. On ne va pas approfondir la formation parce que vous utilisez peut-être une autre application au lieu de procréer. Donc ce que je vais faire, c'est que j'ai étudié les flèches sur Google et, euh, peut-être étudié quelques paquets de ressources qui sont à vendre en ligne qui incluent des graphiques d'époque, graphiques vectoriels aérodynamiques. J' essaie juste d'avoir une idée de certaines formes différentes qui sont populaires avec les flèches. Et je pense aussi à mes propres médias sociaux lors de la campagne. Je voudrais avoir quelques flèches pointant vers un bouton d'appel à l'action, et je ne veux pas qu'il soit tout le temps direct. J' aimerais avoir des boucles, des tours, peut-être même un cercle qui va jusqu'au bout. 3 60 Nous allons à une grande variété de flèches. Voyons par quel pinceau on va commencer. Il y a des pinceaux vraiment géniaux à la fois dans la pensée e et aussi dans le dessin. Donc ces types d'air des deux catégories dont on va tirer en termes de faire nos flèches . Alors allons de l'avant et commençons avec celui-ci, et j'ai procréer cinq qui ont ajouté beaucoup de nouveaux rushes impressionnants à elle. Donc, si vous l'avez, c' est une mise à jour gratuite pour obtenir les cinq. Alors je vais faire ça. Ce pinceau ici, on va commencer. Bien sûr, tu fais juste quelques pinceaux et tu réalises que quand tu fais cette taille un peu plus petite, on va juste s'entraîner avec des flèches. Je ne sais pas comment ces air vont tourner parce que je les fais en direct, mais j'ai déjà un set que vous pouvez télécharger. Et la ressource téléchargeable est que nous allons utiliser pour créer ensemble notre campagne sur les réseaux sociaux . On va fabriquer ce magasin de photos, donc je suis juste en train de créer des flèches génériques pour l'instant. Et si vous n'aimez pas, il, peut toujours revenir en arrière, appuyer sur ce bouton, revenir en arrière au début. Il va falloir un peu de nouilles pour trouver le bon style. Certains vont être gros, d' autres nous allons être minces. Donc, une chose à laquelle je veux penser quand je fais ça, c'est chaque fois que je crée une nouvelle flèche, euh, vous n'avez pas à le faire, mais vous gagnerez beaucoup de temps est d'aller de l'avant dans vos couches et d'ajouter un nouveau calque pour chaque flèche que vous faites. Ainsi, lorsque vous l'exportez en tant que fichier Photoshopped, vous n'avez pas à vous asseoir et à couper et coller chacun d'eux. Il est déjà sur sa propre couche. Vous devez juste vous rappeler que ce sera un gain de temps. Vous n'avez pas à le faire si vous voulez juste esquisser tout sur une couche et revenir en arrière et utiliser l'outil lasso pour isoler un et le sortir de là que vous pouvez. Donc, si je l'ai créé pour continuer comme ça, alors quand je suis prêt à créer un nouveau calque et que je suis prêt à essayer un autre pinceau. Essayons Eagle Hawk pour qu'ils aient chacun leur propre style. Vous pouvez voir que celui-ci a plus de l'aquarelle d'encre. Regardez-y. Encore une fois, je ne me souviens pas de faire mes couches, mais juste à des fins de démonstration. Mais créez ce nouveau calque avec chaque nouveau pinceau. Faisons une sorte de bouclée ici. Revenons à nos brosses et chaque nouvelle a dit que je fais tout semble un peu différent . Ok, alors essayons un autre pinceau. Essayons Blackburn, où elle ajuste tous les pinceaux pour qu'ils soient très stylistiques. Et voir que la brosse est tellement plus grande que les autres. Il faut réduire la taille fraîche. Ok, alors essayons un pinceau différent. Allons dans la réflexion et essayons un peu plus d'une brosse propre. Essayons a été essayé encre sèche. Tu vois à quoi ça ressemble ? C' est plus droit. Il n'a pas tout à fait la course la plus épaisse ou la plus mince. C' est un peu plus d'une sorte de look uniforme plutôt d'une ligne de modèle. Ce sera intéressant. Bon, passons à Marker. C' est vraiment épais. Rapide, créez aussi quelques flèches plus fines. À un moment donné, vous voulez avoir un autre héros vraiment stylistique qui bouge tellement Inca qui a l'air très détruit. Il y a beaucoup de caractère. Jetons un coup d'oeil à ce pinceau. Vous pouvez également personnaliser les pinceaux. Si vous allez dans les pinceaux, cliquez dessus. Il y a beaucoup de choses que vous pouvez changer Avec cela, vous pouvez changer l'espacement, la rationalisation, tout cela peut vraiment changer les caractéristiques de votre brosse. Je ne veux pas aller trop en détail avec ce petit. C' est une sorte de laisser par défaut juste pour obtenir quelques brosses simples qui pourraient avoir beaucoup plus déformé, look beaucoup plus déformé, détruit, ce qui pourrait être vraiment cool, comme une publicité urbaine pour les jeunes. Donc il n'y a que quelques flèches différentes. Faisons juste un couple de plus. Essayons Mercury. C' est un peu plus maigre. C' est la peau. Votre alternative. Je voulais essayer. Je veux essayer des épaisses. Puis, une fois qu'il ne sait jamais la situation, la situation et le genre de flèche qui a déclenché un besoin. C' est donc agréable de créer une sorte d'assez grande variété. Je ne crée pas une couche pour chacun juste pour que je puisse couper un spectacle vous le processus un peu mieux. Mais je créerais un nouveau calque pour chaque héros 30. Créer des ressources numériques dessinées à la à la à la main dans Procreate 2: Maintenant que nous avons toute une série de flèches terminées, nous sommes prêts à exporter ceci. Donc, une chose que nous voulons faire, qui est différent que si vous êtes sur une tablette wakame, vous pourriez détruire tout cela droit dans la boutique photo en utilisant des couches. Et vous pourriez être déçu sur le fond transparent. Dans ce cas, nous avons ce fond blanc qui vient par défaut, donc nous voulons nous en débarrasser. Donc on va aller dans notre panneau de calques, on va aller jusqu'au bas, et il y a quelque chose appelé couleur de fond qui a un remplissage dessus. Tout ce qu'on a à faire, c'est ça, cochez la case. Et maintenant tout est transparent, ce qui est fantastique. C' est exactement ce que nous voulons et comment nous voulons l'exporter. Nous n'avons pas besoin d'avoir un fond blanc à supprimer plus tard. Donc maintenant, on va exporter ça, on va aller à notre outil de réglage pratique ici. On va partager, et on veut partager ça comme un fichier Photoshopped. PSD. Et je vais aller de l'avant et envoyer ça sur mon disque Google et le mettre sur mon bureau. Et je vous verrai dans Adobe Photoshopped Et avant d'entrer dans la boutique photo, nous voulons créer quelques autres actifs différents que nous pouvons utiliser dans le cadre de nos actifs de branding qui fonctionnent dans le besoin de créer notre campagne. Nous avons donc créé une série de flèches. Ce que j'aimerais faire ensuite, c'est créer un alphabet parce que je veux épeler dans notre propre typographie unique , votre propre police unique. Je suppose que vous pourriez dire que je veux construire cela en utilisant une série de lettrage pour créer un titre pour le rendre unique. Intéressant. Et donnez-lui ce pinceau de détail. Ecoute, donc on va créer qu'on va ouvrir un nouveau document de la même façon que nous faisons 4000 par 4000. Fais quelque chose d'un peu différent. Nous allons créer une grille, parce que quand vous avez 26 lettres de l'alphabet ayant une grille, va vraiment nous aider à aligner notre police que nous allons créer avec la ligne de base et aussi les lignes de hauteur supérieure, il va nous aider à aligner notre lettre. Ils sont donc un peu proches de la même taille. Donc, nous allons le faire en allant dans les paramètres en allant à la toile, puis cliquez simplement sur le guide de dessin. Ça va ajouter des grilles par défaut. Vous pouvez continuer à éditer le guide de dessin et nous pouvons changer la taille de la grille, réduire un peu, sorte qu'il pourrait avoir quelques lignes de grille supplémentaires pour nous et mettre sur fait. Donc maintenant nous avons notre genre de modèles mis en place ici, donc nous allons utiliser un peu de noir. On va garder notre couleur neutre. Et nous allons choisir une belle brosse que nous pensons vraiment bien pour ce genre de marqueur pour brossés à la main, peints à la main sorte de champ brut et robuste. Voulez-vous que ce soit une marque utile, robuste ? Nous voulons choisir un pinceau particulier que nous pensons faire du bien. Bien sûr, on pourrait juste se brosser quelques fois pour voir lequel on aime. C' est Eagle Hawk. J' aime ça dans ce 10 ours. J' aime la façon dont ça a l'air beaucoup. Donc on va aller de l'avant et essayer celui-là. Commençons par la lettre. R. Nous voulons avoir une sorte de marqueur gros appel à cela, alors n'hésitez pas à revenir en arrière, essayez à nouveau jusqu'à ce que vous obteniez quelque chose que vous aimez. Donc il y a une lettre et vous pouvez voir que je reste dans les quatre boîtes juste pour que tout soit surtout sorti de la ligne de base et de la hauteur du bouchon, mais pas beaucoup. Tout va être conservé principalement dans quatre carrés du script. Donc, créons un nouveau calque. C' est une lettre B. Ok, essayons la lettre C et ainsi de suite. Donc un B, C D E f. Et puis essayons G de travailler nos lettres ici et n'hésitez pas à prendre une pause et étudier lettrage parce qu'il y a tellement de façons différentes de dessiner. Ok, il y a tellement de façons différentes de faire différents éléments, et on pourrait bien faire comme ça. Ou nous pourrions faire d'accord de cette façon où la jambe du K sort de la jambe sur le dessus, beaucoup de façons différentes. Pour ce faire, pour sorte d'étude typographie et sorte de comprendre quelle orientation vous aimez du K juste Google K et puis Google la lettre suivante et juste étudier différents types et caractères. H i J, K et L, avec ce grand marqueur épais regard et descendre il n'a pas besoin d'être uniformément espacé. Je veux dire, c'est bien si tu peux espacer tout ça uniformément, mais à la fin, ils vont tous être séparés, et tu peux les déplacer dans un magasin de photos. Le plus gros problème est de s'assurer qu'ils ont la même taille. Donc si ça reste dans quatre boîtes, on veut s'assurer que le J reste avec lui quatre boîtes. J' ai peut-être besoin de modifier ça un peu parce que les lettres s'agrandissent. Mais quand tu es dans la boutique photo, tu peux tout faire. C' est aussi une typographie très rugueuse, donc c'est OK si elle devient un peu plus grande, plus petite. Vous pouvez développer un lettrage au pinceau personnalisé très concis. Et donc utiliser ces grilles pour les garder plus concis que ce que je fais avec mon ensemble particulier. Et certains personnages peuvent avoir besoin d'une plus grande précipitation pour avoir la sensation que vous voulez aller, alors n'hésitez pas à changer la taille de votre pinceau. Ça va te prendre quelques fois pour avoir une lettre correcte, et j'aime faire un coup continu, faire un autre coup. Ça a l'air un peu plus même quand on continue et qu'il ne s'arrête pas sur le chemin. Donc si je devais faire ça, toi et moi nous sommes arrêtés à mi-chemin et j'ai essayé de continuer à faire le pinceau pour le rendre parfait. Il n'a pas ce flux naturel qu'un coup continu aurait. Donc il suffit de faire un coup continu descendre. Mais tout cela serait sur des couches séparées. Donc, ce que nous voulons faire pour le bien de juste enseigner la classe et faire chaque seule des couches, Mais vous pouvez un peu voir comment chacun aurait sa propre couche que b 26 couches, nous ferions la même chose que nous l'avons fait avant nous étaient prêts à exporter et en quelque sorte de voir à quoi ils ressemblent en action. Nous voulons aller de l'avant et désactiver l'arrière-plan, donc tout est transparent. Ne vous inquiétez pas de la grille qui n'exportera pas avec nous. Et nous voulons aller aux paramètres de partage. Et nous voulons ce dossier de la boutique photo. Je vais partager ça, le mettre, l' ouvrir dans la boutique photo et voir ce qu'on a. Et il y a encore une chose que je veux développer. J' ai des flèches. J' ai une sorte de caractères pour faire un titre personnalisé, mais la dernière chose que je veux faire est d'avoir une sorte de coup de pinceau pour mettre ah promotion ou une fin d'action appelée ou une sorte de bouton ou de boîte. Donc, je veux créer quelque chose de similaire à cela. Tu vois ce genre d'accident vasculaire cérébral ? Cela a été créé non seulement à l'aide d'un pinceau et de brossage et d'être fait, mais il est créé avec une combinaison de quelques brosses différentes et aussi une combinaison de quelques transparences différentes et de quelques nuances de couleurs différentes pour créer ce effet plus riche presque un effet d'or. Donc on va essayer d'imiter ça et faire quelque chose comme ça. Donc, comme nous l'avons fait avant, créons un fichier très volumineux. Donc 4000 par 4000 et nous voulons obtenir une sorte de pinceau en or. Bien sûr, couleur n'a pas beaucoup d'importance, parce que nous pouvons changer ça à tout moment, et ce sera Photoshopped, donc je me concentrerais sur la couleur que vous voulez dio. Habituellement, les couleurs plus sombres de Richard fonctionnent mieux parce que vous pouvez facilement les changer à n'importe quelle couleur dans la boutique photo. Mais on va essayer d'imiter cet effet d'or choisi par une école, un peu d'or neutre et d'y ajouter un peu de noir pour lui donner plus d'effet d'or . Et allons à nos pinceaux à dessin. Essayons le même que nous avons utilisé. Liger, essaye celui-là et on va faire un peu de bruit. Nous voulons juste avoir quelques atouts de marque que nous pouvons apporter, qu'il puisse mettre la typographie dessus. On pourrait y mettre un gros titre et quelques choses que j'aime faire pour le rendre plus riche. Bien sûr, vous pouvez le mettre sur chaque couche. Si je veux juste avoir cet atout là-bas, j'ai fini. Donc, je vais créer un nouveau calque et l'essayer avec un autre. Et quand vous pouvez apporter cela en tant que fichier Photoshopped en couches, vous avez tous un petit pinceau séparé que vous pouvez utiliser pour toutes sortes de situations différentes . Alors faisons la même chose en revenant et en faisant un peu plus léger. Bien sûr, j'ai le crayon de pomme afin que vous puissiez mettre de la pression sur votre crayon pour créer une brosse différente, sucer et presser vraiment dur ou compresser vraiment doux et avoir, comme, une belle brosse douce. Donc c'est vraiment utile. Pour avoir le crayon de pomme serait en mesure de le faire quand je veux faire est que je veux ajouter une couleur différente. Vous savez, cela pourrait ajouter une seule couleur pour créer cet effet riche. Nous devons le créer en utilisant plusieurs couleurs. Donc ce que je vais faire, c'est que je vais mettre cette couleur en haut et en prendre un peu de gris pour en faire un Hugh pur. Et je peux aussi réduire la transparence de la brosse. Donc, juste ici. Donc ce n'est pas plein de couleur. On va continuer à changer de couleur ou le long du volant pour devenir aussi riche. Ecoute, bien sûr, à chaque fois que tu as l'impression que je ne le sens pas vraiment. Vous obtenez juste cet outil de gomme, faites-en une grande taille de brosse et essayez juste à nouveau. Et il se pourrait que nous devions changer ou brosser. Essayons Eagle Hawk, et quand vous le faites, réduisez le son transparent, certains d'entre eux donc disons que j'ai réduit la transparence à environ 70 et que vous ayez une taille de pinceau assez grande que vous pourriez dessiner. Une fois qu'il va encore plus grande taille de pinceau, vous pouvez en dessiner et ensuite reculer dessus, et il peut en quelque sorte voir que le regard superposé donne avec la transparence donne un pinceau plus naturel, comme le coup de pinceau est allé de haut en bas et de haut en bas au lieu d'un seul grand appartement, peu comme celui que vous voyez en haut. C' est une grosse brosse plate. Celui en bas semble un peu plus organique avec la façon dont les coups de pinceau sont faits. Écoutez, Dr Blackburn, ça ressemble à une belle, grosse, épaisse. Et réduisons la transparence et augmentons la taille du pinceau afin que nous puissions descendre une fois, deux fois nous pouvons changer de couleur un peu, juste en ajoutant des reflets. Donc, en revenant à l'exemple que j'ai créé pour que vous puissiez voir comment même en bas ici vous pouviez voir comment c'était tout un pinceau nother entièrement, et il pouvait voir combien de couleurs différentes et de petits coups de pinceau qu'il a fallu pour créer ceci. On va exporter ça de la même manière qu'avant. Et vous allez pouvoir télécharger tous les fichiers que nous avons créés aujourd'hui. Je vais juste aller dans les paramètres et vous allez exporter en tant que fichier Photoshopped et vous serez en mesure d'avoir tout ça. Une chose cool que vous pourriez faire est de prendre cet exemple. Je suis allé à la couleur dot adobe dot com, et j'ai été en mesure de trouver un modèle vraiment sympa pour une marque sur laquelle je travaillais. Et vous pouvez créer différents pinceaux et vous pouvez goûter les couleurs ici. Tout ce que j'ai à faire, c'est prendre mon doigt et tenir, et je serai capable de goûter la couleur et ensuite brosser avec elle. Disons que je veux faire ça, hein ? La couleur ici pourrait prendre une sorte de pinceau faire différentes couleurs de pinceau que je pourrais utiliser ses actifs de marque plus tard. Et j'ai apporté ça en photo. Vous pouvez simplement supprimer cette photo à tout moment en accédant à votre calque et en supprimant cette photo , puis en exportant vos ressources de cette façon. C' est donc vraiment génial de créer ces actifs de marque. Vous pouvez apporter une photo de vos couleurs et juste mettre votre doigt dessus. Tenez-le et il échantillonnera cette couleur. Et il pouvait le brosser pour voir toutes ces choses vraiment soignées que vous pouviez savoir. Je pourrais prendre ces pinceaux. Je vais vous montrer un exemple de ce que vous pouvez faire avec un tel atout. Donc maintenant, nous avons partout des actifs créer. Je vais en faire un de plus vous montrer ce genre de faire un arc-en-ciel aller et faire apparaître l'arrière-plan là-haut. Donc c'est une chose que je pourrais faire. Vous pourriez avoir tout un arc-en-ciel d'aquarelle à la recherche de rayures et de graphismes. Maintenant que nous avons tous nos actifs étaient prêts à entrer dans la boutique photo, jetez un oeil à ce que nous avons et nous allons apprendre à prendre ces actifs et à les utiliser dans une vraie campagne. 31. Utiliser notre ressources dessinées pour un projet social: Maintenant que j'ai mes fichiers Photoshopped prêts à apporter dans une boutique photo, voyons à quoi ça ressemble. Donc, dans le Guide de ressources, le guide de ressources téléchargeables, vous avez une section de session d'esquisse numérique était gwen double clic que tous ces air disponibles pour vous. Donc tu l'as sorti de la boîte. Nous pouvons aider à créer la campagne sur les réseaux sociaux que nous allons faire très rapidement. Tu vas déjà avoir ces atouts. Ou si vous voulez apporter vos propres actifs en faisant la même méthode que j'ai fait avec la tablette wakame ou avec une application de procréation ou une esquisse manuelle. Vous pouvez le faire aussi. Voilà ce qu'on a fait dans les cours. Obtenez un peu d'une version légèrement différente, un peu plus crue et brushy que celle que j'ai faite en classe. Mais vous verrez qu'ils sont tous exportés sous forme de couches différentes distinctes. Je devais y retourner et nommer chaque couche, mais vous pouviez le voir tout là-bas. Et ce qui est génial à ce sujet, c'est que je peux faire glisser et déposer et créer toutes sortes de titres avec cela pour que je puisse les faire glisser et créer des mots différents avec. Je veux donc créer une campagne sur les médias sociaux qui ne dit rien. 20% de réduction ont un bouton d'action appelé de 20%. Très simpliste. On ne parle pas d'un gros gros gros titre ici, et c'est bien. Nous voulons garder nos manchettes courtes et brèves. Donc, ce que je veux faire, c'est que je veux créer les mots, non, puis créer les mots loin et qu'ils soient deux mots séparés. Donc, c'est facile. Tu pourrais juste créer les mots, donc non. Et vous pouvez les chevaucher un peu aussi. Et comme ce sont des couches séparées qui peuvent en quelque sorte avoir ce regard soigné et superposé s'il voulait apporter la fin du sommet. On reste séparés et ensuite on a le chemin. Allons chercher les lettres dont on a besoin et pourquoi on n'aura pas besoin rien d'autre. Nous pouvons supprimer cela pour l'instant. Et tu sais, ne dis pas ce dossier cause dans toute la course tout. Mais je fais juste un gros titre en essayant de le simplifier. Vous pouvez toujours revenir en arrière et utiliser ce même jeu pour créer toutes sortes de titres différents. Donc pas moyen. Amenons une vitesse en dessous juste une sorte d'arranger la typographie d'une manière attrayante. Donc pas moyen. Bien sûr, nous pouvons l'incliner et changer tout cela au fur et à mesure que nous y travaillons afin que notre titre soit prêt. Trouvons quelques photos convaincantes que nous pouvons utiliser. Ça va faire 20 % de réduction. Ça pourrait être pour une marque de mode. Ça pourrait être pour une marque alimentaire. On va faire une sorte de jeune génération ou de génération Z ciblée. Nous voulons être très frais quand vous quelques palettes de couleurs vraiment sympa ici. Donc, je suis allé à pixels dot com, et j'aurais trouvé quelques photos que je pense serait vraiment cool avec cela. Il y en aura un. Créons notre taille instagram commencera avec Instagram, mais cela pourrait vraiment être pour n'importe quoi. Alors allons faire un nouveau fichier. Cela pourrait être pour les actifs de marque. Une carte de visite ne doit pas toujours être quelque chose de numérique ces actifs ou juste un bon comme tout autre actif que vous pouvez acheter. Il s'agit principalement de type 10 80 par 10 80 300 résolution parce que nous aimons avoir cette belle haute résolution et aller de l'avant et cliquez sur Créer. C' est d'abord apporter notre photo bonne copie ou photo et coller dans, et nous allons nous assurer que nous cliquons droit et convertissons en objet intelligent, donc affaiblir la taille et ne pas l'avoir déformé. Nous pourrions dimensionner cela, mais nous aimerions sans distorsion. Alors allons la tailler. Allons avoir une belle connexion émotionnelle avec elle, alors ne nous demandons pas de zoomer comme ça. Qu' est-ce qui fait vraiment un zoom avant sur son visage ? Appuyez sur Entrée et nous allons apporter notre titre est de copier mes calques et de l'apporter. On peut l'incliner un peu et l'encadrer. Et une chose que je veux faire, c'est que je veux faire tous ces blancs. Donc une chose que je veux faire est d'aller de l'avant et de retourner à son lettrage de main , et peut-être que tu vas devoir aller encadrer ça. Je veux être en mesure de rejoindre le non et de rejoindre le chemin comme une seule couche. Donc je veux m'assurer que je suis très content de ce que c'est. Disposez-le et vous faites un petit raccourci de commande, Commande E. Et je vais pouvoir fusionner les calques ou vous pouvez faire un clic droit sur les calques fusionnés. Donc maintenant savoir est sa propre parole. Et maintenant, la voie va être ses propres mots. Je fais le commandement EADS. Un poids rapide émergé couches. Donc maintenant avoir ces un couches séparées. Je vais juste double-cliquer dessus et faire une superposition de couleur et juste faire du blanc. Et pendant que je suis là, j'aimerais ajouter une légère ombre portée. Donc, il se distingue vraiment en quelque sorte contre la photo. On va faire une bonne taille et de l'opacité. Je pourrais faire la même chose pour la superposition sans couleur. Faites un peu d'ombre portée pour sortir sur le fond. Donc maintenant, nous pouvons un peu gâcher avec la position, et avec cela, nous pouvons faire un clic droit maintenant, et nous pouvons convertir cela en un objet intelligent afin que nous puissions continuer à manipuler et toujours revenir avec nos choix de taille. Donc, nous y voilà. Et maintenant essayons de la piéger. Peut affaiblir, Zoom sur le visage un peu plus. J' essayais de piéger que la typographie tourne autour de son visage et l'encadre. Et on peut même l'incliner un peu pour lui donner une pop dynamique comme ça. Nous pouvons même le superposer un peu pour que vous puissiez voir comment le marqueur passe dessus. Et nous devons avoir notre appel à l'action. Donc nous avons quelques choses que nous pourrions faire pour une action froide. On pourrait faire un simple bouton de contraste élevé. Dans ce cas, orange jaunâtre sera assez élevé. Contraste créait un nouveau bouton. Allons vers un outil rectangle et créez un bouton simple. On dirait qu'il n'a pas d'accident vasculaire cérébral. Parfait. Et on va juste faire un outil de type et taper 20 % de rabais et 20 % de noir. Euh, et je vais juste rendre ce noir juste en essayant d'être un contraste élevé ici. C' est pour ça que je choisis ces couleurs. Et nous essayons d'être lumineux, amusant, funky, avoir un jeune vivre tout une fois de plus, une ombre portée sera très utile ici. Une belle taille de taille floue et une bonne quantité de capacité. Nous pouvons encore une fois faire un angle dans la direction opposée pour créer une sorte de tension. Donc, vous avez ce genre de direction diagonale dans cette direction diagonale qui crée une tension , ce qui est une bonne tension visuelle. Donc, ce qui serait génial est d'avoir une petite flèche qui pointe également vers le 20% de réduction. Nous avons donc quelques flèches que nous pouvons choisir. C' est un peu différent de ce que j'ai créé dans la classe il y a quelques minutes . Mais, vous savez, j'ai eu un peu plus de temps pour séparer les couches et découper tout ça car vous pouvez ouvrir ceci et l'utiliser vous-même pour tout ce que vous voulez. Vous avez un libre pour l'utiliser sur des projets commerciaux payants si vous le souhaitez. Donc je vais sélectionner la flèche qui fonctionnerait très bien ici. Choisissons ce joli, gros ou peut-être ceux avec ce monde dynamique. Peut-être que celui-ci ici et je pourrais l'utiliser en bas un peu plus tard. Faisons la même chose que nous avons fait avant. Faisons une superposition de couleur et une ombre portée et aussi un clic droit. Et nous pouvons convertir un objet intelligent afin que nous puissions le mettre à l'échelle toutes sortes de tailles sans , le perdre,perdre la résolution ou il perd la qualité. Et c'est là que nous pouvons chevaucher les choses pour créer un effet superposé. Et une chose qui serait vraiment génial pour cette annonce est un traitement à la photo, parce que pour le moment, c'est juste en couleur. C' est exactement comme ça que j'ai téléchargé à partir du site. Mais si nous devions créer un nouveau calque sur le dessus et ajouter un mode de fusion et mettre un peu de, ah, ah, travail de couleur de pinceau ici pour que nous puissions avoir une sorte de cette couleur intéressante presque comme filtre Instagram ajouté à elle sans qu'il s'agisse d'un filtre instagram mais un peu plus stylisé. Donc je vais créer une couche qui va être au-dessus d'elle, et ce sera un peu où le mode de fusion va exister. Donc nous voulons passer à son mode de fusion ici et le mettre en marche. Essayez une lumière douce. On va avoir une belle, grosse brosse ronde, super grosse, peut-être même 2000 ou environ. On va s'assurer qu'elle est douce. Nous ne voulons rien de dur. Nous voulons qu'il soit à plumes. On va juste cliquer pour voir à quoi ça ressemble, et on va avoir une belle touche de couleur et de couleur moderne, qui pourrait être un peu trop rose Phillips à un peu de rouge. Et vous voyez en quelque sorte l'effet que je vais pour mordre, couler cette image d'aperçu. Vraiment cliquer sur le coin supérieur de la vente de plus gros pinceaux et aussi nous contester ou le mode de mélange pour voir. Peut-être que la lumière douce n'était pas celle que nous voulions juste rafraîchir un peu l'image . Alors on y va. C' est un excellent mode de fusion de cet écran. Donc, il a cette mise à l'écran. Ce que nous pourrions faire, c'est en créer un autre et continuer à superposer cela. Alors créons au lieu de cette couleur, faisons une couleur plus fraîche, peut-être un violet clair, mais son pinceau cliquez ici en bas. Droit ? Regardez en bas, non ? Et bien sûr, nous pouvons déplacer ça un peu vers le bas et nous pourrions régler cet écran. Cela ajoute un peu de couleur à la photo, alors voici ce que nous avions avant. Toggled est désactivé. C' est génial. C' est une belle image, cette image aurait l'air bien en noir et blanc, mais avec un peu de couleur ajoute juste une touche moderne à elle. Et je pourrais toujours prendre ma course ou mon outil, nettoyer tous les bords. Ça ou pas l'air bien. Et voici notre première itération de nos campagnes. Nous avons des lettrages personnalisés, pinceaux habituels. Nous avons un peu appelé l'action. Nous pouvons même ajouter notre marque très rapidement. Alors disons que nous avons un logo. Nous n'avons pas de libertés pour cela, mais nous pourrions juste mettre, vous savez, ce genre de site de mode générique dot com, mais nous voulons juste un endroit où nous aurions un logo que nous aurions conçu. Nous l'avons probablement mis en haut à gauche, ou nous le mettrons peut-être en bas à droite ? Tout dépendra de ce que nous pensons être le plus efficace. Les deux vont être de bons emplacements parce qu'il y a une sorte de zone vide agréable ici, et on peut changer la police sur ça aussi. En ce moment, c'est camarade, mais on pourrait faire quelque chose de plus générique. C' est vraiment juste remplissage serré pour l'instant, il y aurait un logo officiel là pour que les gens sachent de quelle marque il est, et cela aurait probablement besoin de l'ombre portée juste comme ça. Donc une autre chose que nous pouvons faire est de changer un peu ça. ça, Toutça,c'est fini. Nous avons ces deux options de placement et peut-être que le bas à droite pourrait fonctionner un peu mieux parce que vous le lancez, vous choisissez, vous présentez votre idée, vous présentez ce que vous vendez et ensuite vous présentez votre logo sur le en bas. Ça a un coup plus naturel. Bien qu'il y ait un bel espace là-haut, je pourrais juste amasser mes biens un peu pour profiter de ce bien immobilier ici . Alors on y va. C' était juste une sorte de processus de pensée et comment je crée ces images hautes et très dynamiques de vos gens de capture. C' est le dernier que j'ai fait tout à l'heure. Nous allons en faire deux ou trois, maintenant que nous avons le titre dans la flèche déjà établie, affaiblir la photo et créer une campagne cohésive entière de cette façon 32. Utiliser notre ressources dessinées pour un projet social - 2: Donc, j'ai une autre photo que je veux essayer. C' est un peu plus haut de la mode. Qui a traîné ça et voir ce qu'on peut faire maintenant qu'on a tout mis en place ? Ces deux femmes s'étreignent ? Faisons un émotionnel Nous allons avoir une belle vue recadrée serrée. Nous pourrions faire glisser cela dans son système de superposition, mais aussi supprimer nos autres photos afin que nous puissions garder notre taille de fichier bas. Alors réorganisons ceci un peu pour que cela soit mieux arrangé en termes de typographie. Non, on ne veut pas savoir pourquoi aller à nos nouvelles. Donc ici, tu le vois sur son nez. C' est juste gênant. Ils vont faire attention là où vous écrivez des terres. Ça doit avoir l'air bien tout le long. C' est ce qu'on pourrait faire, c'est positionner aussi bas ? Avoir un B juste ici. Tu pourrais même agrandir ça. Et nous avons des guides intelligents, donc ça ne va pas gâcher si nous continuons à changer la taille. Cela pourrait être un cas où le haut à droite voir cette belle zone ouverte ici C'est un excellent moyen, Teoh Un endroit idéal pour y mettre un logo ou un autre atout. C' est un endroit parfait. Voyons si nous ne pouvons pas parler de ça et nous pourrions utiliser une flèche différente parce que nous avons un sentiment différent avec cette photo. Alors obtenons une flèche plus simple. Je vais aller à nos flèches et c'est vraiment épais épais que j'ai vraiment aimé. Allons-y et amenons celui-ci à Skopje. Coller. Faisons le genre de traitement qu'on lui a fait. Nous pourrions même créer un style de calque et appliquer le même style. Mais on va aller de l'avant et faire ça manuellement. le bouton droit. Créons un objets intelligents. Si nous modifions, ce sera OK. Voici donc une époque beaucoup plus épaisse, ce qui, je pense, simplifie un peu la flèche. Rendre la flèche un peu plus petite. On ne veut pas rivaliser avec le titre, et une chose qu'on peut faire, c'est qu'Arrow se perde. C' est ainsi que nous pourrions changer de couleur avec les actifs avec lesquels nous avons commencé. Une couleur noire, a amenée dans Photoshopped, a fait une couleur blanche, mais maintenant nous pouvons en faire n'importe quelle couleur. Nous voulons faire une superposition de couleur. Je veux en faire une couleur jaune. Et égayons ce jaune, juste un peu jaillissant dans une couleur jaune un peu plus vif. Prenez son appel. Les actions font en sorte que nous ayons le bon positionnement pour cela. Donc, en ce moment, nous avons le même type de superposition, ou je suppose que dans ce cas serait un mode de fusion d'écran sur certaines de ces couleurs que nous avons peint sur. Nous pouvons avoir un tout nouveau profil parce que nous l'avons fait en fonction de l'autre photo, donc nous pouvons décider d'en éliminer un. Et j'aime le violet sur le côté. Ça a l'air vraiment sympa. Créons un autre. Faites-en un écran. Gardez-le avec des couleurs fraîches. C' est un peu comme vraiment sympa est une couleur cool. Les photos vont faire un pinceau. Je l'ai sur 2000. C' est un doux autour. Cliquons sur l'extérieur, et c'est vraiment intense. Mais ce n'est pas un problème, parce que nous avons de l'opacité. Nous pourrions simplement réduire l'opacité sur cela un peu, et cela lui donne un look photographique vraiment moderne. Mais ces couleurs fraîches sorte de venir, et vous avez un peu de chaleur pourpre légère là-bas et vous avez un peu de fraîcheur sur le coin supérieur gauche. Ce genre de lui ajoute une touche plus moderne. On peut réduire. Maintenant que c'est sur un beau fond propre, nous n'avons pas besoin d'avoir l'ombre portée aussi intense est-ce que cela va réduire que Essayez d'utiliser des ombres portées seulement quand j'ai vraiment besoin d'être vraiment lâches, douces ombres portées que je n'aime pas utiliser très dur, ombres portées sévères causent qu'il pourrait le faire paraître daté très facilement. Donc une autre chose que nous pourrions faire en quelque sorte de dernière chose est que nous pouvons ajouter un masque de leering au pourquoi et juste une sorte de peinture sur. Donc, il semble que le pourquoi interagit avec la femme. On va y aller et ajouter un masque de superposition et tout mon masque de leering que je vais peindre avec du noir et je vais juste enlever un peu de la masse de superposition juste comme si elle interagissait un peu avec le type. Et il y a notre approche moderne sur ce que nous utilisons en quelque sorte sont des lettres brutes, brossées à la main. Continuons et faisons quelques idées de plus et puis nous pouvons vraiment avoir une campagne complète cette fois. Nous allons y arriver, avoir beaucoup de mouvement vers ce sera pour une marque athlétique. Ça fait un peu plus grand. D' accord, ici. On veut vraiment la montrer dans Motion Cropper juste là, au centre. Pour l'instant, c'est dragger tout en dessous, et on n'a plus besoin de cette autre photo. Vous voulez économiser de l'espace pour la taille du fichier ? Donc, je veux faire ce que j'ai fait plus tôt avec la queue du pourquoi, et je veux être en mesure de l'avoir vraiment interagir avec le type et même avoir peut-être son pied en passant par le O du non et avoir un chemin en bas ici. Donc c'est une sorte d'orientation différente du type. Agrandissons ça pour qu'il puisse avoir une bonne position pour mettre Theo dehors. Son site web ici. Et nous pouvons toujours passer notre appel à l'action quelque part ici. Alors faisons-le qu'ils superposent de la masse pour cela. On va y aller, avoir un masque de superposition , de la douleur avec du noir , aller de l'avant et peindre ça , et mieux encore, je pourrais faire notre cheville un peu mieux. C' est un peu plus maigre, plus facile à superposer. Ok, donc maintenant elle interagit avec ça. Nous pouvons aussi avoir le Pourquoi interagir. J' ai déjà eu ma messe de Larry du projet précédent. On a juste fini ce masque. Donc maintenant, on dirait qu'elle saute vraiment dans et hors de ça, n'est-ce pas ? Alors ajoutons notre petite flèche amusante. C' est bon ou flèches et apporter ce plaisir, flèche bouclée parce que c'est un type d'annonce très amusant, loopy. Qu' est-ce qui se passe de l'énergie ? Et faisons quelque chose d'encore plus amusant avec ça. Donc maintenant, vous avez juste un bloc, juste un rectangle. Prenons les pinceaux que nous avons créés et apportons cela, et au lieu de cela, nous avons quelques solutions de peinture. Ici. Allons chercher ce top. Avec toute la belle texture, nous pourrions nous faire tourner. Il pourrait être un peu appelé bande d'action, si vous pourriez avoir un aller comme ça, et nous pourrions en faire une couleur différente. Il suffit donc d'obtenir un double clic et de faire une superposition de couleur et d'adapter le même jaune que nous avons utilisé. J' ai un soupçon d'orange. C' est l'ombre portée juste faire le même traitement sur toutes ces couches. Et nous pouvons en faire une face de type différent parce que nous avons cette police très descriptive pour le titre. Et pour cette annonce, je veux la rendre un peu plus simple. Changons donc la police de caractères pour quelque chose de très, très simple. Donc, en faisant ça, celui-là, je ne veux pas rivaliser avec certains des trucs dynamiques que nous avons et continuons à faire cette étape de plus. Donc maintenant nous avons notre saut et voyons si nous ne pouvons pas la déplacer un peu vers le haut et même zoomer sur tout juste un petit peu. Nous avons des guides intelligents sur tout ou nous devrions. Donc si on l'agrandit, ça ne changera pas autant la résolution. Donc, une chose que je veux faire est quelque chose avec ce site. Ce n'est pas assez, juste avoir beaucoup d'arrière-plan à contraste élevé qui se passe, donc nous devons être en mesure de faire sortir ça. Une chose qu'on pourrait faire, c'est prendre notre peinture. Prenons l'autre, donnez-lui juste un fond pour se reposer sur deux afin qu'il puisse sortir dans ce contexte. Donc, ramenez ça tout le chemin en utilisant tous les actifs que nous avons créés. Et faisons un contraste avec le jaune. Alors, ce qui serait une sorte de contraire sur la volonté de couleur jaune ? Ce serait probablement une couleur fraîche, comme un bleu ou encore mieux, comme un beau bleu clair doux entre le vert. C' est juste la pratique et la pratique, sorte de savoir quelles couleurs choisir et une sorte d'étude de la théorie des couleurs Un peu aide toujours à comprendre cela. Donc, nous pourrions même changer le mode de fusion sur ce sujet. Ou on peut réduire la capacité pour que sa jambe puisse encore voir sa jambe sauter. Je ne veux pas perdre sa jambe. Nous avions juste besoin d'une zone de contraste plus élevé pour arrêter notre logo. Ce ne serait pas du genre comme ça. Ce serait un logo officiel. On va le garder comme ça pour l'instant. On trouvera toujours une meilleure typographie plus tard, mais j'ai besoin qu'elle soit plus épaisse que ça. Tout simplement pas content de la santé dans cette IHS. Mais ici, c'est 20% de réduction. Pas moyen. Nous avons une chose qui peut vraiment faire ce Pappas et peut-être un traitement à la photo. Alors ajoutons une sorte d'effets similaires à ce que nous avons fait avant. Voyons si on ne peut pas traîner la femme en dessous de ce qu'on avait avant. Nous avions deux options différentes ici. Ce genre de bleu. On avait une sorte de violet venant du côté, ce qui a l'air sympa. Et ce genre d'arrivée rose fait presque ressembler à un sous-ensemble, n'est-ce pas ? J' aime un peu ça. Donc, il peut garder que comment il iss C'est la version finale qui juste passer quelques minutes de plus avec elle et genre de ce que j'ai fait avant quand je planifiais la classe. C' est un peu ce que j'ai trouvé. Donc c'est un peu à quoi ressemble la finale. Donc, jusqu'à présent, nous avons trois grandes campagnes sont trois grandes images déjà produites pour notre campagne. On a fait tout ça assez vite. En 45 minutes à une heure, nous avons créé l'exportation d'actifs dessinés à la main de ceux-ci. Nous les avons prêts à utiliser en tant que P et G avec un fond blanc ou quoi que ce soit était capable d'utiliser ces actifs. Et vous pouvez utiliser les flèches, les brosses, le lettrage à la main. Vous pouvez le faire pour créer toutes sortes d'actifs de marque, pas seulement pour le numérique. Cela peut vraiment être pour n'importe quel type de marque tout ce que vous voulez faire. 33. Numérisation croquis - Configuration: Donc on va faire quelque chose de spécial aujourd'hui. Nous avons donc déjà numérisé des lettres que nous avons écrites. Nous avons écrit à la main que nous avons pu apporter ça. On va aller plus loin, et on va faire une illustration entière à partir d'un dessin au crayon à main. Voici donc le dessin au crayon à main que j'ai créé l'autre jour, assis à la table avec mon fils de cinq ans. J' ai eu des idées de lui, et nous avons créé cette créature de monstre extraterrestre vraiment unique. Et je pensais qu'il avait une structure de ligne assez simple qui sera facilement en mesure de vecteur monter cela et de créer une illustration en couleur. Donc c'est exactement ce qu'on va faire aujourd'hui. Nous allons suivre tout ce processus pour que vous puissiez voir comment il est composé de quatre étapes différentes . Bien sûr, la scène de dessin est la première, et nous devons apporter notre photo que nous prenons en charge le croquis et être en mesure d'égayer ça . Donc, nous avons une belle et propre croquis que nous pouvons faire notre outil de broche sur. Et, bien sûr, nous allons apporter cette photo dans Adobe Illustrator, et nous allons pouvoir tracer ça, en utilisant les outils épingles et quelques autres outils différents. On va réfléchir à ces lignes pour en faire une illustration très forte. Et enfin, on va pouvoir colorer notre illustration. Alors commençons. Je vous verrai dans Adobe Photo Shop. Voici donc le croquis original pour esquisser ça avec un crayon numéro deux et en prendre une photo près de ma fenêtre. Et c'est juste sur du papier d'ordinateur standard, du papier d'imprimante. Rien de trop chic, rien de trop cher, quelque chose que vous pouvez facilement trouver dans votre bureau à domicile. Et là, c'est. Donc, c'est évidemment vraiment sombre, et nous devons être en mesure de l'éclaircir un peu. On va prendre notre plus tard, on va faire ce qu'on a fait avec le typographe. Tu allais juste ajouter de la luminosité et régler le contraste. On va aller jusqu'aux réglages d'image, la luminosité et au contraste, et on va être en mesure d'éclaircir ça. Nous sommes allés tous ces petits divots et textures pour disparaître. Nous ne voulons pas que cela gêne le chemin, et nous allons aussi augmenter le contraste. Donc, pour la plupart, Mais c'est un excellent travail en quelque sorte de se débarrasser de ce fond gris éclairé un peu . Donc, nous apportons ça. Adobe Illustrator aura un joli dessin au crayon propre à tracer. Donc je vais juste dire ça comme un « J peg » et le remettre à Adobe Illustrator. Je fais juste glisser ceci dans Adobe Illustrator et je devrais le rendre un peu plus petit. J' ai juste un document de 8,5 sur 11 pouces que vous pourriez faire dans un document de quatre. Juste une sorte de document standard. On fait un RVB. Tout dans cette classe de design numérique sera toujours un RVB. Donc nous voulons aller de l'avant et le placer juste ici au centre, et nous voulons réduire l'opacité sur lui. Donc je vais aller à ma transparence, je vais juste réduire l'opacité pour voir les lignes, mais ça ne va pas interférer avec moi. Déterminer quoi ? Qu' est-ce qu'une broche à aligner et qu'est-ce qu'un croquis original ? Donc juste une sorte de réduire l'opacité. Je vais verrouiller cette couche pour qu'elle ne se déplace pas accidentellement. Je vais créer ma couche sur le dessus. Donc, nous arrivons à plonger dans l'outil de broche. Espérons que vous êtes déjà familier avec les bases mêmes de l'outil de broche. Et comme il s'agit plutôt d'un cours de niveau intermédiaire, alors nous allons prendre cet outil de stylet ici dans Adobe Illustrator et nous allons utiliser une combinaison de quelques outils pour créer un peu plus facile pour nous créer cette ligne. Le dessin peut vraiment commencer n'importe où. J' aime commencer à certains des endroits les plus difficiles d'abord et ensuite faire certains des endroits les plus simples que je vais commencer par le genre de juste ici dans cette zone pour que je puisse entrer et faire l'outil de broche ici et sorte de compléter cette première forme d'abord. Et puis on pourrait travailler sur les yeux. Alors sortons cet outil de stylo, et on va prendre notre panneau de course. Nous voulons un coup de taille assez décent, mais pas si épais que je ne peux pas voir les nuances du coup. Je vais voir ce qu'un coup de 0,5 point attend. On dirait que ça va commencer ici et qu'il a juste un clic et maintenez. Assurez-vous que la sensation est éteinte. C' est probablement une bonne façon de commencer. Si vous avez suivi ma masterclass de graphisme, nous faisons des feuilles de calcul de traçage impressionnantes où nous pouvons vraiment pratiquer beaucoup de ces formes complexes. Et n'ayez pas peur de zoomer sur une quantité dramatique. C' est ce que vous devez faire pour obtenir la bonne forme de l'outil de broche. Les chevaux pourraient probablement revenir avec l'outil de courbure. Si vous avez des articles parfaitement ronds qui ont tendance à fonctionner un peu mieux, nous pouvons toujours revenir en arrière. Je n'aime pas être perfectionniste quand je fais la forme de base. Je peux toujours y retourner et être perfectionniste un peu plus tard. Donc juste faire le contour de base fait. En regardant en arrière sur mon point d'ancrage original, obtenez un point agréable et pointu et il a remarqué que ce n'est pas parfait, vous savez, en quelque sorte, prendre quelques libertés avec la façon dont je dessine, et ça n'a pas besoin d'être exactement comme mon croquis, mes croquis, juste un exemple pour moi. Ce ne sera pas parfaitement exact. Je voudrais peut-être faire un choix de conception différent quand il s'agit de cela. Comme pour ça, je veux peut-être faire trop peu de poils sortant des gènes et peut-être garder ça simple. Tu sais, ce n'est pas forcément ce que j'ai fait. C' est la chose géniale à propos de ça. Même si vous l'avez esquissé, ça n'a pas besoin d'être un rendu parfait. Assurez-vous d'utiliser votre commande, Z. Si vous gâchez et que vous avez besoin de revenir dans le temps, rend la vie beaucoup plus facile que d'avoir à aller dans votre panneau d'historique. Donc, la commande Z remonte à une étape que j'aurai peut-être besoin de trouver aussi, dans cette petite zone plus tard. Mais c'est plus tard. Ok, je vais y retourner et compléter ma forme. Et on y va. Nous avons fait notre premier plan. Nous pouvons revenir en arrière avec notre outil de sélection directe et être en mesure de manipuler certains d'entre eux. Rends-le un peu mieux. Parfois, vous devez ajouter un point d'ancrage pour obtenir la courbe que vous aimez, ou vous pouvez obtenir cette couverture ou cet outil et ajuster les courbes un peu mieux avec l' outil de courbure. N' ayez pas peur de l'outil de courbure pour obtenir le bon, et j'adore la couverture ou l'outil pour Devinez quelles courbes et formes arrondies vraiment arrondies comme nous avons ici. Et parfois, il aide à ajouter un point d'ancrage pour lisser, vraiment rond dessus. ce moment. J' utilise l'outil de couverture. Remarquez comment, ajouté quelques points d'ancrage, et il a lissé cette zone un peu. Il devrait prendre un peu de points d'ancrage pour faire un cercle parfait. Nous pourrions également utiliser l'outil de construction de forme et faire un contour de cercle et joindre les lignes. C' est une autre petite tricherie que tu pourrais faire. Et aussi j'ai fait le tour des coins sur plusieurs de ces petites pointes. Je ne veux pas qu'ils soient trop pointilleux, alors vous remarquez comment ils ont ces points vraiment pointus. Il y a une façon de faire ça. Nous convertissons ceci en rond. Joignez-vous ici dans son panneau de course sur ce genre de l'adoucit. Donc c'est avant que ça ne soit après. J' aime juste l'aspect adoucir que vous pourriez prendre que même un pas plus loin obtenir sont outil de sélection directe , et vous pouvez aller de l'avant et tirer et faire quelques coins arrondis. De cette façon, si vous voulez une sorte d'illustration vraiment arrondie, sorte que voir comment ce genre d'arrondi les points là tous pour nous a juste fait tout même temps, 34. Numérisation des Digitizing - Tracage des stylos: Donc il y a notre première forme. Alors allons de l'avant et faisons notre oeil. Ça va être le plus facile de faire un outil pour les lèvres et on en a assez fini avec l' œil ou du moins avec l'extérieur de l'œil. On a un plus petit, j'ai entendu dire. Et je veux aussi créer un autre point fort ici. Four. Je ne l'avais pas dans l'illustration parce que c'était difficile de le faire avec un crayon. Tu devais juste laisser ce blanc. Donc je vais juste le faire ici. C' est un peu d'ombre, et nous ajouterons des ombres et des surlignements en utilisant différentes couleurs un peu plus tard dans l' illustration, je vais vous montrer un moyen rapide. Donc je vais juste appuyer sur p pour l'outil de broche et cliquer dessus, et on va juste aller au milieu de ça parce qu'on va utiliser l' outil de largeur pour étendre ça. Donc j'ai un simple coup tout le long. Je vais chercher l'outil de largeur ici avec l'outil, et je vais cliquer et tenir juste là au milieu. Et c'est à quel point c'était rapide. Il était beaucoup plus rapide de faire une forme de lune ou il était plus épais d'un côté et plus mince et de l' autre en utilisant l'outil de stylo. Et on va faire la même chose avec les sourcils. Cliquez sur un côté juste un moyen très rapide. Juste faire juste là au milieu avec l'outil en cliquant au milieu et juste en l' élargissant pour voir à quel point c' était facile. Et ça pourrait s'assurer que ma casquette est entourée et qu'elle pourrait avoir des coins ronds. Donc ça lui donne une bellefinition arrondie, finition arrondie, alors nous allons aller de l'avant et commencer à les inverser. Donc la bouche, la bouche allait être assez facile à ce qu'on pourrait faire et cliquer ici. Il suffit d'avoir les outils de broche. Bien. Récupérez mon AVC. On y va. Poitrine P pour épingle. Je pourrais juste faire ça à mi-chemin. Également utilisé l'outil de courbure ici pour créer la bouche et la tirer vers le bas. Mais on va juste faire l'outil de broche. J' ai aimé ça un peu. Alors, et obtenez mon outil de sélection directe. Je vais double-cliquer sur ça au lieu de faire tous les virages en même temps. Je vais juste faire 11 coin en double-cliquant et maintenant avoir accès à un coin entourant ces deux bords. Et nous avons notre bouche comme ça et continuons à faire nos dents. Et c'est donc les dents ou assez proches. Je vais juste maintenir l'option glisser et juste refléter cela va objecter. Transformez et réfléchissez. Ça va être beaucoup plus facile. Et les dents seront de la même taille, ce qui sera agréable et veulent s'assurer que l'air aussi arrondi. Donc, je vais sélectionner ces deux outils de sélection directe autour des points sur ces dents . J' ai juste fait le tour des points en bas. On y va. Maintenant que la langue remonte, je vais tracer ça du mieux que je peux. Ça finira par être une forme solide. Alors maintenant je vais faire ça. Je vais faire ce que je commence à faire, c'est si tu as de beaux détails comme le pantalon. J' ai tracé l'extérieur en premier et j'ai complété la forme pour pouvoir transformer cela en une couleur et avoir un film dessus très facilement. Ils ne reviennent pas et font simplement des lignes individuelles pour faire les détails, donc c'est un petit truc. Il vous aidera quand nous commençons à colorer les yeux ou à colorier l'illustration, et vous pouvez le faire avec des logos et des symboles et toutes sortes de choses. C' est pour ça que je voulais revoir ça. Ce petit accent ici, ça va probablement être une ombre sous la lèvre, et ça va être un autre avec la triche d'outil juste là. Donc nous avons le plan de base sur une cantate Gle de notre truc juste un peu de voir comment ça se passe. On va épaissir ces coups beaucoup plus tard. Alors passons au pantalon. Je dois faire le pantalon. Faisons P pour broche et tracons juste le contour. Le contour de base du pantalon. J' aime cliquer quand vous avez un coin comme nous cliquons sur l'apex et puis descendre et vous gars seront tous différents niveaux de l'outil de broche. Vous serez à un niveau de base suffisant pour l'utiliser, mais c' est un excellent projet de pratique. J' ai une cheville téléchargeable du croquis que tu pourrais faire ça avec moi si tu veux. Et j'adorerais te voir changer le monstre même un peu, tu sais, avec un sourire différent ou autre chose. Et pour cela, je peux être un peu plus libéral. Donc, au lieu d'avoir à tracer tout ça parfaitement, je peux venir ici parce que ça finira par être un remplissage. Certains remontent et complètent ma forme. Nous n'avons pas besoin d'être si préoccupés par le haut du pantalon, donc c'est bon s'il y a une superposition qui sera éliminée à une date ultérieure. Alors revenons et remplissons tous les autres éléments ici. Cela pourrait probablement être un outil rectangulaire arrondi pour la ceinture. Poussez ça, puis tournez-le. Et ceux-ci n'ont pas besoin d'être des formes complètes. Ces congêtes soient des lignes ouvertes. Ok, on peut décider d'ajouter des détails. Nous pouvons toujours les supprimer plus tard si nous pensons que les détails sont trop compliqués. Donc, si nous avons ce genre d'impression que nous voulons faire, nous pouvons le faire. Donc maintenant, probablement la partie la plus difficile est de faire les jambes parce qu'il y a beaucoup de petits détails ici. Une fois de plus, je vais essayer de tracer la forme globale et ensuite revenir et faire ces petits détails. Cela rendra beaucoup plus facile de colorer les yeux. Donc, ce sera une forme complète juste ici. Et si nous avons besoin de retourner et de faire un détail comme les griffes, ce qui est génial avec ces pieds, c'est que je peux copier, coller et réfléchir parce qu'ils vont être assez proches. Je n'ai pas à faire les pieds deux fois si je ne veux pas. Ça a l'air un peu funky. Donc, en retournant ici, laisse-moi voir si je ne peux pas tout arrondir. Même chose avec le pantalon. Si je voulais revenir en arrière et obtenir l'outil de sélection directe autour de tout légèrement, cela semble juste un peu mieux. Et nous devons aussi revenir sur les traits de ligne individuels pour cela. Super. Alors maintenant, voyons si nous ne pouvons pas copier et coller cette jambe et la refléter, nous faire gagner un petit peu de temps. Peut-être besoin de l'incliner un peu plus vers le bas, puis changer le pied. Donc, ce n'est pas un problème. On a l'outil de sélection directe et on va changer son pied ici. Très bien, donc il y a notre illustration de ce qui fait basculer notre dessin original ou nous pouvons le déverrouiller et faire glisser. Je fais un peu de comparaison côte à côte. Il y a donc une comparaison côte à côte. Je ne pense pas qu'on ait trop raté, et je pense qu'on est bons. Je vais aller de l'avant et mettre ce point culminant toute la forme, et je vais mettre ça à l'avant. Donc nous voulons mettre ça devant le pantalon parce que quand c'est un Phil solide, nous ne voulons pas que cette ligne soit montrée. Donc j'aurais pu apporter tout ça à l'avant. Et cela aidera quand nous commençons à abattre, se lever. Alors allez-y et épaissir le coup. C' est donc une illustration très forte et peut être vu très bien à distance. Donc on va le faire ensuite 35. Numérisation Esquisser - Colorisation: Sortons notre panneau de course et nous allons épaissir nos lignes ici et nous pouvons aller de l'avant et le faire glisser juste pour l'instant. Et on doit savoir quelle sera la bonne épaisseur et tout n' aura pas la même taille de course. Nous pourrions devoir aller et desserrer une partie de l'épaisseur de certains d'entre eux. Alors continuons ici. Je ne vois pas l'épaisseur, donc il y a une épaisseur de cinq points, et ça pourrait être un peu trop épais. Alors voyons à quoi ressemble quatre. Quatre points et parfois vous ne pouviez pas diviser la différence et faire 3.5 était de trouver la bonne épaisseur. Et avec certains d'entre eux qui pourraient avoir besoin de desserrer la taille, certains coups d'accent pourraient ne pas avoir besoin d'être si épais. Je suis assez content de l'épaisseur et des petits détails ici. Maintenant, il va être temps de procéder à l'élimination. Lève-toi ce gars et bien sûr, on peut avoir des coups plus épais. Nous pouvons éliminer certaines de ces complexités, donc si nous voulions juste avoir une ligne pour indiquer le pantalon, nous pouvons le faire. Faites-les de la même épaisseur. Il s'agissait simplement de simplifier l'illustration. Tu crois que ça pourrait paraître un peu mieux ? Parfois, ces détails se perdent et quand vous zoomez. C' est pour ça que j'ai décidé d'éliminer ça. Et c'est là que vous devrez peut-être aimer le détail. Je me demandais si j'aurais dû inclure cela. Et je pense que si j'élimine la couture sur le pantalon, cela simplifiera l'illustration un peu plus loin. Et cela est particulièrement vrai quand il s'agit d'icône. Le design est parfois, vous savez, ces petits détails ne sont tout simplement pas destinés à être, et parfois cela en fait une meilleure illustration quand il est plus simplifié. Maintenant, nous sommes prêts à ajouter de la couleur. Alors ajoutons de la couleur à notre petit gars, et ça va être très facile parce que nous avons quelques formes terminées. Donc, tout ce que nous avons à faire est d'ajouter un remplissage sur certaines de ces formes. Donc je vais aller de l'avant et peut-être choisir une couleur verte ici. Pourrait apporter un peu de jaune sorte de chaud pourrait faire quelques couleurs différentes sur ce que j'ai fait dans mon illustration précédente. Donc, nous allons nous assurer que nous déplacons les calques de haut en bas, considérant que nous y allons Donc simplement déplacer les couches vers le bas et faire mon petit raccourci clavier , qui est la commande de crochets gauche et droit, je peux facilement mettre les choses en place et vers le bas. Je n'ai pas besoin d'aller dans le système de couches et de m'asseoir ici pour essayer d'effondrer ça et d' essayer de comprendre tout ça. Faisons ce blanc. Ça va être facile. C' est dans ce sens à l'intérieur de la bouche, travailler je veux faire peut-être comme une sorte grise d'un gris moyen pour l'intérieur de la bouche, peut-être même plus léger que ça. Nous voulons avoir un peu de couleur à l'intérieur de la bouche, peut-être une légère sorte de teinte rosée. Et rendons la langue un peu plus vibrante d'un rose. Nous ne voulons pas le faire lire, parce que ça commence à devenir vraiment fou. Donc, nous allons en quelque sorte reculer le rouge faire une sorte de rose pour la langue et les dents pourraient être blanches aussi bien. Ça fait que ces Blancs cliquent. Ce sont tous des objets remplis qui vont nous rendre la vie vraiment facile, et je pourrais modifier cette couleur ici, le rendre un peu plus sombre. Maintenant, nous avons cela comme un coup accompli. Donc ça va être facile d'ajouter une couleur génétique. Vous voulez ajouter une couleur de jean assez réaliste, donc ajouter un peu de gris à ce gris tardif juste là. Et c'est un remplissage pour que nous puissions même changer. Je peux avoir l'échantillon d'outil de pipette qui a le même Phil que le pantalon. Mais double-cliquez sur l'échantillon et la rendre légèrement plus foncée, légèrement plus claire, juste pour ajouter un peu de contraste avec les nuances et les couleurs. Rien de grand. Et cette boucle de ceinture, je suppose que tu veux appeler ça un bâti, tu sais, qui pourrait être jaune. Parfait. Et puis on a pris les pieds. Cela va juste obtenir l'échantillon de l'outil de pipette ou vert et nous avons nos pieds et puis la clause il peut rester blanc. Ils pourraient être blancs tout ce que vous voulez faire pour ça. Regarde à quel point on a pu colorer ce type. Nous avons quelques colorants plats de base, les nuances simples. Ce que nous allons faire maintenant, c'est que nous allons monter un niveau de plus, et nous allons ajouter une sensation de surbrillance et d'ombres en dessinant manuellement des tons clairs et des ombres et en utilisant des couleurs plus foncées de la couleur de base. Alors nous allons zoomer. On va créer un sens des faits saillants. Nous devons déterminer quel côté va être des ombres et quel côté va être des points forts, aurais-tu naturellement l'ombre dans l'œil qu'on peut faire un peu de bleu clair. Donc il y a son que je souligne. Et donc nous savons maintenant que les ombres vont être à droite et les reflets seront gauche parce que c'est une sorte d'ombre dans le globe oculaire, et donc nous allons utiliser ça comme notre détermination. Donc si les faits saillants doivent être ici, essayons un petit surlignement ici, donc ça va être sur le côté gauche, et les ombres vont être sur la droite. Nous allons faire le même genre de trucs avec l'outil de largeur que nous avons fait avant pour créer une ombre ou une mise en évidence facile dans ce cas, prenons notre outil pipette. C' est échantillonner les mêmes remplissages verts exacts pour enlever le coup, travailler un double clic ou Phil vert, et on va juste l'alléger juste assez pour être une ombre. Donc c'est l'original. Ce serait le point culminant que je veux dire, excusez-moi. Surligner. Cliquez sur. OK, nous devons peut-être y aller et faire notre coup avec l'outil à nouveau sur ça. Ce n'est pas une grosse affaire et un peu comme des bouchons arrondis là-bas. Donc, juste comme ça, nous avons pu créer un petit point culminant vraiment soigné. Alors faisons un surlignement à gauche de lui. Donc voici un autre petit truc avec les outils avec juste une sorte de dessin ceci. Je veux être en mesure d'aborder certaines de ces petites pointes ici dans le point culminant. Donc juste dessiné un coup tout le long. Ce genre de suivi le contour de cette zone. Et encore une fois, je vais l'avoir avec un outil, et je vais en quelque sorte l'étendre. Peut-être que quelque part au milieu nous avons développé un peu et regardé à quel point ce point culminant est instantané et aussi agréable, très rapide. Faites la même chose avec le pantalon étaient juste peut dessiner certains de ces p pour outil de broche. Nous pourrions même faire un petit outil dessiné à la main là-bas, et ensuite nous pourrions obtenir l'outil avec pour facilement élargir cette forme, obtenir l'outil pipette. Ou on peut goûter. Vas-y, double-cliquez sur cette montre. Chaque fois que j'aime échantillonner des échantillons, je peux simplement double-cliquer, obtenir les informations, copier ce code hexadécimal, puis l'amener ici. Comme ça, je n'ai pas à refaire le coup sur ça. Si je fais l'outil compte-gouttes, ça va être un point culminant. Donc ça va être plus léger. Et maintenant c'est Ah, on veut peut-être en faire un sur ce pied, aussi. C' est alors que ça devient un peu compliqué. Voilà ce qu'on va faire. On va chercher son outil de broche. Nous allons tracer ce que nous pensons être un très bon point culminant. Donc juste autour de ce pied, et je vais être libérale avec ça. Je ne vais pas m'inquiéter autant, car ça va être coupé. C' est là que je veux le point culminant. Allons de l'avant et en faire la couleur double clic. Rends-le légèrement plus léger. Ce sera notre couleur de point culminant. Et alors comment on découpe ça ? Voilà ce qu'on va faire. On va copier le pied. On va copier la forme qu'on vient de créer un collage ici. utiliserait l'outil de construction de forme pour découper cela. Donc je n'ai pas besoin de la course dessus. Donc je vais juste attraper les deux éléments, faire notre forme, constructeur, outil, outil, maintenir l'option avec signe de soustraction. Et je veux être en mesure de soustraire cette zone dans cette zone. Et puis il nous reste juste avec la partie surlignée. On n'a plus besoin de ça. On peut faire glisser ça. Il devrait s'adapter parfaitement à la surface juste là. Bien sûr, nous faisons peut-être besoin de prendre l'outil de broche et faire quelques ajustements mineurs. Donc c'est un peu comme ça que vous pouvez à un moment fort quand tous ces coups se passent aussi ? Ce n'était pas un objet rempli. C' est quelque chose que nous avons créé à partir de zéro. Mais il y a un petit point culminant du pied et nous avons aussi ce petit coup qui serait facile à mettre sur le dessus parce que c'est un coup séparé. Alors voyons ce petit petit, juste là. Nous allons donc envoyer cette commande vers l'arrière et la superposition du système de commande gauche. Envoyez-le tout le chemin pour que cette petite ligne passe sur le dessus. Donc, utilisez cet outil de création de forme pour vous aider afin que vous n'ayez pas à vous asseoir et tracer autour de tous ces traits. Ça pourrait être ennuyeux. Donc il y a notre point culminant sur son pied, donc nous avons fait des faits saillants. Faisons quelques ombres. Faisons l'ombre sur ce pied en utilisant la même méthode. Donc des ombres nous allons être jetés sur le côté droit et aller de l'avant et ramener dans un système de superposition. Alors, et mettez ce coup au-dessus de ça. Et, bien sûr, nous devons juste revenir. Et peut-être que ce n'est pas parfait, mais c'est comme ça que je fais ces lumières et ces ombres, et on pourrait faire une ombre de plus ici. On pourrait même juste Duplin. On pourrait juste dessiner de l'ombre en descendant. Alors quoi ? Que nous allons juste le faire sous l'ombre de paille sorte de descendre la jambe du pantalon, et vous pourriez appliquer la même méthode logo de l'orteil, design et symboles et icônes. C' est pourquoi je veux revoir ça comme une illustration plus compliquée, donc vous pouvez être prêt à faire, hum, n'importe quoi, n'importe quoi, vraiment. Donc ça rend ça un peu plus sombre. Je n'ai pas besoin de la course. Envoyez-le vers l'arrière dans le système de superposition, Ne le faites pas pour qu'il y ait un surlignement. On peut même ajouter un point fort de l'autre côté, mais je pense qu'on va aller bien sauf si on veut dupliquer ça. Réfléchissez. Voyez à quoi ça ressemble de ce côté-ci. Ça pourrait être un peu trop. Vous ne voulez pas avoir trop d'ombres et de points forts, mais voyons ce que nous avons ici. Allons goûter cette couleur. Il devrait juste avoir une nuance ici, donc je n'ai pas à m'asseoir là et à éliminer. Éliminez ça à chaque fois. Le noir que je devrais probablement refaire l'outil de largeur ici pourrait être un peu beaucoup, mais je pense que cela fonctionne. Il y a un peu de lumière ou d'ombre. Nous avons des reflets et des ombres ajoutés, nous avons une sorte de dimension à notre petit gars. Voici un petit monstre quand vous voulez l'appeler. Alors on y va. Nous avons une illustration vectorielle totale directement à partir d'un dessin afin que vous puissiez voir le dessin original et vous puissiez voir toutes les étapes que nous suivons pour le faire après l'illustration, et c'est à quoi ressemble la finale. Maintenant, vous pouvez exporter ceci, faites-le icône. Vous pouvez en faire une petite illustration pour quelque chose de plus grand. C' est tout le vecteur s'est levé, j'espère s'être amusé. C' était un fonds totalement, mais vous pouvez appliquer beaucoup de compétences que vous avez appris ici pour vecteur lever n'importe quel croquis dessiné à la main , logo, symboles, icônes, illustrations et plus encore. 36. BONUS - Outil Puppet: il a donc une petite conférence bonus. Je voulais parler de l'outil de marionnettes, qui est tout nouveau dans la version 2019 d'Adobe Illustrator. Donc, si vous avez une version plus ancienne, vous n'aurez pas accès à cet outil. Mais je voulais certainement en parler pour ceux qui ont accès à cet outil. Donc c'est celui que nous avons créé dans la classe. Et c'est la version que j'ai créée avant de filmer la classe quand je venais avec idées et des concepts, et ce que fait l'outil de marionnettes, c'est qu'il crée des pinpoints que vous pourriez manipuler. Et vous pouvez animer cela un peu pour obtenir des positions différentes. Euh, pour certaines parties de ton personnage. Alors voici à quoi ressemble l'outil de marionnette. C' est juste là, en bas. Vous pouvez y accéder si vous ne le voyez pas dans votre barre d'outils. Il pourrait juste cliquer ici et voir si vous pouvez le trouver. Ça va ressembler à une petite épingle, alors on va sélectionner notre objet. On aurait regrouper ce type ensemble. Assurez-vous juste qu'il soit regroupé et que nous obtenions notre outil de distorsion de marionnettes, et ça va créer différents points ici pour que nous puissions déplacer ces points et manipuler ces points en sorte de décalage et déplacer un peu son corps. Donc on peut peut-être descendre l'antenne Hiss. On pourrait mettre un point juste ici pour le plier comme ça. Vous pourriez voir comment il peut vraiment changer les caractéristiques de lui un peu . Alors prenons cette jambe. On dirait qu'il saute ou saute. Il n'avait pas de bras parce que ce serait plus facile à animer avec les bras. Mais toutes sortes de choses que nous pouvons faire avec ça, je voulais juste montrer et montrer ce que vous pourriez faire avec cet outil de distorsion de marionnettes. Et si vous voulez supprimer un certain point, vous le mettez en surbrillance, puis supprimez-le simplement. Si vous souhaitez ajouter un point, cliquez sur. Cela fonctionne beaucoup comme le Grady, It Mesh Tool et l'outil d'ingrédient de forme libre 37. Projet de conception d'icônes - Grilles et configuration: Alors maintenant, il est temps de créer un ensemble complet, cohésif icône Set. Nous allons créer un jeu d'icônes qui appartient ensemble Étaient de créer cet ensemble que vous voyez ici nous allons faire tout cela dans Adobe Illustrator. Alors parlons de grilles pour un petit peu. En ce qui concerne la conception d'icônes et le type d'ensemble d'icônes que nous créons, ces icônes ne seront pas utilisées sur l'APP Store. Nous allons également faire une icône d'application un peu plus tard pour l'APP Store. Mais ces icônes aériennes qui pourraient être utilisées pour les sites Web pour les applications numériques, tout ce qui nécessite un petit, um 16 par 16 icône de pixel tout le chemin jusqu'à 128 par 128 icône de taille. Ce seront donc vos icônes que vous utilisez pour votre interface utilisateur sur toutes sortes d' applications numériques, sites Web, mobiles, mobiles, APS et plus encore. Nous devons donc nous assurer que les icônes seront en mesure d'être assez petites pour fonctionner à une si petite taille. Donc, pendant tout ce processus, on va zoomer, s' assurer que nous pouvons vraiment comprendre ce que dit l'icône. et ils doivent être super super simples parce que les icônes viennent et beaucoup de tailles différentes qu'ils pourraient. Ils doivent être en 16 x 16 pixels, ce qui est très, très minuscule, et ils doivent être en mesure de fière allure aussi dans les grands 256 x 256 pixels. Ils doivent donc exister dans toutes ces tailles et espaces différents. Il est donc préférable d'avoir le logo le plus simplifié. C' est possible, et c'est aussi très flexible. Et j'aime utiliser des grilles quand je fais mes jeux d'icônes. Et c'est parce qu'il vous donne un guide pour être en mesure d'adapter cette icône et de s'assurer qu'elle a la belle bordure autour d'elle, que chaque icône a le même espacement, et cela vous donne juste une bonne base pour baser votre design sur. De plus, il vous aide également lorsque vous faites des formes métriques comme guide et différentes lignes pour vous aider à créer beaucoup de ces différentes formes et icônes. Donc, c'est une grille, et c'est ainsi que je crée la grille. Il est basé sur le rapport Fibonacci, et ce que vous faites est que vous créez une sorte de carré, puis vous créez un cercle dans ce carré, puis dans les limites de ce cercle, vous créez un autre carré et ensuite vous mettez un cercle. à l'intérieur de cela. Et vous avez aussi ces trois ou quatre divi Ah, diagonales et horizontales et verticales qui le traversent également. C' est aussi une sorte d'aide qui vous guide. Donc, vous avez quelques choses différentes est un peu rapide vous montrant comment j'ai créé cela très rapidement pour vous avez un joli modèle où tout cela a déjà été fait pour vous, donc vous n'avez pas à vous inquiéter à ce sujet. Mais je voulais vous montrer comment cela a été construit pour que vous puissiez comprendre comment la grille a été construite. Donc avant de commencer, je voulais vous montrer cette ressource téléchargeable génial. C' est une sorte de grille ah d'un modèle de grille pour vous, où j'ai créé cette grille détaillée. Et j'ai ceci espacé sur la grille pour vous et j'ai cet espacé il y aura 16 icônes différentes, donc vous avez 16 boîtes différentes. Mais c'est un excellent modèle et un excellent guide pour vous de travailler avec. Donc, vous n'avez pas l'impression que vous êtes juste en train de concevoir une icône et un grand document ouvert que vous avez une belle taille et vous connaissez les bordures de l'icône et une sorte de certaines de vos restrictions avec l'icône avec l'ensemble que j'ai créé avant, quand j'étais trouver des concepts pour le cours, qu'il y a un thème à ces icônes que nous créons et que ce thème sera un trait similaire . Attendez. Donc, il y a un poids de course similaire dans toutes ces différentes icônes. Ils ne diffèrent pas beaucoup. Ils sont tous trois points de police. Attendez, Major. Ils étaient tous pareils. Et il y a donc ce thème cohérent qui traverse l'icône. Ainsi, lorsqu'ils sont utilisés ensemble comme ensemble ou lorsqu'ils sont utilisés sur une application ou une application mobile , vous pouvez voir une image de marque cohérente et un thème cohérent tout au long. C' est vraiment important de penser lorsque vous faites votre propre ensemble d'icônes. Donc, si vous vouliez travailler avec moi à travers ces icônes de base, nous allons passer par beaucoup d'outils et astuces pour essayer de faire ces icônes rapidement et surtout faire un peu de travail de grille. allons donc faire quelques choses très rapidement pour mettre en place nos programmes illustrateurs afin que nous puissions rendre cela aussi facile que possible de travailler dans ce processus. Donc la première chose que nous devons faire est d'aller à l'illustrateur une bonne préférence et d'aller au général, et nous allons nous assurer que notre échelle, les coins et l'échelle, les traits et les effets sont cochés. C' est très important lorsque nous mettons à l'échelle ces icônes de plus en plus petites, que nous n'ayons aucun changement dans notre tracé. Donc, notre AVC restera constant quelle que soit sa taille. Donc c'est vraiment important à faire. Une autre chose que nous voulons faire, c'est s'assurer que nos grilles sont montrées. Il y a un petit raccourci clavier. Je vais utiliser beaucoup tout au long de cette section du cours. C' est sa citation de commande, et vous pouvez basculer souvent sur les grilles. Si vous voulez le faire manuellement, allez simplement pour afficher et descendre pour afficher la grille, et il va activer la grille pour vous. Et si jamais vous vouliez modifier votre grille pour qu'elle ressemble beaucoup à la mienne, elle devrait le faire . Tout le modèle devrait enregistrer automatiquement la grille pour vous, juste comme ceci. Mais si ce n'est pas le cas, je vais vous montrer comment j'ai fait ça. On va descendre deux unités et la grille, et c'est comme ça que vous pouvez changer la couleur et tout votre grille. Voici donc vos options de grille. Juste ici. Je l'ai. Teoh 32 pixels pour chaque boîte. C' est le genre d'icône qu'on va faire. Ça va être ce qu'on appelle notre taille de base. Donc, les icônes doivent venir dans toutes les saveurs de taille différente. Je suppose que vous pouvez l'appeler, et j'aime ramasser la taille basée, qui est tout sur le côté plus petit, sorte que cela peut toujours augmenter facilement. Ainsi, notre base mesure 32 pixels par 32 pixels. Donc, c'est à quel point ce particulier de ces grilles sont grandes. 32 pixels, puis à l'intérieur, vous avez des subdivisions et 34 subdivisions qui semblent fonctionner le mieux quand il s'agit d'avoir beaucoup de petites options quand il a cassé une grille. C' est une sorte d'options que j'ai dans mes grilles et unités. Vous pouvez changer la couleur si vous si le gris est un peu trop fort et que cela affecte votre capacité à voir votre dessin, vous pouvez changer la couleur. Et enfin, parlons du modèle. J' ai donc quelques couches ici ayant un zoom arrière. Donc, vous voyez tout ça ensemble. Et donc nous avons une place pour les grilles qu'elle peut allumer et éteindre à tout moment. Donc, vous pouvez toujours vous assurer que vous, um vous pouvez vraiment voir vos icônes sans aucun de ces grincements. Parfois, il aide vraiment à désactiver cela pour voir comment vos icônes ont vraiment l'air et avoir un exemple d'icône. Donc, ce sont les exemples d'icônes. Je vais les laisser ici pour que vous puissiez voir comment j'ai construit tout ça. Alors, quand vous bougez dans la classe et que vous y partez, comment a-t-elle recommencé ? Tu peux y retourner et regarder mes coups bruts, et c'est là que vont aller tes icônes. Donc c'est la couche que tu auras. J' aime garder mes grilles verrouillées pour ne pas les déplacer accidentellement. J' ai mon icône Gridlock. Et c'est là que tu vas vivre pour la prochaine heure. 38. Projet de conception d'icônes - Commencer: Donc nous allons descendre sont rapide petite liste de contrôle de tout ce que nous avons besoin d'avoir mis en place. Je sais que c'est un peu fastidieux, mais ça va s'amuser. Une fois que nous aurons tout mis en place. Encore une chose que nous voulons faire, montons voir. Et pour l'instant on va s'en assurer. Eh bien, les guides intelligents sont agréables à avoir sur ce qui doit être un guide utile. Mais en plus de cet accrochage à la grille est vraiment bon. Cela pourrait aider à accrocher nos petits points et sont des traits de trait et de stylo aux points de la grille. Donc ça va nous aider à faire une très bonne sorte d'icônes géométriques où tout s'accroche. Donc on va être tout-petits accrocher à la grille, allumer et éteindre. On ne l'aura pas tout le temps parce que ce pourrait être quelques ajustements qu'il faut faire là où il faut l'éteindre. Mais pour l'instant, nous allons nous assurer que l'accrochage à la grille est activé, et donc nous sommes prêts à faire notre première icône. Donc on va aller dans notre premier petit coin et voir ça. Donc, puisque nous avons accroché à la grille et laissez-moi aller de l'avant et obtenir un bon coup pour que nous puissions nous assurer que tout est cohérent. Donc, puisque j'ai cassé, accord sur, vous pouvez voir comment tout s'accroche bien, et cela fait tout ce processus. Je peux cliquer sur cela très rapidement, et je n'ai pas besoin de m'asseoir là et de m'assurer que je le fais parfaitement. L' ordinateur le fait pour moi. Première icône va être cette petite enveloppe icônes étaient de commencer très facile et lentement obtenir un peu plus difficile. Je vais passer d'un coup de trois à 1,5 point. Attendez. Je pense que ça aura l'air un peu mieux après avoir fait un peu de pratique. Et pour l'instant je vais juste m'assurer que mes casquettes rondes sont allumées et que ma jointure ronde est allumée juste pour donner aux choses une casquette plus lisse autour d'elle, casquette dans un bord lisse. Donc, il est cassé. Un super sur. Ce sera assez facile. Donc je vais juste chercher mon outil de rectangle. Je pourrais même paille boîte juste ici sur la grille, obtenir mon outil de broche p pour Penn et a dessiné un triangle, et puis je peux même juste effondrer cela. Et donc ce qui est génial dans la grille, c'est qu'elle nous donne un guide de l'espacement autour du haut du bas afin que je puisse ajuster cela et m'assurer que j'ai la même quantité d'espacement entre le haut et le bas, et la grille est vraiment super pour ça. Donc vous pensez peut-être où vous ne suivez pas parfaitement ces lignes diagonales, c'est OK. Ce n'est pas censé être les seuls endroits où vous pouvez mettre des coups. Il est juste destiné comme un guide pour les espacements. Ne me sens pas comme oh, je dois juste utiliser ces angles particuliers. Pas du tout. C' est juste là pour vous aider à vous assurer que vous avez un espacement similaire. Donc 12345678 puis huit et puis nous avons un espacement similaire sur les côtés. Et donc, juste comme ça, je vais basculer ma couche de grille. Nous avons une petite icône, super simple, et j'aime une sorte de bords arrondis à elle dans les coups plus épais. Donc, quand je fais un zoom arrière, je peux toujours vraiment voir cette icône parce qu'elle va exister dans un très petit environnement, donc c'était une petite pratique. Passons à quelque chose d'un peu plus difficile. Donc nous avons ce petit crayon que nous voulons faire ensuite, donc ce sera assez simple. Et faisons-le d'abord verticalement. J' aime faire les choses verticales, puis les tourner de leur côté 45 degrés, donc besoin d'obtenir la bonne épaisseur ici. Donc trois boîtes de chaque côté. Nous voulons aussi faire le point du crayon, et nous voulons en dessiner un. Aussi rencontré obtenir sont outil de sélection directe et assurez-vous que c'est uniforme. C' est pourquoi nous avons la grille pour nous aider à comprendre ça. Donc P pour Pin, je vais aller de l'avant et dessiner un peu de ah, et ça pourrait être un peu stylisé. Donc, au lieu de simplement compléter la forme, je vais laisser un peu de zone vide là pour styliser le stylo juste pour que ça ne ressemble pas à un tas de formes géométriques. Mais ensemble, il y a un peu de style là-bas. Nous allons juste dessiner un peu de notre Inc juste là et en faire un remplissage, et il y a ou crayon Ce que nous conduisons. Nous allons dimensionner ça. Peut-être qu'on va le rendre un petit cran, un peu plus maigre en le déplaçant deux fois. Nous ne voulons pas grossir, donc je pense que ça a l'air assez bon, comme c'est qui ont un petit truc. Si vous voulez tourner les choses parfaitement à certains angles, comme les angles de 45 degrés, il vous suffit de sélectionner votre objet. Allons de l'avant et regroupez-le ensemble et au lieu de simplement le dépenser et d'essayer de deviner ou aller jusqu'à transformer et d'essayer de le faire tourner de cette façon, vous pouvez maintenir le bouton de changement de vitesse enfoncé quand il avait ce petit outil de tour, et il va cliquez automatiquement dessus à 45 degrés angles, ce qui est super duper utile. Donc, tout simplement en maintenant le bouton de changement de vitesse enfoncé et en déplaçant cela, nous avons notre crayon parfait et prêt à aller lorsque nous zoomons. Ça a l'air très bien. Basculons les icônes de l'offre pour jeter un coup d'oeil et la relancer. Alors faisons notre prochaine icône. Ce sera un peu amusant. On va faire le même tour et faire pivoter. Nous avons juste un outil ellipse simple et a été de prendre nos outils compte-gouttes pour nous assurer que nous avons des coups cohérents. Je veux juste vous assurer que tous nos coups sont de 1,5. Parfois, quand on fait quelque chose de plus petit, ça change le coup. Mais assurez-vous juste que tout reste cohérent avec le coup. Et tu sais quoi ? Je pourrais peut-être rendre ce coup un peu plus petit, et c'est juste quelque chose que tu vas devoir expérimenter. Donc, au lieu d'un point par peut-être 1.2 l'air, juste de petits changements. Mais je ne veux pas qu'elle soit si épaisse que vous ne puissiez pas voir les détails. On pourrait avoir besoin de rendre le cercle un peu plus petit. Donc, ce n'est pas grave. Maintenez le décalage vers le bas et il sorte de clics en place deux points. Et puis je pourrais mettre mes rayons du soleil et voici ce que je vais faire. Je vais le faire, fils haut de soleil d'abord, puis maintenez l'option et faites-le glisser. Il suffit de le dupliquer, le ramener ici et voici ce que je vais faire. J' ai peut-être besoin de cliquer dessus une fois de plus, donc maintenant trois espaces tout autour. Cliquez sur cette Ford une fois, et je vais faire un petit tour ici. Ce que je vais faire, c'est que je vais copier, et tu pourrais juste faire ton raccourci clavier, et on va coller en place. On va monter ici et coller en place. Qu' est-ce qui se passe ? Pour mémoriser ce raccourci, on va coller ça en place, et ensuite on tiendra. Donc, il a fait une copie. Maintenez le décalage enfoncé. Et comme ce boom. Nous avons nos petites copies. Donc on va continuer à faire ça. Maintenez la touche Maj enfoncée, cliquez dessus et une fois de plus. Regardez-le. Et nous avons l'icône de notre fils comme ça. Alors parlons un peu pour s'assurer que ça a l'air bien à distance. Et encore une fois, nous devrons nous assurer que les coups sont cohérents. On peut toujours prendre l'outil pipette, assurer qu'ils adaptent tous le même coup. Donc il y a l'icône de notre fils. Passons à une icône d'image. Mais celui-ci sera encore plus facile parce que nous pourrions détruire toutes sortes de centrées sur la grille. Je ne peux pas imaginer faire ça sans grilles. Ça rendrait ça beaucoup plus difficile. Dessinons nos sommets et dit en cliquant directement sur la montagne ne doit pas être exactement ce que j'avais avant. Et allons chercher notre outil pour les lèvres et dessiner, fiston. Je pouvais voir à quelle vitesse pourrait monter un plateau Nikon. Il y a une petite icône d'image. Nous pourrions même rendre cela un peu plus large parce que nous voulions aller un peu plus loin parce que c'est une très petite propriété immobilière. Donc, nous voulons être en mesure de maximiser son utilisation, donc juste en nous assurant que nous l'utilisons. On ne veut pas le remonter au bord parce qu'on a une belle marge. Nous voulons éviter de mettre beaucoup de choses en marge. Donc je veux juste faire aussi près que possible, mais toujours avoir de la place pour respirer mon icône. Et j'ai peut-être besoin de raccrocher ça dans un cercle parfait. Il y a son icône de photo maintenant on va faire une horloge, alors faisons un simple cercle avec un clin d'œil. Joli bien en place pour nous. Et ce sera facile parce que nous allons juste obtenir l'outil de broche et faire un simple temps de cadran d'horloge . Donc l'un sera plus court que l'autre et nous pouvons rendre ça dramatique. Alors faisons un de plus haut. Donc je pense que la chose la plus difficile à propos de la conception d'icônes n'est pas la création d'eux, mais l'idée derrière eux où ils ont un look comme, Comment allez-vous simplifier une chose complexe comme l'amitié ou la communication ou des bases de données  ? Comment tu vas prendre une sorte de pensée abstraite et en faire un Nikon ? C' est la partie la plus difficile de la conception d'icônes. Ok, donc j'ai une horloge. Comment puis-je simplifier cette horloge autant que possible afin que je puisse éviter d'avoir beaucoup de détails et de lignes ici pour ce jeu d'icônes particulier. C' est donc le plus grand défi. Et je sais que nous y arriverons avec certaines de ces icônes plus complexes de ce genre d' icône de microphone. Vous savez, beaucoup de fois toutes les photos de Google source et je vais regarder les microphones et je vais aller bien, quels sont les éléments les plus simples de ce microphone ? Tu sais, on a la base ronde. Nous avons le stand, nous avons peut-être un bouton d'alimentation tous les autres détails peuvent prendre et fondre. Nous essayons juste vraiment d'obtenir l'élément le plus basique et la forme de base, et parfois trouver une photo de cet objet aide vraiment ou faire l'étude d'autres ensembles d'icônes qui ont des sujets similaires en eux. Faisons cette étoile et la lune ensuite. 39. Projet de conception d'icônes - 3: Donc nous avons une étoile et une icône de lune. On dirait qu'avec ça, je pourrais faire un petit tricher. Il va choisir un point ici, quelque sorte faire une forme de croissant et peut-être pas le faire aller jusqu'au bord. Mais je pourrais juste obtenir mon outil de sélection directe et réparer ça. Ça va casser les endroits bien, le coin arrondi. Donc ça va se mettre en place. Je peux obtenir mon outil de largeur ici et cliquer et faire glisser pour créer une forme de lune. Et ce que je vais devoir faire, c'est, puisque c'est encore un coup, je veux en quelque sorte faire tracé chemin juste comme ça. Donc je vais devoir aller sur le chemin. Je vais devoir tracer ma course pour pouvoir prendre mon compte-gouttes et adapter la même chose . Ou en fait je sais ce que c'est. C' est 1.2, puis enlevez n'importe quel type de remplissage. Donc ce genre de était un moyen rapide de faire un plan. Je pourrais faire cela un peu plus petit maintenant que je l'ai contour et puis étoiles air facile parce que nous avons un outil étoile, sorte que va juste fouetter quelques étoiles faisant différentes tailles. Nous pouvons en faire un remplissage parce que le coup va être trop épais pour voir les détails du coup, donc il pourrait avoir besoin de les rendre un peu plus gros. Alors passons au microphone. Donc, c'est quand j'ai parlé avant comment nous devons simplifier les objets complexes et les rendre aussi simples que possible en utilisant des traits simples. Nous ne voulons pas avoir beaucoup de détails dans le microphone, mais avec seulement quelques coups dans une ligne, ont été capables de communiquer efficacement qu'il s'agit d'un microphone. Donc, tant que vous êtes capable de faire ressortir l'icône, c'est la partie la plus importante de tout cela. Alors voyons si je peux faire un rectangle arrondi et aller de l'avant et faire en forme de pilule quand je me suis rencontré. Faites-le la bonne épaisseur et nous allons aussi l'amener jusqu'aux sommets. Profitez d'un bien immobilier ici parce qu'il va falloir mettre notre stand. Voyons comment, combien de temps nous avons besoin de prendre position. On verra si ça marchera. Assurez-vous autour d'elle. Les capsules sont toujours allumées. Je fais mes raccourcis clavier. Donc ce que je fais, c'est que je sélectionne V, qui est votre outil de déplacement sorte de sélection, puis je vais et sélectionne mon stylo pour ne pas avoir à continuer d'aller là-bas et de le sélectionner. Et un est vos outils de sélection directe. C' est plutôt agréable d'avoir ces raccourcis clavier à portée de main. Donc, créons une sorte de ronde et nous voulons faire ce look trois d d'une manière ou pas. Trois D, mais au moins j'aime autour de ça pour qu'on puisse prendre l'outil de broche et dessiner une forme ici. Mais alors ça ressemble plus à une pilule sur un peu moins comme un microphone pour que nous puissions prendre notre outil de courbure, cliquer ici au milieu, cliquer vers le bas pour faire arrondir, et nous pourrions déplacer ça et ensuite la seule chose qui reste pour faire un petit bouton d'alimentation. Donc nous allons juste aimer une petite ligne qui traverse peut-être même pas la rendre aussi épaisse. Et ce que nous pourrions faire avec ça, c'est que tout ne doit pas être cette forme arrondie. Ce que nous pourrions faire, c'est que nous pourrions juste obtenir un outil rectangle et dessiner sur deux boîtes et simplement faire un remplissage pour qu'il n'ait pas les bords arrondis. Ce genre de donne un peu plus de contraste. Donc, il y a notre petite icône de microphone rapide, et si jamais nous voulons le rendre plus petit, nous pouvons cliquer dessus en bas un. Et parfois, vous devez cliquer dessus pour s'assurer qu'il reste, même en comparant l'épaisseur du coup que j'avais avant. Il s'agit de l'icône précédente. C' est un peu plus gros, n'est-ce pas ? Donc, voyons si nous ne pouvons pas cliquer dessus une fois et revenir à une présentation peut-être un peu plus grosse , et cela pourrait avoir besoin d'être poussé un peu vers le haut. Cela a donc deux points. Voyez si on ne peut pas contourner ça un peu et voilà ! On a une bonne icône là-bas. Agréable de désactiver les grilles et de voir à quoi ressemble notre ensemble d'icônes. Donc il y a ce que nous avons. Tout est beau sur la grille. Parfois, quand je vois les choses à distance, je vais voir quelques erreurs de sorte que la lune. Peut-être que j'ai besoin de le déplacer un peu plus vers le centre, et c'est tout. Alors continuons. Nous avons ensuite une batterie, donc la batterie et nous allons lentement devenir un peu plus complexe avec le genre d'objets qui le faisaient peuvent apprendre à simplifier les formes complexes. Et je pense que le plus important est de s'assurer qu'on ne rend pas les choses trop dramatiques. Donc, nous ne voulons pas créer une batterie qui est un peu trop épaisse parce qu'elle perd sa batterie. Il est génial de regarder des photos de batterie. Ils sont plus maigre. Tu sais, c'est génial de garder ça à l'esprit comme nous le faisons ensemble, faisons le tour des coins à ce sujet. Et les batteries ont toujours cette petite chose à la fin d'une extrémité. Ce genre d'avait indique que c'est une batterie, donc on pourrait probablement le faire avec un remplissage. Nous n'avons pas besoin de faire un trait pour cela, alors faisons un rectangle arrondi. Vous n'avez pas besoin d'utiliser des traits pour chaque objet. Parfois, vous pouvez vous en sortir avec simplement en utilisant un remplissage. On va faire ça. Dans ce cas, nous voulons juste indiquer un peu de la batterie. Donc, c'est l'un de ces cas où vous devez peut-être désactiver. accrochage à la grille ne l'est pas. Tout va se conformer parfaitement à cette grille un peu trop épaisse pour la batterie. Donc, ce que nous pouvons faire est de désactiver rapidement, accrocher à la grille ou vous pouvez utiliser le raccourci clavier. Donc juste l'éteindre pour qu'il obtienne me permet peut-être de faire un point à mi-chemin personnalisé. Donc, il n'est pas trop épais et il n'est pas trop mince, et cela peut rapidement l'activer. Donc, n'avez pas l'impression d'avoir à accrocher à la grille et tout doit se conformer à la grille . N' hésitez pas. N' ayez jamais l'impression d'être enfoncé dans cette grille et de s'y accrocher tout le temps. La même chose se passait. Apportez-en un sur le fond et nous voulons aller de l'avant et ajouter un peu de jus. Vous savez comment vous voyez votre iPhone ou quelque chose qui se charge. Et c'est un peu 1/3 de la façon chargée. Tu vas prendre ce jus ici. Donc ce qu'on va faire ici, c'est de piller un simple. Phil, fais ça Phil et obtiens notre couverture ou notre outil. On va à deux points différents pour faire en sorte que ça ressemble à une vague. On va cliquer sur un point et sur l'autre. Ça va créer notre vague. Donc c'est un peu notre jus. Je suppose que vous pourriez l'appeler, et ensuite nous avons besoin d'un élément de plus. Nous avons besoin d'une sorte de foudre pour indiquer qu'il s'agit d'un élément de batterie de charge . C' est juste cette icône supplémentaire qui aide à décrire ce que c'est que cela pourrait vraiment être n'importe quoi à ce stade, ça ressemble en quelque sorte à une batterie. Mais je pense que la foudre va vraiment, vraiment aider à communiquer cela efficacement pour que nous puissions faire un remplissage pour cela. On va faire un éclair, alors on va cliquer sur un côté, cliquer dessus, peu comme faire un peu de la mer. Il y a bien. Peut-être besoin de faire ce assez long clic ici. On peut toujours changer ça après l'avoir fait et il y a notre foudre. Prenez notre outil de sélection directe. On peut s'accrocher à la grille, donc ça va nous donner beaucoup d'options ici. Faisons ça aller droit et claquer comme ça. Faites-le accroché aux mêmes angles. Cela pourrait prendre un peu de travail pour couper une nouille avec ça. Et c'est aussi quand peut-être éteindre les gruaux de claquement. Pas une idée horrible si vous voulez vraiment affiner notre sélection de foudre. Ok, c'est assez bon pour l'instant. C' est beau et épais. Les gens vont pouvoir le voir. Donc je vais revenir sur Snap à la grille. Voilà notre foudre. Je peux même si je veux le faire correspondre parfaitement à ce que j'ai fait avant. Je peux juste le refléter. Ce sera bien si j'ai lissé les bords parce que tout a une sorte de bord lisse à elle. Tous ces bords sont lissés, donc nous ne voulons pas le faire arrondir parce que nous voulons avoir un peu de contraste. Mais nous allons juste autour de ces jamais si légèrement donc juste un petit virage dans ces courbes. Hé, il y a notre batterie, et celle-ci sera super simple. Puisque nous avons déjà fait des icônes complexes, c'est là que nous allons utiliser un peu la grille. Donc on va cliquer ici, et on va juste utiliser notre grille ici. On ne va pas aller jusqu'ici, parce que ce serait un peu trop dramatique d'un étroit. Donc on va juste cliquer sur quelques points au-dessus peut-être juste ici. C' est là que nous utilisons le rapport Are Fibonacci pour déterminer où nous cliquons ici et obtenir notre 1,2 coup ou quel que soit le coup que vous voulez utiliser ? Vous n'avez pas besoin d'utiliser ce que j'utilise, et ensuite nous voulons nous assurer que nous avons nos bouchons arrondis. Et c'est que nous pouvons faire la sélection directe. Si nous voulons en faire une flèche plus dramatique. On peut le faire se conformer comme ça. Ou on peut en faire un remplissage. Beaucoup d'options ici pour les flèches. 40. Projet de conception d'icônes - 4: et je pense que je veux rendre l'étiquette un peu plus serrée en haut, et ce n'est pas une grosse affaire. Cliquez sur deux fois, cliquez sur deux fois ce qui le rend plus concis. m'a l'air un peu gros, et c'est bon parce qu'on peut juste l'amener d'un cran et l'amener d'un cran. M évoque ça. Donc nous avions un peu de marge et d'espacement ici, tout autour de l'icône. m'assure juste que mon espacement est égal. Voilà notre petite étiquette. Faisons un petit cercle de Phil juste là au milieu, et aussi nous voulons dessiner cette petite étiquette de cercle. Donc on va juste faire ça. Cela pourrait être quand nous enlevons la grille, parce que cela pourrait ne pas faire un beau cercle pour nous sur la grille. Parfois, c'est un peu strict avec ça. Cela peut être l'un de ces rares cas où vous utilisez un coup légèrement moins épais. Donc, au lieu de la 1.5, peut-être que nous pouvons nous en sortir avec un 0.75 parce que cette petite chaîne n'est pas censée être super épaisse. Je pense qu'il va dépasser l'étiquette de nous avons fait la même épaisseur a été d'obtenir un outil de sélection directe dans l'ajustement de cela. Ok, donc maintenant nous avons besoin de signes d'un dollar. Nous obtenons notre outil de type et faisons notre signe de dollar ou n'importe quelle devise que vous voulez utiliser pour cela. Et il y a notre petit signe de dollar, et j'utilise juste quelle police de caractères ? La myriade de pro de Didi. Mais j'ai un gros coup ici, donc ça donne ce joli, cohérent, euh, euh, coins arrondis dessus. C' est cette myriade de pro. Faisons en sorte que ce soit beau et épais pour que nous puissions voir le signe du dollar. Quand on fait un zoom arrière. Ça va être une étiquette de vente pour le commerce électronique. Nous voulons nous assurer que les gens peuvent le voir bien, et il y a le même espacement ici. Il y a trois espacements ici et il y a trois espacements là aussi. Et avec cette paix globale, voyons si je ne peux pas l'abattre d'une taille de plus. Faites-le, nous avons assez de marge autour de là parce que si vous faites dans des icônes comme celle-ci quand vous l'enregistrez , il ne restera pas une partie de cette belle marge. Lorsque vous l'intégrez dans un site Web ou vous je environnement, vous voulez construire juste un petit peu de marge autour de chaque icône. Ok, passons à autre chose. Nous avons un symbole de lieu maintenant, donc c'est vraiment basique. Tout clique en place si bien que vous pourriez faire cette icône en une minute. Mais la partie la plus difficile, c'est de trouver comment faire l'idée de l'icône de jeu, les idées de la partie difficile à ce sujet. Donc, pour cela, ce sont les éléments les plus basiques d'un bouton de lecture. Nous avons le cercle, et nous avons le triangle réel qui indique que c'est un bouton de lecture. Donc, nous avons pris quelques boutons de jeu compliqués et juste fait de lui un simple est possible en dépouillant tout et juste en se concentrant sur ce Onley choses qui aident à communiquer ce l'icône est. Et c'est le gros truc. Rétrécissons cette petite encoche afin que ce trombone soit un peu plus compliqué. Et c'est peut-être un cas où on enlève le bouton sur la grille. Donc c'est Ah, on va commencer par le bas. On peut toujours le rendre plus petit plus tard. Ce que je vais faire, c'est que je vais commencer à ce point juste ici du clip pour peut-être juste ici, et je veux aussi m'assurer d'avoir la bonne épaisseur. Alors voyons. On ne veut pas être trop épais, donc peut-être juste ici. Et donc, pour le premier tour qui tourne autour de l'extérieur, je pense que les dégrade vont être très bien. Mais quand nous tournons autour, nous allons tourner autour d'ici et retourner à l'intérieur et le couper en continuant à continuer. Si je fais ça avec snap to grid, vous commencez à voir un peu bizarre qui se passe parce que ça ne revient pas au point d'origine. Il va à l'intérieur, alors éteignons, accrochons à la grille pour juste un peu et voyons ce que nous pouvons faire. Entendre cliquer sur mon point d'ancrage d'origine. Voyons voir si je ne peux pas cliquer sur le même point est l'autre côté et je pourrais avoir besoin de me donner encore plus de place juste là, et nous pourrions revenir en arrière et le changer plus tard si ce n'est pas parfait. Donc je pense qu'on va s'enrouler une fois de plus si tu regardes une photo de trombone et que c'est exactement ce que j'ai fait c'est que j'ai tracé une photo de trombone, donc c'est la photo du trombone. J' avais l'habitude d'avoir une idée de exactement comment cela fonctionne. Je n'ai pas juste trouvé ça par magie. J' ai dû en regarder un et en étudier un et partir. Combien de fois ça s'enroule ? Alors changeons ou caressons avec. Assurez-vous que c'est le coup dont nous avons besoin, et nous pouvons revenir avec l'outil de courbure et vraiment arrondir ces coins un peu mieux. Ouais, ne vous inquiétez pas pour accrocher à la grille avec celui-ci. Ce serait difficile à faire avec la rigueur de l'accrochage à la grille, donc juste changer mes poignées, s' assurer qu'a un point autour lisse, donc parfois avoir à apporter cela. Ils allaient aller un peu mieux. Ce n'est pas parfait, mais je pense que pour cet exemple, nous allons aller avec et disons que je le veux. Assurez-vous que c'est aligné au centre, et j'aurai peut-être besoin d'amener un de ces clips vers le bas. Alors faisons tomber ça. Je peux réactiver mon snap pour la grille, ou vous pouvez utiliser le raccourci clavier, quelle que soit votre saveur. Et disons quand j'ai un peu d'angle, parce qu'en ce moment il regarde de haut en bas. Parlons de tout ça. Ça a l'air bien, mais si nous devions ajouter un peu d'angle de 45 degrés ? Et certaines icônes de l'ensemble peuvent avoir le même angle ? Pas tous, mais ceux qui sont vraiment grands. Parfois, c'est agréable d'avoir cet angle pour eux, donc ils n'ont pas l'impression de s'étirer jusqu'au haut du bas. Lorsque vous faites une diagonale, maintenez le décalage enfoncé à son tour, cela aide à l'étaler un peu plus. Je peux même le rendre un peu plus grand parce que je le mets sur un espace différent amore diagonale. Et puis assurez-vous que je reste toujours cohérent avec les AVC et il y a ou trombone . Donc celui-ci est un peu différent parce que nous avons deux éléments de croisement différents ici. Donc nous allons utiliser cet outil de construction de forme pour construire cette clé parce que si vous regardez une photo d'une vraie clé, il y a beaucoup de choses dessus. Mais nous devons enlever tout ça et nous concentrer sur la forme principale de l'intérieur de l'endroit où vous mettez la clé sur l'écrou pour le serrer. C' est ce que nous avons vraiment besoin de communiquer, c'est ce petit divot ? Donc nous allons créer ça et utiliser l'outil de création de forme pour le découper. Voilà ce qu'on va faire. On va construire une clé de remplissage et pas un coup. On va faire le corps des riches, et on va le faire, deux boîtes de chaque côté. Faisons un grand vieux cercle ici pour notre partie arrondie de la clé et en faire un autre en bas, et ça a l' bas, air ridicule en ce moment, mais on va découper cette forme de boulon. Alors faisons cette forme de boulon. On va dessiner sur White pour qu'il puisse voir où il est. Dessinons. Il a un peu descendant presque comme une maison, presque comme une maison inverse juste comme ça. Et on va copier la pâte. On va faire le changement, et je dois tourner jusqu'à ce que je le fasse renverser, et je vais le mettre juste ici. Donc maintenant, il a créé une clé très archaïque. Je pourrais avoir besoin de tout sélectionner et de le rétrécir pour qu'il n'ait pas l'air si étiré de tout ce qui a été sélectionné. Et il y a notre clé de base et nous pouvons ajuster cette clé pour ajouter plus d'épaisseur à notre clé. Et maintenant, l'outil de construction de forme que nous allons obtenir l'outil de pilier de forme va couper ça. Je vais tenir l'option. Donc j'ai le signe négatif, sortir ça de là et maintiens Option Pop et je ne vais rien tenir . Et j'ai toujours l'outil de constructeur de formes sélectionné. Et je vais joindre tout ça ensemble parce qu'on va faire un coup, alors joignez-vous à tout. Je veux juste m'assurer que les hauts et les bas sont arrachés, donc nous avons juste la clé restante et continuons à en faire le même coup que nous avons utilisé tout au long de notre document. Donc, il y a notre clé assez simple, Mais allons de l'avant et l'angle. Ça allait faire un quart de travail et faire une belle 40. Tout va sur cet angle de 45 degrés et je veux juste le rendre un peu plus épais. Donc c'est une sorte d'allumettes. Voyez comment il a un espacement uniforme sur la grille. Alors faisons notre petit tournevis simplifié. Alors regardez une photo d'un tournevis. Genre de penser aux bases de ce qui constitue un tournevis. Ce qui définit vraiment un tournevis. Donc, tout d'abord, nous avons ce très long. On pourrait avoir besoin de l'éloigner du chemin pour que vous fassiez la même chose et que vous l'ayez conçu de haut en bas. Ils ont donc cette partie médiane très longue . C' est un remplissage, et il y a un petit point à la fin. Donc ce n'est pas une grosse affaire, parce qu'on pourrait juste prendre à un moment et en parler. Juste comme ça. Nous pouvons même autour de ces coins légèrement et ensuite nous avons aussi une poignée qui tend à toujours avoir un bord arrondi à elle. Et allons-y et mettons-en évidence un peu plus. On ne veut pas qu'elle soit arrondie. Nous voulons en faire un coup, donc ce n'est pas un solide parce que nous avons des coups et presque tout ce que nous avons. Donc, au moins, vous caressez une fois sur cette photo, et je ne pense pas que ce sera aussi épais, et c'est une de ces situations où nous allons devoir éteindre, accrocher à la grille pour obtenir le bon dimensionnement pour ça. Et on veut le rallumer, récupérer son outil. Faisons comme un petit élément, parce que la plupart des clés que je vois ont une sorte de couleur à deux tons sur la poignée ou une sorte de design sur la poignée. Donc ça va dire qu'ils sont assez maigre quand on regarde un tournevis. Alors joignons ça ensemble, regroupez-le ensemble. On va s'assurer que la grille est activée pour qu'on puisse le mettre à un angle parfait de 45 degrés de l'autre côté. Donc en maintenant le quart de travail, en le ramenant, en amenant ce gars orteil se chevauchent et nous allons le faire descendre en bas. Et c'est là que je dois changer. La taille est un peu parce que je ne veux pas que la poignée interfère parce que cela semble vraiment compliqué. Essayons donc de faire en sorte que cet élément passe par. Et ce n'est pas grave, parce que je peux déshabiller et amener ce gars un peu plus grand et l'amener à ce point pour voir le cercle ici. Je vais dessiner un cercle ou simplement mettre un cercle sur mon logiciel de montage vidéo édité afin que vous puissiez voir le cercle qui aide à définir où ces objets se terminent. Donc, vous avez la fin du point ici et l'extrémité de la clé. C' est pourquoi avoir cette petite grille est vraiment agréable à savoir, assurez-vous que tout sorte de clignote même. Ok, donc je pense qu'on en a assez fini avec cette icône. Faisons une sorte de cette icône. Ce sera la base de notre icône d'application OS. Donc on va faire une icône de l'Apple Store pour une application et ça va ressembler un peu ça. C' est l'inspiration que j'ai eu pour cela est très simple, la musique simplifiée deejay sorte de ennuyer. Ainsi, vous avez différents niveaux de volume et quelques boutons différents que vous pouvez tourner les niveaux de volume . Donc, ce que j'ai fait, c'est que j'ai étudié différentes icônes qui ont communiqué ce thème similaire. Mais j'ai aussi regardé les poignées sur certains instruments et équipements D J et je vais bien, quel est le genre de thème global ici ? Genre de ces poignées et boutons sorte d'une combinaison des deux aide à communiquer que c'est une sorte de musique liée à Icahn, notre icône de contrôle du volume. Donc celui-ci devrait être relativement simple, outil rectangle arrondi. Et c'est super parce qu'il a trois objets égaux, donc vous pouvez juste le dupliquer. Alors allons de l'avant et faisons notre premier contrôle de volume. J' ai l'outil de broche qui va descendre jusqu'au bout, et on va faire la même épaisseur que celle qu'on a faite. Et nous allons juste dessiner notre petit ça pourrait faire un rectangle arrondi et faire notre bouton de contrôle du volume . Et nous voulons aussi nous assurer que nous avons cassé. D' accord pour le moment, faire que je me sens rendre ça un peu plus épais. Donc, ça ressemble plus à un contrôle lourd, comme pour faire une forme de pilule. Et rendons ça un peu plus court. Donc on bloque les choses. Et ce qui est génial, c'est que je peux le dupliquer deux fois. Remarquez comment je fais le même espacement, avoir une barre ici barre, puis deux espaces entre ceux que nous pourrions avoir des niveaux de volume différents, donc cela montre que vous pouvez contrôler cela. Ce ne sont pas des boutons statiques ont un genre différent d'espacement entre tout . Et nous devrons peut-être déplacer ça au-delà de ce petit point carré pour avoir de la place pour mettre les contrôles. Ce sera une boîte simple, donc nous serons à la marge là. On en a trois ici. Voyons si je pouvais en faire trois. Deux sont ici ? Ouais, je devrais peut-être en parler, parce que parfois un coup apportera la distance un peu différemment. Alors faisons les outils Ellipse. Faites trois boutons différents. Tout cela est assez simple à ce stade, et il y a les bases mêmes de celui-ci, donc nous pouvons en quelque sorte basculer le soft pour voir quand nous zoomons arrière. Comment ça a l'air ? Genre d'icône cr se développe lentement. Quand vous faites un zoom avant, vous perdez la perspective. Tu penses que c'est maladroit et gros, et ça n'a pas l'air très bon. Mais quand vous reprenez au niveau que les gens vont réellement les voir, ils commencent à paraître plus réalistes et ils commencent à avoir l'air un peu plus propre et mieux. Ils n'ont pas ces traits de tronc épais, donc s'il vous plaît faire un test de visibilité et zoomer sur vos icônes, vous vous sentirez beaucoup mieux à leur sujet une fois que vous avez mis une certaine distance entre vous et les icônes. Et donc avec cela, maintenant que je le vois à distance, sinon je vois un peu plus de marge autour de chaque icône, donc je veux juste ajouter un peu ici. Donc peut-être cliquer dessus une fois qu'il tient tout et tout, maintenant le bouton Maj enfoncé et en cliquant dessus une fois parfait. 41. Projet de conception d'icônes - 5: bulle de communication, sorte que ce sera simple. C' est si on ne peut pas remplir ça ensemble, et on va juste avoir besoin de créer ce genre de bulle qui tombe juste à la recherche. Donc ce que je vais faire ici, c'est que je vais juste aller au chemin de halage. Je suis en train de décrire le tracé parce que je veux être en mesure de me débarrasser de cette section ici donc je pourrais avoir besoin même dessiner, éteindre le snap to grid. Et je suis juste que je suis juste que je veux rapidement sorte d'une course cette partie de crée n'importe quelle forme colorée, en sélectionnant tous obtenir notre forme, outil de constructeur. J' ai été frappé tout ça. Et je voudrais aussi les joindre ensemble. Donc, il suffit de les regrouper en une seule unité. Et bien sûr, nous avons besoin sur la raison pour laquelle il a adapté le violet. C' est compris. Donc c'est maintenant remplir. Donc il faut juste garder ça à l'esprit. Mais c'est le même coup que nous allons avoir besoin. Et puis faisons les trois bulles parce que cela indique la conversation. Il n'avait pas de flic. Le petit triage trois cercles. Je pense qu'il le perd un peu. Ce qu'il est donc à la recherche d'espacement similaire et d'essayer d'obtenir la bonne taille ici pour un peu de bulles de conversation, sorte que l'un était assez simple. On a juste quatre autres à y aller. Nous avons ce petit verre défini, son créateur haut de la loupe. Donc j'aime regarder des photos de loupes. J' ai même fait un cours où je marche à travers la conception d'icônes, et ceci est Nous avons fait une version plus élaborée où nous avions beaucoup de détails à la poignée. Mais dans ce cas, nous devons le rendre simplifié pour correspondre à son jeu d'icônes. Nous devons donc simplifier une poignée de loupe, même Mawr. Donc, quand j'étudie les poignées, je remarque un thème où il avait ce petit cercle presque sur la tige. Et puis vous avez une sorte de rectangle plus long pour la base. Donc je pense que c'est ce petit détail. Ce n'est pas un détail très compliqué, ce petit ici, mais je pense que ça a l'air un peu plus poli que juste une ligne droite, tu sais, parce que ça pourrait être quelque chose avec des bulles ou Quelque chose. Et en ajoutant ce petit détail, il ressemble un peu plus à une loupe, et nous pouvons aller de l'avant et sélectionner tout cela et maintenir la touche Maj enfoncée, tourner 45 degrés et utiliser les coins de la taille pour nous. On y va. Assez simple dans une maison. Donc, on va utiliser l'outil de construction de forme pour construire une petite maison. Alors prenons un outil de rectangle et nous faisons juste des formes solides ou construisons la maison d'abord avec un Phil solide. Alors voici ce que je veux faire. On veut le faire. Ah, une belle porte ici, assez grande pour voir ce qu'est la porte. Faisons une couleur blanche pour qu'on puisse voir ce qui se passe. Faites-le une belle épaisseur et faisons notre forme. Outil plus ancien. Mettons ensemble ces formes d'abord, puis maintenez Option enfoncée ou je voudrais probablement sélectionner la porte maintenant et maintenez l'option enfoncée. On va le frapper. Et puis c'est ce qui est génial d'avoir cet outil de sélection directe de pouvoir arrondir le coin. Donc j'ai sélectionné mon outil de sélection directe qui va tirer dessus et arrondir tous les coins en même temps pour ajouter ce petit effet arrondi et nous allons vouloir faire un coup. Deux. Alors adaptons ou caressons ça. Nous avons juste ici et il y a une petite icône de la maison. On pourrait agrandir le toit. On peut s'assurer que c'est même sur la grille, donc ça n'a pas l'air trop lourd. On verra si on ne peut pas le faire s'adapter à cette place juste là. Parfait. Donc il s'adapte en quelque sorte à ce carré. Il y a donc notre icône de la Maison. Celui-ci est un peu comme une situation de type avion en papier. Voyons si je peux même le faire dans le coin juste de la chauve-souris, car il semble que ce sera juste des triangles trop simples et créé ça assez rapidement . Assurez-vous juste qu'il soit un peu aligné sur cette grille, mangez mieux. Et je pense que ce clic se démarque un peu plus longtemps, et cela aurait certainement pu être un où j'aurais probablement dû le faire directement afin que je puisse m'assurer que mes triangles ou même et ensuite tourné. Mais quoi qu'on veuille faire, j'essaie de les résoudre rapidement. Ok, alors celui-là, il y a celui-là va être un petit tour. C' est donc votre icône et de mettre sur une carte pour indiquer un endroit sur la carte. Voilà ce que j'ai à faire avec celui-là. Je vais dessiner un cercle simple et on va chercher l'outil de courbure. Je vais juste sélectionner ce point bas et le tirer vers le bas. Lorsque vous double-cliquez à l'aide de l'outil de courbure, vous pouvez le changer d'angle autour à un coin aigu. Et j'ai juste les outils de courbure que je fais juste entre ces deux là. C' est exactement ce que je vais faire ici pour lui donner un point précis. Et puis je vais le prendre et un peu plus lisser le cercle, en ajoutant deux points ici juste pour en faire un cercle plus rond. Juste comme ça, nous avons créé cette icône. Et nous allons nous assurer que nous le rendons peut-être un peu plus grand, avoir une marge similaire sur le haut du bas. Et puis on fait notre petit cercle à l'intérieur et il y a notre petite icône et je pense qu'on encore une. C' est le dernier ? Ok, ok, donc celle-là est sympa et simple. Ce n'est qu'un navigateur. Et donc quand on regarde les navigateurs. Je sais que je suis sur un Mac, donc ça semble un peu différent, mais j'ai senti que ces trois petites icônes ont vraiment aidé à montrer à quoi ressemble un navigateur typique. Vous avez quelques options sur la partie supérieure du port, et il s'agit d'un téléchargement à partir du bouton ou de l'icône du navigateur, donc le téléchargement est associé à des flèches. C' est pour ça que j'ai inclus les flèches là aussi. Dessinons une belle grande fenêtre de navigateur. Amenez-le vers le bas. Donc ces deux reposent sur cette ligne de grille juste là. Et nous allons nous assurer que nous avons la bonne épaisseur et tracons une ligne à travers. J' espère que ce n'est pas exagéré pour toi, mais j'ai pensé que je préférerais avoir trop d'instructions à ce sujet plutôt que de ne pas assez. Je sais qu'on fait beaucoup ici, donc il y a ça. Maintenant, nous devons faire nos trois cercles qu'ils pourraient remplir. C' est peut-être l'une de ces situations de décollage de la grille pour que nous puissions nous aligner. Il y a mieux. 12 trois cliquez-la et puis une flèche pour que cela soit construit comme nous l'avons fait l' outil Builder Tool ensemble ensemble, et ensuite nous pouvons obtenir notre outil de sélection directe coins plus arrondis. Si nous voulons en faire un accident vasculaire cérébral ou non. Et il y a ou fenêtre du navigateur, actionnons tout pour voir à quoi tout ressemble. Et laissez-moi m'assurer que c'est un peu plus petit, parce que c'est un peu plus grand que les autres icônes quand assurez-vous que toutes les icônes sont cohérentes avec la marge et la bordure, afin qu'elles puissent tous ressembler à ce qu'elles soient le même ensemble. Donc juste faire de petits ajustements à tout ce que je vois qui pourrait avoir besoin d'être plus petit ou plus grand, juste pour s'assurer qu'ils ont tous un espacement cohérent jeté dehors. Donc, il est là. On a fait tout ça ensemble. Probablement quoi dans environ une heure ou deux, nous avons un ensemble complet d'icônes. Ce qu'on va couvrir, c'est encore quelques choses. abord, nous voulons les présenter d'une manière agréable, et nous voulons aussi les exporter sous forme de deux versions différentes. Je ne serais pas en mesure d'exporter le 16 par 16 que nous voulons être aussi de faire toutes ces différentes tailles, l' exportant jusqu'à 100 28 ou 256 par 256 et il y a un moyen vraiment rapide, pas cher de faire cette très bonne façon de faire cela Adobe illustrateur, et nous le couvrirons ensuite. 42. Projet de conception d'icônes - 6: avant d'arriver à la partie amusante et de mettre Grady INT et vraiment présenter cela d'une manière vraiment stylistique. Ce qu'on va faire, c'est exporter les icônes de base. Bien sûr, vous pouvez ajouter un orteil de couleur différente tous ces très rapidement, Alors allons de l'avant et aller à nos couches. Et nous avons la grille. Cette partie Talbot éteint. Allons de l'avant et basculez le devis de commande de grille d'offre. Donc maintenant, nous voyons toutes nos icônes brutes, et maintenant nous avons juste ce que nous faisons, et nous pouvons changer les couleurs sur toutes ces icônes. Donc, certains de ces air remplissent certains de ces coups d'air. Donc, si vous vous sentez satisfait de cela, allez-y et enregistrez ce document illustrateur. Ce sera votre document original, alors conservez-le parce qu'il gardera tous les traits intacts. C' est juste si vous voulez changer la couleur avant d'exporter, nous allons passer au chemin de l'objet. Allons de l'avant, tracez le trait parce que nous voulons être en mesure de changer tous créer un remplissage essentiellement pour tous ces traits afin que nous puissions facilement changer et manipuler la couleur. Alors changeons la couleur sur tout ça, on peut gifler sur un très cool, radieux, cet outil radieux de guitare. Et disons que nous allons à nos échantillons et que nous sélectionnons un int Grady vraiment cool. C' était un peu un violet à bleu, rayonnant, et je peux prendre Argh ! Outil radiant. Ou mieux encore, nous allons simplement les rejoindre avec la forme, Builder Tool. Il pourrait en faire partie. Ok, alors essayons encore. J' ai juste dû réparer ce petit gars ici, le sélectionner tous obtenir notre outil radieux. On pourrait faire une radio. On pourrait faire un linéaire, rayonnant, juste une sorte de tirer. Donc, nous avons tout supprimé, mais nos icônes de base et nous sommes prêts à exporter cela. Donc, il y a quelque chose appelé asset Export et vous pouvez le trouver dans votre panneau de fenêtre. Ça va être juste en bas. Exportation d'actifs. Assurez-vous juste que la fenêtre est ouverte. Je ne suis pas utilisé ça avant dans un cours sur. Je veux juste être sûr que nous allons passer ça lentement, donc ça va vous donner beaucoup d'options différentes à exporter, donc ça va exporter chacun de ces articles. Donc, ce que nous devons faire, c'est que nous devons les faire glisser dans le panneau d'exportation. Donc, disons que nous voulons faire glisser notre petite icône d'enveloppe affaiblir, l' amener ici, le traîner ici. Ça va créer un atout. Mais vous remarquez qu'il a créé deux actifs différents. Nous voulons les rejoindre ensemble. Donc, ce que vous allez devoir faire, c'est que vous avez juste besoin de faire un clic droit et de regrouper tous ces éléments ou utiliser le raccourci clavier et de regrouper tous ces éléments ensemble. Donc, quand vous le faites glisser, ils sont créés comme un seul élément. Donc je vais juste passer à travers, juste m'assurer que ces air sont tous groupés, je pourrais les sélectionner tous, les traîner vers nos exportations. Assurez-vous qu'il est supprimé, et ils vont créer des icônes pour tous les 16. Ce sont 16 actifs différents ici qu'on peut exporter. Donc, ce qui est génial dans cette exportation d'actifs va faire chacun et toutes ces différentes façons que nous avons différentes échelles, donc l'échelle un X va être 32 par 32 pixels parce que c'est la taille que j'ai créé ce modèle. Les carrés du gabarit étaient de 32 pixels sur 32. C' est comme ça que ça va exporter cette icône. Alors faisons ça va être une fois juste ici une fois. Et on va faire ça comme P et G parce qu'on veut avoir ce fond transparent. Donc, tout ça va être P et G. Ce qui est génial, c'est que nous avons un 32 par 32 mais disons que nous voulons avoir un 64 par 64. Tout ce que nous avons à faire est de le faire deux x, ce qui est le double de votre taille de base ou de la taille de base. 32 2 X serait 64 trois x serait 128 et ainsi de suite. Il pourrait faire un 4 x 5 X si vous voulez obtenir ça jusqu'à 512 ce que certains de Mes concepts, vous savez, faire ça. Donc juste une sorte de faire les tailles de base. Tu peux aller plus petit. Donc, il y a un 16 par 16 et donc ce serait la moitié de la taille. Donc la moitié de celle qui serait notre taille de base, qui est 32 par 3ème 2 sera 16 par 16. Donc juste faire une sorte de un à trois et un 30.5 Et si je veux en ajouter un qui est clic , ajoutez-le et nous allons le faire quatre fois, donc ce sera quatre fois sont la taille basée. Donc quatre fois 32 128 en fait être 256. Donc ce serait bien. Donnez-nous 256 pixel par 256 pixel icône et je suis aussi inclus a été appelé SPG. SPG est synonyme de graphique vectoriel évolutif. Donc, c'est la nouvelle façon de travailler avec les icônes et les navigateurs parce que la chose la plus importante à ce sujet est qu'il le garde dans le vecteur. Donc, au lieu d'exporter en PNG, qui est juste une image, c'est une image raster qu'elle peut consommer en pixels. Lorsque vous travaillez avec elle, un SPG vous pouvez utiliser une icône et un navigateur dans un conserve ses qualités de facteur afin que vous puissiez animer. Vous pouvez l'utiliser beaucoup, Ah, Ah, lorsque vous faites du travail sur le Web, et c'est essentiellement un bloc de code XML, que vous n'avez pas vraiment besoin d'en savoir trop à ce sujet. Mais sachez juste que c'est une sorte de ah, format que les gens aiment vraiment voir découvrir l'avenir des formats d'icônes gens si vous voulez vraiment voir un SPG. Donc quand je clique sur celui-ci, ça va exporter toutes ces 16 icônes en tant que S. P. G, et ça va aussi faire tous mes P et G. Donc, cliquez sur l'exportation et voir ce qui se passe. Donc c'est à ça que ça ressemble. Il m'a donné plusieurs dossiers différents, donc c'est la plus petite taille de 16 pixels par 16. Comme vous pouvez le voir wowser, c'est minuscule. Mais maintenant vous voyez pourquoi nous avons besoin de simplifier nos icônes autant que possible parce que regardez ce très petit format et le oui, il y a des moments où vous avez besoin d'un état 16 par six. Nous avons aussi notre plus grand, qui est quatre X donc 256 par 256. Et c'est comme ça que ça va ressembler sur mon écran à cette taille particulière. Vous pouvez voir à quel point ceux-ci sont petits, et c'est en fait l'un des plus grands, puis le format vectoriel svg. Vous pouvez les faire glisser dans Illustrator, et ils sont vectoriels pour que ce n'est pas une image. J' ai toujours le contrôle de l'AVC. C' est vraiment génial d'avoir cet environnement vectoriel, vous pouvez même les faire glisser dans Adobe X D , qui est un programme de mise en page Web. Vous pouvez apporter un de ces S P G, et il sera capable d'être manipulé et vecteur. Donc, si je zoome dessus, vous pourriez voir comment j'ai le contrôle sur tout. Juste un groupe. Je suis dans Adobe X'd. On sera dans ce programme un peu plus tard. Donc là, vous l'avez. Nous sommes en mesure de créer les 16 icônes assez rapidement ont été en mesure de les exporter et tous les formats dont la plupart des gens ont besoin pour les conceptions d'icônes, y compris le format vectoriel évolutif, ou SPG. Et enfin, mettons un peu de vernis à nos icônes. Nous voulons être en mesure de présenter nos icônes de manière amusante sur notre portefeuille, à nos clients et à nos amis et collègues. Donc, nous allons ajouter un peu de couleur et ajouter un peu de fond radieux 43. Projet de conception d'icônes - Ajouter une couleur: ajoutez un peu de pizza à notre présentation. Je vais ouvrir un nouveau document, et je vais le rendre un peu plus grand. Faisons en 1920 par 10. 80 qui est votre taille Web typique en gardant tout en mode RVB, juste en faisant un document plus grand afin que nous puissions exporter ceci comme une taille de résolution plus élevée. Donc, une chose que je veux faire est que je veux ajouter un fond d'ingrédient vraiment amusant et un carré trop fort, ce qui en fait un remplissage. Et ce que je vais faire, c'est aller au nouvel outil ici, qui est le Grady int Freeform in Caridi. Et vous pourriez faire la même chose avec des maillages de messages radieux, ce qui est juste ici. C' est l'outil plus ancien. C' est un peu un outil plus récent ici dans votre panneau radieux, et je vais cliquer sur Grady en forme libre. Ça va créer des points de lumière différents pour moi, et je vais juste cliquer et comprendre ce que je pense être une bonne combinaison. Donc je vais faire des couleurs cool. Faisons apparaître une couleur sombre, sombre et fraîche et faisons un peu des tons chauds ici, donc j'ai une sorte de couleur chaude et fraîche qui se mélange ensemble. Faisons un peu plus d'orange de ce côté. J' essayais de faire une couleur Grady int moderne, et j'en ai une que j'ai déjà créée ici, et je vais pouvoir vous donner ceci est un téléchargement afin que vous puissiez juste mettre cet arrière-plan là si vous n'avez pas le outil de notation de forme libre, si vous voulez juste avoir un fond vraiment cool et radieux à utiliser, donc je vais aller de l'avant et fournir celui-ci pour vous. Et allons-y et réduisons notre tableau d'art un peu moins. C' est un peu, Ah, horizontal. Donc je suis juste un peu prise. L' outil de tableau d'art a apporté le grain que j'ai créé auparavant. J' aime mieux la petite pop brillante, mais je veux juste te montrer comment ça a fonctionné. Donc, verrouillons ce calque et faisons un nouveau calque pour mettre ses icônes sur le dessus. Revenons à ses icônes. Voici toutes les icônes et amenons-le. Et puisque nous avons le chemin d'échelle sur. Dans notre sélection générale, nous avons des coins d'échelle et des traits d'échelle et des effets. Quand je l'agrandisserai, tout devrait rester intact et être superbe. Donc je vais mettre beaucoup de marge ici pour que je puisse vraiment montrer l'arrière-plan juste comme ça . Nous avons donc des coups et des remplissages représentés ici. Donc, si je devais juste changer le chemin ou le trait, cela ne changerait que certains des éléments. Donc ce qu'on va devoir faire, c'est qu'on va devoir faire quelques choses. Allons de l'avant et allons à taper et descendre pour créer des contours et ça va créer des contours sur ce petit signe de dollar et ensuite nous allons aller au chemin. Il va esquisser le coup. Nous décrivons le coup, ces icônes finales de l'air et allons de l'avant et faisons un blanc Il va rendre le remplissage blanc. Donc tous ces air remplis maintenant ils sont tous blancs et on peut ajouter un peu d' ombre portée, Adul Pops, on va tout sélectionner. Allons ajouter une légère ombre portée et nous ne voulons pas qu'ils soient trop forts. Nous voulons donc avoir une opacité très légère. Essayons donc 22. Essayons même 11. Juste une petite ombre portée pour leur donner un peu de profondeur. Et j'ai juste un peu de flou dans un peu de décalage qui ajoute juste un peu de couleur là-bas. Et vous pouvez aussi faire Grady Inst à ceux-ci aussi. Alors allons de l'avant et retirons l'ombre portée et mettons-les. Il suffit de faire cela un déverrouiller cela. Faisons juste ça un noir, peut-être en faire un léger gris clair et je vais ajouter un peu gourmand int tout ça. Donc je vais les regrouper ensemble est un objet, et je vais aller chercher mon outil Grady int est une nuance Grady int. Quel est ce choix par défaut ? Mme a choisi ce noir pour Grey, et changeons ça. Faisons-en une couleur très brillante et vive. Faisons comme un vert à un bleu vert à un bleu et peut-être ajuster cela de sorte que ce n'est pas tout à fait si vif. Vert et un peu orange. Prends-lui un outil à Grady. On pourrait changer l'angle sur ça comme un 45 degrés qui passe en diagonale, et il y a une sorte de gifle sur une sorte de transition de couleur vraiment soignée sur ses icônes. Donc beaucoup de façons différentes nous pouvons présenter nos icônes et ajouter de la couleur à eux. Nous pouvons ajouter de la couleur à ceux-ci et les exporter de la même façon que nous avons fait l'exportation de l'actif avant ne pas recadrer pour exporter des icônes de gris noir uni. Nous pouvons ajouter de la couleur à ceux-ci et les exporter de la même manière exacte. Donc j'espère avoir apprécié cette section. Je voulais vraiment passer du bon temps sur la création d'icônes parce que je pense que c'est quelque chose qui va vraiment être nécessaire, quelque chose que les graphistes pourraient vraiment être chargés de faire ou de faire travailler le client avec. Et quand nous commencerons à penser au développement Web et à la mise en page d'APP, il sera vraiment utile de pouvoir faire vos propres icônes. Ses icônes pourraient être coûteuses à acheter. Ils pourraient être difficiles à correspondre à votre style du site Web. Donc, être en mesure de personnaliser et de créer votre propre ensemble d'icônes pour l'utilisation d'un site Web ah ou d'une application mobile est si crucial 44. BONUS - Test utilisateur avec une vieille 5 ans !: Quand je pointe vers un Nikon, je veux que tu me dises ce que tu penses que ça veut dire. D' accord ? Comme ce que c'est et ce que tu penses qu'il te dit de dio. D' accord. Qu' est-ce que c'est ? 1ère 1 Ça veut dire Wow. Qu' est-ce que tu crois que c'est ? Masculin ? Mâle. Ok, donc tu penses que c'est une enveloppe ? D' accord. Qu' est-ce que tu penses que c'est un auto de peinture ? D' accord. Que pensez-vous que l'un est un côté ? D' accord. Qu' est-ce que tu en penses ? Celle-ci est une image de montagnes au soleil, donc photographier il est. Penses-tu que tu le savais tout de suite à la maison ? Parce que comment saviez-vous que c'était une horloge ? Parce qu'il y avait un cercle. Et je vous ai vu des chiffres dedans. Mais quoi ? Ces lignes à l'intérieur du cercle qui m'ont aidé à savoir que c'est une horloge. Oui. Oui. D' accord. Et celui qui est midi dans les étoiles et pour que tu dormes ? C' est quoi, celui-là ? Contrairement à votre téléphone, vous saviez que c'était alors comment saviez-vous que c'était un microphone ? Parce que je l'ai parce que comme un voyant sur la conversation que vous pouvez dire des choses, avoir le chant comme peut supporter. La partie supérieure a un support. D' accord. Que pensez-vous que l'unité qui serait que l'on est Pouvez-vous aimer une canette de soda. Tu sais à quoi ressemble une batterie ? Oui. Tu crois que ça ressemble à une batterie avec le Yeah, c'est un mauvais peut-être qu'on pourrait travailler dessus. Qu' est-ce que tu crois que c'est ? Pero eso lorsque vous cliquez dessus sur un jeu va droit au jeu, droit au travail ou ovale sur le côté. Qu' est-ce qui reste dit jouer ? Oui. D' accord. Alors qu'en pensez-vous ? Celui-ci est en bas de la carte et donc une fois donné à quelqu'un qui veut qui leur donne de l'argent à U veut donner de l'argent. Les gens l'avaient fait. Et il lui donne ça parce qu'il veut toujours par Okay. Quoi, comme des toils ? Ok, qu'est-ce que tu en penses ? Cette unité. C' est là que vous cliquez dessus. J' ai raison de vous voulez qu'il aille ? D' accord. D' accord. Donc c'est un bouton de lecture vidéo. Que pensez-vous que IHS qui est un clip de bande ? trombone. D' accord. C' est quoi celle-là ? Celui-ci est des outils. Des outils. Ok, donc, comme les paramètres ou les outils. Qu' est-ce que tu en penses ? Cette unité ? Ah, vous le poussez vers le bas et le son du bas vous le poussez dehors. Le son est élevé. J' étais comme le contrôle du volume. Oui. D' accord. C' est quoi celle-là ? Cela signifie jeu conscient a donné leurs ceux vendus. Qui ? Qui l'a fait ? Ça ne veut pas dire quelque chose. Qu' est-ce que ça veut dire ? Que pensez-vous de moi ? Et cela signifie que j'ai qu'ils ont une question. J' ai une question. D' accord. Qu' est-ce que tu en penses ? Cette unité. Hum, je trouve de l'essence. Oui. Maga, panneau en verre. Ah, a une maison. Que signifie la maison quand on est sur un jeu ou quelque chose comme ça ? Qu' est-ce que la maison veut dire ? La maison veut dire que c'est des enfants, donc tu ne peux pas jouer à ce jeu. D' accord ? D' accord. Qu' est-ce que tu en penses ? Que IHS quoi ? Pourquoi ? Vous êtes arrivé. Donc, étant sur un morceau de peinture, vous faites ça, que vous le pilotez et il va de l'argent. Comment ça ? Comme un avion en papier. D' accord. Qu' est-ce que ça veut dire ? Qu' est-ce que tu en penses ? Ce IHS. A quoi ça ressemble ? On dirait une goutte de pluie à l'envers de notre goutte de pluie. D' accord. À quoi pensez-vous qu'il est utilisé quand vous le voyez. Tu l'as déjà vu avant ? Pas sur une carte. Maintenant ? Non. D' accord. Que pensez-vous que celui-ci signifie quand vous cliquez dessus ? Il à Depuis que vous écrivez ce quelque chose que vous devez faire. Eh bien, génial. Merci beaucoup de m'avoir dit ce que vous ressentez à propos de ces icônes. Et cela m'aide à comprendre comment les gens voient les icônes simplifiées, mais peuvent encore reconnaître les icônes elles-mêmes. Alors merci, Liam. Oui, cinq. 45. Icon App Store - Commençons: Donc, pour cette section de la classe, nous allons développer à partir de zéro une icône Apple App Store pour une application iPhone. Donc nous allons prendre l'icône que nous avons faite précédemment qui a été dépouillée et simple. On va prendre ça pour le faire pour 8 D app. Donc, cette pomme a produit des sons de deejay. Vous pouvez mélanger de la musique, toutes sortes de trucs. Ça va être une application musicale. Donc j'ai pensé que nous prendrions cette version très, très simplifiée et faire une version très poli, haut de gamme parce qu'ils avec l'Apple App Store et aussi APS sur votre iPhone et votre iPad, vous remarquerez que vous avez beaucoup plus possibilité d'ajouter des effets et des couleurs pour vraiment attirer l' attention de l' utilisateur et de les amener à télécharger votre application. Il pourrait être un peu plus grand, un peu plus élaboré éclat usé, couleurs, toutes sortes de choses. Donc nous allons créer une icône beaucoup plus détaillée d'un point de vue graphique. Donc, voici le modèle que vous pouvez télécharger qu'il a créé pour vous les gars pour rendre ce processus juste un peu plus facile. Il existe plusieurs tailles différentes que vous devez penser lorsque vous développez une icône APP , et vous devez avoir cette grande version gigantesque pour l'APP Store pour afficher votre application dans une plus grande taille. Mais vous avez également les tailles plus petites que vous devez connaître pour l'icône réelle de l'application. Il peut s'arrêter sur le bureau de votre iPhone, donc il y a des petites icônes que vous voyez. Ah, un est pour l'écran de la rétine, qui sera de 1 80 sur 1 80 et puis vous avez quelques tailles différentes, selon le téléphone qu'ils utilisent, parce qu'il y a plus d'un iPhone. Donc on va faire toutes ces tailles, mais on va commencer par le plus grand et aller jusqu'au plus petit. Donc, une chose dont je voulais parler est une sorte de comment votre application est affichée sur l'APP Store et comment il est vraiment important d'être en mesure d'amener les gens à télécharger votre application et de les inciter à jeter un oeil à elle. Donc, vous remarquerez. La plupart d'entre eux sont des formes géométriques de base, mais beaucoup de fois verront la recherche plus élaborée, brillant APS ainsi, sorte que vous pouvez un peu de c'est génial de sorte de hop haut sur le magasin APP et sorte de jeter un oeil à ce qui est populaire. Jetez un oeil aux couleurs qui sont utilisées. Vous remarquerez beaucoup de grande variété de couleurs vives et vives. Vous remarquerez de plus en plus de détails avec facilité, par rapport à votre jeu d'icônes habituel que nous avons fait auparavant. Ceux-ci sont beaucoup plus élaborés, alors allons de l'avant et regardons et plus en détail certains de ces APS et comment ils sont efficaces. Alors regarde ce Grady int un juste ici. Donc, vous voyez, a ses ingrédients de chevauchement. C' est très simple, mais avec le classement et vraiment genre de m'incite à cliquer dessus aussi. Et une chose qu'on doit savoir, c'est que tu n'es pas sûr si quelqu'un va être en mode sombre ou pas. Et c'est le mode sombre où tout a un fond noir, très populaire à la fin. Mais certaines personnes n'ont pas leur mode sombre activé, et elles ont un fond blanc, donc votre application doit avoir l'air bien sur un fond sombre, un fond blanc. Vous devez également penser au fond d'écran des utilisateurs ainsi. Ils peuvent avoir un fond très lumineux et vif. Comment votre application se démarque-t-elle parmi une mer de nombreux fonds d'écran différents ? C' est alors que nous allons tester à la fin de la conception, et nous allons jeter un oeil et voir à quoi cela ressemble sur toutes sortes d'arrière-plans pour nous assurer que Apple doit se démarquer dans tous les environnements. Donc, juste quelques choses à penser lorsque vous envisagez de créer votre design. Parlons donc de ce modèle. J' ai quelques couches différentes sur ce modèle qui va vous aider à travers ce processus. J' ai cette couche appelée info, et il pourrait être capable de parler tout cela souvent sur. Il vous montre juste que les tailles de chaque panneau cardiaque ont également cette cause de recadrage ce qui va se passer est que nous allons concevoir tout le chemin jusqu'au point de l'icône APP, et Apple ajoutera automatiquement la courbe à elle, sorte que vous n'avez pas besoin pour ajouter cette courbe à votre plan final. Tu vas l'exporter jusqu'au bout. C' est donc un excellent moyen de faire un test de recadrage, ce qui fera un peu plus tard dans le cours, et c'est aussi la grille. Donc, je parle juste quelques uns de ces off. C' est donc votre couche de grille. C' est cette grille de rapport d'or que nous avions l'habitude de faire sont plus petites icônes design. On va appliquer la même grille à cette plus grande icône de l'App Store. Donc ce que nous voulons faire pour parler de cette autre couche d'icônes d'application, c'est la dernière que nous allons finir avec en bas. Et j'ai décidé de l'inclure pour que vous puissiez voir toutes les différentes couches que j'ai utilisées pour le créer. On va recréer ça ensemble, et ça va s'inspirer de cette icône très simple, plate et basique. Donc on a une idée de ce qu'on va faire. Nous allons faire les trois que nous allons faire en sorte d'ingrédient d'or étaient également en utilisant un contraste élevé . Nous avons donc cet or sur cettecouleur noire très sombre et profonde, couleur noire très sombre et profonde, et nous avons beaucoup de lumières et d'ombres et de lumières et de profondeur à ce qui est très différent de l'ensemble d'icônes que nous venons de terminer. Et c'est exprès, parce que je voulais en faire un très détaillé et tout cela puisque nous avons passé beaucoup de temps à faire très simples. Nous allons nous entraîner à ajouter beaucoup de petits détails ici et aussi des textures. Vous pouvez remarquer un peu de texture en arrière-plan. Ça aide vraiment à le faire éclater. Commençons par un de nos petits leviers à levier, puis on va faire quelques boutons. On va faire nos leviers de volume ou de contrôle ici. Donc ça va faire des formes basiques et je ne vais pas utiliser la grille pour l'instant. On va le faire quand on aura vraiment le dimensionnement. Alors faisons un outil rectangle arrondi. Créez ça. Faisons une belle forme de pilule. Et ce qu'on veut faire, c'est qu'on veut choisir un bel or rayonnant, et je ne vais pas vous demander d'en créer un à partir de zéro ou d'en télécharger un. Je vais voir si nous ne pouvons pas nous en sortir avec le pack radiant par défaut fourni avec Adobe Illustrator. On va aller à notre panel Swatch et voir ce qu'on a ici. On peut charger des échantillons supplémentaires en descendant à votre bibliothèque vers Grady INT et il y a une médailles appelée et on va essayer de choisir parmi celles-ci. Bien sûr, nous pouvons le personnaliser un peu. Alors voici notre métal. Grady INT. Voyons si on ne trouve pas un très bon radiant métallique. Nous voulons créer une sorte de cet effet de barre d'or. Cliquons ici. Ça s'appelle The Polished Brass, et ce qu'on va faire, c'est qu'on va trouver un outil radieux et qu'on va faire un radiant vers le bas. Je pense qu'on va aller avec la radio radiante. Donc ça va être un radial en laiton, et on va juste aller de l'avant et créer une radio rayonnante, et on veut créer un sens des faits saillants. C' est pour ça qu'on a choisi leur radio parce qu'on dirait que c'est une lumière qui vient. La source de lumière descend et rayonne et crée des ombres. Alors faisons cela un peu plus compliqué bouton. allons dupliquer ça, et nous allons juste dessiner une boîte, ont été coupés dans ce chapeau et demi. Donc, la façon la plus simple de le faire est de faire ces différentes couleurs et de voir ce que je fais est d'utiliser la forme, outil de pilier et juste sortir de cette couche supérieure. Donc maintenant on est juste à gauche avec le fond pourrait glisser ça vers le haut. Et c'est comme ça qu'on va pouvoir ajouter une petite dimension à notre bouton. Donc on va prendre la même radio Grady int que nous avons, et on ne peut pas voir si on peut avoir des couleurs sombres qui commencent ici. Vous devrez peut-être aller dans le sens inverse juste comme ça, pour ajouter une sensation de profondeur avec notre bouton. Donc, vous savez, il a un peu de faits saillants ici ? Mais il devient beaucoup plus sombre que celui en haut. Il crée ce qui ressemble à une couche texturée. Alors faisons la même chose avec un objet allongé. Ici, la partie du curseur obtient le rectangle arrondi. On pourra toujours faire le dimensionnement plus tard. Ou faisons-en une pilule, en augmentant mes coins pour en faire un remplissage. Envoyez-le à l'arrière, arrangez le péché à dos. On va faire la même chose et prendre un outil Grady int. Et qu'il rayonne du centre. Et nous pouvons toujours aller dans nos réglages et Argh ! Rayonnant ! C' est bon et cliquez vers le bas, sortir ingrédient et vraiment bien réglé cela. On pourrait faire une transition plus serrée. Rendons notre radial radial ici. Donc maintenant, il semble que la source de lumière arrive de cette façon. Donc, ce que nous voulons faire, c'est que nous voulons ajouter plus de profondeur à cela. instant, nous savons que nous voulons mettre ça sur un fond noir. Alors allons de l'avant et créer un fond noir arrière. On peut voir à quoi ça ressemble. Je faisais un sombre Faisons comme un peu sombre, totalement sombre, totalement sombre, mais un gris clair et foncé et on va avoir ceci est une couche séparée. Alors coulons-le et collons-le dans une nouvelle couche et mettons-le sur le fond. Ça va nous aider à voir à quoi ça va ressembler avec l'or. Donc, verrouillons ce calque et revenons à ce calque. On verra à quoi ça ressemble. Nous pouvons ajouter encore plus de profondeur et de dimension. Je rétrécit un peu ce bouton parce qu'on doit monter trois de ces cadrans ici. Alors, voilà ce qu'on peut faire à nouveau. Nous pouvons ajouter une autre couche de profondeur à cela. Nous avons donc des formes plates simples. Ajoutons une autre couche à l'extérieur et ajoutez-y un ingrédient pour lui donner l'impression qu'il a une sorte d'obtenir cette sensation métallique de trois D. Chemin d'accès de l'objet Et nous allons décaler le chemin pour que cela puisse décaler le chemin et nous allons aller de l'avant et cliquer sur les aperçus. Voyons comment cela décale le chemin. Il prend la même forme et l'augmente. Vous pouvez également le diminuer en faisant un signe de soustraction, et il peut également le diminuer. Donc on va l'augmenter. Ne faisons pas de signe négatif et on va faire un peu. C' est vraiment juste ajouter un peu d'un coup autour d'elle. Essayons donc de doubler cette cause, je pense qu'il doit être un peu plus épais. Et pour l'instant, il a le même Grady et appliqué, donc vous ne pouvez pas le voir. Mais que faire si nous allions dans l'autre direction avec leur Grady int et si nous remarquons comment cela crée un sentiment de profondeur et nous pourrions faire la même chose avec notre forme de pilule à un chemin décalé par la même quantité. Peut-être même le faire plus petit, peut-être trois. Et cela fait le contraire, rayonnant. Donc, si ça tombe, essayons de monter. Alors remarquez comment cela ajoute un peu de profondeur et de forme à cela. 46. Icon de l'App Store - Effets de barre or: Donc une chose pour vraiment augmenter le nous réaliste de ceci est d'ajouter un peu d'ombre ici parce que ce bouton va naturellement jeter une ombre vers le bas. Ajoutons simplement un peu de bouton écoute, assurez-vous d'avoir accroché une grille et accrocher. Deux pixels sont désactivés. On ne veut rien avoir de ça. On fait toute cette coutume. Ça va être notre ombre. On peut même laisser tomber faire l'outil pipette. On peut laisser tomber certaines de ces couleurs plus claires. Donc si on laisse tomber cette couleur et qu'on la rend sombre, qui en changerait un peu la direction et zoomerait pour que je puisse voir comment ça ajoute. Plus vous zoomez, plus vous voyez cette ombre réaliste à concevoir. Comment les boutons se rassemblent-ils lentement ? Ajoutons encore plus de réalisme ici. Je vais prendre cette forme principale à l'intérieur que nous avons ici pour le curseur, et je vais y ajouter une très petite ombre portée. Donc je vais juste aller jusqu'à vous faire faire une ombre portée et j'allais cliquer sur l'aperçu et ça va jeter plus d'une ombre portée là-bas nous pouvons ramener ça un peu. Nous pourrions aussi faire une transparence. On pourrait faire une superposition. Donc multiplie va laisser une partie de cette lumière entrer. On dirait que ça fait aussi l'ombre sur l'ombre. C' est juste un peu plus réaliste. Alors, dupliquons ceci. Ce sera facile. Regroupez-le ensemble, maintenez enfoncé, option et maintenez l'option enfoncée. Et c'est quand popping sur cette grille pourrait être très utile pour trouver le bon espacement entre tous ces éléments. Essayons donc de trouver le bon espacement ici pour cela. Et nous pourrions également nous assurer qu'il y a même un espacement entre les trois en allant jusqu'à sont alignés et en faisant un centre de distribution horizontal. Et nous allons en haut de la ligne juste ici pour que nous puissions avoir beaucoup de place pour mettre notre boîte et nos boutons de volume. On va le faire ensuite, alors sélectionnons notre bouton et son ombre. C' est quoi les regrouper ensemble ? Et nous allons le faire descendre un peu plus, probablement faire mes touches vers le bas ou ma flèche vers le bas et aller de l'avant et changer la position de ces briquets obtenir notre petite boîte de bouton de volume prêt à partir. Donc, nous allons juste autour de l'outil rectangle et sorte de finition sorte d'obtenir le bon espacement pour ceci est Eh bien, allons de l'avant et faire que ça un coup. On va garder ça un coup et on a toujours notre petite Grady ici qu'on a créée. Donc nous allons créer une série de couches orteils ajouter de la profondeur et de la dimension à cette petite barre de volume. Vous voulez vous montrer comment j'ai créé cet effet ici ? Donc c'est une sorte de boîte et comment il a créé cet effet biseau, et tout ce que j'ai fait était de faire le chemin, le contour du contour. J' ai donc dessiné cerectangle simple et arrondi, rectangle simple et arrondi, et j'ai juste décalé le chemin quelques fois, puis j'ai étendu cette forme et ensuite fait leradiant opposé, donc vous pouviez voir comment les INT radiant opposé, Grady allaient en quelque sorte dans différents directions. Donc on dirait qu'il est biseauté, a cette double apparence, et ensuite celle-ci arrière. J' ai juste fait une sorte d'amélioration de l'AVC et aussi. Donc, vous avez presque quatre petites couches différentes ici qui se réunissent pour créer cet effet. Donc, quand vous zoomez, il semble biseauté. Et donc nous voulons ajouter un peu de texture à ceci est Wells était une sorte de glissement tous ces sur ce qui est à un beau, sombre, riche fond brun à cela. Donc, nous allons juste nous assurer que c'est un beau remplissage d'un brun foncé cueillant un brun foncé, sinueux vers l'arrière dans une commande de système de superposition gauche et aussi fait une ombre portée ici sur la toute dernière couche. Donc, il y a une sorte de lancer cette ombre portée, donc ça lui donne un aspect plus stratifié, une houle. Nous voulons ajouter un peu de la texture en utilisant des cercles pour faire ressembler à ce matériau métallique râpé que vous voyez sur certains équipements sonores. Et donc on va créer une texture simple, tout en haut, on va juste aller à une autre partie du tableau d'art, et je vais créer une série de cercles ne sont vraiment qu'un cercle. On va en faire un modèle. Donc pour faire un modèle, on va sélectionner, objet, bon modèle d'objet, et on va juste faire. Donc, vous avez peut-être fait des modèles avant, mais cela pourrait être nouveau pour certains d'entre vous et pas nouveau pour d'autres. Donc, c'était avec le modèle et la marque et voici une sorte de panneau d'options. Donc maintenant, ils sont tous nichés ensemble, et nous allons mettre un peu d'espacement horizontal et vertical de chaque cercle. Et on va le faire en augmentant la largeur et la hauteur. Alors écoute. Essaie 12 et 12. Cela a ajouté un peu d'espace, mais au lieu d'être alignés, c'était un peu un environnement de tuiles ou un motif de tuiles afin que nous puissions faire quelques uns différents. Mais voyons à quoi ressemble cette brique par rangée. Restez avec brique brique par rangée, et c'est à peu près tout ce dont nous avons besoin pour le motif. Nous pourrions vouloir changer un peu la couleur du motif, donc c'est un peu un brun plus clair, et il se démarque sur ce Phil. Et si jamais on veut sauver un modèle, on monte ici aussi. Enregistrer ou deux fait dans ce cas, qui l'a fait va automatiquement l'ajouter à notre nuancier. Donc tout le chemin ici dans les échantillons, nous avons sauvé notre modèle. Allons ici. On n'aura plus besoin de ce point. Nous avons déjà modèle de manière. Voilà ce qu'on va faire, ça a un peu de distance parce que notre icône ne verra jamais si près. Donc c'est une sorte de vue à distance, et on va avoir une nouvelle couche ici sur le dessus, et on va cliquer sur sa nuance et en faire un motif. Alors allons de l'avant et envoyons cela vers l'arrière dans le système de superposition. Donc c'est juste derrière tout, et vous pouviez voir comment ça ressemble à un peu de et vous pouviez voir comment ça ressemble à un peu detexture râpée. Il y a une sorte de lui donne un peu d'un environnement riche et avoir quelques cercles de taille différente . Si jamais vous avez voulu changer, votre motif que nous devons faire est de double-cliquer sur une nuance, et je vais vous permettre de changer la taille et l'espacement. Et lorsque vous dites que l'échantillon ramasse ici et que vous cliquez sur Terminé, il remplace la forme ou le motif. Si vous voulez faire un nouveau modèle, il vous suffit de cliquer. Enregistrez une copie afin que vous puissiez avoir l'original, puis enregistrer vos modifications une houle. Donc si tu voulais agrandir ce cercle, c' est comme ça que tu le fais. Nous allons donc annuler et avoir quelques tailles différentes qu'il a créées. Je pense que la plus réaliste sera plus petite. Ça a l'air assez bien d'une distance juste là. Nous avons donc une forme plus grande et plus petite, puis une forme moyenne. Donc, tout ce que nous pensons serait bon à propos de cette distance en termes de texture. Donc c'est parfait. C' est à peu près la bonne taille pour me donner le genre de texture dont j'ai besoin, mais pas si minuscule qu'il semble presque qu'il est foiré, donc juste là est parfait. 47. Icon App Store - - or: trois cadrans différents ont sauté notre outil lèvres, Faire un cadran sur ce déjà genre de a le Grady et je suis à la recherche Si vous allez sur notre panneau radiant, Je crois que je viens de sélectionner l'une de ces radio d'or par défaut, pas l'or. Je crois que je l'ai fait. Le laiton, le laiton terne. Et ce que j'ai fait, c'est que j'ai resserré la connexion, de sorte que cela lui a donné une sorte de transition plus nette qui lui donne un aspect métallique vraiment brillant . Donc vous voyez cette transition très, très serrée là de ces deux types de chevauchement pour voir comme ça. Et nous pourrions avoir besoin de le faire une fois que nous en ajouterons un peu plus tard. Donc c'est une sorte de base de notre bouton. On va continuer la couche des orteils les uns sur les autres, et on pourrait faire la même chose avec le décalage du chemin. Aller au chemin, décalage. Nous voulons faire un négatif cette fois. Négatif 12. Et maintenant, on va faire un contraire, radieux. Et puis on va faire une sorte de bouton au milieu, et on peut faire ça ou radial. Alors faisons-en une radio et faisons en sorte que la source de lumière vient du haut. Tout comme la source de lumière vient de la remontée ici. Nous devrons peut-être changer certaines de ces choses ici. Allons-y et relâchons ça. Nous y allons, faire ressembler un peu trois D. Et ce qui aiderait aussi est d'ajouter un trait très mince à cela. C' est aussi un ingrédient. Donc nous empilons juste ces INT gourmandes les uns sur les autres pour lui donner aspect superposé et ils allaient ajouter Rendre ça vraiment maigre et ajouter une ombre portée à cela , ajoutant de la profondeur et de la dimension avec tout ce que nous essayons de faire et allons-l' alléger un peu . Et nous pourrions même ajouter une ombre portée à ce dos aussi. C' est donc une forme très arrière. Il va y avoir des ombres très profondes. Faisons un joli flou. C' est une belle distance. Rendons ça beau et sombre, juste comme ça. Tu vois cette belle et profonde ombre portée ? Peut-être pas tout à fait comme l'obscurité à 66%. Cela ajoute un bouton là. Nous voulons nous assurer que tous ces air sont alignés, alors nous allons dans notre panneau de ligne faire tous nos alignements centraux et il y a ou composer. On a peut-être besoin de changer l'angle. Donc, c'est que Grady int Linus frappant Maurin le centre juste là, Vous pourriez avoir besoin de simplement déplacer les poignées un peu. Tu pourrais le faire en ligne, juste comme ça. Parfait. Et il y a notre dialecte final et voir comment il est composé de deux couches différentes. On a un coup sur ce bouton de surbrillance intérieur. Nous avons ce radiant très serré ici dans un int Grady plus lâche à l'extérieur avec une ombre portée. Donc, ce sera facile à répliquer. Ça crée trois de ces points. Tournez les cadrans. Faisons en sorte qu'il y ait un espacement égal entre tous. Une autre chance de sortir notre grille et de voir comment tout est en train de grincer. Et nous voulons que ce soit un type arrondi d'icône était Aller de l'avant et ajouter sont le test de recadrage ici pour voir comment il recadre, et avec cela, je l'ai fait où vous pouvez le changer à n'importe quelle couleur. Donc, si tu veux le rendre blanc, tu pourrais voir comment ça va reculer un peu mieux. On sait tout ce qui ne sera pas montré. C' est donc un excellent moyen de tester notre application et de le dimensionner. Alors verrouillons cette couche de rognage et puis nous allons retourner à notre icône, et nous allons juste nous assurer que nous avons les bonnes marges et l'espacement entre tout. Donc je vais regrouper tous ces objets principaux ensemble, donc on va avoir celui-là. Celui-ci les regroupe tous pour que je puisse commencer à les déplacer. Ça va être une unité. Donc, faire un petit test de distance ici pour voir si je ne peux pas déplacer ça un peu et utiliser votre grille. Si vous voulez avoir ces lignes en haut à droite, voyez cette ligne traverser. Vous pouvez avoir ceci en bas, mais peu importe ce que vous voulez faire, nous pourrions le rendre un peu plus grand. Mais voyez comment ça commence à entrer un peu dans la courbe là-bas. On ne veut pas avoir. On n'en aura pas beaucoup. Belle marge. Tout comme toutes les icônes que nous concevons, nous voulons nous assurer qu'il y a une certaine marge autour de tous les éléments, afin qu'il n'ait pas l'air trop serré. Donc je pourrais même soulever ça quelques encoches juste pour l'éloigner de ce coin. Et il y a toujours la possibilité de tout sélectionner et de le rendre un peu plus petit. Il y a juste un peu de cette marge. Allons-y et désactivez cette grille. Allez-y et supprimez ces icônes et il y a quelques autres choses que nous voulons dio. Nous voulons donc ajouter de la texture et peut-être une bordure dorée. Ajoutons une bordure d'or si arrondie outil rectangle et nous allons créer un ingrédient ici. Nous allons défaire votre petit Grady int linéaire, nous allons créer le même effet de bulle en couches pour en faire un coup, et nous allons garder notre couche de test de recadrage sur. Donc on sait où sera l'APS final. Cultures. Nous savons donc combien il faut venir ici et entendre la frontière. Augmentons notre poids, en augmentant le poids Oh, et aussi besoin de changer les angles pour correspondre juste là, les coins et nous allons ajouter une autre couche ici, donc nous savons un peu compliqué, mais c'est une icône assez compliquée. Nous allons désactiver la visibilité et recadrer, et nous allons créer une autre couche en faisant un chemin de décalage de chemin. Et donc ça va compenser négativement. Et on va prendre Argh ! Rayonnant. Gardez le même, mais il suffit d'inverser le cap. Donc au lieu de 44 degrés négatifs, on va faire 44 degrés positifs, et ça va lui donner cet effet diable. Donc, quand on bascule sur le recadrage, on teste comment il va être recadré en finale . On doit voir à quoi ça ressemble et on dirait que ça va être caché. On a juste besoin de l'ajuster. Apportons celui-ci à l'intérieur pour que vous puissiez le voir quand il est recadré comme ça. D' accord. Et maintenant on peut parler. Beaucoup sont recadrage couche, Voir à quoi il ressemble. Donc, il a l'air un peu superposé parce qu'il a ses deux tons opposés Grady INT. Donc il lui a donné cet effet doublé. Donc une chose importante à noter, c'est qu'il faut que tout aille au coin de la rue. Cela va être recadré par Apple, mais nous n'allons pas tout étendre en dehors du coin de toute façon, alors sélectionnons le chemin qui est le chemin à l'extérieur. Donc, nous allons faire que plus grand tout le chemin était de faire plus gros le coup. Donc, il s'étend tout le chemin et vous pouvez descendre ici et avoir l'alignement, le coup vers l'extérieur. Donc ce sera juste à l'extérieur. Donc ça couvre tous ces coins pour nous. Et nous pourrions parler de ce recadrage qui teste le recadrage pour voir à quoi il ressemblera à la fin. Apportez ça, amenez ça, amenez ça et nous manquons quelques choses ici. Ce que j'aimerais faire est d'ajouter encore plus de texture à l'arrière-plan et d'ajouter quelques touches de couleur foudre. Donc ce que je vais faire, c'est que je vais déverrouiller cette couche arrière ici. Donc cette couche ici et je vais copier ça, mettre à l'avant et je vais y ajouter un peu de notre texture de cercle. C' est ajouter un peu de texture ici et voir quelle taille nous avons besoin ici. Peut-être que ce moyen là et donc on ne veut pas qu'il soit tout le long. Nous voulons avoir de la lumière qui descend ici. On va faire un mode de fusion. On va faire une brûlure de couleur, s' assurer que c'est une opacité à 100%. Et donc ce qu'on va faire maintenant, c'est qu'on va ajouter des petits éclats de lumière. Et c'est ainsi que nous allons le faire. On va chercher notre outil pour les lèvres, cercle de paille. Faisons le blanc. Eh bien, printemps tout le chemin sur la couche supérieure. Tu sais, on va faire un mode de fusion de superposition et il a un mélange pour créer un peu de lumière, et on ne l'aura pas à 100%. On va réduire ça. On veut juste un peu de lumière ici dans le coin. Envoyez-nous cela derrière ce 1er 1 Nous voulons juste faire une sorte de lumière de fond, et nous voulons le flouter parce que maintenant, si vous regardez, faisons-le 100%. Si vous regardez, ça ressemble à un projecteur. Donc, nous allons flouter cela un peu en allant vers le flou en allant juste faire un flou gaussien est un peu floue. Ok, donc maintenant je vois dehors, vous donne un peu de lumière. On pourrait même ajouter un peu de couleur à cela, peut-être voir si l'ajout d'or pourrait aider. C' est y ajouter un peu de lumière. Puisque nous avons ce petit cercle blanc quand pourrait le mettre ici pour ajouter presque un peu bling sur la brillance de la lumière ? Et nous n'avons pas le pulefaire superposer. Nous avons le mode de fusion de superposition, ajoute un peu de couleur, et nous pourrions peut-être réduire l'opacité sur cela juste un peu. Nous voulons juste un peu de brillance, juste ajouter un peu de points forts et une touche finale, et nous avons presque fini. 48. Icon App Store - Exporter: Maintenant que nous avons fini une fois basculer certaines de ces couches supplémentaires. Nous n'avons plus besoin de cette couche de rognage test. C' est une sorte de couche finale dont nous avons besoin. Donc, tout cela est par la conception finale de l'application et nous allons lui donner un test avant qu'il s'adapte à ces petites tailles. Faisons-le un test en l'exportant et on va le mettre en PNG. Ça va être le format universel pour ça. J' allais le garder à une résolution de 300 personnes et cliquer sur. OK, donc il y a ce très super site appelé l'icône de l'application Tester, on va aller ici à la page d'accueil. J' ai le lien vers ceci et le guide de ressources pour cette section, et il va être en mesure d'appliquer notre icône d'application à une variété d'endroits afin que nous puissions voir à quoi il ressemble. Donc nous descendons ici et vous faites glisser votre icône et ici nous venons d'exporter sont 10. 20 par 10 20 p et G, voyons à quoi ça ressemble juste une idée de ce que ça va ressembler en finale. Et c'est comme ça que ça va ressembler sur une grande variété de milieux. Donc, j'ai l'impression qu'il apparaît vraiment sur tous les types de milieux différents, même dans l'obscurité, parce que nous avons beaucoup de couleurs vives et de points forts là-dedans qui l'aident à se démarquer sur un fond noir. Nous allons faire défiler vers le bas et voir à quoi ça ressemble dans l'APP Store. Et ça nous donne une bonne idée de ce que ça va ressembler et de ce que je pourrais faire maintenant que je le vois maintenant que je le vois à un peu de distance. Ce que je voudrais dio est peut-être épaissir un peu la bordure et m'assurer qu'elle est juste un peu recadrée de la bonne façon. Donc j'ai juste besoin d'ajuster ça un peu, rendre les bordures plus épaisses et passer un peu plus et peut-être rendre ça un peu plus petit. C' est donc agréable de pouvoir tester ça, voir comment ça se produit et comment ça ressemble à ça, et nous pouvons saisir tout ça avec un peu plus de marge. Je pensais que c'était un peu trop serré, donc c'est génial de pouvoir le tester afin que vous puissiez voir ces petits ajustements que vous allez devoir faire avec Aller de l'avant, adapter tout cela aux petites tailles. Et quand nous adaptons tout cela, si nous avons toujours tous ces coups et choses sur, nous voulons juste nous assurer que nous sommes dans les préférences générales. Et nous avons nos coins d'échelle et nos traits et effets d'échelle sur afin que les chemins ne soient pas déformés. Nous le rendons plus petit. Alors maintenant, adaptons ceci aux tailles encore plus petites dont l'APP Store va avoir besoin. Nous pourrions même faire comme un snap deux points ou accrocher à la grille. Donc ça va s'écrouler des coins droits. On va faire ça pour les deux autres. Il peut exporter les comme un PNG lorsque vous êtes prêt. Donc export de fichiers comme et il y a un PNG, nous allons nous assurer que nous cliquons sur utiliser des tableaux d'art que nous allons exporter en PNG. Vous pouvez également le faire en tant qu'export d'actifs. Si vous allez en faire beaucoup, vous pouvez le faire comme une exportation d'actifs, ou vous pouvez le faire avec le modèle où les ont déjà dimensionnés pour vous, et vous pouvez les exporter en PNG et assurez-vous simplement de cliquer sur les valeurs par défaut. Alors voici notre icône finale. C' est à quoi ressemble le fichier, et c'est à ça qu'il va ressembler dans le magasin APP. Donc je suis plutôt content de ce que ça a l'air et juste, vous savez, peut-être quelques petits ajustements que je pourrais faire. Mais c'est le processus de base de création et d'exportation d'une application Apple. Icahn. Et c'était un peu plus détaillé, un peu plus complexe, avec toutes ces couches, danse et les moments forts, et peut-être un peu trop complexe d'un projet pour s'attaquer à cause de toutes ces couches. Mais je voulais vous montrer comment fonctionne ce processus, parce que je pense que c'est bon de savoir comment le faire, surtout quand vous travaillez des développeurs et des développeurs Web, et ils vont avoir besoin d'une sorte de graphismes et de image de marque pour cela. Tu peux dire, Hey, je pourrais faire une icône d'application. Tu sais, j'ai déjà traversé ce processus, donc c'est le cas. Je me suis amusé avec celui-là 49. Page d'accueil site Web dans Adobe Xd - Démarrer: Bienvenue dans la section Conception et mise en page Web, et la section sera chargée de créer une page d'accueil courte et rapide pour un client dans l'espace de rencontre en ligne. Nous avons reçu des fichiers de logo de base et des éléments de marque. Les utilisateurs cliqueront sur un réseau social ou s'afficheront sur cette page de destination. Notre travail est de graphistes d'apporter une image de marque cohérente à cette page de destination et de créer une mise en page propre et agréable pour ce projet. En tant que graphistes, notre tâche principale est de râper le système de branding visuel de ce site web. Notre travail n'est pas de coder le projet, bien que certains designers soient également en charge du codage et du développement. Nous allons supposer que pour ce projet il y a un développeur qui va prendre nos actifs, encoder le site Web, ou nous utilisons une entreprise comme Squarespace pour adapter le modèle qui est assez proche de sont conçus pour y arriver. Cette section se concentrera principalement sur la conception et la mise en page, côté des choses, là quelques éléments de base dont nous aurons besoin pour la page de destination simple. Tout d'abord, nous devons saisir les utilisateurs quand ils atterrissent pour la première fois sur la page avec quelque chose de convaincant. Nous devons avoir une sorte d'action appelée ou avoir un bouton d'inscription qui les enverra le site Web principal pour s'inscrire. Et enfin, il faudra montrer la vidéo promotionnelle sur la page quelque part. La marque que j'ai créée pour ce projet s'appelle Finding Love. Ce sera un site de rencontre générique qui suit un processus typique en trois étapes. Vous pouvez télécharger la ressource dans le cours afin que vous puissiez avoir toutes les ressources de base dont nous aurons besoin pour construire la page de destination. Enfin, pour ce projet particulier sera d'utiliser un programme appelé Adobe X'd pour mettre tout cela ensemble dans une mise en page et même montrer au client un cadre métallique pratique dans lequel ils peuvent approuver la conception. Et nous pouvons déplacer ce processus vers le codeur ou le développeur. Vous pouvez également créer cela à l'aide d'Adobe Illustrator et de Photoshop sans problème. Adobe X'd est actuellement totalement gratuit à télécharger, et je vais fournir à Lincoln le Guide de ressources. Ou il peut simplement simplement télécharger Google Adobe X'd aller pour apprendre brièvement les bases mêmes du programme afin que je puisse vous montrer comment il est tellement plus facile de mettre en place des mises en page et des concepts de site Web en utilisant Adobe X'd. Commençons par jeter un coup d'œil à nos actifs de marque et à Adobe Illustrator Illustrator , vous pouvez télécharger ce fichier. Comme je l'ai dit précédemment et j'ai juste quelques atouts de base ici, nous allons recréer certains d'entre eux afin que nous puissions passer par le processus de la façon de travailler avec des illustrations et comment créer ces formes appartiennent toutes qui sont très populaires aujourd'hui dans le monde du design. Nous allons l'utiliser dans la conception globale du site Web. Donc, ce que je veux faire, c'est que je veux créer des palettes de couleurs et créer une typographie que nous pouvons utiliser. Vous pouvez déjà le voir ici, mais on va réfléchir à certains de ces trucs. Nous allons supposer que ce client nous a déjà fourni le logo et une image de marque très basique. Mais c'est à nous de le faire vraiment prendre vie dans un formulaire de page de destination de site Web. Vous avez également remarqué que certaines de ces icônes pourraient être un peu familières. Nous allons utiliser quelques-unes de ces icônes dans la conception de notre site Web, mais c'est aussi le pacte d'icônes que nous avons conçu, donc nous allons pouvoir travailler avec les fichiers que nous avons exportés ou les fichiers illustrateurs pour pouvoir donner vie à ces icônes dans Adobe X'd. Donc, si le client vous a déjà fourni une palette de couleurs fantastique, c'est une chose de moins que vous avez à faire est un graphiste. Mais en tant que concepteurs ou travail principal est de créer le système visuel ou le système de conception pour beaucoup de choses différentes avec l'image de marque sur beaucoup de fois, cela signifie le logo, la palette de couleurs, les icônes. Donc tout ça est dans notre cour. Ce sont des choses que le graphiste est vraiment responsable pour moins le revêtement et plus encore ce genre de choses. Je vais te montrer comment ça a créé toutes ces choses. Bien sûr, nous avons créé le jeu d'icônes plus tôt. Nous avons donc tous ceux qui ont été établis et une partie de la typographie. Vous savez, nous pouvons trouver une belle police de caractères et trouver une belle copie corporelle ou une copie secondaire que nous pouvons utiliser, qui est ce que nous avons fait ici. J' ai trouvé cette typographie sur les polices Google, alors allons-y et hop très vite. Donc, avec nos polices, si ce n'est pas déjà établi. Ah, eh bien, ce que j'aime faire, c'est parfois pour un visage de type adapté qui est déjà dans un logo pour être utilisé comme titre principal de temps en temps, juste une sorte de spéciale faisant ressortir le thème et le branding de cela est déjà dans le logo. Dans ce cas, c'est un visage serré appelé Pacific. Oh, et j'ai trouvé ça sur les polices Google, et ce que je voulais faire c'est que je cherchais un très doux puisque nous parlons d'amour et de trouver de l'amour et de la douceur, et un peu de je voulais m'amuser, illustratif, lumineux, vibrant, couleur de ton bijou à tout cela. Je voulais donc trouver une police de caractères qui pourrait correspondre à ça. Et donc une police de caractères de script est exactement ce que je cherchais. Mais je dois trouver la bonne. Je ne veux pas écrire face à ce qui est traditionnel. Donc, juste dans les polices Google et j'utilise les polices Google parce que tout le monde n'a pas l'abonnement aux polices Theodore B. Si vous possédez Adobe creative cloud, vous disposez de cet abonnement. Mais beaucoup de mes étudiants ne l'ont pas, donc j'utilise quelque chose de plus open source et gratuit pour tout le monde à utiliser. Donc, je reste avec les polices Google pour ce projet. Alors allons-y et réduisons-le par type. Donc, nous voulons vraiment voir si nous ne pouvons pas trouver d'espace de mano ou d'affichage pour l'écriture manuscrite. Donc, certains d'entre eux sont les trois qui s'approchaient et qui étaient faibles. J' aimerais être gentil, audacieux, malade pour qu'on puisse changer l'épaisseur. Pour être en mesure de rétrécir sont visage serré. Donc beaucoup de ces air vraiment traditionnel, et certains d'entre eux sont vraiment difficiles à lire. C' est le seul problème avec les scripts écrits à la main est. Parfois, ils sont très difficiles à lire, et nous voulons avoir une police propre et agréable qui soit aussi épaisse. Alors je suis allé de l'avant et je me suis installé sur un appelé Pacific. Oh, ici et puis Railway est une police Google très flexible qui a beaucoup de poids différents à elle. Donc, nous allons l'utiliser pour tous nos titres de corps et sous-titres pour avoir une option Sarah de sable propre parce que nous ne voulons pas trop utiliser votre police de caractères de script. On veut juste l'utiliser avec parcimonie. Peut-être juste dans le titre principal en haut, et c'est tout. Peut-être qu'on pourrait l'utiliser dans un autre petit coin. Nous n'utilisons pas une police de caractères de script comme celle-ci. Alors maintenant que nous avons établi cela, nous voulons regarder les couleurs. Et beaucoup de cela est difficile à établir isolément. Parfois, vous devez travailler sur d'autres types de projets avec la marque pour comprendre comment adapter la marque. Parfois, je peux trouver des polices de caractères après avoir commencé à concevoir et à mettre en page le site Web pour comprendre ce qui fonctionne de sorte que vous n'avez pas à comprendre les polices de caractères avant de commencer. Parfois, vous pouvez commencer à mettre en page la mise en page de base de la conception Web, puis déterminer quelle police de caractères pourrait fonctionner le mieux. Considérant quelles illustrations vous utilisez et est allé mise en page. Vous n'avez qu'à parler de la façon dont j'ai développé cette palette de couleurs. Vous pouvez continuer à colorier dot adobe dot com et trouver de l'inspiration sur la roue de couleur, ou vous pouvez même aller jusqu'à explorer. S' il connaît une tendance particulière, on peut en quelque sorte taper ça et passer par là. Il y a en fait une tendance aussi, donc je sais que je veux rester avec une sorte de ton bijou. Donc, je suis juste un peu d'inspiration ici pour la palette de couleurs, juste en tapant des tons de bijoux et en essayant de trouver quelques idées. Certaines couleurs vraiment vives et vibrantes qui me rappellent l'amour et la romance, et vous pouvez même mettre sur pied un tableau de marque. J' ai téléchargé des photos à partir de pixels dot com et d'autres sites Web gratuits pour essayer de mettre en place un tableau de marque qui avait certaines de ces couleurs que je cherche afin que je puisse prendre l' outil pipette et les échantillonner et créer une palette de couleurs cohésive. Donc juste une sorte de vous montrer ces processus de base de la façon dont il est venu avec ces couleurs. Ils ne m'ont pas juste mis dans la tête. J' ai dû faire des recherches. Je devais étudier. J' ai dû mettre sur pied un tableau de marque, dû aller trouver quelques couleurs tendance pour essayer de trouver cette couleur finale. Palin. Donc, ce palais de couleurs est en fait une capture d'écran d'Adobe X'd, où nous avons tous les codes hexadécimaux, quels codes hexadécimaux sont ce dont nous avons besoin pour la conception Web en termes de couleur. Donc, je viens de prendre une capture d'écran de cela afin que vous puissiez facilement obtenir l'outil pipette et l'échantillon que lorsque nous créons Thies cette illustration, que nous allons faire ensuite 50. Page d'accueil site Web dans Adobe Xd - Illustrations: Donc, nous voulons utiliser une vraie photo. Eh bien, vous utilisez vraiment une vraie photo pour attraper des gens. Mais j'aimerais utiliser cette illustration quand je parle de notre processus en trois étapes. Et je voulais en quelque sorte apporter ça comme un style général. Très simple, conçu à plat, très tendance en ce moment. Et les formes de l'air sont vraiment tendance en ce moment. Donc, je voulais en quelque sorte parler comme, ah option de style et parler de la façon dont je l'ai mis ensemble. Donc ce que je vais faire, c'est faire glisser ça. Vous y avez accès si vous n'avez pas envie de faire cette étape. Mais en tant que concepteurs, cela fait partie de votre travail de trouver ce type de travail afin que nous puissions dessiner à la main ces personnages ou avoir un peu moins cher pour rendre tout ce processus juste un peu plus rapide parce que nous avons beaucoup de choses à faire. Il y a un site Web appelé human dot com, donc c'est humain, mais avec trois A différents dedans, et je vais fournir le lien dans le guide des ressources et ils ont une bibliothèque de merveilleux atouts vectoriels. Il y a en fait V GS, qui est une forme différente de vecteur. Mais c'est toujours un fichier vectoriel, et vous pouvez les télécharger et vous pouvez les adapter comme vous le souhaitez. Et ils sont gratuits pour un usage commercial et personnel, ce qui est fantastique dans notre cas. Voici donc quelques-unes des bases. Laissez-moi voir si je ne peux pas faire glisser ça, vous pouvez voir un peu mieux, donc ils viennent en quelque sorte dans quelques formats différents. Vous pouvez mettre un iPad ou ah, vous savez, n'importe quel type d'écran là-bas. Vous pouvez ajouter que dans un illustrateur, vous pouvez adapter les couleurs des vêtements. Vous pouvez changer tout ce que vous voulez au sujet de ces types de personnes. Il y a quelques personnes qui, je pensais, auraient l'air très bien. Je voulais avoir ce que vous avez vu où deux personnes se réunissent avec leurs mains , peu comme si elles voulaient trouver une correspondance. J' en ai trouvé deux et je les ai amenés à Adobe Illustrator. Voici les deux. Il y en a un. Il y en a deux. Je vais juste copier ces deux gars et les faire entrer, et on va devoir changer l'orientation d'eux aussi, ce qui n'est pas grave. On pourrait en retourner un, alors emmenons-la et retournez-la. Transformez, réfléchissez. Je veux que leurs mains se réunissent, peu comme s'ils trouvaient l'amour. Donc, la position de ces air déjà grande. Et un autre petit truc est que nous pouvons obtenir notre outil de marionnettes Si vous avez une version plus récente d' Illustrator et que vous pouvez même transformer, trouver différents points sur lui à transformer, et vous devrez peut-être supprimer certains points et Adam où vous voulez eux d'aller. Donc, si vous voulez le changer légèrement, ça pourrait être un peu bizarre de travailler avec. Mais avez-vous déjà voulu changer une partie de qui vous pouvez ? Nous voulons donc les mettre dans une forme, et nous voulons qu'ils sortent de la forme pour lui donner un aspect superposé. Alors créons notre petite forme oblongue ici. On va descendre ici, et tout ce que je vais faire, c'est chercher l'outil Ellipse, dessiner, et on va juste prendre l'outil de courbure, et on va choisir un point et le repousser. Nous avons donc sélectionné l'outil de courbure. Il va cliquer et faire un point d'ancrage et le repousser. Et nous avons créé instantanément ce genre de forme oblongue qui est très populaire. Vous pouvez le prendre et créer toutes sortes de formes cool. Tout ce que j'ai fait était le sien. Prenez le tabouret Lèvres et ajoutez-y quelques points d'ancrage avec l'outil de courbure. Donc c'est tout ce que c'est. L' outil Ellipse avec quelques outils de courbure pointe une blessure. C' est ainsi que beaucoup de ces personnes créent ou beaucoup de designers créent ces formes oblongues. Vous pourriez le voir dans toutes les tailles différentes, va créer un couple pour ce site particulier. Donc, c'était assez simple. Donc, créons et donnons le ton à cette illustration. Ramenons ça à l'arrière. Nous voulons une sorte de positionner ceux-ci là où il y a un pied ou avant, ou quelque chose de sorte de sortir de la forme sorte sorte de faire ressembler les sont ensemble comme un par illustration artisanale. Donc, les couleurs nous allons faire notre couleur de fond fait, et puis nous pourrions avoir besoin de changer cette orange parce que l'orange et l'amour que je ne sais pas. L' orange ne fait pas vraiment partie de notre palette de couleurs. Ce que nous pourrions facilement sur les groupes et changer les couleurs. Mais faisons l'arrière-plan d'abord, nous avons un nouvel outil et, ah, pense que c'est 2000 19. Ils en sont sortis avec le panneau Swatch des ingrédients d'Adobe Illustrator. On a quelque chose qui s'appelle la forme libre, Grady. On peut cliquer dessus, et ça va créer plusieurs points différents comme l'outil de distorsion de marionnettes d'une certaine manière. Et vous pouvez créer plusieurs points de lumière différents, et vous pouvez généralement prendre un point. Obtenez l'outil pipette et l'échantillon de notre palette de couleurs. Différentes choses. Donc juste une sorte d'échantillonnage. Certainement comme ce violet foncé là-dedans. Et j'aimerais avoir une version plus légère de ça. Donc, c'est presque comme une belle transition de couleur de ce type violet profond de vers le rose clair et il sorte de transitions vraiment bien. Donc c'est juste composé de trois points le long de la ligne, et j'aime avoir cette luminosité dans le genre de fond lui donne un joli look moderne, mais si vous n'aviez pas cet outil, vous pourriez toujours obtenir le même Grady, en effet, en cliquant sur votre outil de maillage et en le faisant de la même manière avec l'outil de maillage. Donc, disons que nous utilisons l'outil de maillage. Vous cliquez de toute façon ici pour créer différents points de lumière et double-cliquez sur ceci ou double-cliquez sur cette montre. Vous pouvez le changer de cette façon pour C'est un peu plus précis et précis. Vous pouvez créer un grand nombre de trois images D en faisant des tons clairs et des ombres avec le grand outil de maillage . C' est certainement plus compliqué et plus riche d'un outil. Mais si vous avez besoin de créer quelque chose de rapide que Grady et si vous avez une version datée nup d' Illustrator il freeform outils de notation certainement plus rapide que. Et nous pouvons créer plusieurs versions différentes de ceci si nous voulons mettre cela sur un fond blanc et avoir le fond fondu. Alors faisons ce blanc. Nous pourrions avoir la forme comme ça, de sorte qu'il semble que l'illustration se fond avec l'arrière-plan. Donc c'est une autre option que nous pourrions faire. Ça pourrait prendre cette petite poignée et élargir un peu ce blanc. Vous pourriez voir que je pourrais mettre ça sur un fond blanc. On dirait que les illustrations se fondent dans l'arrière-plan, mais nous pourrions le faire à une autre date. Revenons à ce qu'on avait à voir. Ça a l'air. Changons d'orange parce que cela ne fonctionne pas bien du tout. Avec notre belle palette de couleurs teintes de bijoux, nous allons désoigner ceux-ci pourraient avoir un groupe. Je suis un peu un groupe de nonnes, euh, jusqu'à ce que je puisse avoir accès au pull. J' ai donc besoin d'un groupe de l'ONU une fois de plus. J' ai juste besoin de l'orange, et je pourrais faire un petit tour. Je peux changer individuellement ces trois objets vectoriels différents, ou je peux aller jusqu'à modifier les couleurs et juste faire un peu d'une astuce pour ajuster la balance des couleurs. Et il ya aussi re illustration couleur, qui ira ici dans une minute, obtenir à cliquer sur convertir, cliquez sur aperçu, et nous pouvons changer tous ces en même temps. On pourrait le rendre rouge pour l'amour, juste un moyen rapide de changer de couleur. Et j'aime une couleur plus rosée pour ça parce que ça va un peu mieux avec notre thème , donc je pourrais faire la même chose avec elle. Il y a aussi quelque chose dans le même système de menu. Alors allez jusqu'à éditer et il couleurs. Nous pouvons recolorer l'œuvre, donc il va sélectionner tout ce qui est orange ici, et nous pouvons totalement changer la couleur. Donc c'est la couleur actuelle, orange foncé sur la manche, et on peut changer ça et on pourrait juste descendre. La liste est une sorte de la couleur plus claire, sorte que vous pouvez re illustration couleur de cette façon aussi bien. Donc beaucoup de façons différentes nous pouvons le faire, rendre ça un peu plus léger. Et on y va. Nous sommes juste re couleur que nous pouvons aussi faire le pantalon si nous le voulons. Mais on va juste laisser ça, comme c' est le cas. Nous pouvons également ajouter une très petite ombre portée ou la garder à plat. Donc, si nous voulons garder un design plat total, nous pouvons le garder de cette façon. Nous pouvons aussi regrouper ceci ensemble et simplement créer une légère ombre portée, ou mieux encore, allons simplement les regrouper en tant qu'individus afin que nous puissions avoir un peu plus de contrôle si nous allons utiliser les illustrations ailleurs. Donc, je vais sélectionner les deux et ajouter la plus petite, subtile petite ombre portée va à style yeux ombre portée et je veux juste en ajouter un petit . Donc, vous remarquez comment il n'a pas beaucoup de flou à elle, et l'opacité est très faible. Donc, cela ajoute un peu de cette pop tridimensionnelle à elle. On pourrait faire la même chose avec notre cercle. Nous pouvons faire sortir cela un peu plus à la distance de l'objet et peut-être juste ajouter un peu de flou. Donc rien de grand. Nous pouvons le garder à plat si nous le voulions, ou ajouter un peu d'ombre portée. C' est donc un peu le processus de base de la façon dont j'ai créé le graphique pour finir par l'utiliser. J' ai ça sur son propre tableau d'art. Donc, quand j'exporte ceci, je peux exporter ceci en tant que PNG, et il y a un moyen encore plus facile si vous utilisez d'autres programmes adobe pour assembler votre mise en page chacun en utilisant adobe Illustrator pour faire une conception Web, vous venez apportez cela directement à l'intérieur. Tu es prêt. Nous allons utiliser Adobe X T, et ce sera très facile d'intégrer cet actif parce que nous allons simplement le copier et le coller dans Adobe X'd quand nous serons prêts. Maintenant, nous avons quelques atouts de base avec lesquels travailler. Nous avons l'ensemble de conception d'icônes que nous avons créé plus tôt dans la classe, et là plusieurs d'entre eux sont pensés pourraient être très utiles pour ce site Web. Et ils ont un style agréable, propre, propre, plat qui fonctionnera très bien avec la marque que nous avons. Donc j'ai juste pris ces icônes et j'ai commencé à les amener pour les utiliser. Et encore une fois, si vous utilisez une autre mise en page Adobe producto, votre conception Web que vous obtenez est de copier les icônes et de les coller partout où vous allez concevoir. 51. Adobe Xd - Cours Crash: donc je voulais vous montrer ce qu'on va finir à la toute fin du projet. Donc c'est une sorte d'animer. Nous faisons juste quelques clics où nous pouvons montrer au client comment les choses volent ou s'animent. Nous pourrions leur montrer ce qui se passe lorsque vous cliquez sur un bouton particulier comme le bouton regarder la vidéo ou ce qui se passe quand ils cliquent sur le bouton Démarrer le processus maintenant. Donc nous voulions montrer au client comment Ah, l'utilisateur traverse la page de destination et c'est comme ça que nous allons le faire. C' est pourquoi j'ai utilisé Adobe X'd pour faire la mise en page Web parce que non seulement il est conçu pour cela, et il est très facile de créer des formes et du texte, il est également très facile d'établir nos couleurs et nos codes hexadécimaux. Il est également très facile d'établir nos styles de personnages, donc nous établissons un titre ou nous déterminons la taille de notre personnage. La taille des points commençait à établir cette hiérarchie de type Web ici dans le programme . Il est très facile d'exporter cela pour le développeur. Nous allons ouvrir un nouveau document et ils ont des formats Web intégrés. Et bien sûr, nous pouvons toujours faire la version iPhone. Mais c'est censé être une sorte de page de destination du bureau. Nous allons cliquer sur le Web 1920 par 10 80. Cela va être une sorte de votre taille standard de navigateur de bureau haute résolution taille de fenêtre. Et c'est la taille de base. Donc, je vais faire un cours rapide de 10 minutes sur Adobe X'd pour ceux qui n'ont pas encore été dans ce programme. C' est un nouveau programme pour certains d'entre vous. Si vous avez déjà été dans Adobe X T et que vous avez fait un projet avec moi dans une classe, j'enseigne un cours où j'enseigne Adobe X'd et détaille nous faisons une conception d'application mobile. Si vous avez suivi ce cours avec moi ou si vous avez déjà une expérience Adobe X'd antérieure, n' hésitez pas à ignorer cette leçon en particulier et à accéder à la section de mise en page de celui-ci. Bienvenue dans Adobe X'd. Si votre flambant neuf, ce cours de 10 minutes vous donnera exactement ce dont vous avez besoin pour que nous puissions faire une mise en page de base ensemble. Nous sommes donc allés de l'avant et avons ouvert le nouveau document. Nous avons un tableau d'art de 1920, c'est ce qu'on appelle art board, et vous pouvez créer beaucoup de différents tableaux d'art. Et c'est là que ça marchera avec celui-là quand on commencera. Donc c'est un peu le nom de votre tableau d'art. Vous pouvez la renommer Page d'accueil principale et Adobe X'd vit avec le tableau d'art. Donc nous allons finir par créer beaucoup de tableaux d'art différents et finalement les relier tous . Donc, si vous êtes habitué aux programmes Adobe, ils seront très habitués à Adobe X'd. Vous remarquerez à quel point les interfaces utilisateur U. I. I. R d'adobe Extinct sont simples. n'y a pas une tonne d'outils à apprendre ou à comprendre par rapport à l'illustrateur ou à Photoshop. Vous avez donc quelques formes de base ici sur votre barre d'outils que vous créez et créez des carrés et des cercles, ellipses, toutes sortes de formes différentes. Existe-t-il assez standard quand il s'agit de faire des mises en page Web, Web building et Web et vous remarquerez par défaut, il ajoute cette bordure. Donc, si vous ici à droite ici, est une sorte de votre panneau de propriétés, notre zone de propriétés, et par défaut il fait une bordure afin que nous puissions unconnecter la frontière. Si vous voulez et puis juste avoir le remplissage et puis juste faire un remplissage. Donc, tout comme Adobe Illustrator photo Shop, c'est assez simple. Une fois que vous maîtrisez un certain nombre de ces autres programmes, sorte que vous obtenez notre outil de sélection. Tous les deux allaient enlever la bordure et ajouter un remplissage. Est-ce que l'air était juste des formes basiques ? Vous pourriez vous déplacer l'un de l'autre. Faisons cela une couleur légèrement différente. Et il y a bien sûr, un système de superposition et Adobe X'd aussi, et vous pouvez descendre les couches. C' est un peu plus difficile à trouver. Um, si vous allez ici à cette petite icône qui ressemble à des calques, cliquez dessus et puis vous pourrez voir tous les différents calques. Ici, nous passons aux formes, vous serez en mesure de les réorganiser dans le système de superposition. Si je veux faire tomber le triangle dans le système Larry et le faire glisser vers le bas, vous pouvez descendre et vous pouvez le faire par tous les éléments, juste des images, des formes ou du texte. C' est comme ça que vous arrivez au système de superposition ici dans Adobe X'd, mais nous allons utiliser quelques raccourcis pour changer les calques ici, vous pour faire ma commande crochet gauche et crochet droit pour le déplacer de haut en arrière. Donc, comme n'importe quel autre programme Adobe, vous pourriez être en mesure de changer simplement les couches. Et il y a aussi un outil de broche dans Adobe X'd, et il fonctionne très similaire à la boutique photo et illustrateur. Il vous suffit de cliquer et vous serez en mesure de créer toutes sortes de formes différentes, tout comme nous avons fait un illustrateur et vous pouvez changer la bordure, ce qui changera le trait. Donc la bordure est fondamentalement votre coup, et il pourrait changer la taille juste en dessous. Alors faisons un coup très épais. Vous pouvez également modifier les majuscules comme vous le feriez dans le panneau de contour et dans Adobe Illustrator. Tu peux le faire ici. C' est comme ça que vous changez votre casquette. Donc nous avons besoin d'une belle casquette ronde et nous avons quelques belles bouchons arrondis sur le bord de notre course. Reste à l'ombre. Donc, nous allons changer le quelque chose rempli de brillant, et nous pourrions ajouter une goutte brisée à cet objet juste en cliquant sur l'ombre, et il va avoir quelques boutons d'entrée. Le X sera votre X et Y seront la distance de l'objet, et B sera votre flou. Donc si vous avez zéro flou, ce sera une ombre plate. Et pour changer la transparence d'une ombre, vous devez double-cliquer sur ce calque. Et c'est là que vous changez la transparence. Donc si je le veux très fort, je peux taper un numéro. Et aussi vous pouvez changer la couleur de l'ombre. C' est donc un peu différent de celui de l'illustrateur et de la boutique photo. D' une certaine façon, ce genre de condenser tout dans un panneau de ce panneau d'apparence au lieu d'avoir un panneau de contour séparé sur tous ces trucs. Juste un peu tout condensé ici pour vous, sorte que vous pouvez rapidement faire quelques effets. Revenons donc à notre tableau d'art et nous allons simplement créer des formes de base et créer une barre supérieure ici sur la bordure de clic, puis juste regarder une barre et disons que nous voulons ajouter un logo en haut. Donc, ce que nous allons faire, vous pouvez apporter n'importe quel élément en le faisant glisser depuis votre bureau et en le chargeant dans l'espace ouvert et en ajustant l'image si vous voulez apporter un élément vectoriel. Donc, disons que nous voulons apporter notre logo. Je vais prendre ce fichier de logo et je vais prendre le blanc parce qu'il va mieux apparaître au-dessus d'une frontière. Et je vais juste copier. Et si vous le collez ici, il l'apportera automatiquement. Si vous voulez l'agrandir, maintenez la touche Maj enfoncée et faites-la glisser pour l'agrandir. Nous pouvons copier et coller des objets extrémités, ou vous pouvez les faire glisser dans. Et s'ils sont des objets vectoriels, ils restent vecteurs, ce qui est vraiment sympa. Donc, disons que nous voulons créer un système de menu rapide. Ils ont un outil de type comme n'importe quel autre outil. On va aller de l'avant en tapant beaucoup d'un, et on veut agrandir ça. Donc on est ici dans notre panneau de texte quand on va juste agrandir ça, le remplir, le rendre blanc, et on pourrait changer toutes sortes de choses. On peut changer l'espacement entre les caractères. On pourrait changer le début ou l'espacement entre les lignes. Quelques options d'alignement différentes. Il y a toutes les majuscules. Il y a un sous-script, tout ce que vous voyez dans une zone de texte normale. Donc, disons que je veux avoir quatre éléments de menu différents que je peux faire le long chemin et copier et coller ou faire un Knop sh dans glisser et créer pour, comme, comme, ceci et puis une sorte de Maine et nous trouvons l'espacement. Ou il y a une chose vraiment cool qu'ils aient un adobe x t qu'ils n'ont pas d'autres programmes adobe, et c'est quelque chose appelé la grille de répétition. Donc je vais cliquer sur cet outil de grille de répétition juste ici pour répéter la grille, et je vais pouvoir étendre ça, et il va le copier encore et encore, comme un modèle. Alors 123 Allons-y et faisons cinq. Pourquoi pas ? Et avant de regrouper la grille ou de faire quelque chose comme ça, ils ont une zone où vous pouvez ajuster l'espacement ou le rembourrage ou la gouttière. Je suppose que vous pourriez dire changer la gouttière sur ceux-ci aussi, pour que je puisse l'étendre jusqu'au bout. Était génial à ce sujet est que je peux changer la taille de la police sur ce 1er 1 Il va le changer globalement. Donc, si je ne voulais pas faire tous ces petits, je fais juste 22 et ça les rend tous plus petits. Et c'est juste vraiment cool parce que vous pouvez le faire horizontalement ou vous pouvez le faire glisser verticalement, et maintenant vous pouvez créer autant de roses qu'il a gagné aussi. C' est donc parfait pour la création et la mise en page de plusieurs colonnes, et nous voulons que les colonnes soient de la même taille. Disons qu'on a une boîte ici. Nous aurions une mise en page de trois colonnes. Faisons un Phil gris clair, et nous voulons faire quelques coins arrondis pour le rendre agréable et lisse. Nous avons la même chose que nous avons illustrée. L' outil de coin arrondi faisait le tour des coins. Et disons que je veux répéter cela trois fois, cliquez sur la grille de répétition et répétez-la comme ça. Et puis je pourrai y retourner et étendre les gouttières. Et j'ai une disposition de grille à trois colonnes juste comme ça, et vous remarquerez que j'ai des guides intelligents sur C'est activé par défaut. Ça va m'aider à trouver le point central des documents ou juste il y aurait le point central Il vous indique aussi les tailles de pixels en haut en bas. Donc vous avez remarqué comment les zones roses changent quand je l'évoque de haut en bas. Et aussi vous pouvez voir le pixel, nous Ah, gouttière à gauche et à droite aussi bien. Il est donc très, très utile de connaître la taille de votre document global en termes de pixels de cette façon. Alors quoi ? Sam, je suis prêt à désoigner ça. Je suis prêt à les déplacer dans différentes formes et tailles. Je peux simplement aller à la grille non soignée, et maintenant ils sont des actifs individuels et je peux les changer. Et ils ne changent pas globalement là leurs propres actifs individuels. C' est donc probablement l'une des raisons les plus fortes et les meilleures pour utiliser Adobe X'd. C' est un outil de grille de répétition ? Vous pourriez faire la mise en page Web ? Super duper rapide votre système. Disons que nous voulons changer la gouttière Sack qui dans et sur le groupe de la grille, et maintenant ils sont individuels aux actifs de menu. Donc, si je voulais en faire un un peu plus grand, je peux sélectionner celui-ci et le rendre audacieux Helvetica et avoir que ce soit un autre type de système de menu et aussi avec des icônes. Nous pouvons prendre un rythme de copie Nikon cette icône juste ici, et nous pouvons même changer la couleur de l'orteil blanc. Donc nous avons ceci ici où vous pouvez avoir Grady INT et Adobe X'd. Ce qui n'était pas le cas avant. Mais maintenant, vous pouvez argumenter pour créer une forme de base. Allez à remplir et vous remarquerez que vous avez une option déroulante lorsque vous cliquez sur vos montres doubles clickers afin qu'ils puissent faire une couleur unie, une radio ou un radiant linéaire. Donc, si vous voulez faire un radiant linéaire, vous pouvez et vous pouvez également changer la direction de cela aussi bien. Donc, ce que nous voulons faire avec leur icône que nous avons en elle sauvé automatiquement les petits INT Grady que j'ai ici. Nous voulons le faire apparaître. Les icônes blanches étaient de sélectionner notre icône dans ce commutateur à distance, le radiant à une couleur unie, et il y a son icône blanche. Et donc, pour les grilles, ce que vous voulez faire est de sélectionner le tableau d'art supérieur, et quand vous sélectionnez le nom du tableau d'art supérieur, vous aurez un type supplémentaire de zone d'options juste ici sur votre droite. Ça va être une grille froide. Nous pouvons cliquer sur la grille, et ça va nous donner une disposition standard de 12 colonnes avec une sorte de gouttière standard, et vous pouvez changer la gouttière avec de sorte que vous pouvez faire la gouttière avec beaucoup plus dramatique ou vous pouvez la serrer et vous n'ont pas seulement la disposition des colonnes. Vous avez également un module carré standard modulaire. Je suppose que vous pourriez dire grille où vous avez juste les carrés, ce qui pourrait être utile lorsque vous faites des détails de mise en page très fins. Mais je vais m'en tenir à cette disposition de 12 colonnes. Vous pouvez changer la couleur afin qu'il ne soit pas le fort, sorte qu'il peut continuer à concevoir et ne pas avoir interférer avec quoi que ce soit pour l'éteindre, sélectionnez le nom et simplement déclipser cred. On pourrait simplement faire glisser une photo ici, puis la redimensionner en regardant dans les coins. Si vous voulez juste autour d'un coin, maintenez la touche. Option la touche d'option, et vous pouvez simplement faire un coin à la fois afin que vous puissiez apporter une photo juste comme ça, où nous pouvons le faire dans un conteneur qui tout ce que vous à faire est de créer une forme. Donc, disons que nous avons l'outil de stylo et que nous voulons créer une sorte de, ah bizarre ob trieurs de forme longue créant une forme, rien de trop fantaisie. On pourrait revenir en arrière et éditer les poignées si on le voulait. Disons qu'on veut le traîner dans ce genre de forme bizarre. Donc ce qu'on va faire, c'est faire glisser la photo sur n'importe quelle forme, et elle a une récolte pour nous, ce qui est plutôt sympa. Vous pouvez double-cliquer sur l'image pour changer la position ou cliquer sur et changer la forme entière en même temps afin que vous puissiez apporter des photos. De cette façon, vous pourriez amener un homme en utilisant des boîtes standard. Tu pourrais faire ça. Vous pouvez créer une grille de répétition, avoir une mise en page d'image à trois colonnes, et ils peuvent faire glisser des photos directement sur Boom. Et lorsque vous créez une grille de répétition, elle mettra la même image dans chacun d'eux. Ou vous pouvez débloquer le groupe de la grille et le maintenant leurs cases individuelles, et vous pouvez les changer afin que je puisse voir à quel point il est facile d'utiliser Adobe X'd. Et maintenant ce sont des éléments de boîte individuels, et nous pouvons ajouter le type et en parlant de type, nous avons un outil de type standard. Nous pouvons cliquer et faire glisser et créer une zone de type si nous voulons avoir beaucoup de lumière de type différent . Donc, disons que nous avons beaucoup de genre ici. Nous faisons notre zone de texte, mais nous avons notre zone de type que nous pouvons réduire et faire des colonnes d'informations. Vous pouvez également cliquer simplement au lieu de cliquer et de faire glisser pour créer un texte de zone. Boxers comme ça, nous pouvons cliquer une fois et créer une seule ligne de type. Donc le titre va ici. C' est génial pour les gros titres, et alors vous pourriez prendre ce petit élément et il peut le rendre plus grand. Ou tu pourrais agrandir ici ou faire ce que je fais. Et il y a un petit raccourci que Ideo, qui est le changement de commande à droite et à gauche plus grand que dans moins de signes, c'est Cat m'aide à changer. C' est juste un raccourci clavier. Ce sont les gros titres. Vous avez donc deux corps de type différent de l'outil de zone de type. Ensuite, vous avez juste une boîte de type standard ainsi que pour les titres. Si vous voulez faire manuellement des sauts de ligne sur les titres, vous pouvez et vous pouvez aller ici et changer l'espacement. Changer cela à 99 et l'aligner Donc vous avez vos outils de ligne qui sont vraiment bons. Vous aider à accrocher à la grille. C' est donc l' essentiel d'Adobe X'd. Ce n'est rien. Rien pour Berlian n'est excitant. On va faire une mise en page très soignée ici dans une minute. Mais je voulais donner à ceux qui n'ont jamais été dans Adobe X'd, ah, chance d'apprendre les bases mêmes que nous allons parler des actifs et la création sont différents actifs et aussi nos styles de personnages, composants et couleurs. Nous allons parler de cette guerre dans le projet, mais c'est les bases mêmes. Donc, disons que nous voulons créer une deuxième page, c'est comme s'ils cliquaient sur Menu un et ils iront à une autre page. Ce que vous allez faire, c'est qu'on va utiliser l'outil de tableau d'art, qui est l'un de ses derniers outils à utiliser et qu'il suffit de cliquer sur l'outil de tableau d'art. Et ils vont pouvoir cliquer et faire glisser et créer la taille que vous voulez, ou vous pouvez double-cliquer à proximité. Si vous double-cliquez, il copiera la même taille de tableau d'art double clic ou simplement cliquez une fois et nous pouvons en créer autant que vous le souhaitez. Vous pouvez créer toutes sortes de sous-pages différentes de votre conception, puis vous pouvez lier toutes ces pages. Finalement, ça va être en mode prototype. On n'abordera pas ça dans la section très basique fera ça. Lorsque nous le ferons, notre projet sera en mesure de le faire aussi avec des actifs. Nous allons parler des actifs dans le projet où nous pouvons créer des liens globaux, créer des styles globaux, couleurs globales. Donc, si vous changez une couleur ici, elle les changera sur tous les tableaux d'art en même temps. C' est donc un outil Adobe X'd très utile. Alors maintenant que nous avons couvert les bases mêmes, passons directement dans notre projet. 52. Page d'accueil site Web dans Adobe Xd - Démarrer: donc j'ai un titre que nous allons utiliser pour la page de destination. Nous avons également ce bouton vidéo de montre que nous avons besoin d'incorporer dans cette moitié supérieure de la conception. Alors commençons à apporter certaines de nos couleurs. Donc nous avons nos couleurs ici que nous pouvons ajouter et nous sommes dans le panneau des actifs, donc vous arrivez à des actifs en cliquant juste ici dans les actifs allaient cliquer sur les actifs, et nous allons lier certains de ces actifs. Nous allons apporter toutes nos palettes de couleurs que nous avons développé un illustrateur adobe et nous allons juste obtenir un double clic sur notre nuance et saisir ce code hexadécimal et apporter le code hexadécimal ou encore mieux, faire ça un par un pour tous ceux. Ou nous pouvons simplement copier coller ceci ici et disons que ces échantillons d'air déjà. Laisse-moi juste créer des vies. montres de ça, c'est d'obtenir l'outil pipette que nous enlevons de la frontière. On va juste avoir un Phil normal. Donc, tous ces leurs vies regarde et voit l'outil pipette à échantillonner. Je vais le mettre dans un ordre de couleur basé sur la nuance qu'ils sont, je pourrais sélectionner tout ça. Je vais le mettre dans un ordre de couleur basé sur la nuance qu'ils sont, C' est ce qui est vraiment cool. Donc tous mes différents échantillons sélectionnés qui peuvent cliquer sur ce signe d'édition. Il va entrer automatiquement tous les codes hexadécimaux ici pour nous. Tout ce que j'avais à faire est de créer une nuance, puis cliquez sur ajouter, et vous pouvez l'ajouter à la liste. Disons que je crée une nouvelle couleur. Mike, je veux une couleur différente pour ça. Allons-y, Ah, Ah, une autre nuance de bleu plus foncée. Donc, disons qu'un ajouter ce que je vais devoir faire est d'avoir ce clic sélectionné sur ajouter, et vous allez l'ajouter à vos styles globaux afin que vous ayez toujours accès à votre palais. Ou vous pouvez cliquer avec le bouton droit de la souris et la supprimer si vous ne voulez plus cette couleur. Donc, nous sommes un peu plus larges en amenant nos actifs lentement. Donc je me suis dit, ce que nous faisons c'est avoir un fond très lumineux, vif et coloré. Je veux vraiment attraper les gens. Je ne veux pas utiliser beaucoup de blanc ici parce que je veux vraiment attraper les gens et avoir de la passion et de l'amour et beaucoup de violets de pont profonds qui se passent. Alors, prenons notre outil carré et créons simplement un arrière-plan. allons sur Cliquez sur la bordure et ce que nous pourrions faire est que nous avons nos palettes de couleurs ici que nous pourrions sélectionner. On pourrait envoyer ça jusqu'à l'arrière. Nous voulons probablement rendre notre type blanc. Nous pourrions même ajouter que comme une couleur blanche juste pour qu'il puisse facilement sélectionner cette couleur. On n'a pas à aller jusqu'ici. Cette montre. Et si on ajoutait un peu radieux à cette cause ? En ce moment, c'est juste une seule couleur plate. Et si nous avons sélectionné Phil et nous sommes allés ici et au lieu de la couleur unie, faisons une radio Grady int et les couleurs de sélecteur de plomb. Donc, pour la couleur supérieure que je voulais être sont très lumineux, couleur vive. Et là, j'aimerais que ce soit notre couleur plus profonde. Ça va prendre la bonne ou celle qui sera ici et le rendre légèrement plus sombre, juste comme ça, pour créer un environnement riche comme ça. Donc nous avons juste une radio, granuleuse sur notre tableau d'art, et maintenant allons de l'avant et mettons tout le texte de base parce que je ne veux pas faire trop de graphiques jusqu'à ce que nous trouvions le texte, qui est le numéro un chose la plus importante avec la conception de mise en page et le web est d'obtenir ce texte dans la bonne position et la bonne taille en premier. Ensuite, nous pouvons ajouter toutes ses photos et illustrations, donc nous manquons notre logo. Donc, comme nous l'avons appris, nous pourrions simplement copier le logo au format vectoriel dans Illustrator et simplement le coller directement dans, nous voulons trouver la bonne taille pour un logo, et vous devrez peut-être maintenir la touche Maj enfoncée pour l'obtenir à l'échelle dimensionnellement. Je veux m'assurer que nous avons une belle marge. Nous ne voulons pas avoir un trop serré ou trop près du bord, donc nous allons essayer de trouver sa bonne marge, et c'est à ce moment que basculer sur nos grilles va être une bonne idée. Donc, la sélection de nos tableaux d'art pourrait un bascule sur la grille. C' est notre standard de 12 colonnes. Mise en page typique, vous voyez. Donc je vais garder cette gouttière par défaut standard commencer à trouver des moyens de cogner tout ça ensemble, alors n'hésitez pas à activer ça autant que vous voulez. Les grilles vous aident vraiment à trouver ça. Positionnement. Allons de l'avant et ajoutons le système de menu. On va le faire en utilisant des outils de grille de répétition. On va chercher son outil de type. Que faire menu Une fois que c'est l'élément de menu un, c'est un texte extrêmement volumineux, donc je vais juste réduire la taille. On pourrait aller essayer 22 points, et parfois c'est une grande fenêtre de navigateur. C' est comme 1920 pixels, donc parfois il est agréable de zoomer pour obtenir une meilleure perspective de taille. Apportons ça. C' est donc la taille de 22 points et je dirai que je veux l'obtenir parfait. Alors, nous allons utiliser notre chemin de fer et au lieu d'une lumière. Faisons un chemin de fer moyen moyen et disons que je veux répéter cela Au lieu d'avoir à copier et coller, je vais utiliser notre outil de grille de répétition, cliquer sur la grille de répétition et nous allons le faire glisser et créer 12 Faisons quatre éléments de menu. Qu' est-ce que c'est un bel espacement. Entre eux était 2 50 pixels d'espacement, et nous pouvons, bien sûr, parler le long de notre grille pour trouver le bon placement de notre menu. C' est un peu plus que de traîner ici. Je voulais faire des bosses, mais je voulais aller au-delà de ce caniveau. Il nous a aussi traînés pour trouver le point central entre le logo et le type, et là il est, juste là, juste en faisant glisser jusqu'à ce qu'il sorte de clics dedans. Il y a donc notre mise en page de menu de base. dire que vous voulez avoir une sorte de lignes diagonales ? Créons ça. En utilisant un outil de ligne, j'allais créer une ligne très simple pour laquelle nous pourrions avoir besoin de zoomer. Cela crée une ligne droite simple. Vous pouvez maintenir la touche Maj enfoncée pour créer une ligne agréable, simple et parfaitement droite. Faisons une belle casquette entourée pour ça et en faire notre couleur blanche. Ou on pourrait en faire une sorte de couleur blanc cassé si peu de notre violet clair. Ce ne sera pas si tu l'as fait blanc. Il rivaliserait avec le type, mais si on en fait un peu, un blanc cassé qui correspond à l'arrière-plan, c'est un peu plus léger. Il ne rivalise pas autant, alors zoomant. J' ai peut-être besoin de faire ça. Vickers. Faisons un poids à quatre temps ou même trois. Nous pouvons utiliser l'outil de grille de répétition ici à nouveau pour nous sauver en quelque sorte d'avoir une copie. Tout ça, on va avoir besoin de trois lignes de démarcation. Et nous allons changer la gouttière sur cela trop juste là et nous pouvons détoiler la grille, et maintenant ils sont traités comme des petits éléments individuels. Nous pourrions changer l'espacement ici de sorte que parce que maintenant c'est un espacement égal entre chacun . Mais notre genre est un peu plus long. Alors nous allons regrouper la grille ici. Et je vais juste déplacer quelques-uns de ces éléments ensemble pour qu'on n'ait pas autant espacement. Nous sommes vraiment juste nos idées, vraiment mettre le design en marche pour que nous n'ayons pas besoin d'être aussi technique. À ce stade, nous pouvons vraiment faire approuver la conception en premier, et ensuite nous pouvons obtenir vraiment technique sur l'espacement et les pixels et tout ça. Alors ajoutons une petite icône à la maison parce que nous avons cela disponible. Et je pense que les icônes et les indices visuels sont toujours utiles quand il vient orteil juste avoir du texte brut ou avoir un repère visuel ou une icône avec elle aide toujours. Alors prenons notre icône de la maison. Allons-y et faisons-le blanc parce qu'on sait qu'on veut l'avoir blanc. Faisons une nuance blanche. Donc maintenant, quand je le copierai et le collez, c' est déjà la couleur que nous aimons et je vais juste la rendre plus petite. Alors amenons notre icône à l'intérieur. Il fait un peu plus petit et le cogner ensemble juste là. Maintenant, nous avons une petite icône de la maison. Nous avons notre menu. Regarde à quelle vitesse ça se rassemble. On va aller de l'avant et faire une pause et on va faire la photo ensuite. 53. Page d'accueil site Web dans Adobe Xd - Photos: avant d'apporter la photo. Faisons encore une chose. Créons un peu un Mais ici, nous allons vouloir avoir une vidéo de bouton de montre pour ne pas rendre plus grande que le titre. Le titre est généralement en premier, il est en train de le rendre légèrement plus petit. Les mots commençaient à établir une hiérarchie de types, et nous pouvons sauvegarder tous ces styles et nos styles de caractères lorsque nous avons tous terminé avec la première page . Ainsi, lorsque nous créons toutes les autres pages, nous pouvons facilement adapter nos styles et tailles de personnages. Créez un bouton. On va juste chercher un outil de rectangle, créer un bouton. Envoyons cela en arrière dans le système de superposition et en faisons une couleur à contraste élevé. Donc, si nous devions en faire cette couleur claire qui éclate plutôt bien. Mais c'est dans la même famille de couleurs, et donc il n'a pas autant de contraste. Essayons donc de faire cette couleur de pêche qui pourrait avoir beaucoup de contraste là-bas. Il va falloir changer le type pour que ce bouton m'apparaisse vraiment. Nous voulons vraiment que les gens regardent la vidéo. Faisons quelques beaux coins arrondis à cela. On ne veut rien de trop dramatique. Peut-être qu'une pilule en forme pourrait fonctionner ou simplement faire une légère cause. Ce qui était populaire, c'est à ce sujet. Dans le passé, je reçois un clic hors de la frontière, et maintenant nous commençons à voir plus de gens. Vous avez des bords droits ou une pilule. Tellement dramatique ou pas, vous ne voyez plus beaucoup de gens utiliser ça entre les deux formes de pilule. Alors allons soit dramatique, soit jusqu'au bout. Donc, nous verrons quel style fonctionnera quand nous commencerons à intégrer certaines des autres illustrations. Et ce pourrait être le style arrondi fonctionnera. Mais faisons ça pour l'instant. Nous voulons rendre cela agréable et audacieux, ou vous savez que l'attente pourrait marcher assez bien. Alors rendons le bouton encore un peu plus petit. Alors prenez les deux éléments. Vous pouvez même regrouper les éléments que je regroupe ce bouton créé. Je n'ai pas fait l'outil de zone de type parce que les outils de type vont agir différemment lorsque j' essaie de redimensionner le bouton. Donc maintenant, je peux soit le faire pour redimensionner ou je peux prendre ces deux éléments et simplement maintenir le décalage enfoncé afin qu'ils puissent mettre à l'échelle dimensionnelle. Nous avons donc développé une sorte de police que nous pouvons utiliser pour le titre alors. Voyons à quoi ressemble Pacifica. Et c'est là que nous devons être très prudents ici. Donc c'est très serré. Alors relâchons l'espacement entre les caractères ici dans notre panneau de texte. Et ce que je trouve ici, c'est qu'il y a beaucoup de concurrence entre le logo et le titre , donc nous pouvons soit faire un seul mot correspondant au titre de Pacific Oh, et faire le reste du visage très simple et serré. Ou nous pouvons prendre notre police de caractères de chemin de fer et simplement utiliser plus d'avion. Visage plus épais et serré. Attendez. Tu ne veux jamais rivaliser. Vous ne voulez jamais avoir des éléments qui se battent les uns contre les autres. Donc, si nous utilisons extra gras et puis resserrons à nouveau l'espacement, alors disons que nous le faisons. Peut-être 104 Un bon espacement qui le rend moins compétitif avec les combats, parce que c'est une partie très forte du logo. Nous ne voulons pas rivaliser avec elle, ou vous pouvez faire un mot que Pacific. Oh, si tu peux le faire fonctionner. Mais pour l'instant, gardons les choses simples. Il pourrait y avoir une autre chance pour nous de travailler dans ce Pacifique. Oh, pas nécessaire. Mais c'est un atout ou une autre police que nous avons choisie que nous pouvons utiliser. allons donc apporter une illustration ou une photo ou une sorte d'élément ce que je veux apporter car nous avons cette bulle vraiment cool que j'ai pensé qu'il serait nécessaire d'apporter cette bulle dedans. Et en voici un peu raffiné avec le genre de couleurs que j'aime et, vous savez, vous savez, nous venons de créer ça en utilisant Adobe Illustrator. Ce que je peux faire est de le copier et de le coller, et je veux en faire un grand genre de faire un élément d'arrière-plan ici, et je vais juste l'envoyer à l'arrière dans le système de superposition pour commander le crochet gauche. Renvoyez-le jusqu'ici. Donc, je veux juste vraiment mettre en évidence le logo, mais aussi le titre. Et donc il se distingue vraiment parmi ce Grady int C. Donc, il est capable de vraiment le définir. Je veux apporter une photo de gens amoureux, sorte de photo pour lier tous ces éléments ensemble et je veux en quelque sorte utiliser la même forme arrondie. Je vais être illustrateur. Et chaque fois que vous avez des outils Grady int de forme libre et que vous utilisez ce genre d' effets spéciaux et illustrateur parfois lorsque vous copiez et collez à la forme dans son ne va pas permettre de l'utiliser comme un conteneur de photo comme nous pouvons d'autres formes qui créent dans Adobe X On va faire ce genre de forme plus plane et c'est un peu différent. Donc, nous avons à Différentes formes ne se limitaient pas à copier, coller la même forme. Je vais juste copier ça. C' est une couleur unie, il n'y a pas d'effets dessus, et on va pouvoir l'utiliser comme un conteneur. Alors prenons la photo que j'ai déjà choisie sur les pixels et faites-la glisser, et elle va aller de l'avant et la recadrer pour moi, et je peux double-cliquer et changer. Le positionnement a un tir plus serré sur les tourtereaux. Nous n'avons pas autant besoin des montagnes que des gens. C' est le point de connexion émotionnelle juste là. Maintenant, nous pouvons cliquer dessus et faire glisser ça ici. J' aimerais que ces orteils se chevauchent en quelque sorte. Maintenant, vous avez ces formes qui se chevauchent, et nous pouvons ajouter de l'ombre à ce calque au calque photo. Si nous le voulions. Faisons en sorte qu'il soit plus large pour que vous puissiez le voir. C' est sur ma section d'ombre pour en faire une petite ombre là, donc il y a une sorte de mise en forme de base. Faisons en sorte une photo plus serrée, et nous pouvons également changer la forme un peu ici. Peu de flexibilité avec ça maintenant, comme comment ce genre de saignement s'efface donc on dirait qu'il est continu au lieu de juste comme avoir cette forme de culture parfaitement saignée. saigner en quelque sorte lui donne ce regard continuel. Donc ce bouton, je ne suis pas convaincu que le noir est le bon choix de couleur parce que vous avez ces belles Hughes est des couleurs de ton bijou, les couleurs de coucher de soleil, et vous avez ce noir et il semble juste terne. Voyons si nous ne pouvons pas trouver une bonne couleur qui va bien paraître sur la Peach et compléter une partie du violet. Allons dans notre liste. Ici, nous avons ce violet profond qui pourrait très bien fonctionner, juste comme ça et aussi les icônes les utilisent. Les icônes sont fantastiques. Les moyens d'ajouter des points de contact supplémentaires pour les utilisateurs sont des repères visuels pour les utilisateurs. Alors regardez la vidéo. Il se trouve que nous avons maintenant fantastique petite icône de jeu ici et nous changeons toujours cet orteil tout blanc, parce que je crois qu'il sera continuellement sur tout blanc. Faisons-en la couleur pourpre que nous avons déjà, et je pense que cela aide vraiment à le sortir. Nous pouvons également ajouter un peu d'ombre à notre bouton ici, faire un peu flou la petite dimension de notre bouton. Nous pouvons aussi faire la même chose à notre genre. Et passons à zéro et faisons juste un peu flou là-dessus. Rien de grand, rien d'énorme. Nous pourrions également changer l'opacité de n'importe quel objet. Disons qu'on pense que c'est trop fort. Nous pouvons changer le sur l'apparence. Nous sélectionnons l'objet. On pourrait changer l'apparence, l'opacité à tout moment pour le rendre moins fort. Mais nous voulons réduire la capacité, ces petits changements subtils. Bien sûr, nous devons basculer sur notre grille de temps en temps et voir comment tout va s'aligner . Donc il y en a. Ça se rassemble. Affaiblir ces éléments ensemble, nous pouvons les expédier, changer la taille. C' est une excellente page d'atterrissage. Nous avons un appel à l'action. Nous avons une hiérarchie de types claire. L' appel à l'action cliquera sur une vidéo qui apparaîtra afin qu'ils puissent regarder une vidéo et obtenir une belle introduction du processus et du site web. Et c'est vraiment ce que nous voulons faire, c'est le conduire à la vidéo parce que la vidéo se convertit vraiment bien. Donc, chaque fois que nous pouvons obtenir de la vidéo sur la partie supérieure d'un site Web, la meilleure vidéo se convertit toujours vraiment bien parce que si vous pouvez répondre à tant de questions avec une simple vidéo d'une minute par opposition au type et aux photos, cela peut prendre beaucoup pour expliquer ce que vous pourriez facilement expliquer en vidéo. Donc, la vidéo est vraiment importante pour cette conception. C' est le principal moteur de cette conception 54. Page d'accueil site Web dans Adobe Xd - Détails de la page d'accueil: ont dans notre page de destination. Nous devons également décrire son processus dans le texte. Pas seulement avoir la vidéo et c'est tout. Nous avons également besoin d'un bouton d'inscription à Nous devons être en mesure d'amener les gens à aller sur le site Web principal afin qu'ils puissent réellement se connecter et créer un compte. Donc, une chose que nous voulons faire est que nous voulons que ce soit scroll herbal parce qu'en ce moment, il est juste la moitié supérieure de la page sont au-dessus du pli, comme les gens de l'industrie l'appellent et nous voulons étendre cela à la baisse. Donc, nous allons sélectionner le tableau d'art. Le nom va nous donner une chance d'étendre ça. Il va être capable de doubler la taille et de l'avoir Scroll. On pourrait faire des sites parallèles. De cette façon, vous pouvez le faire défiler jusqu'au bas. Vous pourriez voir cet exemple ici en quelque sorte où je vous peux faire défiler tout le long, donc nous allons juste avoir besoin de doubler la page parce que nous voulons avoir une section sur le processus, puis un bouton. Donc on n'a pas besoin d'avoir quoi que ce soit trop longtemps. Alors ajoutons un peu de notre processus ici. Et nous avons quelques icônes que nous pouvons utiliser pour nous aider à expliquer le processus. Et nous avons notre superbe petite illustration que nous voulons ajouter en quelque sorte. C' est comme un peu de saveur. Prenons celui que j'ai fait plus tôt. C' est une sorte de couleurs un peu plus claires parce que quand je le mets sur le fond blanc, je pense qu'il se fond vraiment bien. Donc je vais juste apporter ça. Je peux le copier et le coller directement dans Adobe X'd. Et nous avons une belle illustration, vraiment aidé à attirer les utilisateurs dans ce que je vais faire. Il doit faire le changement de commande. Je maintiens la commande enfoncée et le décalage, puis je fais glisser. Si vous faites glisser un élément multicouche ou groupé à partir d'Illustrator et que vous ne tenez pas ces touches, cela va les redimensionner un peu funky. Donc, faites simplement le décalage de commande et ensuite faites glisser le fera de manière dimensionnelle s'il s'agit d'un objet multicouche dans Illustrator. Donc maintenant, nous devons avoir une mise en page de trois colonnes. Nous avons un processus en trois étapes que nous devons faire, vous devez expliquer. Alors, continuons et créons notre mise en page à trois colonnes. Mais une chose que je voulais faire en premier est d'aller de l'avant et de copier ceci. Enlève l'ombre et amène notre violet profond et j'ai besoin d'un titre ici. Alors faisons notre processus et nous commençons à développer que la hiérarchie visuelle et les hiérarchies de types sont exactement ce que nous faisons. Nous établissons la taille de police dont nous avons besoin pour un titre. Quelle taille de police nous avons besoin pour la prochaine étape en bas titre. Et on fait ça maintenant. Donc, ne rivalisons pas avec le titre principal. Faisons un bon, euh, moyen, peut-être même une lumière. Il fait une lumière et rend un peu plus petit. Nous n'avons pas besoin d'avoir la même taille que leurs gros titres. Donc c'est notre H, notre titre principal. Cela pourrait probablement être Rh deux, qui est le titre des choses après le titre principal, donc établir cette hiérarchie de types. Ok, alors faisons notre mise en page en trois colonnes. Donc, je pense que j'aimerais avoir des icônes avec des cercles en lui, donc nous devons créer nos éléments de type et une façon de le faire est que nous pourrions faire une grille de répétition et le rendre plus facile sur nous-mêmes. Alors essayons ça. Nous avons notre une petite icône ici, un outil type zone outil outils. Nous allons cliquer et faire glisser à propos de la zone que nous voulions avoir été entrer dans notre texte. Peut-être que c'est H 2. Prenons un H 3 et faisons un petit titre ici. Donc, prenez le test est le titre principal de cette colonne. Rendons ça encore plus petit. Alors faisons-le. On va essayer quelques tailles ici. Essayons 45. Essayons 45. Essayons un alignement central et nous devons établir une copie corporelle ou quelques copies de paragraphe , donc ce sera votre P. Si vous êtes habitué à coder en CSS, ce sera votre P ou votre copie principale du corps. Donc, nous voulons faire. Cela peut être un gris clair, et nous voulons le rendre significativement plus petit. Ce sera votre plus petit, un de votre plus petit type sur le site. Ce sera une sorte de ce que vous liriez le paragraphe chaud, et nous allons réduire l'espacement là-dessus. Nous n'avons pas besoin d'autant d'espacement et ajustons notre colonne. Donc nous commençons à établir ce type de parc encore plus. Nous avons déjà un H un et H deux et H trois dans une copie de paragraphe. Parce que ce type de taille, je pense que c'est 33. C' est assez grand. Nous verrons si nous ne pouvons pas faire 25 et puis nous avons effondré ça donc juste tester certaines tailles sur la bonne taille. Faites la ligne centrale. Vous avez quelques options d'alignement ici lorsqu'il sélectionne plusieurs objets sur une ligne centrale. Et faisons notre outil de grille de répétition Dandy pratique. Répétez ça deux fois. 12 effondre les colonnes. Alors faisons traîner ses icônes. Donc, pour passer le test. Je regardais les icônes que nous avons développées dans la classe et je pensais à celles qui aideraient vraiment à compléter l'article. Donc, la première étape est de passer un test. Alors quoi ? Je pense que c'est un test. Je pense à un crayon, quelque chose comme ça. Donc ce que je vais faire, c'est que je vais me faciliter la vie. Donc je vais m'assurer que je vais aller sur le chemin. Je vais décrire le coup sur ça parce que quand on l'amènera sans le coup, contour. Il va vous aller pour être en mesure de changer encore le coup dans Adobe X'd, mais cela rend juste re dimensionnement un peu difficile. Donc, je ne fais que décrire le coup. Prends une copie. Fais ce blanc. Bien sûr, j'ai déjà ceci pour vous dans ce guide. Nous fabriquons tous ces blancs pour qu'il puisse facilement l'amener. Faisons cette copie blanche et collez-la pour passer le test. Glissez-le juste ici. On va faire la même chose et trouver des icônes pour la prochaine étape. Donc, nous devons trouver l'icône pour la deuxième étape, qui est ? Ils recherchent l'étape de la base de données, donc ah, la loupe fonctionnerait parfaitement pour ça. Copions-le et collons-le dans. Et puis enfin, commencez une conversation qui serait votre petite bulle de discours Micklewhite, Copier et Coller. Ça ne me dérangerait pas de rendre ça un peu plus vieux, alors voyons si je ne peux pas allumer la lumière. Rendons ça régulier juste un peu peur qu'il ne soit pas vu très bien à distance. Alors faisons ça et faisons juste quelques petits ajustements de type. Faisons ça un 40. Il faut juste établir son type. C' est quand on le fait comme ça. Donc nous commençons à faire quelque chose ici. Laisse-moi voir si je peux ajouter un peu plus de contraste qui va faire ressortir ça. Nous faisons notre grille, assurons que tout est en quelque sorte aligné parfait. Et ajoutons un peu de couleur ici ci-dessous. On pourrait juste copier et coller le disque rayonnant, en descendant ci-dessous. Ça rend un peu plus léger. Nous pourrions faire cette couleur ou cette couleur juste une sorte d'apporter un peu de couleur qui continuerait sur. Ou ce serait un pied de page. Vous aviez des coordonnées de pied de page là-bas, et j'aime ce look arrondi. Et c'est une sorte de continua thème continuel tout au long de tout cela. Donc, n'avons pas de bords droits ici. Je me demande presque si on peut l'incliner un peu. Donc, il suffit de pêcher ce haut, en l' élargissant juste un peu d'angle. Qu' est-ce qui correspond à l'endroit sur un ? Juste un petit angle. Rien de trop excitant. Quelque chose pour secouer cette grille parfaite ressemble juste un peu de blanc et peut-être aller dans le coin juste un peu plus à ce sujet. Donc juste un peu de voir la conception globale et capable de prendre quelques décisions de conception maintenant que je vois tout ensemble en veillant à ce que nous ayons assez de marge pour tout notre type. Donc voici ce que nous avons fini avec très rapidement été en mesure de mettre tout cela ensemble. Nous avons un menu, nous avons une photo, un titre. Nous avons un type de Harkey établi, et maintenant nous pouvons commencer à tout mettre en place. Donc, nous avons toute la configuration des couleurs, et maintenant nous voulons aller de l'avant et mettre en place notre type Arche pour que nous n'ayons pas mis en place. Alors, comment l'enregistrer pour que lorsque nous commençons à créer d'autres pages, il sera très facile de cliquer et d'obtenir la même taille exacte sur chaque page. Donc, ce que nous voulons faire, c'est que nous avons des styles de personnages ici. Nous allons ajouter ça de la même façon que nous avons fait nos atouts ou nos atouts de couleur. Disons que nous voulons sauver ça. Nous aurions ce titre exactement comme il se passe. Nous allons mettre en évidence ce titre et cliquer sur Ajouter aux styles de personnage et va l'ajouter fer 107 points. Donc, si j'ai une autre police de caractères, je peux cliquer dessus. Il fera automatiquement la même taille afin que nous puissions re le titre. J' aime en faire un. Ça va être ton gros titre, H 1. Donc maintenant nous avons besoin de son âge à qui va être croyant traiter un seul ici. On va ajouter ça. Et puis nous avons un H 3, qui devient un peu plus petit, ce qui est juste ici. Donc je vais mettre en évidence ça et à ça. Et ça va être H 3. Donc, nous sommes juste en train d'établir ceci pour que lorsque nous faisons d'autres pages, nous ayons tout cela établi. Lorsque le développeur veut savoir quelle taille de police utiliser pour h deux, vous pouvez lui dire tout cela. Tu pourrais lui dire les codes hexadécimaux. Tu pourrais lui dire les tailles aussi. Des polices de caractères. C' est notre copie corporelle juste ici. Donc, nous allons avoir cet appel que p pour paragraphe, fondamentalement votre copie corporelle et la conception d'impression, mais Web design le Collopy. J' ai un parc de type très basique. Il peut continuer, continuer avec encore plus. Mais je pense que c'est probablement un bon départ. Nous avons nos couleurs. Nous avons établi notre hiérarchie de types. Nous avons même des composants qui arriveront à la prochaine, ce qui est de sauvegarder les icônes et de les relier tous ensemble. Donc, vous n'avez pas à vous asseoir là et changer toutes les icônes. Si vous souhaitez modifier la couleur d'une icône, elle la modifiera globalement. On y arrivera ensuite. Et une chose que nous voulons vraiment nous assurer d'ajouter, c'est notre dernière action appelée. Notre première action appelée est Regarder une vidéo, mais nous voulons les convertir en un client. Donc on doit avoir notre dernier appel à Action Button et ça va commencer. Le processus était maintenant le bouton créateur. Prenons même le même que nous avons ici. Fais-le à travers le fond ici. C' est un peu là où nous vendons, ou vendons du langage ici. Et changeons son expérience en parce que je ne veux pas que ça soit en compétition. Alors faisons une radio. Grady pour cet effondrement est un peu. Cliquez sur Phil et faisons une radio Grady Int. Et utilisons deux de ses couleurs. Ici, prenez son outil de pipette verrait si nous ne pouvons pas goûter cette pêche, mais aussi goûter une couleur plus foncée Richard sorte de devenir un peu radieux pour aider à sortir. Et maintenant, nous pouvons changer un peu la couleur de votre bouton. Je décide de rester avec mon type, sont clé et coller avec H 2. Comment c'est. Vous le faites légèrement plus petit. Ça pourrait être un qu'on pourrait sauver. C' est le type de bouton d'une houle. Donc, si nous voulons ajouter, c'est un style de personnage et dire appelé Action ou bouton. Donc, ramenons ça à son violet à contraste élevé, juste comme ça. Donc on a fini par rendre le texte un peu plus petit, et c'est bon. Voici notre site web final. J' ai tout ce dont on avait besoin pour le client. C' est notre page d'accueil de base. Ce que je veux également montrer au client, c'est ce qui se passe lorsque vous cliquez sur regarder la vidéo et aussi ce qui se passe lorsque vous cliquez sur le début. Le processus maintenant bouton, car beaucoup de ces boutons finiront par aller sur le site principal. Il s'agit d'une page de destination, donc nous voulons leur montrer ce qui se passe lorsque ce processus se produit et aussi à quoi ressemblent les pages de destination. Donc c'est ce qu'on va finir par créer. Nous allons finir par créer quelques pages différentes, donc ce sera une sorte d'écran pop-up vidéo, et ce sera ce qui arrivera quand vous commencerez le processus. Maintenant, nous allons passer au mode prototype et Adobe X T. que le client puisse avoir un site Web de test cliquable Riel afin qu'il puisse voir ce qui conçu, vraiment à la fin. 55. Page d'accueil site Web dans Adobe Xd - Pop up: d' abord se concentrer sur ce qui va se passer quand ils cliquent sur le début Le processus. Maintenant, il va y avoir une petite boîte pop-up et ils vont pouvoir remplir des informations très basiques et cliquer sur S'inscrire pour qu'ils puissent commencer ce processus. Donc ce qu'on veut faire pour dupliquer ce tableau d'art, on va aller en haut et choisir le nom qu'on va copier. Il suffit de faire une commande, voir, Et puis une commande V coller et nous créons une copie. Mettons un peu d'espacement entre les deux, et ce que nous allons faire, c'est que nous allons créer la page de destination, comme ça ressemblerait après avoir appuyé sur le bouton. Donc nous voulons une chose que nous voulons faire, c'est que nous voulons avoir tout ça noir et que nous voulons avoir une petite boîte pop-up qui apparaît juste ici. Donc une façon de griser ça c'est qu'on va prendre l'outil carré, va le rendre blanc. Et il y a quelque chose qui s'appelle le flou d'arrière-plan juste ici. Donc nous allons cliquer sur ce flou d'arrière-plan, et il a un flou, tout derrière, et il peut changer certains de ces paramètres pour le rendre plus lumineux ou pour le rendre plus flou ou sombre, nous vont le rendre un peu plus sombre où ils vont avoir une petite boîte pop-up. Donc c'est ce qu'on va concevoir maintenant, c'est une petite boîte pop-up juste ici. Et faisons-en le même ingrédient que nous avions avant. Donc nous pouvons même prendre la même place que nous avions avant. Et il suffit de l'utiliser et de l'ajuster à sa place. Ça nous évitera d'avoir à faire ça, Grady. Et encore une fois, bien sûr, nous pouvons cliquer et changer le Grady dans un peu. Ici, faites-en un linéaire. On peut contourner les bords d'une petite boîte pop-up. Je voulais mettre un peu de notre genre ici d'abord. Alors qu'est-ce qui va être un peu de clic sur ça ? Quel sera le titre principal ici ? Nous avons notre principal type de titre. Nous pourrions simplement copier et coller ceci ou nous prenons notre outil de type. Assurez-vous que nous avons nos styles de caractères h un quand peut adapter le même titre que notre couverture avant . Alors nous allons taper notre texte ici. L' amour est juste au coin de la rue. Centrer cela et réduire l'espacement. Et si nous avons besoin de faire une taille différente pour ça, nous n'avons pas besoin d'utiliser un Chuan. Nous pouvons créer une taille différente pour cela si nous pensons que c'est un peu trop grand et que nous pourrions créer un nouveau style de personnage si vous voulez. Si vous voulez qu'il soit une taille de titre de boîte pop-up, vous pouvez avoir tout. Habituellement, à la fin d'un site Web, vous aurez 20 ou 30 styles de personnages différents, tous de la qualité différente pour lui. Donc, type de bouton, type grand bouton, donc ne vous sentez pas comme vous êtes coincé avec seulement 81 H deux h trois et paragraphe. Vous faites toutes sortes de styles de caractères différents. L' amour est juste au coin de la rue et avoir une petite ombre portée ici. On va aussi avoir un bouton d'inscription. Nous allons créer un bouton d'inscription juste ici. Faisons en sorte que la couleur pêche corresponde à ce qu'on a fait avant. Peut-être que c'est une très légère rondeur, pas beaucoup du tout. Juste un peu et ils vont avoir besoin de remplir quelque chose pour que ce soit une forme très simple de deux objets. allons obtenir notre copie du corps sélectionné P, et nous voulons juste faire un peu remplir la bulle et un outil rectangle. Ça peut être une forme de pilule si on veut que ce soit comme ça. Et rappelez-vous quand nous avons parlé de la facilité d'utilisation et de la section théorie, la section Théorie du design numérique. Il y a moins d'accessibilité qu'on ne l'a dit sur la façon dont certaines personnes ont mis le nom à l'intérieur de la bulle . Mais il est beaucoup plus facile pour les personnes spéciales avec des formes très courtes d'avoir le nom ci-dessus. Donc on va le faire. Vous venez de dupliquer ce nom, et probablement l'email serait deux choses très importantes à obtenir d'eux. Ajoutons un peu de pizazz à ce bouton faisait un peu plus large. Ça va être une boîte pop-up, alors nous allons le premier adulte X on pourrait facilement le faire en utilisant l'outil de ligne. Zoom avant et dessine Simple X. Ça va être un blanc, et ça va avoir une sorte de chapeau autour et en faire une belle, grande, taille épaisse. Faisons huit ou neuf. Il va copier et coller et réfléchi se déplacent de l'autre côté, la création d'un simple X pourrait faire la conception d'icône et un Doobie X'd. Ce n'est pas tout à fait aussi bon que l'illustrateur, mais il est possible parce que vous avez un outil de stylo et vous avez une sorte de ces outils de base de course et de forme a été de créer un simple type X de la sont même arrondi, style en forme de pilule que nous avons utilisé Groupe que ensemble comme un élément. Et nous allons nous assurer que c'est aussi avoir la même chose de chaque côté. Apportons nos personnages. Allons donc à Adobe Illustrator. Allons les désoigner. Ce sont déjà des personnages individuels, alors amenons un à la fois la jaillir. Les gens ont l'air de courir les uns vers les autres, de vouloir se rencontrer, de se réunir, d' amants séparés. Donc c'est un peu raconter une histoire de ce genre de réunion. J' aimerais pouvoir interagir un peu, alors peut-être avoir une jambe, alors peut-être avoir une jambe sortir ou la main se chevaucher quelque chose, quelque chose pour ajouter un peu d'intérêt visuel juste comme ça. Et disons que nous voulons ajouter un peu d'arrière-plan parce que nous avons ce genre de graphique qui est plutôt cool, ce petit fond arrondi. Faisons la même chose. Mais ici, on va faire l'outil de broche pour celui-là. Nous sommes juste en train de créer des formes bien, des formes arrondies apparaissent. Et faisons ça une couleur plus claire. Peut-être cette couleur, et l'envoyer en arrière dans les systèmes de superposition. Ajout d'un peu papa, Papa couleur et pizazz il une sorte d'intérêt visuel. Essayez de ne pas le faire paraître trop occupé pour quelque chose de petit. Et on y va. Nous avons notre petite boîte pop-up où ils peuvent s'inscrire et nous avons une sorte de développer notre première page , et nous finirons par les lier trop profondément dans le prototypage parce que cela peut devenir un peu plus compliqué. Et vous essayez juste de donner le ton et le système de design ici pour tout le monde. Et quand vous entrez dans U X, vous je conçois et j'enseigne un cours sur ce que nous créons 50 tableaux d'art différents et les relions tous ensemble et faisons sorte de ce site entièrement fonctionnel, il s'éloigne un peu du graphique design et un peu plus dans le côté de conception de l'expérience utilisateur X. Donc, je veux juste faire attention à ne pas trop passer dans le développement Web. Mais nous voulons parler de créer d'autres pages et de les relier ensemble. Donc nous allons parler des bases mêmes quand il s'agit de relier les choses ensemble. On ne va pas en profondeur dans ce cours particulier. Nous avons donc deux sites Web différents. Comment les connecter ? Donc ce qu'on va faire, c'est qu'on va changer. Nous avons été en mode design tout ce temps. On va passer pour les quatre pour la première fois en mode prototype. Donc, nous passons en prototype Mo en le changeant juste en haut. Et maintenant on va pouvoir relier ces deux-là ensemble. Donc, ce que vous pouvez faire est que vous pouvez cliquer dans le tableau d'art et vous pouvez Lincoln site entier sur. Donc, si je clique n'importe où sur cette page, il va juste charger automatiquement la page suivante. Mais ce que je veux faire, c'est l'avoir lié à juste un bouton. Donc, quand ils font défiler vers le bas sur le site, ils cliquent sur ce bouton, il ira à ce module pop-up. Donc c'est ce que nous allons faire, c'est qu'on va sélectionner juste le bouton et ça va nous donner ce petit indicateur de flèche que nous allons pouvoir cliquer et glisser sur n'importe où sur ce tableau. Donc ça va charger cette page ensuite. Donc on va voir à quoi ça ressemble. Et vous pouvez cliquer sur votre connexion ici à tout moment et sur la droite, votre débat. Voyez quel genre de connexion c'est. Vous avez quelques options différentes. Un robinet est fondamentalement un clic, donc ils cliquent n'importe où sur ce bouton juste là sur le bouton. S' ils cliquent sur le robinet, il se chargera. Le prochain glissement de l'écran sera plus pour l'abside mobile. Où faites-vous glisser un élément ? Donc tu n'utiliseras pas ça autant pour ça. Donc, vous avez à peu près le robinet et il y a quelques actions qui pourraient avoir lieu. Il y a l'animation automatique, ce qui lui donne une sensation plus animée. Il y a une superposition, qui le mélange, et il y a une transition qui va juste la faire passer, et nous allons essayer quelques-unes d'entre elles. Mais je veux essayer d'animer auto pour celui-ci, donc nous avons tap, qui est essentiellement clic auto animate, ce qui animera la page suivante à venir. C' est une sorte de la façon dont il transige entre chaque page, quoi il ressemble. Et vous pouvez changer la durée de la transition d'une à l'autre. Donc je vais juste faire une seconde pour l'instant, peu de voir à quoi ça ressemble et c'est tout. Donc pour tester ça, on va appuyer sur le bouton de lecture juste ici. Ça va jouer sur notre site en gros. Donc je vais cliquer sur le haut de mon tableau d'art. Je veux commencer ici, cliquez sur jouer, et voici notre aperçu de notre site Web. Allez-y, faites tout le chemin en plein écran. C' est à ça que ça va ressembler quand on sera sur la page. On pourrait faire défiler vers le bas, faire le reste de notre tableau d'art et disons qu'on veut cliquer dessus. Nous avons ce lien maintenant, donc quand je l'aurai fini, vous remarquerez qu'il est lié. Commençons le processus maintenant, et ça va apparaître dans notre boîte. Donc maintenant, le seul problème est que ce n'est pas lié, donc je ne peux rien faire. Je suis coincé. Je veux pouvoir cliquer dessus et revenir à l'écran précédent. Ce n'est pas du tout un problème, car nous pouvons cliquer sur cet écran. Allons chercher notre X ici et nous avons une chance de faire cette petite flèche. Où tu vas prendre cette flèche ? Faites glisser le droit vers ce tableau d'art. On va faire la même chose, le clic ou le toucher dessus. Ça va faire de l'animation automatique et pourrait prendre une seconde pour passer de l'autre côté. Et c'est tout. Donc maintenant qu'on appuie sur Play, on va revenir à notre premier tableau d'art et appuyer sur Lecture défiler vers le bas Cliquez sur Démarrer processus va passer à la prochaine fléchette, et ensuite on va juste cliquer sur ça et Scott une transition de retour orteil nos précédentes planches d'art. Vous pouvez vraiment voir comment vous pouvez relier des sites Web et créer un peu d'une expérience interactive. Cela ne code pas le site Web, mais il vous donne un excellent exemple de ce à quoi il pourrait ressembler quand il est enduit 56. Page d'accueil site Web dans Adobe Xd - Mode Prototype: Donc ce que je veux faire, c'est que je vais te montrer comment créer ça. Donc, vous avez ces deux petits cercles genre de se réunir quand ils arrivent sur la page Web , Il montre en quelque sorte au développeur quel genre d'animation vous cherchez. Donc on va faire ça maintenant. Ce qu'on va faire, c'est que je vais copier et coller ce tableau d'art. Je dois retourner dans le design. C' est comme ça que nous pouvons travailler avec des tableaux d'art. Et nous allons copier cette première page de destination et la coller. Je vais le coller et le mettre ici. Nous avons une copie de ceci. Voilà ce qu'on va faire. On va appeler cet appel d'animation. Cette page d'accueil est vraiment agréable de nommer vos tableaux d'art et d'appeler cet appel à notre inscription. Donc, quand on en fait ça nous aide beaucoup quand on les nomme. Voilà ce qu'on va faire. Donc, comment l'animation automatique fonctionne comme il prend le premier écran, et lorsque vous le connectez au deuxième écran et que vous avez l'animation automatique entre les deux écrans, il faudra l'état du 1er 1 et lentement animé pour l'amener à l'état de la 2e 1 Donc, par exemple, disons que je déplace le triste. Je veux que ça glisse et que j'ai besoin que Teoh change le haut de ceux-ci. Et disons que je veux que ça glisse. J' ai peut-être besoin de mettre un peu plus d'espace entre mes tableaux d'art, et je veux que ça glisse. Donc je veux que ça glisse et glisse. Nous pourrions même faire le logo, aussi, mais gardons cela très simple. Donc tout ce que j'ai fait, c'est que j'ai glissé ces deux éléments et qu'ils vont se réunir comme ça. Revenons donc dans notre mode prototype, et c'est les relier ensemble. On va relier cette planche d'art tout le chemin pour la 2e 1 On va faire quelques choses différentes ici. Donc, au lieu de taper, nous avons maintenant quelque chose appelé Time. Alors que se passe-t-il avec le robinet ? Je dois cliquer sur la page Web pour que la transition se produise, mais si on fait du temps, ça se produira automatiquement après un certain temps. Alors disons qu'on va taper. Et vous animeriez automatiquement ? Allons-y et jouons. Cliquons sur cette planche d'art et jouons. Il ne va pas automatiquement commencer à s'animer. Je dois cliquer, puis anime. Donc pour changer ça, je veux passer à l'heure et nous allons avoir un certain temps . Donc, le retard pourrait être juste de très petits partiels d'une seconde 2.4. Et il pouvait jouer avec les paramètres et s'habituer à la façon dont la longueur fonctionne et la durée. J' aime avoir une belle longue durée parce que cela rend l'animation plus longue et la rend plus dramatique. Donc je vais taper dans 1,5 seconde et vous avez différentes options d'assouplissement. Nous avons craqué, facilitant cet assouplissement. C' est juste la façon dont le genre d'animation fonctionne. Il peut s'enfoncer un peu. Il peut être l'école de vol, laisser à l'accrochage par défaut. Alors maintenant que nous l'avons à l'heure, animer auto, voyons à quoi il ressemble. Cliquons dessus et jouons Il l'a fait automatiquement, et il a eu ce beau petit rebond à elle, n'est-ce pas ? Donc je suppose que c'est ce que fait le claquement. Donc, vous avez cassé. Donc on a un endroit où il entre, un peu en arrière de ce point de terminaison. Alors on y va. Et maintenant on peut faire défiler vers le bas et tout est toujours lié parce que maintenant ça va passer à la prochaine fléchette, et ensuite on peut le fermer et retourner au tableau d'art original. Et chaque fois que je veux voir ça à nouveau, il suffit de cliquer sur jouer. Pourrait voir voir l'animation diapositive dans. C' était un excellent moyen de montrer une sorte d'animation avec vos mises en page aussi. Donc tout n'est pas juste statique. Donc on a une dernière chose à faire, et c'est ce qui arrive quand on clique sur la montre. Maintenant vidéo vous à faire. Ce qu'on va faire, c'est qu'on va copier cette page d'accueil et on va la coller, et on va l'évoquer. Top est ce que je veux faire, c'est que je veux montrer différents chemins. Alors maintenant, ils peuvent cliquer sur la vidéo de la montre maintenant et ils vont monter ici. Sont-ils Cliquer sont le processus de démarrage maintenant et ils descendent ici. Donc, il commence à configurer ce flux utilisateur et il devient compliqué lorsque vous commencez faire comme une conception d'application mobile. Vous pouvez voir à quel point ce flux utilisateur est compliqué. Mais j'aime que ça soit mis en place de cette façon. Donc, vous pouvez dire, Eh bien, l'utilisateur peut aller de cette façon où il peut passer par un chemin différent de cette façon. Vous êtes juste une sorte de disposition des tableaux d'art maintenant et facile à digérer pour vous afin que vous puissiez garder une trace de toutes les différentes façons et passé que les utilisateurs peuvent aller. Disons que c'est la montre vidéo. Donc on va copier et coller ce type de zone sombre, donc je n'ai pas à le refaire. Nous pourrions aussi probablement apporter notre petit bouton X et vouloir avoir une petite boîte pop-up . Donc on va juste créer. Je vais retourner au design pour qu'on puisse récupérer nos éléments, qu'on veut un carré blanc, peut-être une légère rondeur. Faisons une sorte d'ombre portée de montrer ce qui se passe quand ils chargent la vidéo. Nous voulons avoir une sorte de X, qu'ils puissent non, hum , comment sortir de cette boîte, retourner ou fermer et ramener. Faisons un conteneur. Donc je fais juste un carré qui va être très rapide et archaïque. Ce ne sera pas quelque chose d'excitant du point de vue du design. Nous avons un carré et faisons glisser une photo. Nous avons nos photos prétendent que c'est notre vidéo venir capture d'écran. Je pourrais passer beaucoup de temps là-dessus, mais juste te montrer les bases. Avec ce projet, il y a notre Xbox. Nous pourrions même faire un petit lecteur vidéo juste pour montrer un exemple de ce à quoi ressembleraient les contrôles pour que nous puissions le faire et en faire une pilule. Qu' est-ce que c'est cette couleur et la recherche ? Zoom avant. Faites ça une pilule en forme de décoller de la frontière. On pourrait dupliquer ça. Faites-en une couleur légèrement différente, donnez-lui l'impression qu'il bouge le long. Le lecteur vidéo. On a un petit cadran de contrôle ici, peut-être hors de l'ombre. C' est vrai, simple, et il y a même des moyens d'animer cela aussi, de sorte que vous pouvez le faire glisser et qu'il change de couleur pour faire croire que vous glissez réellement le long du lecteur vidéo. C' est certainement des techniques plus avancées. Vous pouvez même mettre une date ou une heure ici pour la durée de la vidéo ou combien de temps elle est passée depuis qu'il a commencé la vidéo. Mais pour l'instant, on fait juste une mise en place de base. Regrouperons ceci ensemble, en faisant un peu plus petit, peut-être, et amenons-le au sommet. Alors maintenant, nous allons relier cela ensemble. Revenons en mode prototype. Cliquez sur notre page d'accueil quand ils cliquent sur ce bouton ici, ils vont à la pointe. Accédez à cette page, en cliquant dessus et pour les transitions. On va faire un robinet parce que ça va être un clic, et on va le garder sur l'animation automatique et c'est tout. Nous allons raccourcir la durée parce que nous voulons que la vidéo puisse apparaître tout de suite. Alors testons notre site web. Nous avons quatre états différents ici. C' est bon. Rapprochez ça. Nous avons une petite animation qui se produit automatiquement lors d'une transition temporelle. Tout s'éclate. Voici notre page d'accueil principale. Ensuite, ils peuvent soit cliquer sur la montre maintenant la vidéo irait vers le haut ou cliquer sur le processus de démarrage. Maintenant, nous avons tout lié ensemble. Tableau d'art et nous cliquons sur le bouton de lecture. Tout vole dedans. Ça a l'air très bien. Regardons la vidéo. Super. Disons que je veux la fermer. Fantastique. Ce X est déjà lié parce que nous avons copié ce X. Rappelez-vous, nous avons copié la sortie va copier la transition aussi bien. Donc, quand j'ai copié ce X et que je le place ici, il en aurait une copie pour revenir à la page d'accueil. Retournons et essayons encore une fois. Jetez un oeil à ce que nous avons mis ensemble et probablement quoi ? Environ une heure et 15 minutes, nous allons mettre tout cela ensemble. Pas mal. Lancez le processus. Maintenant. L' amour est juste au coin de la rue. Ok, fermez-le. Faites défiler vers le haut. Regardez la vidéo. Ça va apparaître. Et il pourrait faire la même chose. Et ça pourrait aller sur une autre page. Même processus. Il suffit de faire une transition de touche sur ce bouton, et il irait à une page d'inscription, ou vous pouvez aller à notre page de processus. Je veux dire, tu pourrais faire tout ce que tu veux avec ça. C' est juste les bases que je voulais vous montrer et vous présenter Adobe X'd. Je voulais vous montrer comment vous avez créé une hiérarchie de types et comment vous avez apporté des couleurs. Il y a juste une autre chose que je veux faire, c'est une sorte de bonus, et nous le ferons ensuite. 57. BONUS : Les styles mondiaux: Encore une chose. Je voulais parler. Way a parlé des couleurs. Nous avons parlé des styles de personnages. Il y a encore une chose. Composants froids, ce qui pourrait être vraiment cool parce que vous pouvez sélectionner un composant. Disons que c'est une icône. Et disons que vous avez 20 tableaux d'art différents, n'importe qui pour changer la couleur de cette icône au lieu d'avoir à sélectionner les 20 icônes de tableau d'art et changer la couleur. Vous pouvez simplement le modifier sur votre composant, et il le change globalement. Donc, c'est comme les styles globaux. Ainsi, par exemple, ce bouton d'accueil. Nous avons donc ce bouton d'accueil sur chaque écran. Disons que nous voulons changer la couleur de ce bouton d'accueil. Ce que je veux faire. Revenons à la conception et je veux faire un clic droit et je veux cliquer sur Faire un composant, ou il peut aller ici à ce signe d'addition et l'amener sur afin que vous puissiez voir sa petite icône de maison. Donc maintenant c'est un composant, donc chaque fois que je veux sortir la maison ailleurs. Donc, disons ici que je peux cliquer sur le composant. J' ai mon petit composant ici, juste ici, donc disons que je veux changer la couleur sur les deux. Tous ont à faire. Allons à l'un de ces composants et changeons la couleur. Disons que je le fais pêcher. Alors maintenant, c'est la pêche. Mais maintenant tout ce que je dois changer l'autre. Il y a tous les 20 autres seront maintenant que c'est un composant et chargé comme un type lié de style global. Il a aussi changé. Voici bien, ce qui est vraiment sympa. Alors quel genre de construire ça ? Tu as plein de choses différentes. Chaque fois que vous avez quelque chose qui va répéter sur plusieurs pages, allez-y et en faire un composant. Donc, si vous changez tout notre si vous changez juste l'un de ceux-ci, cela changera globalement. Faisons un exemple de plus. Donc, disons que je fais de ce logo un composant pour que je puisse juste y aller en tant que composant. Appelez ce logo. Donc, si je fais tous mes composants et que je duplique le tableau d'art, alors disons que je duplique ce tableau d'art pour créer une animation, alors je vais ici et je duplique le tableau d'art. Il copiera automatiquement vos composants. Donc maintenant, si je change ça, disons que je veux le changer en autre chose. Donc tu veux le changer pour Peach ? Il le changera automatiquement sur l'autre aussi. Donc c'est bien quand vous faites votre page d'accueil. Si vous voulez configurer des icônes connectées globales comme celle-ci, c' est génial de le faire et votre première page d'accueil. Alors, quand vous copiez et que vous commencez à faire des animations et à inventer des choses que vous connaissez, il sera facile de changer les choses globales. Parce que imaginez si vous aviez 30 tableaux d'art une fois si agréable d'utiliser ces composants, hum, comme un style global, donc juste gentil, un peu plus. Je voulais y aller. Voici donc notre design final, tout lié et prêt à l'emploi. C' était vraiment, vraiment, vraiment amusant. Nous allons passer une bonne heure et 1/2 l'un avec l'autre, peut-être même à près de deux heures pour faire ce projet. Une excellente introduction à la conception de mise en page de site Web, et vous devez vous initier à Adobe X D, qui est un atout vraiment agréable à ajouter à votre ensemble de compétences en conception graphique. C' est un excellent logiciel à avoir et à savoir que c'est une compétence de forte demande pour pouvoir le faire . Et l'étape suivante serait d'exporter tous ces éléments vers un développeur. Envoyez ceci à un client pour approbation afin que nous puissions réellement obtenir certains de ces trucs prêts à être enduits. 58. Exporter des ressources à partir d'Adobe Xd: façon d'exporter tout cela, donc il y a beaucoup de choses différentes que nous pourrions faire ici vous pouvez économiser. Si vous faites partie de Creative Cloud, vous pouvez l' enregistrer en tant que partie sur votre cloud, et vous pouvez inviter d'autres personnes à le modifier, inviter d'autres personnes à le consulter. Donc c'est vraiment sympa. Si vous travaillez avec un autre concepteur, un autre développeur qui a également Adobe Extra, vous pouvez partager des fichiers très facilement et leur montrer le cadre en direct que vous pouvez également enregistrer. Si vous cliquez sur ce jeu, il y a un bouton d'enregistrement pour que je puisse enregistrer mon animation si je le voulais ou tout mon processus afin que je puisse continuer ici, cliquez sur jouer, puis je peux cliquer sur enregistrement, puis cliquer sur et je pourrais prendre un vidéo de moi travaillant à travers tout. C' est une excellente façon de montrer aux clients une sorte de processus global afin que vous puissiez enregistrer votre vidéo . Vous pouvez le partager avec le développeur. Vous pouvez voir à quoi cela ressemblerait sur un site Web mobile. Si vous cliquez sur la seule chose mobile, vous devez d'abord configurer certaines choses, donc vous devez connecter un ni os ou un appareil Android à X'd. Donc, il y a une application Adobe x'd que vous pouvez télécharger sur votre téléphone, et ensuite vous pouvez tout mettre en place pour que vous puissiez partager des documents avec votre téléphone et voir comment choses ressemblent sur votre téléphone portable, ce qui est vraiment, vraiment bonbon . Donc, disons que vous voulez partager des actifs avec le développeur, ainsi que des codes hexadécimaux et des informations topographiques . Il y a un bouton de partage juste ici à 1/3 1 sur est en fait un bouton plus récent pour les versions plus récentes . Ou assurez-vous que vous disposez de la version Adobe X'd à jour et que vous pourrez le voir . Donc, c'est sur les versions plus récentes d'Adobe X T ont le bouton de partage. part ça, c'était ici dans cette section, alors allez juste partager leur pourrait avoir ce nouveau panel qui arrive sur le côté droit, et nous allons créer un lien que nous pouvons partager avec un développeur ou avec un client, beaucoup de choses différentes que nous pouvons partager ici. Donc, tout ce que vous avez à faire est de descendre pour afficher le paramètre, et il y a quelques versions différentes que nous pouvons les envoyer sont quelques liens différents que nous pouvons créer. L' un est un examen de conception où ils peuvent donner des commentaires sur la rétroaction de la conception et aussi le flux, ce qui est très utile. Ah, le développement. C' est là que vous arrivez à envoyer toutes les informations CSS. Donc les codes hexadécimaux et la typographie et la présentation d'autres éléments, ce qui va être un peu plus comme nous l'avons montré avant où vous enregistrez une vidéo. Mais dans ce cas, ils seront en mesure de parcourir toute votre présentation si vous n'êtes pas lié. Et, bien sûr, tests utilisateur, ce qui est fantastique pour tester votre site Web si vous avez un site Web plus complètement connecté . Alors allons-y et faisons le développement. Nous voulons partager ça avec quelqu'un d'autre qui va nous aider. Code ça. Donc, nous allons cliquer sur le développement, et nous voulons aller de l'avant et cliquer sur les ressources téléchargeables. Nous avons 13 actifs qui font partie de cette conception, et nous pourrions avoir besoin d'un mot de passe si nous le voulions. Mais allons de l'avant et créons un lien et ça va prendre quelques minutes. Nous y voilà. On a le lien juste ici, on peut le sauvegarder ou le copier ou y aller directement et le lien va s'ouvrir. Et c'est aussi ce que je viens de vous montrer n'est disponible que pour les abonnés Adobe. Donc, si vous êtes abonné à Adobe Creative Cloud, vous aurez cette option. Adobe vient de fermer cette option aux personnes qui ne sont pas abonnés. Donc gardez cela à l'esprit que vous exportez les deux autres façons que je vais vous montrer d'exporter sont ouvertes à tous les utilisateurs. Donc, si vous descendez ici aux petits crochets ici à gauche, cette icône de volonté ou à droite, vous pourrez voir tous les éléments ici. Donc, il a également exporté certains des actifs que nous avons apportés, comme notre photo ou illustration dans son arrière-plan. Également apporté dans toutes les couleurs utilisées et sont capables de montrer le code hexadécimal ainsi. Et aussi, nos styles de personnages sont ici pour que vous puissiez les avoir tous si nous devions les titres il couvrira que comme titre. Donc, le développeur saura si c'est un 20 chacun pour paragraphe quoi que ce soit. Il y a quatre et nous avons aussi des interactions, mais ils pourraient revoir les différentes interactions. Il fait également un commentaire ici dans la section des commentaires et fanion afin qu'ils puissent. Le développeur peut partir. J' ai une question à propos de cette animation. Comment et comment cela doit-il se connecter et vous n'avez pas à vous asseoir là et à prendre le téléphone. Il pourrait simplement communiquer via ce lien partagé, et ils peuvent également sélectionner des actifs. Ils peuvent maintenir enfoncés, déplacer et sélectionner tous les éléments, et ils peuvent télécharger ce fichier et ils pourraient avoir accès à ces ressources. Et on y va. Il existe plusieurs façons différentes d'exporter et de partager nos fichiers depuis Adobe X'd. C' est dans un autre programme. Que dire ce sera illustrateur. Une chose que nous pouvons faire pour sortir ça d'Adobe X T et ce n'est pas parfait, mais c'est juste une façon de le faire ou de prendre notre tableau d'art, et nous allons juste aller à l'exportation de fichiers et nous allons à la sélection en tant qu'oies SV ou simplement obtenir notre mise en page d'accueil principale en tant que SPG, qui est un format vectoriel évolutif. Il va y avoir un format vectoriel. Nous allons le sauver tel quel et aller de l'avant, exporter. Nous allons apporter notre drag dans Adobe Illustrator, et le rendu va prendre beaucoup de temps. C' est bon. Ça peut prendre jusqu'à cinq minutes. Alors sois patient. Même mon ordinateur haut de gamme prend du temps pour le préparer. Donc c'est à ça que ça ressemble quand on y arrive. Ce n'est pas parfait. Ça ne va pas se passer parfaitement. Mais nous allons au clic droit. On va libérer le masque d'écrêtage qu'il a fait qui devra faire ça quelques fois quand May besoin de le regrouper. Alors, cliquez sur le groupe et vous avez accès à certains des principaux éléments ici. Donc, si vous vouliez l'amener dans un illustrateur W pour continuer à l'éditer ou pour être en mesure d'exporter ces fichiers éventuellement vers un développeur, cette façon, vous pouvez Il ne va pas l'amener parfaitement. Permettez-moi de regrouper ce groupe qu'il n'a pas fait ça correctement. Ok, comme les icônes et le type et d'autres éléments viennent à travers assez bien. Mais il y a quelque chose dans les conteneurs qui ne viennent pas toujours aussi. Mais tout le reste est assez bon. Ces boutons étaient les mêmes, et je pouvais même avoir accès aux coins arrondis, donc c'est assez génial. 59. Introduction à créer un site Web de Wordpress: nous pouvons concevoir un site Web et Photoshopped et Adobe X'd. Il y a beaucoup de bonnes façons de concevoir l'image de marque, la mise en page et l'idée d'un site Web . Mais que se passe-t-il si nous n'avons pas un client qui a un budget limité ou si vous faites un paquet de branding pour eux et qu'ils viennent vous dire que j'adorerais un petit site web ou un kit ? Est-ce que vous faites la conception de site Web et beaucoup d'un morceau de designers disent, Eh bien, vous savez, je dois travailler avec le développeur. Je ne sais pas coder. Je ne me sens pas à l'aise avec ça. Eh bien, je veux que cette section vous fasse sentir à l'aise avec ajouter un peu de design Web à vos actifs de compétences. Et être en mesure d'offrir cela aux clients dans cette section vous préparera à être en mesure de commencer à offrir des services de conception Web dans le cadre de vos packages de branding ou de vos compétences individuelles . On ne va pas aller super en profondeur, ce qui va être une section de deux heures, et ils seront un cours plus tard qui ira plus en profondeur avec nous. Mais je veux vraiment que vous commenciez et que vous réfléchissiez à la façon dont tout ce processus fonctionne. Alors, où allez-vous pour construire un site Web sans savoir dans l'encodage des connaissances là-bas. Donc, le logiciel hors de la boîte est comme mèches dot com et squarespace dot com, qui pourrait être en mesure d'être ces gentils. Ce que vous voyez est ce que vous obtenez des éditeurs, qui sont fondamentalement drag drop. Vous pouvez ajouter des modules. C' est très facile. T construire un site web complet sans connaître de langages de codage détaillés. Il y a une très grande liste de quelques grandes options pour la construction Web. Il y en a un nouveau appelé Web Flow, qui a beaucoup entendu parler et qui aimerait l'avenir quelque temps plus tard. Mais pour l'instant, je vais me concentrer sur les deux plus populaires de la boîte. Ce que vous voyez, c'est ce que vous obtenez. Les éditeurs sont des systèmes de gestion de contenu. Ça va être WordPress. Ça va être le plus connu de ta clientèle. Ce sera aussi le plus connu de vos collègues. WordPress est le plus grand CMS ou système de gestion de contenu là-bas, et nous allons l'utiliser et il y a aussi une alternative appelée squarespace, ce qui est merveilleux parce qu'il a une sorte de solution tout en un et les modèles air vraiment pas si mal. Ils ont vraiment amélioré la conception de leur modèle. Je préfère squarespace sur des semaines, n'importe quel jour juste à cause des options de modèle. Donc, dans les prochaines minutes, je vais parler des bases mêmes de la façon dont Web hébergé fonctionne nom de domaine et comment installer une sorte de WordPress. Donc ça va être pour les gens qui n'ont jamais fait ça avant. Si vous avez déjà quelques dollars WordPress et de l'expérience ou vous avez déjà wordpress installé sur l'hébergement prévu Grande. Allez-y, sautez cette leçon et passez à la suivante. Alors, comment vous commencez avec un site Wordpress Et l'une des raisons pour lesquelles j'ai aussi choisi site Web comme j'ai tenu un sondage avec tous mes étudiants précédents et étudiants actuels, et vous les gars majoritairement choisi WordPress comme éditeur de choix chez Website Builder. Il y aura donc trois composants principaux dont vous aurez besoin pour construire un site Web client ou un site personnel . Le 1er 1 est le nom de domaine. Chaque site Web a besoin d'un nom de domaine professionnel. Nous ne parlons pas de w dot squarespace dot com slash duh duh duda. Nous voulons un nom de domaine professionnel Chris très propre. Je fais le travail de conception dot com Lindsay marsh design dot com Toujours très simple. Un nom de domaine Nous devons les acheter. Ceci est fondamentalement ou votre u R L. Ils ne sont pas allés à aller papa et taper parmi Go daddy dot com, qui est un plan d'hébergement très populaire, et vous pouvez également acheter des noms de domaine aussi bien. Disons que je veux le design de Lindsay Marsh. Voyons combien cela coûte et vous achèteriez comme un article séparé. Donc, pour 11 99 je pourrais avoir Lindsay marsh design dot com de mon site Web. Si vous faites le travail du client, vous essayez de combattre un grand votre travail l avec le client sur la découverte de ce que vous êtes malade sera très important lorsque vous faites travail de page de destination. Quand vous faites de la publicité payante pour vous assurer d'avoir le plus court, plus concis, vous êtes Ella possible. Nous avons donc ce premier composant dont chaque site Web a besoin est ce nom de domaine, et nous devons lier ce nom de domaine à un compte d'hébergement. Donc le compte d'hébergement va être l'endroit où il stocke tous vos fichiers et l'ensemble de votre site Web et stockera l'installation WordPress. Donc, l'hôte est vraiment une sorte de tout ce qui rassemble votre site Web entier afin que votre nom de domaine finisse par être lié à votre compte d'hébergement. C' est donc génial d'obtenir un compte d'hébergement décent pour ce cas ou pour cet exemple, j'ai utilisé Go Daddy dans le passé depuis plus de 10 ans. Très bon marché, très abordable. Vous serez en mesure d'acheter votre nom de domaine et vous hébergez le compte dans un seul site Web, ce qui est très pratique. Donc, il est heureux et aller à l'hébergement. Et j'ai une liste d'autres excellentes alternatives et la raison pour laquelle j'aime Go Daddy et Blue Hostess. Certains d'entre eux sont plus grands, et ils ont plus de soutien, mais ils ajoutent également un widget d'installation automatique WordPress, où vous pouvez installer automatiquement WordPress sur votre compte d'hébergement afin que vous n'ayez pas à passer par le processus manuel d'installation de WordPress sur votre propre, qui est rend tout un peu plus simple. Donc nous voulons le faire Disons que nous voulons faire l'hébergement Web, et bien sûr, il y a beaucoup d'options différentes. Cela dépendra de ce que votre client peut se permettre. Ce que tu peux te permettre. Quel que soit le but du site Web n'est pas, ce sont des options très, très bon marché. Donc, pour 5 99 par mois, j'ai un site web. C' est tout ce dont j'ai besoin. Je n'ai besoin que de 100 gigaoctets de stockage et moins. Je vais exécuter un site web vidéo et regarder, j'ai même un domaine gratuit donc je n'ai même pas à payer pour le domaine, probablement pour la première année. Donc c'est très gentil. Cela peut en quelque sorte regrouper ceux ensemble lorsque vous achetez un hébergement et un nom de domaine même temps, vous avez un lien chance toe ce nom de domaine à ce compte d'hébergement. Il est donc important de les relier ensemble. Et une fois que vous vous inscrivez à ces très grandes plateformes d'hébergement Web, ils rendent très intuitif et très facile pour vous de suivre toutes ces étapes. Donc, lorsque vous vous inscrivez pour un compte d'hébergement, avez généralement quelque chose appelé un panneau C ou panneau de contrôle ou un endroit, nous pouvons vous connecter à votre compte d'hébergement spécifique et avoir généralement quelque chose appelé AP populaires ou sections APS ou ajouter ons ons. Tu vas vouloir cliquer sur WordPress. Ça va passer par le processus d'installation pour vous. Ils le rendent très intuitif, je te le promets. Et vous aurez WordPress installé sur votre plan d'hébergement. Nous avons donc les trois éléments dont nous avons besoin. Nous avons besoin d'un grand votre l. Nous avons un nom de domaine. Nous avions un grand plan d'hébergement, et nous avons également installé WordPress sur ce plan d'hébergement. Et donc notre nom de domaine est lié à notre plan d'hébergement, et nous avons Wordpress installé, donc tout est en quelque sorte mis en place et prêt pour nous à sauter dans WordPress et apprendre à faire cela. 60. Cours accidentel de Wordpress: si c'est votre première fois, cette leçon est conçue pour vous. Nous allons parcourir les bases mêmes de WordPress. Les pages du tableau de bord et tout ce que vous voyez ici sur le tiret du système de menu. Si vous êtes, avez déjà un certain niveau de confort avec pour la presse, et vous êtes ici juste pour apprendre à utiliser L un mentor ou pour construire une page Web pour les clients . Puis allez-y et sautez la leçon suivante ou deux. C' est pour ceux qui veulent vraiment marcher à travers les bases mêmes de WordPress. Alors n'hésitez pas à sauter ça. Si c'est trop basique pour vous, généralement la première chose que vous voyez quand vous accédez au tableau de bord est le tableau de bord, qui vous donnera des nouvelles mises à jour et vous fera savoir si vous avez besoin de mettre à jour votre wordpress, nous allons descendre une sorte de ces liste des articles et genre de passer sur les bases de ce qu'ils font et où ils entrent en jeu. Donc, la première chose que vous verrez est post. Donc, post est fondamentalement le bloc à sur que chaque site wordpress a tellement penser à post comme Blawg post. Donc, c'est là que vous construiriez votre article, puis vous pouvez ajouter votre blog sur votre site Web plus tard. Ceci est séparé des pages, de sorte que les pages auront leur propre petit élément I et option de menu et poster ou différemment là juste pour le bloc post. Et ils ont une façon différente de les éditer. Donc, si jamais vous voulez modifier quoi que ce soit, il suffit de mettre en surbrillance une autre option et d'aller dans l'édition et vous serez en mesure d'aller dans un éditeur. Vous pouvez également ajouter de nouvelles affiches Wells. Il pourrait construire une liste de différents post de bloc, et vous pouvez définir pour les libérer à différentes dates aussi bien. Et puis nous avons notre section médias. Donc, c'est là que si vous avez besoin de télécharger une vidéo directement pour ont été opprimés ou directement sur votre compte d'hébergement, c'est une excellente façon de le faire. Vous pouvez simplement cliquer sur, ajouter de nouveaux, et vous pouvez ajouter une nouvelle vidéo et tout ce dont vous avez besoin. Donc, disons que nous voulons additionner. Chargez cette vidéo que nous voulons utiliser pour le site Web. Finalement, vous pouvez le télécharger ici et le donner. Donc, disons que nous avons cette image que nous avons téléchargée et parfois quand vous construisez un site Web, il appellera un lien. Ah, à ça sur votre serveur. Et c'est là que vous pouvez trouver le lien juste ici. Ce sera pour plus tard. Ne vous inquiétez pas trop à ce sujet. Je vais te montrer comment recommencer. Va-t-on construire le site ? Mais oui, C'est là que vous téléchargez toutes les photos et les médias que vous avez besoin de pages. C' est là que tu vas vraiment vivre. Ce sera l'option la plus utilisée disponible car c'est ainsi que vous construisez les différentes pages de votre site Web. Votre contact à propos de nous les questions fréquemment posées, votre galerie, tous ces types de pages séparées. C' est là que vous arrivez à construire ceux que vous pouvez ajouter de nouveaux et vous pouvez également cliquer sur modifier. Et ça va être un euh très simple, j'ai la toute nouvelle version de WordPress, et donc il semble qu'il peut sembler un peu différent de ce que vous avez. Assurez-vous juste de mettre à jour votre version de ce que nous sommes présents. Totalement gratuit. Utilisons l'éditeur standard. cette nouvelle chose, je ne l'ai pas encore trop explorée, mais c'est un autre genre de constructeur d'éditeur. On ne va pas utiliser ça. Allez-y et cliquez sur nouvel éditeur standard. Cliquez sur. OK, donc c'est l'éditeur très standard. Si vous savez comment utiliser Microsoft Word que vous allez être très à la maison avec cela, vous pouvez ajouter des images, les supprimer. C' est le constructeur Web très basique que nous n'allons pas utiliser, celui qui est intégré dans WordPress. On va l'utiliser encore mieux. Terrain très avancé. Un mentor appelé L A et on va y revenir un peu. Vous pouvez enregistrer et mettre à jour votre page, et vous pouvez créer de nouvelles pages en ajoutant de nouvelles pages. On retourne à vos pages ici. Donc c'est une sorte de là où vivent vos pages. Ce sont les pages que nous pouvons ajouter à notre système de menu plus tard sur la route commentaires sont juste pour les blogs et la gestion des commentaires que vous avez beaucoup de fois lorsque vous faites sites Web clients, je n'ai même pas les commentaires activés. Donc, ce n'est généralement pas quelque chose à s'inquiéter des formes ninja. C' est quelque chose de plus. J' ai ajouté pour mon client, parce que j'utilise ceci comme exemple pour ma classe, mais vous n'avez pas besoin d'en avoir. Oh, chaque fois que vous installez une prise, vous pouvez voir des options supplémentaires dans votre système. Et ce n'est qu'un de ceux-là. Celui-ci est un générateur de formulaire supplémentaire que j'ai ajouté en tant que plug in. Et en parlant de branchements, celui que nous allons utiliser tout au long de cette classe s'appelle Element ou il y a une version gratuite et je reviendrai sur ça un peu plus tard. Donc, nous allons sauter les modèles parce que ces deux sont connectés ensemble. Alors allons-y à l'apparence des orteils. C' est donc là que vous avez probablement entendu parler du téléchargement de thèmes. C' est là que vous installeriez un thème que vous obtenez à partir d'Internet, et j'ai une grande ressource téléchargeable qui répertorie, um, excellentes options de thème si vous voulez faire quelque chose d'autre que l'élémentaire que nous utilisons dans la classe, juste une sorte de vous tirer quelques grands modèles payants et gratuits que j'ai sélectionnés en fonction certaines mises en page que je pensais être vraiment bon, si vous voulez juste explorer cela, mais ils ont un nouveau appelé 2020 et c'est celui par défaut que WordPress a. On va s'assurer que c'est activé. S' il n'est pas activé, vous suffit de survoler un thème et vous pouvez l'activer. Et il adaptera automatiquement le style de ce thème lorsque vous l'activez. Donc je pourrais activer ceci et ça va activer ce thème, ou je peux activer celui-ci. Revenez à mon 2020 et activé, mais vous pouvez télécharger, et c'est là que vous installez n'importe quel thème que vous prenez à partir d'Internet. Vous allez juste ajouter de nouveaux ici et installer le dernier thème. Vous pouvez même rechercher des thèmes dans le système WordPress afin que vous puissiez rechercher des thèmes si vous connaissez un nom. Donc, si jamais vous voulez personnaliser un thème, vous allez ici pour le personnaliser. Parfois, les thèmes ont leur propre type d'élément de menu qui est ajouté après l'installation. Nécessaire pour passer par cela, ou certains ont cette option où vous pouvez modifier des couleurs spécifiques. Et je vais passer par ça vite parce que pendant que nous construisons notre site Web, nous allons pouvoir parcourir tous ces différents éléments vidéo et utiliser ce qu'il faut bien utiliser , donc des branchements que vous avez probablement entendu parler de branchements. Il y a beaucoup de grands que vous pouvez télécharger pour être en mesure d'ajouter et vraiment botter votre site Web. Beaucoup d'entre eux sont basés sur la sécurité au gros orteil. Ajoutez une sécurité supplémentaire à votre site Web WordPress car ils pourraient être facilement intégrés si vous ne le gardez pas à jour. Il y en a aussi sur les plug-ins S CEO qui vous permettent d'ajouter des options supplémentaires S CEO. Il y en a pour l'analyse. Donc, c'est là que vous ajouteriez une prise que vous trouverez en ligne. Il allait juste passer à des thèmes comme vous le feriez. Et il ajoutait du nouveau ici. Donc, si jamais vous vouliez nous transmettre à un client, c'est là que vous ajouteriez un utilisateur. Ou peut-être que le client a un responsable marketing qui va faire toutes les mises que vous réalisiez les mises à jour ou que les clients fassent les mises à jour. C' est là que vous ajouteriez un nouvel utilisateur, et je suis juste en train de bloquer certaines informations parce que c'est un vrai site Web client sont basés sur un vrai compte WordPress client que j'utilise, donc juste en brouillant certains noms. Mais elle allait de l'avant et ajouter de nouveaux et vous leur donnez le rôle d'administrateur. Et il y a quelques rôles différents que vous pouvez assigner aux clients si vous voulez leur donner un contrôle total pour prendre en charge le site Web après avoir terminé de le concevoir. C' est donc les bases mêmes du système WordPress. Et maintenant que nous avons un peu dépassé les bases mêmes et que vous connaissez au moins ce que certains de ces objets font sur la gauche, nous allons nous assurer de télécharger l'er élémentaire et de commencer à le faire. On va le faire dans la prochaine leçon. 61. Démarrer avec Elementor Elementor: Donc, dans cette leçon, nous allons apprendre un peu sur le générateur de pages que nous allons utiliser pour cela. C' est le générateur de page le plus populaire pour WordPress. Alors, qu'est-ce qu'un générateur de page ? Donc, un générateur de factures de page vous aide. C' est un ajout sur pour un plug in que vous pouvez installer sur votre WordPress, et il vous aidera à construire des pages et une mode un peu plus détaillée qui est beaucoup plus en profondeur. Comme vous pouvez le voir sur la vidéo du site, vous êtes en mesure d'ajouter beaucoup de choses. Et qu'est-ce qui est génial avec ce constructeur ? C' est à jour. Il suit les tendances, et la merveilleuse option à ce sujet est qu'il existe une version gratuite que vous pouvez utiliser, et c'est exactement ce que nous allons utiliser pour cette classe. Il y a beaucoup d'options premium que vous pouvez acheter, mais dans ce cas, nous allons essayer de vous en sortir sans seulement utiliser la version gratuite d'Element. Ou alors nous allons le télécharger, et vous n'avez même pas à le télécharger sur le site Web. Mais je voulais juste vous montrer le site web et aussi le prix. La version premium est disponible en toutes sortes de cloches et de sifflets. On va trouver un moyen de contourner ça, alors ne t'inquiète pas. Mais si vous aimez cela et que vous faites quelques projets clients payants et que vous voulez commencer à mettre à niveau vers des modèles intégrés qui ont déjà fait pour vous, alors c'est quelque chose que vous pouvez poursuivre. Mais vous n'avez pas à poursuivre ça pour ce cours. Donc on est dans les branchements. Techniquement, c'est un branchement, et on va ajouter de nouveaux, et on va aller chercher les mots-clés pour l'élément. Ou et c'est là, le tout premier avec ici. Je n'ai pas déjà installé, mais vous auriez normalement désinstaller maintenant, bouton aller, cliquez sur installer. Il va s'installer automatiquement. Si vous voulez voir vos plug-ins installés, allez de l'avant et cliquez ici en haut et vous obtenez une liste de tous vos plug-ins installés. Assurez-vous juste que vous avez activé. Une fois que vous activez l'élément ou branchez, il le sera. Vous devez ajouter de nouvelles options à votre élément système de menu ou et modèles. Donc, c'est lorsque vous passez le curseur sur l'élément, ou vous obtiendrez un menu déroulant avec quelques options différentes que vous pouvez configurer. Et puis vous avez aussi des modèles, ce que vous pourriez dire, nous ne allons pas trop gâcher avec. Les modèles allaient vraiment gâcher cette option ici. Donc il est activé. Donc maintenant, c'est une partie du générateur de page. Donc, lorsque nous construisons, les pages seront en mesure d'utiliser Element ou comme notre générateur de page. Donc, il va et cliquez sur les pages et la première chose que je veux faire si ceux qui ont sauté la dernière leçon parce qu'ils sont déjà un peu familier avec WordPress. Pour ceux qui ont sauté cela, nous sommes descendus aux thèmes d'apparence, et nous avons juste fait en sorte que la version 2020, qui est gratuite, arrive par défaut. Avec la dernière version de WordPress. Nous sommes allés de l'avant et nous nous sommes assurés que c'était le thème actif. Donc maintenant, on va retourner aux pages et que ça pourrait être un peu compliqué. Si vous êtes tout à fait nouveau, nous allons aller à des pages et nous allons construire notre site Web ici pour que tout le monde ait une première page d' accueil, et c'est ce qui va être notre page d'accueil que nous allons construire aujourd'hui, et je suis va te montrer rapidement ce qu'on va faire dans cette section du cours. Donc je vais rafraîchir ces aperçus. Tu peux voir ce qu'on va. On va construire toute cette petite page d'atterrissage d'un site web. Donc on va avoir une section supérieure ici. On va avoir une sorte de fond vidéo. Nous aurions le bouton actif. Nous allons aussi pouvoir Teoh, créer quelques colonnes, avoir quelques clics sur le bouton, et puis ici, nous allons pouvoir vous montrer comment faire une petite animation pour ajouter un peu de pop à vos créations et aussi faire des images de fond et tout ce jazz. C' est ce que nous allons pouvoir construire avec un élément ou un système. Alors, comment pouvons-nous commencer à utiliser l'élément ou nous ne pouvons pas passer par là. Ça ne nous donne pas la possibilité de commencer. Il va falloir parcourir les pages et cliquer sur notre page d'accueil. Donc nous allons éditer notre page d'accueil, et il y a une petite option rapide ici. Si vous ne voulez pas avoir à cliquer sur edit, allez jusqu'ici pour éditer avec élément. Ou alors on va faire ça. Donc ça va faire ressortir cet élément ou le système qui va écraser notre page d'accueil. Donc, cela est déjà construit à partir de choses que j'ai expérimenté. Laisse-moi aller de l'avant et commencer une nouvelle page d'accueil et je reviendrai tout de suite. Nous allons ajouter une nouvelle page que nous pouvons modifier en ajoutant une nouvelle page et nous n'allons pas ajouter de titre. Je suppose qu'on pourrait faire toute une page. Linguine enregistre un brouillon, revenez en arrière sur deux pages et voyez s'il est répertorié. C' est notre projet. On va utiliser ça maintenant. Nous allons aller éditer est une nouvelle page, et nous allons cliquer sur Modifier avec Element, ou ça va exploser ce nouveau constructeur de page pour nous. Donc c'était le chargement de la fiche. Alors bienvenue à l'élément. Ou alors c'est la prise. C' est à ça que ça ressemble. C' est comme ça que nous allons construire nos pages dans cette section de la classe. Donc, une chose que nous voulons faire est en ce moment de charger une partie du thème. Donc, voici la chose à propos de ce constructeur Web est pour la version gratuite. Vous n'avez pas de moyen d'ajouter une option de menu. C' est ce que nous devons faire, c'est avoir un hybride de notre thème, qui est le thème 2020. C' est par défaut par WordPress que nous avons installé. Sommes-nous activés ? Ça va être la partie supérieure. C' est là que ça devient un peu complexe. Mais traîne-toi avec moi. Donc nous l'avons fait. C' est le site fini. Et ainsi la barre supérieure avec le logo et le système de menu est importée de notre thème de Wordpress 2020. Tout en dessous, il va être de l'élément ou ainsi de l'élément vers la construction de ces parties du milieu des pages pour nous et le WordPress. Steve est chargé sur le dessus. Même chose pour le pied de page. Donc, tout cela est construit avec l'élément ou, et ce pied de page inférieur est chargé à partir du modèle. Donc, si jamais nous voulons finir au pied de page inférieur ou la barre système de menu très haut, nous allons éditer cela à travers le tableau de bord WordPress et les paramètres des thèmes. Si nous voulons éditer quelque chose que nous construisons au milieu, ce sera un élément ou et cela pourrait toujours changer cela en descendant dans vos options du bas ici et vous cliquez sur les paramètres. Il va y avoir quelque chose appelé mise en page, et c'est là que vous pouvez charger toute cette fin. Donc, par défaut va charger le système haut de nombreux et le pied de page inférieur du thème et tout au milieu va être élément. Ou vous pouvez faire un élément ou une toile, ce qui effacera ce menu et pied de page sur le thème supérieur et juste vous donner une toile vierge de l' élément terse. Si vous ne voulez pas avoir quelque chose apporté, vous pouvez construire à partir de zéro sans rien être apporté du thème Le thème WordPress pour juste savoir que vous pouvez y arriver en allant dans les paramètres et aller à la mise en page. Revenons à nos paramètres. Supprimons le titre afin que nous ayons la mise en page par défaut, et nous voulons simplement cliquer sur bascule cela, aussi. Oui, ça va aller de l'avant pour cacher le titre pour nous et pour la mise en page. Nous allons faire L. Un mentor, pleine largeur donc élément ou plein avec va être en mesure de rendre cette barre supérieure un peu mince et donc vous pouvez voir comment le haut et le bas sont amenés dans le thème et ce est la partie médiane. Cet élément sera en charge de la section cracheuse. Donc, si vous voulez changer le menu, nous ne faisons pas cet élément, ou nous allons retourner à l'extérieur vers le tableau de bord pour changer le menu. Alors commençons par le haut. Donc le top sera ça. Donc, cela ne va pas être fait un élément ou si vous avez des éléments ou pro. Il y a quelques options de menu où vous pouvez ajouter un menu ici sans utiliser le thème WordPress . Mais pour la version gratuite, nous allons le faire à partir du thème. Alors allons-y et revenons à notre tableau de bord. Donc, nous sommes de retour dans le tableau de bord, Le nouveau système et ce que nous voulons faire est que nous voulons modifier le thème que nous avons. On va passer à l'apparence et aux thèmes. Et rappelez-vous, quand nous définirons ce thème 2020, nous serons en mesure de le personnaliser. Et c'est là que vous pouvez ajouter le local haut. Nous allons donc citer l'identité, et nous allons ajouter un logo, et j'ai le logo disponible en tant que ressource téléchargeable. Alors allez-y et téléchargez ce zip. Allez dans votre dossier Zip et vous serez en mesure de voir cette section et de voir tous ces fichiers disponibles pour vous afin que vous n'ayez pas à revenir en arrière et créer tous ces fichiers à partir de zéro. Vous pouvez le brancher et apprendre avec moi ou y mettre votre propre logo. Allez-y et ajoutez votre logo. Assurez-vous que c'est une résolution décente et nous voulons nous assurer que nous vérifions sur le logo de la rétine parce que cela aide t prendre de plus grandes résolutions et afficher que lorsque vous avez une belle rétine, écran haute résolution. Donc c'est aussi facile que ça. Nous pouvons aller de l'avant et ajouter le logo. Nous voulons maintenant être en mesure d'aller aux couleurs, et nous avons une marque ici. Donc, c'est une marque que nous avons déjà développé toute une campagne sur les réseaux sociaux et nous avons eu quelques éléments de marque à partir de cela. Donc nous avons ces deux couleurs, ces deux couleurs hexadécimales que nous allons essayer d'utiliser sur notre site, et nous voulons que cela soit cohérent, donc nous voulons que les options de menu ici adaptent soit l'orange soit le bleu. Et j'ai pensé que Blue allait être plus associé aux liens, mais ce sera aussi un peu plus de contraste avec le blanc et aura un peu plus de lisibilité. Donc c'est comme ça que nous éditons la minute, qui va être en haut à droite Voici une sorte d'options de menu ici. Il y a aussi des couleurs que vous pouvez changer le thème de couleur et pour changer les liens u R L vers le haut . Tu vas avoir ce petit curseur et tu remarqueras comment ça change quand je glisse ça. s'agit donc d'appliquer une couleur personnalisée pour les liens, les boutons et les images de fonctionnalités. Donc, nous voulons aller de l'avant et changer ça à notre couleur bleue. Donc maintenant, il correspond à notre logo et de faire le menu et en fait ajouter quelles pages vont être sur leur conflit U vers le bas sur beaucoup. Il y a aussi une option de menu dans le tableau de bord, mais vous pouvez aussi le faire ici afin que nous puissions définir différents éléments de menu. C' est donc notre menu principal. Vous pouvez créer un nouveau mini si vous voulez en avoir un sur le pied de page, et vous pouvez définir les différents emplacements. Donc maintenant, le menu horizontal du bureau qui sera votre top. Nous avons cette mise à primaire. Donc, disons que nous voulons éditer ceci donc je suis juste en cliquant sur deux mini Primary, qui est le seul que j'ai mis en place. J' ai déjà une partie de cela déjà mis en place ces différentes pages d'air que j'ai créé dans la zone de la page où vous pouvez ajouter de nouvelles pages sur le site. On a une maison, une galerie, des services, on va tous être cliqué à travers. Ensuite, vous pouvez l'ajouter élément afin que nous puissions ajouter, disons, portefeuille que nous n'avons pas. On pourrait donc ajouter ça à notre système de menu. Et maintenant, nous avons un nouvel élément de menu, et vous pouvez les déplacer afin que vous puissiez avoir un ordre différent. Et disons que nous aurions un menu déroulant. Parlons donc du menu déroulant. Donc, disons que nous voulons passer le curseur sur le contact fait, et nous n'aurions pas beaucoup de menus déroulants sur cela, donc vous devez faire est de prendre une page principale et de la faire glisser un peu vers l'intérieur, et cela va créer un lien imbriqué. C' est donc votre lien parent et c'est votre lien enfant. Donc il a été ingéré. Et maintenant, quand je roule, contactez-nous, nous avons un menu déroulant, donc c'est à quel point il est facile de créer des menus déroulants. Si vous ne voulez pas que ce soit un menu déroulant, vous le faites glisser et modifiez l'ordre. C' est ainsi que vous modifiez les menus. Il y a aussi une autre façon de modifier les nouvelles. Si nous sortons de ce thème personnalisé, nous retournerons ici. Vous pouvez également descendre à l'apparence et descendre aux menus ici. Vous pourrez également modifier les menus ici de la même manière. Vous serez en mesure d'avoir un peu plus d'options lorsque vous le faites de cette façon, plutôt que de passer par le thème personnalisé. La même chose ici, on peut, hum, ajouter, les ajouter. Donc, disons que nous avons une foire aux questions. On peut ajouter qu'il va l'ajouter ici à notre système de menu, et on peut changer l'ordre. Nous pouvons le supprimer pour que nous puissions supprimer celui-ci Donc disons que je veux ajouter un lien personnalisé que je ne veux pas ajouter juste lié à mon propre site Web. Je veux un lien vers un autre endroit. Vous pouvez cliquer sur des liens personnalisés, et nous pourrions faire des tests ici. Nous pourrions avoir le Cisco à google dot com pour un test et ajouter au menu. Donc, si vous avez jamais voulu ajouter une page qui avait un lien personnalisé à elle, vous pouvez et il pourrait simplement la supprimer. Donc, pour des options plus détaillées, vous passez par le panneau apparence et menus au lieu de passer par les thèmes personnalisés . Donc, il y a toujours deux façons différentes d'éditer les choses, et nous sommes pressés, ce qui peut rendre cela un peu compliqué. Mais une fois que vous aurez traversé ce processus une ou deux fois, vous vous familiariserez avec celui-ci. Ça ne semblera pas si compliqué. Donc, si jamais vous voulez faire votre menu supérieur, c'est comme ça que vous le faites. Si vous voulez changer votre logo, c'est comme ça que vous le faites. Donc tout ce qu'on va faire sera construit avec le système Element Tour. Revenons à nos pages maintenant que nous personnalisons votre menu et avons ajouté notre logo devaient passer à notre test et nous allons aller modifier avec Element, ou il va charger cette même page à nouveau. Et on y va. Nous avons tout mis à jour. Et maintenant, nous allons tout apprendre sur la façon de construire tous les éléments et de tout construire et ajouter de la vidéo. 62. Site Web Wordpress - Vidéo: pour penser au côté design des choses où tout a été technique. C' est comme ça que vous obtenez cette configuration. Parlons de notre site web prévu. Donc j'avais un plan pour ça. C' est une compagnie de voyage. Nous avons vraiment besoin d'attraper les gens des annonces payantes. Les gens vont venir des publicités sur les réseaux sociaux et des publicités payantes. Donc nous devons l'attraper avec un beau visuel pour avoir une image magnifique, statique, statique, dynamique avec peut-être du texte qui vole ou nous pourrions faire quelque chose de mieux. Vidéo, vidéo, vidéo, les gens aiment le mouvement. Les gens adorent la vidéo. Ils se connectent vraiment, et ça les attrape. Ce que je voulais faire, c'est faire une vidéo de fond au lieu d'un carrousel rotatif. Voyons si nous pouvions faire cette partie supérieure de la vidéo et superposer un bouton d'appel à l'action et un peu d'un titre. Alors comment on fait ça ? Utiliser un élément ou deux ce que nous voulons faire est la première chose que nous voulons. Dragon est une intersection. Donc, cette intersection est une sorte de votre valeur par défaut. Attendez à un conteneur et ajoutez différentes colonnes. Nous allons ajouter une intersection juste ici glisser widget dans. Il est bon de créer un conteneur de colonne par défaut, mais il va aussi avoir ce conteneur extérieur bien, mais alors il est également contenu dans un conteneur parent. Donc, c'est le conteneur de section parent, et il a créé ce genre de mise en page de deux colonnes pour nous. Donc, ce que nous voulons faire est que nous voulons ajouter cette vidéo de mouvement à l'arrière-plan de ce conteneur principal . Nous voulons avoir une vidéo de fond à travers cette zone. Nous pourrions revenir ici et ajouter une vidéo, mais quand vous ajoutez une vidéo, vous ne pouvez pas mettre les choses au-dessus de la vidéo. Donc, par exemple, si j'ai une section vidéo ici et que j'ajoute la vidéo ici, cela ne va pas me permettre d'ajouter une autre intersection. L' intérieur va le faire sur le dessus pour qu'on ne puisse pas le faire comme ça. C' est pourquoi nous allons créer une intersection et ajouter un arrière-plan au conteneur parent principal . On va cliquer sur le conteneur parent principal, et on va ajouter la vidéo d'arrière-plan au lieu d'une image d'arrière-plan. Donc, nous voulons nous assurer qu'au lieu de la boîte que cette section principale est réglée sur pleine, donc ça va tout étirer vers l'extérieur. Alors maintenant ajoutons notre vidéo. On va aller au style, on va aller à l'arrière-plan et ça va nous donner quelques options. Classic est une couleur unie. On pourrait ajouter un arrière-plan Grady it. Nous pouvons ajouter, Ah, diaporama qui traverse ou dans ce cas, nous allons ajouter une vidéo afin que vous puissiez copier et coller notre lien YouTube que nous avons. Ou nous pouvons héberger la vidéo sur notre propre site web ainsi et et hébergée en natif. Où trouve-t-on ce lien ? On va trouver ça dans la section médias de votre tableau de bord. Revenons à notre tableau de bord, où aller à nos options, ce petit menu hamburger, et nous allons pouvoir revenir à nos tableaux de bord et va faire un clic droit ouvrir notre tableau de bord contre nous sommes de retour et notre tableau de bord wordpress. On va aller à la section médiatique que nous avons examinée plus tôt, et je vais juste télécharger une vidéo, et j'ai cette ressource disponible pour vous en tant que ressource téléchargeable. Si vous ouvrez le dossier zip que je vous ai donné pour cette section de la classe, vous pourrez voir où ont cette vidéo pour vous. Il allait ajouter une nouvelle vidéo, juste une sorte de vous montrer le processus et remarquer la petite taille du fichier. Vous ne voulez pas utiliser quatre K vidéo ou tout ce qui est super grand parce que vous voulez que vos temps de chargement soient raisonnables. C' est une belle basse résolution. Ça va juste être utilisé comme une vidéo de fond. Alors va aller de l'avant et télécharger ça et je l'ai déjà téléchargé ici. Si vous cliquez sur une fois qu'il a terminé le téléchargement, vous allez juste, uh allez-y, cliquez sur la vidéo et il y aura une petite zone de lien de copie juste ici. C' est le lien qu'ils vous demandent. Vous obtenez juste une copie, ce lien retourne dans votre élément ou et maintenant nous allons revenir dans notre section principale et il y a les liens ou juste va accélérer ce lien là-dedans et vous pouvez voir qu'il commence automatiquement à charger la vidéo de mouvement . Vous pouvez avoir une certaine heure de début ou à temps avec votre vidéo. Vous pouvez jouer à la fois ou en boucle. Donc je vais cliquer sur Non, pour jouer une fois parce que je voulais continuer le Lupin Lupin Luke parce que c'est plutôt un fond décoratif , image accrochante. Ainsi, vous pouvez également exclure cela de la vue mobile. Si, pour une raison quelconque, vous ne voulez pas le voir sur mobile, vous pouvez exclure des éléments spécifiques à ne pas charger sur une version mobile du site Web. En outre, il y a une chute de fond. C' est génial pour les gens qui continuent ici. Pour une raison quelconque, ils ont désactivé les vidéos ou la lecture automatique sur les vidéos. Vous voulez avoir une image de fond qui fonctionnerait aussi bien. Parfois, ils ouvrent la vidéo et prennent une capture d'écran et l'utilisent comme une sorte de mon image de secours d' arrière-plan. Et donc on y va. Nous avons ajouté notre petite image de fond. Donc, disons que nous voulons changer la taille de cette section entière et montrer et révéler plus vidéos. On peut toujours changer notre rembourrage, donc je suis ici dans la même chose. J' ai été dans la même section principale éditer la section tout le temps de passer à avancé, et nous pouvons ajouter un peu de rembourrage pour faire que prolonger les heures. Nous aurions une zone d'observation à impact plus élevé. Nous pouvons juste ajouter un peu plus de rembourrage. Nous pouvons ajuster cela à tout moment. Donc c'est notre conteneur principal. Donc, pour une sorte de revue, nous avons notre conteneur principal. Nous avons le contenu sur plein avec et pas en boîte. Et nous avons notre en arrière-plan. Nous avons notre vidéo, donc nous utilisons des vidéos, un arrière-plan, et nous avons créé nos paramètres de cette façon. C' est notre principal conteneur parent, et nous avons ces autres conteneurs ici, une autre section. C' est un conteneur enfant imbriqué et il va exister dans ce conteneur parent. Et cela fonctionne à un bouton d'action appelé à droite et un titre à gauche. Nous avons cette grille par défaut à colonne. Bien sûr, nous pouvons ajouter des colonnes à cela fera cela un peu plus tard. Mais ce que nous voulons faire, c'est revenir à notre section principale, qui est juste ici. Allez-y et cliquez, et nous pouvons obtenir tous nos différents éléments et éléments que nous pouvons charger dans. La première chose que nous voulons faire est d'ajouter un titre. Donc c'est à un titre de cette petite boîte juste ici a traîné ça dedans, et maintenant on va vouloir obtenir un appelé boutons d'action. Nous avons un bouton pour vous connecter à ce titre et avons vraiment quelque chose de plus concis avec l'image d'arrière-plan mobile. Glenn était un changement ou un type ? Tu es exotique. Les vacances commencent ici. On va vraiment avoir besoin d'orteils. Faites apparaître ce type sur ce fond de mouvement. Allons de l'avant et changeons notre style ici. Amarin dans la zone de texte. Et nous allons nous assurer que la couleur de notre texte est blanche et nous pourrions le rendre un peu plus grand aussi, en allant à la typographie et en changeant la taille. Vous pouvez également changer un peu la hauteur de la ligne pour ne pas la vouloir trop serrée et vous ne voulez pas que les espaces soient trop éloignés. Vous vouliez vraiment avoir l'impression que c'est un titre. Vous pouvez également changer l'espacement des lettres, mais avec les lettres minuscules aiment être très prudents et le garder à zéro ou un peu négatif. Je n'aime pas avoir de larges lacunes parce que ça commence à paraître un peu peu peu professionnel. L' école s'effondre ce retour à zéro par défaut. Nous pourrions même faire ce vieux un peu plus grand et nous pouvons même faire une ombre portée sur ce est bien, donc l'ombre technologique. Nous voulons vraiment quelque chose pour l'aider à s'élever au-dessus de cette vidéo de mouvement. On va faire un peu d'ombre technologique, très petite. Nous pourrions double-cliquer dessus pour le rendre très apparent ou non. Donc juste pour aimer une ombre portée subtile. N' avons pas trop de flou sur. C' était un peu flou. Il aide juste vraiment à soulever au-dessus de la vidéo. Et j'aime diriger avec le Sénat Allons de l'avant et menons avec une capitale. On pourrait garder tout le reste en minuscules. Nous avons donc ce bouton d'appel à l'action qui a vraiment besoin de beaucoup d'aide. Alors allons de l'avant et obtenir des couleurs de marque ici et de la typographie. Donc juste en cliquant ici sur le bouton, il va avoir quelques options que vous pouvez modifier. Donc, réservez maintenant sera notre genre d'appel à l'action, et nous voulons nous assurer que c'est la ligne centrale, donc il est au centre aligné avec le paragraphe. Nous pouvons également aligner cette typographie. Alors faisons ça. Pendant que nous sommes là, nous sommes par ici et nous nous contentons et nous allons juste au centre. Aligner ça. Donc ça va être la ligne centrale. Retournons à l'endroit où Button. Changeons la couleur. Nous pourrions également ajouter une petite icône ici, que j'ai tendance à préférer l'iconographie avec les boutons parce qu'il aide à fournir une aide visuelle avec le bouton. Nous allons voir si nous pouvons ajouter une petite icône et il peut télécharger et spg ainsi membre. Lorsque nous avons créé des icônes SPG plus tôt dans la classe, vous pouvez télécharger un Nikon et il peut les activer, et nous pouvons faire les icônes de cette façon. Mais pour ce cas, nous allons utiliser une icône par défaut de la bibliothèque d'icônes. On va trouver une icône qui va se connecter au livre maintenant. Donc pour moi, c'est une coche. Une sorte d'indication de cela est la prochaine étape du processus. Faisons cette case à cocher. Bien sûr, vous pouvez insérer n'importe quel type de nom pour en rechercher un. Donc maintenant, nous avons une petite icône à droite, ce qui est agréable, et vous pouvez changer l'espacement des icônes et en faire un écart plus large. Je n'aime pas creuser l'écart que vous pourriez mettre avant ou après, mais je l'aime avant, c'est à vous de décider et quels sont vos besoins. Faisons un gros bouton ou même un bouton extra large, et nous pouvons aller de l'avant et mettre notre lien ici ou affaiblir les options de lien do. On peut s'ouvrir dans une nouvelle fenêtre. Il y a beaucoup d'options différentes que vous pouvez ajouter partout où cela est bon pour que vous puissiez ajouter votre lien. On va passer au style pour changer un peu de typographie ici. Rendons la typographie un peu plus grande juste là. Changeons la couleur du texte. Donc c'est là que nous voulons apporter nos codes hexadécimaux parce que nous voulons avoir ce bleu et cette orange. J' ai donc ce document de marque que vous avez confiné dans la section des médias sociaux de la classe . Ça va être utile pour combattre ces codes hexadécimaux. Donc le 1er 1 est bleu. On va double-cliquer dessus. Nous avons ce code hexadécimal juste ici. abord, obtenez une copie et collez cela, et ainsi il peut enregistrer ces codes hexadécimaux qui n'ont pas à continuer à entrer ceux dans Ajoutons notre couleur orange. Tu n'as plus à refaire ça. Qu' est-ce qui a déjà ajouté là-dedans ? Ok, donc on veut faire le bouton. Nous pouvons rendre le bouton bleu ou rendre le bouton orange. Lequel va sortir le plus sur ce genre d'arrière-plan vidéo occupé ? Et je pense que ça va être orange, parce que si tu fais du bleu et c'est pour l'arrière-plan tapé. Alors gardons ce blanc. Allons à la couleur de fond. Donc c'est la taxe. Allons à l'arrière-plan. Tout comme Orange Workout ou Bleu. Lequel vous sortirait vraiment si on pouvait même faire du texte orange sur le bleu ? Tout le contraste ne sera pas aussi dynamique. J' ai l'impression que dans certains cas, surtout avec la première partie, vous avez bleu sur bleu avec le fond. Je pense que l'orange pourrait globalement être une couleur plus attirant l'attention. On va le garder à l'orange. Donc maintenant, la prochaine chose que nous devons faire est de gagner quel genre de centre aligner ces deux deux parce que maintenant c'est positionné en haut et c'est en quelque sorte positionné. J' adorerais que ça descende un peu. Ce que nous voulons faire, c'est que nous voulons déplacer ce bouton pour qu'il nous donne une chance de positionner ce bouton, voir ce petit bouton d'édition, nous allons pouvoir cliquer et le faire glisser vers le bas. On peut vraiment le déplacer là où on veut. Allons de l'avant et cliquez dessus à ce sujet. Ici. Et c'est juste une option avec un bouton. Pour l'instant, vous ne pouvez pas vraiment cliquer dessus et prendre le texte. Le Texas dans son propre conteneur. C' est donc une chose spéciale que vous pouvez faire avec le positionnement des boutons. Allons de l'avant et mettons à jour notre site Web ici afin que nous puissions aller de l'avant et sauvegarder ce que nous avons ici. Vous pouvez également enregistrer en tant que brouillon ou enregistrer en tant que modèle. Si tu veux. Vous n'êtes pas encore prêt à le publier. 63. Site Web Wordpress - Créer d'autres sections: C' est donc ce que j'espère créer. C' est juste la boîte orange à contraste plus élevé après la vidéo qui aura juste un point de vente du client, qui est l'agence de voyage la mieux notée en 2020 avec une petite icône cinq étoiles. Parce que j'aime utiliser des icônes avec n'importe quel type juste pour vraiment j'ai un visuel avec du texte. C' est une sorte de barre de contraste élevé que je veux créer. Donc on va le faire dans notre nouvelle boîte. Donc nous voulons traîner cette fin ici. On va revenir à nos éléments ici qu'on peut traîner. Donc ce qu'on va faire, c'est traîner dans un cap ici avec le cap ici, et on va aller de l'avant et taper tout ce qu'on a à manger. La meilleure agence de voyage en 2020. Ce qu'on va faire, c'est aller à la section principale. Nous ne ferons pas le texte. On va aller au principal, le deuxième nouveau membre de la boîte de section. Comment on avait une section principale ici. C' est une section principale ici, et nous voulons ajouter un fond de couleur unie. Nous allons aller au type d'arrière-plan de style, et nous voulons juste faire un remplissage simple classique. On va descendre. Nous avons déjà notre orange de marque. On va tirer ça dessus. Nous pouvons même ajouter une image d'arrière-plan au lieu d'une couleur unie. Nous pourrions faire une autre vidéo, même si vous n'avez pas besoin de vidéos dos à dos. Allons avancer et effondrer ça un peu. On ne veut pas trop de rembourrage. On est juste en train d'ajuster ou de rembourrer ici. Maintenant, nous pouvons revenir à notre zone de texte DoubleClick. Et bien sûr, nous pouvons changer ce pire. Configuration de vos en-têtes de tête. Donc H un H deux et paragraphe est un peu sympa parce que vous pourriez aller juste ici au contenu et faire tout sorte de similaire. La taille est que nous voulons nous assurer qu'il est aligné au centre et le style. On veut s'assurer qu'il est blanc. On pourrait peut-être le rendre un peu plus petit juste là. Nous ne voulons pas dominer les gros titres, donc nous ne voulons pas avoir cela parce que maintenant c'est la même chose, dit Taille est le titre. Alors disons nos manchettes h 2. Et si on faisait un titre H R, c'est H un. Et si on faisait ça deux heures ? Nous avons juste fait un peu plus petit, donc il n'essaie pas de rivaliser avec le meilleur parcours. On peut toujours revenir pour rester section et ajuster le Patty. Donc voici tout ce qu'on a à faire, c'est qu'on doit juste cliquer avec le bouton droit de la souris sur cette petite boîte ici et on va pouvoir ajouter une nouvelle colonne. Donc maintenant, nous avons une disposition à deux colonnes, mais je ne veux pas que les étoiles dépassent ça. Voilà ce qu'on va faire. Il va falloir changer le pourcentage que cette colonne prend. Donc, ce que nous voulons faire, c'est que nous voulons faire glisser quelque chose de spécial. Je crois que ça s'appelle « Star Rating ». Ils ont en fait un petit widget que vous pouvez utiliser pour les étoiles. Faites glisser cette extrémité. Ça pourrait être une petite étoile ici. On pourrait faire ça un peu plus grand, lui donner un style cinq étoiles, faire un peu plus grand, avoir un peu plus d'espacement, et on veut changer la couleur en bleu juste pour ajouter cette pop très contrastée. Donc maintenant, nous voulons changer les colonnes parce que maintenant vous avez ceci et ceci ensemble, nous voulons changer en quelque sorte à quoi cela ressemble. Nous voulons réduire la taille de la colonne ici de cette colonne et augmenter la taille de la colonne de celui-ci à faire est que nous voulons faire. Ça peut être une colonne de 70% avec et l'autre 1 à 30% on va cliquer sur celui-ci, et on va passer par les étoiles et pour l'appeler avec Let's Make it 30 Et ici on veut faire la colonne avec 70 donc ça va changer automatiquement s'il y a seulement deux colonnes, donc il y a une sorte de disposition de deux colonnes. Nous pouvons, bien sûr, rendre cela plus petit. Il va cliquer dessus. On peut le faire 20% et peut-être l'alignons à gauche. C' est à quoi cela ressemble dans l'aperçu, et c'est là que nous pouvons changer certaines choses autour. Donc si on a l'impression que le livre de boutons orange interagit trop avec le même bouton orange ici, on peut changer légèrement l'ombrage ici. interagit trop avec le même bouton orange ici, Rends-le plus léger. Trouver un moyen de différencier les deux ou sauf si nous voulons connecter les deux avec des couleurs, c'est bon aussi. Donc il suffit d'essayer de prévisualiser chaque étape de ce site Web et d'essayer de prendre de bonnes décisions de conception lorsque nous travaillons à travers la mise en page Web. Donc c'est à ce moment que nous devons commencer à penser au mobile et, vous savez, mobile vient parfois en premier, Alors allons-y et commençons à voir comment cela fonctionne dans Mobile parce que nous sommes en train de mettre tout cela en place dans le bureau et c'est génial. Mais à quoi ressemble-t-il sur un appareil mobile ou une tablette ? Il est incroyablement important de toujours vérifier cela tout au long de ce processus. Alors passons à ça. Une petite option ici en bas, appelée Moods réactifs. Il va cliquer sur qui va nous avoir un aperçu par défaut. Son inconvénient pour le bureau, mais nous pouvons le définir pour tablette afin que je puisse voir à quoi il ressemble. Une tablette. On peut éditer tout ça et le mode tablette, ou on peut le garder sur mobile. Et quand nous revenons ici, nous pouvons continuer jusqu'à la fin du site web juste avec cette vue, qui est vraiment incroyable. C' est l'un des grands avantages de l'élément ou est de pouvoir prévisualiser dans tous les modes assez facilement. Alors voyons à quoi ça ressemble sur la vue mobile, et nous allons devoir revenir en arrière et ajuster pour s'assurer que ça a l'air bien du tout. Trois. Essayons donc d'abord la tablette pour que la tablette soit plutôt bonne. Il faudrait peut-être réduire la taille de cette typographie. Peut-être juste là, tu sais qu'on pourrait peut-être rendre les boutons un peu plus petits. Il y a des petits ajustements qu'on peut faire pour que ça paraisse bien. Donc, je pense qu'il a l'air super et tablette. Ça a l'air génial. Et les ordinateurs de bureau encore, Même si nous avons fait le type un peu plus petit, essayons mobile. Ce genre commence vraiment à submerger. Nous avons notre menu ici sur lequel nous pouvons cliquer. Donc voici notre petit menu déposé beaucoup qui sera juste comme un menu hamburger voyage vers le bas et les étoiles ne font pas vraiment un bon travail ici. Il a probablement besoin d'être aligné au centre. Phyllis est de s'assurer que ces centres d'air alignés Revenons à la ligne centrale de contenu l'étoile . Donc ça a l'air mieux. Il semble que notre bouton chevauche la section, donc ce sont de petits ajustements que nous devons faire. Nous allons voir à quoi il ressemble dans le bureau maintenant que nous avons apporté des modifications semble toujours bon sur le bureau. Alors peut-être devrions-nous réduire le rembourrage ici et ne pas avoir abordé cela un peu . truc dans Mobile va bien paraître sur les ordinateurs de bureau. Il y a donc quelques astuces que nous pouvons utiliser pour afficher des trucs mobiles où nous pouvons exclure une certaine chose avec laquelle nous avons un problème et faire autre chose sur mobile. Dans ce cas, si je vais en mode responsive et aller à Mobile, nous avons un peu de problèmes quand il s'agit de ce bouton sorte de chevauchement de la zone voté meilleur maintenant. Donc, ce que nous pourrions faire est que nous pouvons cliquer sur le bouton ou vraiment cliquer sur la meilleure agence votée ici, et nous pouvons l'exclure pour la vue mobile. Nous passons à responsive. Nous pourrions le cacher uniquement sur mobile, si avancé, réactif, et nous pouvons le cacher sur mobile pour qu'il ne soit même pas là. Donc, ce que nous pourrions vouloir faire est de cacher cette section, descendre à responsive et cacher sur mobile, sorte que toute la section ne sera pas affichée, et nous pouvons continuer à ajouter les autres sections, et nous pouvons également créer un nouveau ici, et il est juste pourrait exister sur mobile. Donc, si nous voulons avoir un arrangement différent, ce que nous pourrions faire, c'est que nous pouvons créer une nouvelle section, cacher sur le type de décès et se cacher sur tablette, et ne l'avoir que sur mobile, de sorte que vous pouvez changer de choses autour et sorte de faire votre propre mobile personnalisé sur. Si vous avez un élément qui semble juste tâche sur le bureau, vous voulez le garder de cette façon. Vous pouvez toujours avoir une sorte de section différente pour la version mobile seulement. Donc c'est comme ça que vous faites brièvement. Bien sûr, je peux entrer plus en détail sur beaucoup de cela, alors revenons à la version de bureau. On y va. Donc je pense que ça a l'air génial et mobile. Excellent bureau. Je pense que si nous avons éliminé cette section et ajouté une nouvelle section qui fonctionne juste pour mobile, je pense que nous pouvons obtenir ce petit travail d'orteil de section aussi. Donc, nous devons le faire en passant par le site Web, continuer à prévisualiser dans les trois modes. Ça doit être superbe dans les trois. Et sinon, nous pouvons modifier une section pour le faire fonctionner sur juste afficher sur l'appareil mobile. Alors ajoutons notre prochaine section. C' est à ça que ça va ressembler. Faites défiler. On va faire ça ici. Nous voulons avoir une sorte de titre appelé Action Button et nous allons créer ce petit graphique qui va glisser dans la droite et animer comme la version supérieure l'a fait. Alors construisons ça. J' ajouterais une nouvelle section, retournerais ici à son module, et on va ajouter une intersection juste ici. Ça va créer une grille à deux colonnes pour nous, et l'une sera un éditeur de type Dragon, Scott, un éditeur de type dragon, dans cette boîte. Nous allons aussi avoir besoin de quelque chose d'autre . Donc, si je devais changer ce type, ça change tout le type. Cela ne nous laisse pas isoler un type et en faire un titre. Ça changera tout le type dans cette boîte. Donc ce qu'on va faire, c'est avoir un cap et le glisser juste au-dessus de cette boîte. Ce qui va faire, c'est que nous avons notre section principale ici, et nous avons nos deux colonnes à gauche et à droite. Et ce que nous avons fait, c'est que nous venons d'ajouter un en-tête au-dessus de cette boîte, et maintenant nous devons boîte sur la gauche et une boîte sur les droits que nous avons jamais titre et copie corporelle . Et ce sera notre photo qui sera éventuellement ajoutée. Je ne veux pas utiliser cette couleur de pêche par défaut. Donc je vais aller ici à cette section principale ici et j'ai changé l'arrière-plan. Deux blancs. On y va. Donc maintenant, nous avons un fond blanc et allons de l'avant et ajouter le type, puis nous pouvons ajuster le style typographique dans un peu. Donc je vais aller de l'avant et ajouter le type et je reviendrai tout de suite 64. Site Web Wordpress - Créer notre caractéristique Instagram: Il s'agit donc d'être dans des endroits exotiques et de souhaiter que vous soyez celui qui prend cette photo Instagram. Donc ça fait ce rêve. Au lieu de cela, Instagram compte votre donc juste faire un peu de copyright, un peu de narration. Alors ajustons ça. Évidemment, Blue ne marchera pas. Alors ajustons notre type. On pourrait faire à Orange, ou on pourrait faire un bleu ou on pourrait faire un gris et l'avoir neutre. C' est vraiment à vous de décider. Si nous avons l'impression d'utiliser la couleur, nous pourrions nous en tenir à un gris foncé neutre, ce qui pourrait fonctionner parce que je pense que ça neutralise tout ce bâton de travail de couleur à une couleur de marque. Donc on va juste voir à quoi ça ressemble. Soyons fidèles à la couleur de marque pour l'instant. Si nous devons le rendre neutre parce qu'il y a trop de couleurs concurrentes, nous pourrions le faire plus tard. Rendons aussi ça un peu plus petit. Voyez à quoi ressemble H 4 h 4. Et faisons aussi cela le paragraphe donc il va au contenu qui est le type de paragraphe, et nous pouvons aller au style et ajuster la taille de ceci comme des chemises lisibles dans tous les formats veut essayer de faire 16. Alors rendons ce neutre maintenant que j'y pense et que je le vois. Faisons-le en gris neutre et rendons-le un peu plus grand. C H trois h trois. Ça marche plutôt bien. Alors faites de votre rêve, Instagram compte le vôtre. Faisons même ces deux paragraphes longs. C' est juste gobbledygook pour l'instant, mais je pense que ça marchera. Disons qu'on a beaucoup de rembourrage ici. Nous avons beaucoup de rembourrage supplémentaire ici. Nous voulons combler l'écart ici. Cliquez sur notre image principale ici et voyons si nous ne pouvons pas changer une partie du rembourrage. Voyons ce que zéro fait tout autour et zéro marge. On y va, donc ça l'amène un peu, et on pourrait toujours changer nos colonnes. Rappelez-vous, nous pouvons cliquer sur les gauche ici et faire colonne avec Faire ce 40% afin que nous ayons un peu plus. Nous avons 60% de ce côté, donc c'est entre 100%. Donc, il est divisé pour faire 100% donc 40% 60%. J' ai l'impression que la photo devrait être un peu plus montrée. On va avoir une chronique à 60% pour montrer sa photo. Alors créons notre petite image Instagram. J' ai pris paire avec ce titre. Je vais te voir dans la boutique photo. Donc, je suis ici dans Adobe Photo Shop et vous aurez accès à ce modèle que j'ai adapté à partir d' un autre modèle. Mais je voulais l'adapter à ce site web particulier. Mais vous serez en mesure d'avoir ce fichier Photoshopped exact. Tu peux travailler avec moi. Vous n'avez pas à recréer l'ensemble instagram à partir de zéro. Mais vous êtes concepteur assez expérimenté maintenant, sorte que vous pouvez facilement le faire et recréer les icônes instagram et tout. Vous avez tous les outils dont vous avez besoin pour le créer à nouveau à partir de zéro, mais ici, c'est déjà fait pour vous. Allons-y, remplacons certaines de ces images. Alors allons-y et gardons celle-là. Donc ici, j'ai ça comme un masque de coupure. Donc on va juste faire un clic droit et relâcher le masque de coupure. Supprime cette photo et on a juste une super boîte ici, et on va juste apporter une autre photo. Je l'ai Vous n'avez pas à utiliser aucun de ces que j'utilise. Allez-y et apportez ça. Vous pouvez aussi l'apporter sous forme de conteneur. Donc, si vous voulez créer un conteneur ici en créant un conteneur ici à l'aide de cet outil conteneur d'outils, vous pouvez le faire et faire glisser votre image dans. Ça vous rendra la vie beaucoup plus facile. Donc, je suis allé ici à mon conteneur, en cliquant sur le côté droit pour que je puisse avoir le contrôle sur cette image particulière. Nous voulons avoir un attrait émotionnel pour le spectateur, alors nous allons zoomer un peu. Je vais glisser ça sur le dessus et en quelque sorte le dépenser un peu ici, donné un peu de pop dynamique. Tu veux voir les deux photos ? Nous avons beaucoup de place taillée pour ça, nous pourrions trouver comment nous voulons arranger ça, et nous pourrions aller de l'avant et récolter. C' est bien, nous n'avons pas besoin d'autant d'espace. C' est de la culture un peu juste ici. Nous n'avons pas trop d'espace blanc parce que ça va ajouter beaucoup de rembourrage naturel. Nous pourrions toujours ajouter du rembourrage dans notre récipient. Donc, faisons juste assez pour obtenir ce petit peu d'ombre portée montrant la touche Entrée et juste une sorte de vous montrer comment apporter des actifs lorsque vous construisez des conceptions Web. Nous voulons donc exporter. Ceci est un P et G. Nous voulons mettre ceci sur un fond de couleur. Nous voulons nous assurer qu'il n'y a rien en arrière-plan. Donc je vais aller de l'avant et exporter ça en PNG. Allons en PNG. On ne veut pas le rendre si grand. Donc, si nous avons 1919 20 pixels de largeur d'un bureau et que c'est probablement le plus gros utilisateur que nous aurons, nous n'utilisons que la moitié de cette taille. Disons donc 1000 pixels 1000. J' allais l'ajuster automatiquement pour nous, alors allons-y et amenons-la comme une image. Alors allons à nos éléments et faisons simplement glisser dans un widget d'image simple. Maintenant, nous allons cliquer ici pour choisir l'image, et nous allons la télécharger sur nos médias, et j'en ai déjà un créé à partir d'une version précédente, donc je vais cliquer ici et cliquer sur Insérer Media et il va se mettre à jour pour nous. Ces crampes un peu mieux. Alors allons de l'avant et cliquez sur notre conteneur principal gauche. Pas seulement le titre, mais toute cette colonne de gauche, et on va juste délier ça et on veut juste mettre un peu de rembourrage sur le dessus pour l'aligner sur la photo. Nous pourrions rendre notre image un peu plus grande, donc maintenant nous l'avons de 10 24 par 10 24. Mais nous pouvons toujours changer la taille quand nous le voulons et aussi l'alignement. Il le relie également également. Donc, ce que je veux faire, c'est que je veux ajouter cette même animation. Revenons au grand parce que je veux avoir trop d'espace ici. Je veux dire, ça dépend juste du type que tu veux avoir dans cette zone. Alors faisons la même animation où ce petit bloc glisse dans la droite, alors passons à Advanced Motion affecte. On pourrait faire un fondu en supposant un rebondissement. Continuons avec notre diapositive, glissez dans la droite et nous pouvons avoir cette diapositive dans la gauche. Donc, il suffit de cliquer sur cette colonne effets de mouvement avancés, Faisons glisser vers la gauche. On va avoir ça retardé un peu, donc l'image est légèrement retardée sur la droite, donc des effets d'émotion. Retardez-le de seulement cinq minutes par seconde. Je ne veux pas trop de retard, , alors mettons-nous à jour et voyons ce que nous avons jusqu'à présent pour ça. Cliquez sur Aperçu des modifications et voyons comment il se charge. De plus, si vous avez tendance à avoir des problèmes avec le temps de chargement, vous voulez vous assurer d'optimiser l'exportation. Disons que c'est que je pense que c'est 800 kilo-octets, ce qui est assez grand, mais c'est haute résolution. Nous voyons ce que c'est. 863. Vous pouvez toujours l'exporter différemment sur une boutique photo. Si la taille est un problème ou si le temps de chargement est un problème. Il s'agit d'exporter des fichiers au lieu de simplement exporter, comme vous pouvez le dire pour le Web, et cela va vous donner un peu plus de contrôle sur la réduction de la taille du fichier. Donc, si nous zoomons, nous sélectionnons PNG huit cours. On pourrait changer sa taille d'image vers le bas 1200, ce qui la réduira. Donc maintenant c'est en baisse de 319 k donc nous avons été en mesure de réduire la taille du fichier de 60%. Donc, il y a et il y a une réduction de qualité que vous obtenez quand vous faites ça. Mais c'est vous tous. Juste besoin de vous assurer que tout est chargé correctement. J' ai essayé un autre. Ordinateurs. Comment ? À quelle vitesse se charge-t-il ? Si vous rencontrez des problèmes de chargement, vérifiez votre vidéo, assurez-vous qu'elle ne nécessite pas trop de données et même chose avec les photos Cette optimisation de la photo vérifiez votre vidéo, assurez-vous qu'elle ne nécessite pas trop de données et même chose avec les photos Cette optimisation de la photopour le Web et assurez-vous que votre temps de chargement est une priorité. Allons de l'avant et faisons notre test ici. Voici votre test défilant vers le bas. Allez-y et rafraîchissez cette fois de plus, afin que tout sorte de glisser dedans. Ça a l'air bien. On peut retarder un peu ça. On peut avoir un amenage plus lent et lent. Nous allons avoir un retard supplémentaire d'une seconde et avoir un retard ici de deux secondes. Ou peut-être 1500. Une seconde et 1/2. Voyons comment nous testons simplement les choses et voyons comment les choses se mettent à jour. On y va. Joli, beau. Donc maintenant, nous sommes prêts pour la prochaine section lorsque vous faites des sites Web lorsque vous avez une grande zone. Disons que c'est très blanc. Donc, nous avons beaucoup de couleur ici. Nous utilisons nos couleurs. Nous avons beaucoup de blanc ici, et dans ce cas, nous pourrions même changer un de ces deux bleus. Faisons ça très vite, parce que je regarde ça en quelque sorte. Tu sais quoi ? On a vraiment besoin d'un peu de bleu ici. Alors changeons cette barre en bleu, qui est différent de quand j'ai initialement prévu d'aller dans le style pour aller à notre conteneur, conteneur,aller au style et faisons notre marque bleue. Et puis nous avons juste besoin de changer cet orteil orange, les étoiles ou orange. On y va. Alors, qu'est-ce qu'on fait de la section suivante ? Donc nous avons cette grande zone blanche. Ce que j'aime faire, c'est avoir beaucoup de contraste, surtout après avoir une grande zone blanche 65. Site Web Wordpress - 3 Column Mise en page: Puisque nous avons la barre bleue forte, ajoutons ici une section orange où les arrière-plans tout orange pour ajouter un peu de ce contraste noir et blanc où vous avez un fond de contraste élevé. Ensuite, vous avez une lumière et puis vous avez une couleur élevée et il secoue vraiment la mise en page au lieu de faire juste une autre zone blanche avec trois icônes. Nous allons secouer nos antécédents. C' est ce qu'on veut faire. Nous voulons ajouter une nouvelle section. Donc, ce que nous voulons faire est dans une section de trois colonnes, nous voulons ajouter trois icônes, trois sections de paragraphe et nous voulons ajouter un arrière-plan cool qui va correspondre à notre orange. Donc ce qu'on va faire, c'est qu'on va amener notre intersection, et par défaut c'est aussi. Alors faisons trois pour aller ici, et on va ajouter une nouvelle colonne. Je vais ajouter trois colonnes. J' ai cliqué ici sur cette rangée. C' est là que nous ajoutons la troisième colonne. Donc ce que nous voulons faire est de retourner à nos éléments ici et de glisser dans quelques choses, donc nous voulons avoir un Nikon, alors faisons juste une image juste ici au milieu de la boîte pour la faire glisser juste là. On va aussi vouloir avoir un en-tête, sorte de titre. Alors faisons un titre juste en dessous, et ensuite nous voulons faire enfin, une zone de texte. Nous allons éditeur de texte juste en dessous. Assurez-vous de l'avoir dans la bonne case. On va en faire une, et ensuite on pourra le dupliquer pour gagner du temps et gagner du temps. Donc la première chose que nous voulons faire est de changer notre image. Je veux avoir trois icônes que nous utilisons pour cela afin que nous ne puissions tout simplement pas avoir de type ennuyeux. Nous pourrions avoir une sorte d'image qui va avec elle. Donc, je les ai téléchargeables. La ressource est que vous pouvez télécharger. J' ai tous les trois d'entre eux sont les trois icônes que nous avons créées plus tôt dans la classe. Il suffit de cliquer sur son image. Allons-y et trouvons ça. Faisons ça d'abord. Allez-y. Répondez à ça. Changeons votre titre. Faisons l'arrière-plan parce que ce que je veux faire est que je veux être en mesure de trouver le bon style de type. Et si je mets l'arrière-plan, je serai en mesure de trouver le bon contraste pour le type. Ajoutons donc que nos arrière-plans sont leur section principale, tout comme nous l'avons fait au tout début. On clique sur notre section principale et on va passer au style. Nous allons ajouter une image donc nous allons cliquer sur classique pourrait faire une image. Je l'avais déjà mis en place, mais c'est en bleu. Donc on va faire ça ensemble et Photoshopped en utilisant l'orange à la place. Donc nous avons notre couleur orange de notre paquet de marque où il va s'assurer que nous avons ce code X disponible. On va aller dans la boutique photo et on va utiliser cette image ici. Vous pouvez utiliser n'importe quelle image que vous voulez. C' est juste une photo de fond. Peut-être n'importe quelle photo de voyage que vous voulez. On va aller de l'avant et changer ça alors je vais le faire. Parfois, c'est plus facile. Vous pouvez simplement faire un outil de curseurs de peinture dans votre code hexadécimal ou vous faites quelque chose encore plus facile. Il suffit de faire un carré et un illustrateur et de le faire glisser au-dessus du dessus. Et nous voulons les changer. Je veux mettre cette photo sur le dessus et on ne ferait pas de mode de fusion. On va aller jusqu'au bout pour trouver celui qu'on pense avoir l'air bien et garder l'orange. On ne veut pas qu'il ait l'air délavé. Nous ne voulons pas qu'il ne ressemble pas à la couleur de la marque. Donc, beaucoup de fois, la luminosité fonctionne très bien. Et puis nous allons juste réduire la capacité ici pour que nous puissions voir le type sur le dessus, juste comme ça. Et maintenant, on n'en a pas vraiment besoin. C' est assez grand, mais c'est OK parce que nous pouvons le recadrer comme nous y sommes allés. Mais écoute recadrer un peu de ce gars, et nous voulons aussi réduire la taille du fichier. Nous allons donc réduire la taille de l'image. Donc image taille de l'image 6000. C' est une grande taille haute résolution. Donc ça va juste être une taille d'arrière-plan. Voyons si on ne peut pas s'en sortir avec 2000. Et puisque c'est un contexte, je ne suis pas aussi préoccupé par la qualité. Voudrait exporter des fichiers web plus sûr et nous pourrions le faire dans un peu d'une qualité inférieure. Assurez-vous que c'est sur P et G, ou dans ce cas, je suppose qu'on pourrait faire J peg simplement parce qu'on n'a pas besoin de quoi que ce soit pour être transparent. Alors faisons un J. Paige qui est toujours un peu plus petit dans la taille du fichier. Nous pourrions réduire un peu la qualité pour la réduire, puis aller de l'avant et cliquer sur Enregistrer. Maintenant, on peut aller de l'avant et le télécharger, et j'ai le bleu. Par conséquent, vous mettez également l'orange dans le fichier téléchargeable afin que vous puissiez aller de l'avant et faire cela pour vous insérer. Et maintenant on pourrait y mettre White. Nous pourrions commencer à faire notre texte près d'une ligne centrale. Faisons en sorte qu'il ait quatre ans. On n'a pas besoin que ça soit trop gros. Faisons en couleur de texte de style blanc. S' habituer à tout ça après avoir fait 70 fois. Donc, nous allons changer le rembourrage ici sur ce n'est pas beaucoup de rembourrage ici. Faisons un peu condenser qu'il allait jusqu'à avancé. Mettez-le sur zéro d'abord dit que nos marges zéro juste un peu plus en ce sens . Même chose pour ça. Nous pouvons cliquer sur le type de conteneur principal de définir un rembourrage zéro. Ça va vraiment le resserrer, mais c' est bon, parce qu'on pourrait ajuster ça. Qui sait comment changer le rembourrage sur ce grand récipient et aussi sur le conteneur de section principale , alors n'hésitez pas. Si vous n'obtenez pas les résultats dont vous avez besoin, assurez-vous d'aller dans votre contenant principal et de vérifier votre tapotement là également. Qu' est-ce que je vois ici ? Changeons la position de l'image car elle ne voit vraiment rien dans l'image de valeur. Donc, il est aller et sélectionner notre image d'arrière-plan ici, et nous pourrions changer la position. Faites un centre à gauche ou, si vous faites corrigé, il fera mauvais d'un style de parallaxe. Donc, lorsque vous faites défiler vers le bas, vous pouvez voir comment les images sont statiques. Vous pourriez voir plus de l'image de cette façon. Donc je suis allé à l'Attachement et Major était sur Fixe Scroll. Et pendant que je fais ça, je me rends compte que c'est vraiment difficile à voir sur l'orange, et je pense vraiment que mon idée originale avec le bleu pourrait mieux fonctionner, mais ce n'est pas un problème, parce que je me rends compte que c'est vraiment difficile à voir sur l'orange, et je pense vraiment que mon idée originale avec le bleu pourrait mieux fonctionner, mais ce n'est pas un problème, parce queje peux la changer en bleu. Cela semble beaucoup mieux, je pense, à mon avis personnel, laissez-moi juste ajuster le rembourrage à un peu plus de salle de respiration, revenir en arrière et ajuster parce que je veux vraiment voir cette photo cool. Donc une chose que nous pouvons faire est de l'avoir. On pourrait recommencer. Dragon, un dragon photo, un en-tête. Ou on pourrait dupliquer toute cette boîte. Donc c'est ce que nous allons faire est de cliquer sur le haut, qui va être toute cette boîte, clic droit , double, clic droit, double, et puis supprimer tout cela était à droite. Cliquez sur Supprimer avec le bouton droit Cliquez sur supprime. Et maintenant, tout ce que nous avons à faire est de remplacer nos images et de remplacer le texte d'Oliver. Et puis on en a fini avec notre petit truc à trois colonnes. Ça va couler comme ça. Alors, comment pouvons-nous ajouter un peu ? Et on dirait que c'est un peu éteint. On dirait que ce n'est pas sur la même ligne. Eh bien, c'est l'icône d'ajustement légèrement donc je suis juste ici dans le style sur mon juste pour mon image, juste un peu de m'assurer que tout s'alignera. Donc, juste changer les fouets vont et changer la largeur de ce style d'image. Je veux m'assurer que tous les alignements sont assez bons. Il a aussi changé le titre à notre orange. Qui pourrait avoir besoin de rendre une nuance plus légère, et c'est bon. Tu auras des cas où tu auras besoin de l'avoir sur un fond plus sombre. C' est pourquoi, dans votre image de marque, vous avez plusieurs nuances d'orange, pas seulement une nuance d'orange comme nous le faisons. Vous avez plusieurs nuances, donc ce qu'on pourrait faire, c'est qu'on pourrait sauver l'ombre, ajouter qu'ils sont parfaits. Je pensais que cela ajoutait un peu plus de contraste, mais n'était toujours pas écrasant. Alors continuons et sauvegardons ceci et voyons à quoi cela ressemble en aperçu en direct. Donc voici tout ce qui arrive. Vos vacances exotiques commencent ici. Vous pouvez cliquer sur un autre lien la meilleure agence de voyage. Faites votre compte INSTAGRON à vous. Ce serait bien si nous avions une petite animation quand nous faisons défiler ici, alors revenons en arrière et faisons une petite animation sur ces boîtes. Je clique sur cette boîte principale, pas seulement sur une image, mais sur toute la petite boîte principale ici, et nous allons à la même chose. Nous avons fait des effets de mouvement avancés. Qu' est-ce que cette diapositive est à gauche ? Disons que cette glissière glisse vers le haut et que celle-ci soit comme la direction opposée,la direction opposée, diapositive et les droits. Il est léger et à gauche et à droite et glisser vers le haut. Alors voyons à quoi ça ressemble. Et là, ça va. Tout ce qui a l'air bien, et nous avons ce genre de parallaxe défilement moyen de l'arrière-plan qui semble vraiment bon. Et je pourrais même changer ça. Inverse ça à l'orange car on n'aurait pas retourné le bleu. Ce n'est pas grave. Remontez et échangez ça, et maintenant on a cette orange plus légère. Je me demande presque si nous pouvons ajouter au lieu de les avoir de la même couleur exacte, nous pourrions changer votre bouton pour qu'il ne soit pas en concurrence avec la barre. Changez-le pour nos couleurs bleues plus claires pour voir comment c'est une nuance légèrement différente, mais c'est toujours dans la même famille. Je pense que ça a l'air beaucoup mieux, alors on y va. Allons-y et voyons une fois de plus. C' est notre dernier test ici. Il y a encore une chose que je pense qu'on pourrait vraiment adhérer et j'ai l'impression qu'il y a une sorte de structure qui manque ici, comme si j'avais l'impression qu'il devrait y avoir une sorte de barre de séparation quelque part qui divise ces trois éléments en haut. Alors ajoutons une barre divisée à cela. Donc tout ce qu'on a à faire, c'est retourner ici pour diviser. On va glisser le séparateur entre les deux. Nous pourrions changer notre ligne ici pour tout ce que nous voulons. Donc je voulais essayer quelque chose de sinueux. Essayons donc de courbes, et nous pourrions changer la largeur pour qu'elle ne passe pas tout le chemin à travers le centre. Alignez-le, allez dans le style. On pourrait faire ce changement blanc. Le poids et l'épaisseur et changer la taille ajoutait un peu d'une bordure là, en ajoutant un peu plus d'une quantité ou en le réduisant juste un peu quelque chose d'écart. Ce qui est réduit qu'un peu ajoute juste un petit peu de zone de division là-bas qui peut ajouter cela aux deux autres aussi. Nous pouvons même faire un clic droit, dupliquer et distrait tout sur le clic droit dupliquer à Dragon droit sur. Je pense que ça a l'air bien. Je pense que nous avons juste besoin d'ajouter que c'est la finale quand j'ai créé avant de filmer la classe. Donc, je veux m'assurer que nous faisons cette dernière étape afin que je puisse vous montrer comment faire un bouton d'appel à l'action . Donc, pour cela et non, je ne pense pas que nous ayons besoin d'autant de texte. Maintenant, nous aurions un bouton d'action appelé, ce qui est vraiment sympa. Allons ici et faisons-le. Il y a un bouton. Il l'avait juste ici. Quand je veux faire est de l'aligner au centre, en faisant une icône ajoutée à un moyen qui, je pense, correspondrait vraiment bien. Faisons une flèche. Je deviens un peu plus grand quand je vais et échanger les couleurs de ça. Et on y va. Nous avons tout préparé pour nous. 66. Site Web de Wordpress - Conception réactive: Maintenant, il est temps de tester ça. Nous avons ajouté. Notre bouton d'appel à l'action a ajusté le rembourrage pour avoir le bel espacement ici. Alors allons de l'avant et testons ça. Allons à l'humeur réactive. Voyons à quoi ça ressemble sur la tablette. Le haut a l'air super. Le petit bar a l'air super. Cela pourrait avoir besoin d'un peu de rembourrage ici. Cela pourrait probablement être réduit en taille. Peut-être comme un petit rembourrage ajouté entre les colonnes. Allons de l'avant et faisons certains de ces réglages. Peut-être que ce type n'a pas besoin d'être aussi grand, donc nous pourrions trouver un numéro qui fonctionne. Donc peut-être 22 ou peut-être quelque chose entre ces 30. Changez la largeur de cette icône pour correspondre aux autres, tout comme les petits réglages que nous pourrions faire. Voyons ce qu'on pourrait faire. Appelez-le. Donc nous allons faire ce parent principal ici Super peut ajuster le rembourrage pour avoir un peu plus d' espacement Chaque peu ces air ont aussi ces air imbriqué, donc nous avons cette colonne principale, mais nous avons aussi ceux-ci aussi, chaque colonne individuelle. Cliquez sur la colonne de gauche. Oui, et maintenant ça a l'air un peu mieux sur, euh, ce bureau qu'on peut aussi changer. C' est bien, pour ajouter un peu de rembourrage. Allons avancer sans lien cela et faire un peu de rembourrage gauche. On y va. Donc juste faire quelques légers ajustements à la vue mobile. Revenons au bureau. Assurez-vous qu'il n'y avait rien vraiment de compromis dramatiquement. Tout a l'air très bien. Ça a l'air super. La tablette a l'air bien. Et voici le gros kicker. Comment ça a l'air ? Et mobile. Nous avons donc exclu cela. Donc ça va être génial. Donc nous allons juste avoir vos vacances exotiques ici réserver maintenant, donc vous avez quelques ajustements que nous devons faire. Ça va être la chose la plus difficile. Equilibrage Comment regarde-t-il le bureau ? N' a pas regardé sur la tablette et ont, est il regarder sur mobile. Et il se peut que cette grille à trois colonnes ne s'effondre pas très bien lorsque vous la réduisez à mobile. Et c'est bon. Vous pourriez avoir vous pouvez exclure toute cette section en cliquant ici, descendant à responsive et en la cachant sur le mobile. Vous vous cachez sur le mobile, il ne sera même pas montré. Vous pouvez ajouter une nouvelle section qui est juste quatre mobile et il pourrait le cacher sur la tablette de bureau , et il est juste pour vous. Ce sera un peu plus facile à lire, donc il y a beaucoup à penser lors de la conception d'un site Web, et c'est juste les bases mêmes. C' est juste la version gratuite de Element ou juste en utilisant les widgets par défaut . Ce n'est rien que lorsque vous vous inscrivez à un compte pro, il y a des modèles pré faits pour vous. Ils peuvent glisser et déposer et changer des choses. Vous n'avez pas à le construire à partir de zéro. Une fois que nous mettons à jour, nous pourrions revenir à notre menu déroulant hamburger ici, et nous pouvons aller quitter le tableau de bord, retourner à notre tableau de bord WordPress, revenir à nos pages. Et maintenant, nous savons que ce test, qui est maintenant ce qui était notre page d'accueil, est maintenant disponible. Et si jamais vous voulez revenir en arrière et l'éditer, vous allez juste ici et cliquez sur Modifier avec Element tour afin que vous puissiez créer de nouvelles pages et les faire tous lier et créer la même chose avec l'élément. Ou alors, disons que nous voulons éditer notre page de galerie. Pouvez-vous modifier celui qui n'avait pas ajouté avec Element Tornado pour passer par le même processus. Bien sûr, vous pouvez enregistrer des modèles ici, sorte que vous n'avez pas à tout recommencer à partir de zéro, mais vous pourriez vouloir faire quelque chose d'un peu différent galerie. Donc, une fois de plus, ce titre est affiché, alors nous revenons à nouveau à travers ce processus. Nous descendons aux paramètres, pourrait cacher le titre, obtenir la page par défaut avec élément ou pleine largeur. Ça va changer à ce qu'on a fait avant. C' est ainsi qu'il a mis en place la page pour commencer, et ça devrait vous donner un nouveau départ. Donc, nous voici dans le site final. On est tous finis. Ce n'est que la page d'accueil. Nous avons encore besoin de relier toutes les autres pages. Il y a des liens d'ancrage que vous pouvez faire pour le rendre plus d'un site web de style parallaxe. Il y a tellement plus de travail des orteils, appuyez et tellement plus à l'élément, ou il est difficile de le faire dans juste une petite section d'une classe beaucoup plus grande. Donc ce que je pourrais faire, c'est faire un processus complet . Allons-nous travailler à travers tout le processus du site web, vous savez, assister à un projet de 15 heures. Si vous étiez intéressés, faites-le moi savoir. J' adorerais enseigner quelque chose comme ça. Nous allons plus en profondeur. Mais je voulais présenter tout le monde à cela pour vous montrer à quel point il est facile de faire votre propre travail personnalisé. Et la même chose peut être appliquée à Squarespace to Wickes toe web flow. Ils ont tous un constructeur similaire. Ils ne fonctionneront pas tous exactement de la même façon. Mais les concepts sont là. Et tant que vous savez comment concevoir correctement pour le Web, vous serez en mesure de garder toutes les mêmes choses que nous avons traversé à l'esprit. Même si vous décidez de ne pas utiliser wordpress ou si vous décidez d'utiliser autre chose, j'espère que la section était toujours utile. Vous n'êtes donc plus intimidé en ajoutant du design Web à votre compétence. Définir en tant que graphiste,