Conception numérique pour les débutants

1. Promo de conception numérique pour les non-designers: Vous cherchez à apprendre les bases de la création de designs numériques pour vos publications ou canaux de médias sociaux. Mais l'art ou le graphisme n'est pas votre spécialité. Vous êtes au bon endroit. Si vous n'avez pas de département de graphisme ou si vous êtes un entrepreneur commencez à utiliser votre propre canal de médias sociaux, marque ou site Web. Vous n'avez pas besoin d'externaliser le travail de conception graphique si vous savez comment le faire vous-même. Mon cours de conception numérique pour les non-designers, j'ai pour objectif d'enseigner les bases du graphisme dans le monde numérique, des aspects techniques aux éléments créatifs impliqués. J' ai un baccalauréat en infographie et plus de huit ans d' expérience en freelance en design graphique et en production vidéo. Donc, si vous voulez faire vos propres médias sociaux poster des graphiques, des images de couverture, des superpositions de twitch, intros, des écrans hors ligne ou des boutons. Ce cours peut vous aider à commencer votre parcours créatif. 2. Lecture 1 : Équipement et logiciel: Tant que vous travaillez avec des photographies, du texte de base et des fichiers d'image simples, la plupart des ordinateurs portables et des PC peuvent gérer le travail graphique que vous cherchez à faire. Je me concentrerai sur les outils gratuits dans ce cours, puisque ceux-ci sont les plus accessibles aux débutants, personnellement, j'utilise la plupart des programmes Adobe qui ont tendance à avoir des capacités plus avancées, mais ce n'est pas gratuit. Donc, pour les besoins de ce cours, les outils gratuits fonctionneront très bien. Vous pouvez, bien sûr, utiliser les programmes auxquels vous avez accès. Mais ce cours n'est pas destiné à être un tutoriel pour un programme spécifique, mais plutôt une explication plus large des fonctions de base que l'on retrouve dans la plupart des logiciels de conception graphique. Une grande partie des fonctionnalités de base dont je discuterai est disponible dans la plupart des différents programmes de design graphique. Les seules différences majeures sont l'endroit où ces fonctions sont situées dans l'interface utilisateur de chaque programme. Fondamentalement, c'est la différence de disposition. Ainsi, par exemple, peut-être que les outils principaux sont situés sur le côté droit dans un programme, mais sur la gauche et un autre. Et certains des programmes les plus basiques n'incluront fonctions plus avancées comme les couches, les filtres, etc. Dans ce cours, je vais surtout travailler avec Pixlr II, qui est un éditeur de photos avancé gratuit basé sur un navigateur. Donc, il n'y a pas besoin de télécharger un logiciel. Il fonctionne directement dans votre navigateur. Il peut être trouvé sur PixlR.com barre oblique E. Pour les besoins de ce cours, ce sera notre alternative gratuite à Adobe Photoshop. Je suggère de m'inscrire pour un compte gratuit. De cette façon, vous pouvez enregistrer le travail que vous faites. Il y a aussi une application mobile Pixlr pour les téléphones Android et Apple ainsi. Cependant, il y a en fait beaucoup d'applications de retouche photo sur les téléphones mobiles et je recommande en fait Photoshop Express ou l'application polonaise. Encore une fois, il y en a beaucoup, donc vous pouvez essayer ceux qui vous semblent intéressants. Tous ont la plupart du temps les mêmes fonctionnalités de base et ils ont chacun différents filtres, effets et graphiques que vous pouvez placer sur les images. Les applications gratuites sont supportées par la publicité, et si vous voulez payer pour une version pro, c'est généralement un prix assez raisonnable en fonction de l'application. Et la plupart du temps, les effets et les fonctions supplémentaires sont également disponibles avec leur version payante. Si vous prévoyez de faire beaucoup de retouche d'image sur la route, je suggère fortement d'essayer l'une de ces applications sur. Si vous cherchez à aller plus loin et à la recherche d'un programme avec des fonctionnalités plus avancées. Gimp est un logiciel d'éditeur graphique téléchargeable qui est essentiellement votre version gratuite d'Adobe Photoshop. Et Inkscape est le logiciel gratuit d'édition et de création de graphiques vectoriels, qui est comme Adobe Illustrator. Je vais vous expliquer ce que sont les images vectorielles plus tard dans ce cours. Je ne vais pas utiliser ces programmes dans ce cours, mais ils méritent certainement d'être mentionnés car ils sont les équivalents libres les plus populaires de Photoshop et Illustrator. Les sujets que je traiterai dans ce cours peuvent également vous aider à utiliser ces programmes et programmes similaires. 3. Lecture 2 : Droit d'vous: Avant de commencer, il est préférable de connaître certaines connaissances de base en matière de droits d'auteur lorsqu'il s'agit d'utiliser des graphiques. La façon la plus simple de dire ceci est simplement de ne pas utiliser d'images qui ne vous appartiennent pas ou qui ne sont pas marquées comme Creative Commons ou domaine public. La loi sur le droit d'auteur vise à protéger les artistes contre copie et l'utilisation non autorisées de leur œuvre. Si vous utilisez l'œuvre d'un artiste sans son autorisation, il s'agit d'une violation de la loi sur le droit d'auteur et est considéré comme une violation du droit d'auteur. Si vous ne pouvez pas vérifier d'où provient une image, évitez de l'utiliser. Surtout si vous envisagez de faire de la publicité ou de monétiser votre chaîne. La seule fois où il est permis d'utiliser une image arrachée du web sans vérifier son copyright est uniquement pour un usage personnel ou pratique. Examinons certains des termes de droits d'auteur que vous devrez connaître. L' attribution est lorsque vous donnez du crédit à un artiste ou à un créateur d'une œuvre. Certaines œuvres et licences que vous verrez, diront, nécessitent une attribution. Cela signifie que si vous utilisez cette image, vous devrez afficher certains détails où vous utilisez cette image. Habituellement, il s'agit du titre, l'auteur, de la source et du nom sous licence. Les textes peuvent être petits et sous l'endroit où l'image est utilisée. Si une image indique qu'aucune attribution n'est requise, vous n'êtes pas tenu d'afficher ces informations de crédit lorsque vous avez utilisé cette image. Utilisation commerciale. Vous pouvez voir des choses comme pour un usage commercial, ce qui signifie que vous pouvez incorporer l'image dans quelque chose dont vous pourriez profiter, ou même dans une publicité que vous avez créée. Si quelque chose est répertorié comme un usage non commercial, vous voudrez éviter de l'utiliser à moins que vous n'utilisiez cette image pour un usage personnel. Libre de droits. Il s'agit d'une œuvre qui peut être utilisée sans qu'il soit nécessaire de payer des redevances ou des droits de licence pour chaque utilisation. En ce qui concerne les graphiques, photographies et les illustrations sont licence libre de redevances permet à un utilisateur d'utiliser cette image sans de nombreuses restrictions basées sur le paiement d'une redevance unique au créateur ou concédant de l'œuvre. Parfois, les images libres de droits sont même gratuites et ne coûtent rien à utiliser selon les détails de la licence d'un site Web. Ainsi, une image libre de droits peut être utilisée dans plusieurs projets sans avoir à payer pour des licences supplémentaires. Creative Commons. Il s'agit d'une licence gratuite pour les créateurs à utiliser, pour permettre à leur travail d'être utilisé par le public. Il existe un tas de variantes sur la licence Creative Common, qui peuvent être consultées sur le site officiel de Creative Commons. Licences Slash Creative Commons.com, domaine public. Cette licence fait référence à une œuvre qui n'est pas protégée par le droit d'auteur ou la marque de commerce. En fait, le public est propriétaire de ces œuvres, et non pas d'un individu ou d'un artiste. Cela se produit lorsque les droits sur une œuvre ont expiré ou ont fait l'objet d'une renonciation. La plupart des sites Web qui proposent des images à télécharger expliquent les termes de licence sur leur site Web quelque part ou même sur chaque page d'image individuelle. Voici une liste de certains de mes sites préférés. Pixabay.com, images d'utilisation commerciale gratuite pour l'impression et le travail numérique. L' attribution n'est pas requise et les modifications sont correctes. Pixabay a des photos, des images de style vectoriel et même des clips vidéo. Ils ne permettent pas la revente du travail Pixabay de quelqu'un d'autre. Dépeindre des personnes identifiables de mauvaise manière ou de manière défendable, ou utiliser des images avec des marques identifiables pour créer une association trompeuse avec ce produit ou cette marque. Pixels.com, stock gratuit photos et vidéos par divers créateurs. Toutes les photos et vidéos sur pixels sont libres d'utiliser. L' attribution n'est pas requise et la modification est correcte sur Splash.com. Photos haute résolution pour tous avec des règles de licence similaires à Pixabay search dot creativecommons.org des créateurs de licence Creative Common eux-mêmes. Avec ce site, vous pouvez filtrer vos résultats par type de licence, type de fichier et plus encore. Photos neo.com, ce site présente des photographies marquées comme domaine public. Il y a beaucoup de choses qui sont impliquées dans le droit d'auteur, et il y a en fait beaucoup de variantes de licences là-bas. Assurez-vous de respecter les sites Web que j'ai mentionnés ou prêter une attention particulière aux licences sur d'autres sites Web et images là-bas. Ou bien sûr, si vous faites votre propre image entièrement à partir de zéro, vous êtes prêt à partir. 4. Lecture 3 : Types de fichiers: Comme quiconque a utilisé un ordinateur et traité des fichiers, je suis sûr que vous savez qu'il y a beaucoup de types de fichiers différents. Je me concentrerai sur l'explication des types de fichiers d'image les plus courants pour ce cours et sur le moment de les utiliser. Tout d'abord, permettez-moi d'expliquer la différence entre la liste et les graphiques vectoriels. Graphiques de liste ou toute image créée à l'aide de pixels pour former une image. Les photographies sont des graphiques rasterisés. Lorsque les graphiques de la liste sont mis à l'échelle supérieure à leur taille d'origine, ils commencent à devenir flous à mesure que les pixels s'étirent pour essayer de remplir l'espace. Les graphiques de la liste sont mesurés par leurs pixels par pouce ou PPI. La résolution est un autre terme que vous auriez entendu auparavant. Et il fait référence au nombre de pixels par pouce ou à l'intérieur d'une image. Une résolution plus élevée signifie des détails d'image plus volumineux, une taille de fichier plus grande et une qualité supérieure. Il est préférable de ne pas agrandir une image de style raster au-delà de sa résolution d'origine. Et vous voudrez éviter de travailler avec des images trop basse résolution pour commencer. Des programmes comme Photoshop et d'autres logiciels de retouche photo traitent principalement des images de liste. graphiques vectoriels, en revanche, sont réalisés par des lignes et des courbes pour former des formes. Ils ont un avantage par rapport aux images de liste car ils peuvent être augmentés en taille sans perdre de qualité. Les graphismes vectoriels sont meilleurs pour les illustrations, icônes, les logos et sont parfaits pour une utilisation en impression. Adobe Illustrator est le logiciel de graphisme vectoriel le plus populaire. Les images vectorielles peuvent être rasterisées et les images de liste peuvent être vectorisées. Mais dans les deux cas, il y aura des informations perdues dans le processus. Et donc l'image convertie aura l'air un peu différente. Maintenant que vous connaissez la différence entre la liste et les graphiques vectoriels, laissez-moi vous expliquer les types de fichiers image les plus populaires et leurs utilisations. Les fichiers graphiques courants de la liste utilisent nos JPEG, PNG, GIF et Web P. Jpegs sont des fichiers d'image compressés. La plupart des photographies sont des jpegs. Le degré de compression de l'image peut être ajusté. Ainsi, par exemple, vous pouvez avoir une image de qualité supérieure qui a une taille de fichier plus grande ou une image de qualité inférieure à une taille de fichier plus petite. Le choix dépend de vos besoins car les fichiers plus petits se chargeront plus rapidement sur une page Web, par exemple, et un fichier plus volumineux peut prendre plus de temps à charger, mais comme meilleure qualité, JPEGS est le format d'image numérique le plus courant. Saviez-vous que 7 milliards d'images JPEG ont été créées chaque jour en 2015 ? À peu près tous les sites de médias sociaux accepteront ce type de format d'image à télécharger. Pngs sont un format de fichier à utiliser sur le web plutôt que sur l'impression, avec une compression sans perte. Le grand avantage du format PNG est la possibilité d'intégrer la transparence dans le fichier. La transparence est représentée par le motif damier. Vous verrez dans un programme d'édition graphique, si vous enregistrez un fichier avec un arrière-plan transparent en tant que PNG, lorsque vous téléchargez ce fichier sur un site Web, il n'y aura pas d'arrière-plan et le sujet et le fichier PNG apparaîtra avec l'arrière-plan des sites Web derrière elle. À la place. Les fichiers Gif prennent en charge la transparence et la vidéo en boucle sans audio. Ils sont populaires pour leur très petite taille de fichier. Web P est un format d'image plus récent qui permet aux utilisateurs de créer des images plus petites et de meilleure qualité pour charger plus rapidement sur les sites Web. Ensuite, les fichiers d'image vectorielle courants sont SVG et PDF. Svg, ou graphiques 2D qui sont basés sur des vecteurs et peuvent même prendre en charge l'animation. Tous les principaux navigateurs Web ont le support de rendu SVG, ce qui en fait un format de fichier Vector populaire à utiliser sur les sites Web. Les fichiers PDF sont principalement utilisés pour des choses comme des documents de plusieurs pages, des brochures et des documents imprimés. Ils peuvent contenir des images vectorielles et raster tout en préservant la structure du document et des polices. Ils sont même utilisés pour les signatures numériques. Il existe également des fichiers de type travail tels que PSD pour Photoshop et AI pour Illustrator. Ces fichiers préservent votre travail et votre progression, en gardant vos couches en tact. C' est la plus haute qualité de votre travail. Cependant, ces fichiers ne peuvent pas être utilisés comme images réelles. Et enfin, il y a des fichiers MP4, qui est un format de fichier vidéo qui peut également inclure de l'audio. C' est l'un des types de fichiers vidéo les plus populaires que les pages de médias sociaux, à l'exception des téléchargements de. Il peut même stocker des sous-titres et des images fixes. Vous devriez être en mesure d'enregistrer votre image en tant que type de fichier de votre choix directement à partir du programme d'édition graphique que vous utilisez. Mais si jamais vous avez besoin de convertir un fichier en un autre type de fichier, il existe de nombreux sites Web qui peuvent le faire. L' un d'eux est en train de convertir o point PDG. 5. Lecture 4 : Configurer votre fichier de travail: Dès que vous commencez un nouveau fichier de travail, vous aurez plusieurs choix. Vous pouvez utiliser un fichier image déjà existant ou démarrer un nouveau fichier à partir de zéro. Dans la plupart des programmes comme Pixlr que j'utilise ici, vous pouvez cliquer et faire glisser un fichier image pour l'amener dans le programme. Vous pouvez l'ajouter dans un fichier déjà existant sur lequel vous travaillez. Ou vous pouvez l'avoir comme base pour un nouveau fichier que vous commencez. Depuis Photoshop a plus de personnalisation et d'options. abord, je vais vous montrer à quoi ressemble la création d'un nouveau fichier dans Photoshop CC. Lorsque vous cliquez sur Fichier, puis sur nu, vous avez des options pour choisir une taille de fichier prédéfinie ou modifier les détails. préréglages peuvent être utiles si vous cherchez à créer quelque chose spécifique et que vous n'êtes pas sûr des dimensions ou de la taille à utiliser. Vous pouvez voir des choses comme Twitter, poster, Instagram, et parfois plus en fonction du programme que vous utilisez. Sur la droite, il y a plus d'options à utiliser. Si vous avez besoin d'une taille spécifique pour votre projet, vous pouvez saisir la largeur et la hauteur en pixels. résolution peut rester à 72, car c'est la valeur par défaut pour les images sur le web, une résolution plus élevée est meilleure pour l'impression, généralement 300. Mais bien sûr, cela rendra un fichier beaucoup plus grand. En conséquence, le mode couleur peut rester en RVB, car c'est le mode correct pour afficher des images numériques sur les moniteurs et sur le Web. RGB signifie rouge, vert, bleu. Et ce mode montrera les couleurs du document à leur niveau le plus brillant et le meilleur. CMYK signifie cyan, magenta, jaune, noir. Et c'est le mode à utiliser à des fins d'impression. Vous ne voudrez pas l'utiliser pour vos images numériques, car il affichera les couleurs sur un moniteur d'une tonalité plus sourde et plus terne. Ce paramètre 8 bits correspond à la profondeur de bits d'une image, qui est la façon dont l'ordinateur stocke les informations de l'image dans le fichier. Vous pouvez également garder cela sur 8 bits, car il n'y a pas d'avantage énorme à changer le réglage de la conception numérique, une profondeur de bits plus élevée permettrait une correction des couleurs plus extrême d'une image. Mais nous allons créer une taille de fichier plus grande et ralentir votre travail. Le contenu de l'arrière-plan est assez explicite. C' est juste votre première couleur de fond dans ce fichier. Si nous regardons créer un nouveau graphique et Pixlr, vous pouvez voir que c'est assez similaire à la configuration d'un fichier Photoshop. Une fois que vous avez nommé votre projet et que vous cliquez sur Créer, vous serez prêt à commencer. 6. Lecture 5 : calques: Les calques sont l'un des outils les plus importants de la conception graphique. La façon la plus simple de décrire les couches est de vous montrer. Ici, j'ai trois couches que j'ai nommées en bas, en milieu et en haut. En bas. J' ai vers le bas de la liste. Et parce que cette couche est placée là, tout ce qui est dessiné apparaîtra dessus. La réorganisation des calques en cliquant et en faisant glisser leur position modifiera ce qui est visible en haut dans votre fichier. Vous pouvez créer de nouveaux calques, supprimer des calques, voire activer ou désactiver leur visibilité. Vous pouvez également les verrouiller si vous ne souhaitez pas déplacer ou modifier accidentellement le contenu de ce calque, vous pouvez modifier la transparence ou la visibilité de chaque calque. C' est aussi connu sous le nom d'opacité. Et vous pouvez même fusionner des couches si nécessaire. Le mélange est aussi quelque chose que vous pouvez faire avec des couches et certains programmes. Il y a beaucoup d'options à choisir qui peuvent changer l'apparence de votre projet. Et c'est quelque chose à jouer et à expérimenter. Si vous avez au moins deux couches. 7. Lecture 6 : Outils de base de base: Regardons les outils de base que l'on trouve dans la plupart des programmes d'édition graphique. Tout d'abord, je vais discuter de la navigation au sein d'un programme. Lorsque vous souhaitez effectuer un zoom avant ou un zoom arrière lors de l'utilisation d'un PC. Le raccourci clavier Contrôle moins, nous allons zoomer. Contrôle plus, nous allons zoomer. Vous pouvez également utiliser l'outil de zoom en cliquant et en faisant glisser le curseur pour effectuer un zoom avant et arrière sur le canevas. Lorsque vous effectuez un zoom avant, appuyez sur la barre d'espace pour transformer votre curseur en une main, que vous pouvez ensuite cliquer et faire glisser pour vous déplacer autour de la zone de travail. Cela peut vous aider à travailler sur des détails plus fins lorsque vous effectuez un zoom avant sur une image. Pour les applications mobiles, l'utilisation deux doigts dans un geste de pincement sur l'écran et le déplacement vos doigts plus éloignés permet d'agrandir ce qui se trouve l'écran et de les rapprocher les uns des autres. On va zoomer. Lorsque vous souhaitez vous déplacer autour de la zone de travail lorsque vous effectuez un zoom avant, vous pouvez utiliser un doigt et le faire glisser pour vous déplacer. Cependant, lorsque vous utilisez un doigt et que vous avez sélectionné un outil de dessin, il dessine plutôt sur le canevas plutôt que de se déplacer. Pour éviter cela, l'utilisation de deux doigts et le glissement se déplacera autour de la toile et empêchera le dessin indésirable. Passons maintenant aux outils de base. le curseur sur un outil vous indiquera probablement toujours ce qu'est cet outil et vous donnera même un raccourci clavier pour cela. Lorsqu' un outil est sélectionné, Parfois, vous disposez d'une zone qui contient des paramètres et des fonctions d'outil supplémentaires. L' outil Déplacer vous permet de déplacer, de mettre à l'échelle vers le haut ou vers le bas et de faire pivoter le contenu d'un calque. L' outil de recadrage vous permet de couper votre canevas vers le bas, ce qui changera finalement la résolution de l'ensemble de votre fichier. L' outil de texte ajoute une zone de texte à votre projet dans laquelle vous tapez le texte que vous souhaitez afficher. Vous pouvez changer sa couleur, changer la police, la taille, et plus d'espacement, alignement, italique, gras, et plus fonctions sont disponibles pour l'édition en fonction du programme. L' outil Draw est assez explicite. Vous pouvez esquisser sur un calque en utilisant la couleur de votre choix. Dans la plupart des programmes, vous pouvez changer la taille du pinceau, la douceur et des programmes de plus en plus avancés comme Photoshop, vous pouvez même télécharger des pinceaux supplémentaires créés par d'autres utilisateurs pour dessiner une ligne droite sans essayer de la main levée. Cliquez sur un endroit sur le canevas avec l'outil de dessin sélectionné. Maintenez ensuite la touche Maj enfoncée. Tout en maintenant la touche Maj enfoncée, cliquez sur un autre endroit sur la toile Une ligne droite sera créée avec votre brosse de votre premier clic à votre deuxième clic. La gomme supprimera uniquement les sélections que vous dessinez sur ce calque particulier. Il n'effacera aucun autre graphique sur d'autres calques. Assurez-vous donc de sélectionner le calque approprié si vous avez besoin d'effacer quelque chose. L' outil compte-gouttes est pratique pour ramasser des couleurs exactes. Par exemple, si vous avez besoin de connaître les couleurs exactes d'un logo avec lequel vous travaillez pour utiliser la couleur ailleurs dans une conception avec l'outil compte-gouttes sélectionné, suffit de survoler la couleur et de cliquer pour obtenir un échantillon de cette couleur. Et il apparaîtra comme votre couleur active, que vous pouvez voir ici dans cette zone de nuance. Si vous avez besoin de connaître le numéro exact de la couleur ou le code hexadécimal, cliquez sur la nuance pour ouvrir un outil de sélecteur de couleur et le numéro de code hexadécimal sera affiché. Vous pouvez même copier et coller ce nombre de nécessaire. L' outil de baguette magique vous permet de sélectionner un certain regroupement de pixels par couleur similaire sur le calque que vous avez sélectionné. Sa tolérance de sélection peut être modifiée. Une tolérance plus élevée signifie qu'il sélectionnera plus de cette couleur. Une tolérance inférieure sélectionnera moins. Le plumage permet de lisser les bords d'une sélection. Utilisation du flou et de l'opacité inférieure pour lisser les bords rugueux d'une sélection. Les lignes pointillées en mouvement indiquent ce qui est sélectionné. Si vous souhaitez effectuer des sélections supplémentaires, maintenez la touche Maj enfoncée et cliquez pour ajouter à ce qui est actuellement sélectionné. Maintenir la touche moins et cliquer va désélectionner. L' outil de guérison est bon pour l'élimination des taches et des taches. Enfin, l'outil de clonage peut dessiner et copier à partir d'autres zones d'une image. Celui-ci est un peu plus avancé et fonctionne beaucoup mieux dans Photoshop que Pixlr. Mais l'idée derrière elle est que vous sélectionnez une source de l'image à partir de laquelle copier. Et puis vous pourrez peindre avec cette source comme pinceau. Essentiellement dupliquer la source dans un autre endroit. 8. Lecture 7 : typographie: Très probablement, vous voudrez incorporer du texte dans votre graphique. Tout comme avec d'autres images sur le web, vous devez également être prudent avec les problèmes de copyright avec les polices, puisque certaines polices nécessitent une licence pour être achetées afin utiliser mon site préféré pour des polices commerciales gratuites est la police Squirrel.com. Ou vous pouvez vérifier les polices dot google.com. Chaque police a quelques détails sous licence qui peuvent être consultés sur le site. La plupart sont facilement accessibles sur ces sites à des fins commerciales, sans problème. Si vous cherchez à correspondre à votre police spécifique, mais que vous ne savez pas quelle est la police réelle. Il y a quelques sites là-bas qui peuvent essayer de l'identifier, ou au moins vous montrer des résultats proches. Font Squirrel a un à la police Squirrel.com slash matcher évaluateur. Vous pouvez télécharger une image qui montre clairement le type et aller à partir de là. typographie est l'art d'organiser le texte et est essentielle dans la plupart des travaux de design graphique. La question que vous devez vous poser est, quelle police dois-je utiliser ? La réponse est que tout dépendra du graphique sur lequel vous travaillez et du genre d'ambiance et de style que vous recherchez. Si vous tentez de respecter un certain style de marque ou des directives, vous pouvez simplement vous en tenir à des polices spécifiques qui sont pertinentes pour l'image de marque. Si vous avez plus de liberté pour choisir la police ou les polices, décidez d' abord si vous avez besoin d'un style serif. Les polices de cette famille sont généralement plus lisibles lorsqu'elles sont imprimées. Un serif est les entités d'extension de chaque lettre de cette police. Times New Roman est un exemple populaire. Sans Serif. Cela se traduit littéralement par sans serifs. Ces polices ont tendance à donner un sentiment plus moderne et simpliste. Ils sont principalement utilisés sur le web comme police par défaut. Les polices de script ont des traits variés et fluides, peu comme l'écriture manuscrite naturelle ou une signature. Script, les polices de caractères peuvent évoquer un sentiment de haute classe, mais certaines peuvent être un peu difficiles à lire. Il est donc préférable d'éviter de les utiliser dans de grandes quantités de corps de texte comme un paragraphe ou de longues phrases. Et puis il y a vraiment différentes polices, comme les polices pixélisées, le style grunge, dessinées à la main, etc. Je suggère de ne pas utiliser trop de polices et un design. Selon la quantité de texte dont vous avez besoin dans votre conception, vous pouvez vous en tenir à deux, ou tout au plus, trois polices. Une police pour votre titre, une police ou un style pour votre sous-titre ou texte secondaire, et une police ou un style pour votre corps de texte. Si vous en avez un. Une autre option serait d'utiliser simplement un style de police pour l'ensemble de votre conception, mais de varier le style du texte du titre et de garder les textes secondaires comme une version plus mince ou plus simple de cette police. Vous pouvez en gras, en italique et en majuscules. Le titre est un aspect que vous voulez être plus grand, lisible, mais aussi se démarquer en même temps. Voici quelques exemples de bon et de mauvais design avec typographie. Dans ce premier exemple, j'ai utilisé une police appelée Bodoni pour le titre et le sous-titre. Comme vous pouvez le voir, le titre est plus grand et se démarque. Le sous-titre, je l'ai fait plus petit et en italique. Je pense que cette police fonctionne bien pour ce sujet car elle dégage une sorte d'ambiance chic et sophistiquée et est très lisible. C' est une bonne solution pour un sujet plus sérieux et intelligent. Dans ce deuxième exemple, j'utilise le refroidisseur pour le titre et la bande dessinée sans pour le sous-titre. Bien qu'il soit au moins lisible, il ne donne pas du tout le bon ton pour le sujet des échecs, le refroidisseur donne une ambiance d'Halloween effrayante. Et Comic Sans est une police plus ludique et enfantine. Dans ce troisième exemple, j'ai utilisé une police appelée League Gothic. En lettres majuscules. Cette police est une police condensée. Cela signifie que les lettres sont plus fines, qui peut vous aider à ajuster des quantités de texte plus longues à une taille plus grande sur une ligne. Cette police aide le titre à se démarquer et à dégager une présence dominante. Pour le texte des sous-titres, j'ai utilisé Masarat dans un style métallique clair. Non seulement cela est lisible, mais le style léger aide à jouer le titre, ce qui lui permet de se démarquer encore plus. Quatrième exemple, j'ai utilisé des boucles vides pour le titre. C' est beaucoup trop occupé à regarder et pas assez sérieux pour ce sujet. Le sous-titre est Brush Script vide. Ici, j'essaie de montrer que les polices de script dans une taille de police plus petite n'est pas une bonne combinaison. C' est plus difficile à lire et bien sûr, il est en conflit avec le titre. Si vous voulez une police d'inspiration, joy.com est un outil para de police pour vous aider à voir à quoi ressemblent certaines polices lorsqu'elles sont à côté de l'autre. Il est important de réaliser que le texte n'est pas une réflexion après coup. C' est une partie importante de l'ensemble du design graphique. Considérez non seulement le choix de la police, mais aussi le dimensionnement, l'espacement et l'alignement. Dans ce cinquième exemple, j'utilise la police Bodoni pour le titre et le sous-titre. Encore une fois, comme le tout premier exemple que j'ai montré. Cependant, j'ai radicalement changé la taille du titre et j'utilise l'alignement de gauche. De plus, j'ai ajouté un contour blanc autour du texte pour augmenter la visibilité sur l'arrière-plan. Le texte du sous-titre est aligné à droite et assis sur l'espace blanc de l'image pour un contraste optimal et une lisibilité optimale. Dans le titre et le sous-titre, j'ai en fait divisé les lignes afin qu'elles ne soient pas simplement droites sur une ligne. Cela améliore la variété et l'équilibre du graphique. J' ai changé le texte du sous-titre en noir. Donc, de cette façon, vos yeux iront à la lecture, styles de jeu d'échecs modernes texte d'abord en raison de sa taille et de sa couleur. 9. Lecture 8 : couleur: Il y a beaucoup d'informations sur la théorie des couleurs là-bas. La psychologie et la science de la couleur, et même comment la couleur peut évoquer certaines émotions. Je vais passer en revue quelques informations de base à ce sujet et quelques aspects techniques. Les couleurs peuvent donner vie à votre design, même si vous utilisez une palette de couleurs limitée, en fonction de votre sujet et de l'humeur que vous essayez de transmettre. Vous voudrez peut-être aller avec des couleurs primaires fortes et vives ou des couleurs plus sourdes et plus ternes. L' association des couleurs peut varier entre les cultures et même les périodes de temps. Psychologiquement, les couleurs peuvent appeler certaines émotions et même signifier quelque chose symboliquement. Par exemple, le bleu donne un sentiment de confiance, sécurité et de calme, comme l'eau et le ciel. Il y a tellement de nuances de bleu, ce qui en fait une couleur très facile et polyvalente pour travailler avec. C' est en fait l'une des couleurs les plus utilisées, les conceptions de marque et les logos, en raison d'être considéré comme la couleur la plus populaire dans le monde. Mais où avons-nous trouvé un bleu clair représentant un petit garçon ? L' idée que le bleu est pour les garçons et le rose est pour les filles a en fait été appliquée comme norme sociale par les détaillants et les fabricants vers les années quarante. Cela aurait pu être tout aussi facilement le contraire. Le rose, c'est pour les garçons. Read dégage une ambiance de passion et d'énergie. Comme c'est une couleur brillante, forte et agressive, elle peut aussi représenter un danger, comme un panneau d'arrêt. Purple représente la royauté, la créativité et le mystère comme un mélange de rouge et de bleu. Il englobe également les communistes du bleu mélangés à la passion ardente que le rouge peut représenter. Le vert peut représenter des choses comme la richesse, la santé, le printemps, la fraîcheur et la nature. rose peut symboliser la féminité, la romance et l'enjouement. Le jaune est associé au bonheur et au soleil. C' est aussi attirant l'attention, c'est pourquoi il est utilisé dans les signes de prudence et d'avertissement. Et comme un travailleur de la route tenue jaune pour attirer l'attention d'un conducteur. L' orange est une couleur énergique, combinant la positivité du jaune et la vivacité du rouge. C' est aussi très attirant l'attention. noir peut représenter l'élégance et la sophistication, mais peut aussi représenter la mort, le mal et le mystère. Les contrastes noirs grillent contre les couleurs vives ou plus claires, ce qui en fait un choix de couleur évident à utiliser dans nombreux modèles pour la lisibilité ou pour aider à mettre en valeur une autre couleur. blanc symbolise la pureté, la propreté, la bonté et même la spiritualité. Pensez robes de mariée, tout comme avec le noir, blanc va bien avec presque toutes les couleurs et est très populaire dans les conceptions partout, soit comme un fond ou une couleur de texte, en raison de sa capacité à contraster extrêmement bien. Le gris est synonyme de neutralité, équilibre et même de sophistication. Mais il peut aussi représenter des choses comme la dépression. Bien qu'il soit de couleur adulte, il a beaucoup de nuances et est très populaire à utiliser dans le marketing pour faire designs propres et neutres ou aider une autre couleur à se démarquer. gris fonctionne bien avec beaucoup d'autres couleurs, en fonction de sa nuance. Brown peut représenter la Terre et dégage le sentiment de force et de fiabilité. teintes marron clair comme les baies sont des couleurs très neutres qui peuvent être trouvées dans beaucoup de mode et peuvent bien compléter avec d'autres couleurs et design. couleurs chaudes et les couleurs froides sont des termes utilisés dans la conception graphique pour parler d'un regroupement de couleurs chaudes sont les rouges, les oranges, les jaunes. Les couleurs qui peuvent représenter littéralement la chaleur et le soleil. Les couleurs froides sont les bleus, les violets, les verts, ceux qui vous font sentir que hiver froid E ambiance ou vous faire penser à la lune dans le ciel nocturne. Si vous êtes tombé sur ce que les couleurs vont bien ensemble et essayer de trouver un thème de palette de couleurs. La roue de couleur sur color dot adobe.com est un excellent outil pour voir des nuances de couleurs ensemble. Vous pouvez choisir une règle d'harmonie des couleurs, qui générera automatiquement un équilibre harmonique entre les couleurs que vous sélectionnez. Je vais passer en revue certaines des règles de base de l'harmonie des couleurs. Les couleurs analogues sont des couleurs similaires. Monochromatique ou différentes nuances basées sur une seule couleur obtenue en ajoutant du blanc à la couleur de base pour les versions plus claires de votre couleur cible et en ajoutant du noir pour obtenir les versions de tonalité plus foncées. Gratuit sont des couleurs opposées. Cela crée un look audacieux et contrasté, aidant les couleurs à se démarquer le plus. Comme le rouge et le vert, bleu et l'orange, le jaune et le violet. Certaines combinaisons de couleurs peuvent également représenter différentes choses, comme le rouge et le vert pour Noël, orange et le noir pour Halloween. Même les quatre saisons ont leur propre palette de couleurs. Les couleurs pastel ou claires rappellent le printemps quand les fleurs sont en fleurs, été est rouge, jaune et orange. Les couleurs plus chaudes pour représenter la chaleur. Les oranges, les bruns et les jaunes nous rappellent l'automne pour l'apparence des feuilles. Et l'hiver est les couleurs plus fraîches, bleu et le blanc, comme la neige. Ensuite, je vais couvrir ce qu'est un gradient. Un dégradé de couleur est une gamme de couleurs lissées qui progressent d'une couleur à l'autre. Il existe différents types de dégradés, comme linéaires, ce qui signifie qu'il va s'estomper d'une couleur à l'autre en ligne droite ou radiale, ce qui signifie qu'il s'étalera à partir d'un cercle ou d'un rayon. Les dégradés peuvent incorporer plus d'une couleur. Certaines couleurs fonctionnent mieux que d'autres les unes avec les autres dans un dégradé. Pendant ce temps, le blanc et le noir peuvent travailler avec n'importe quelle autre couleur dans un dégradé pour mettre en valeur une progression de nuances plus claires ou plus foncées de cette couleur originale. Alors, quand pouvez-vous utiliser un dégradé dans une conception graphique ? Un dégradé peut être utilisé comme élément d'arrière-plan pour aider à créer un flux dans une conception. Mettre l'accent sur la coloration de la marque, et ajouter une étincelle d' intérêt et de sophistication si c'est fait correctement et complimente le design. Les dégradés peuvent être utilisés dans le texte ou dans les éléments graphiques pour, il peut être utilisé pour ajouter de l'ombre ou de l'éclairage aux éléments ainsi. Si vous travaillez avec une conception relativement simple, ajout d'un dégradé peut aider à lui ajouter plus de profondeur et de style. Les dégradés ou les couleurs simples peuvent être superposés sur les photos sur un calque séparé au-dessus du calque photo. Et en utilisant un mélange de calque sur le dégradé ou calque de couleur pour fusionner les deux visuellement. Les résultats dépendent de la photo que vous utilisez, couleurs et du style de fusion des calques. C' est donc un processus qui implique des essais et des erreurs. Lors de la création de votre design. Travailler ensemble avec le texte et la couleur est un effort pour trouver l'équilibre entre les deux. C' est aussi le bon moment pour parler un peu plus du contraste. contraste est le positionnement de deux éléments différents dans une œuvre. Et il est utilisé pour créer la meilleure visibilité dans un design. Pensez à un texte clair sur un fond sombre ou à un texte sombre sur un fond clair. Comme vous pouvez le voir, ce sont des options lisibles, par opposition à un texte plus clair sur un fond plus clair ou un texte plus sombre sur notre arrière-plan plus sombre ou plus occupé. Parce que le contraste est un facteur important à intégrer dans votre conception. La recherche de la bonne photo pour travailler dans votre design est un élément clé du processus de création. L' image détaillée ou complexe va rivaliser avec le texte posé dessus. Il y a quelques solutions de contournement pour quand vous devez utiliser du texte sur une photo plus détaillée. Utilisez l'ombre portée sur le texte. Essayez la technique que j'ai mentionnée précédemment concernant la création d'un deuxième calque au-dessus du calque photo et l'utilisation d'un mélange de calque et opacité pour tenter de tonifier les détails de l'image. L' utilisation du noir sur ce calque de couleur assombrira l'image dans son ensemble, ce qui permettra au texte plus clair sur le dessus de l'image de devenir beaucoup plus visible. Utilisez un calque de bannières. Créez une forme de couleur solide sur laquelle vos textes peuvent être visibles, comme un rectangle mince. C' est une bonne occasion d'incorporer les couleurs de la marque sur la forme. Il peut aider les textes intitulés à se démarquer davantage et il ne vous force pas à changer l'image photo d'arrière-plan. Cette tactique fonctionne particulièrement bien si votre photo a des taches claires et sombres variées, ce qui en fait une image gênante à utiliser lorsque vous avez besoin de poser du texte dessus. couleur et la façon dont elle est utilisée dans un graphique envoient un message et transmettent un sentiment au spectateur. 10. Lecture 9 : ajustements et filtres d'image: Si vous devez apporter des ajustements à l'image avec laquelle vous travaillez, il y a de nombreuses options à choisir pour obtenir le look souhaité. Je vais décomposer certains des basiques trouvés dans Pixlr. Mais beaucoup de ces fonctions et d'autres options peuvent être trouvées dans Photoshop aussi. le calque d'image est sélectionné, en cliquant sur les réglages en haut, nous afficherons une liste de ce qui est disponible ici. Le réglage automatique essaiera automatiquement d'améliorer la luminosité et le contraste des images. Cependant, si vous souhaitez ajuster manuellement la luminosité et le contraste, il est très fréquent que la plupart des programmes aient cette fonction. C' est un peu évident, mais le curseur Luminosité va éclaircir ou assombrir l'image. Alors que le contrôle de contraste peut rendre votre image plus terne ou ajouter plus de contraste entre la lumière et les sombres qui apparaissent dans votre image. Si vous cliquez sur ce bouton de comparaison en le maintenant enfoncé, vous pouvez voir à quoi ressemble l'image avant d'appliquer l'ajustement. La température et la teinte peuvent ajouter un ton plus chaud ou plus frais à l'image. Globalement. teinte et la saturation sont là où vous avez un peu plus de contrôle sur la couleur que vous pouvez ajouter à l'image. Le curseur de teinte vous permettra de changer les couleurs de l'image à autre chose. Cela peut avoir des résultats variables en fonction de votre image. Si vous cherchez à modifier la tonalité des images, globalement, cliquez, colorier, puis déplacez le curseur de teinte vous permettra d'ajouter une couleur en tant que superposition complète sur l'image. La saturation contrôle l'intensité de la couleur ajoutée. Faire glisser vers la gauche désaturera l'image, supprimant la couleur et en la rendant plus terne et grisante. Glissez-le vers la droite, illumine et renforce la couleur. La légèreté ajoutera du noir ou du blanc à l'image entière. Vibrance fonctionne de la même manière que la saturation. La balance des couleurs est un moyen plus détaillé de modifier la couleur globale de votre image. Vous pouvez balayer les couleurs des parties les plus sombres de votre image ou des ombres, tons moyens et des parties plus claires de votre image ou des surlignements. Les reflets et les ombres vous permettent d'éclaircir ou obscurité dans les parties plus claires et les parties plus sombres de votre image. Avec cela, vous pouvez créer plus de contraste en conséquence, ou aider les détails plus sombres d'une image à devenir plus visibles s'ils sont trop sombres dans l'original. L' exposition vous permet de contrôler l'éclaircissement ou l'assombrissement de l'image. Post lever peut transformer votre image en un graphique plus simplifié. En réduisant les couleurs, il ressemble plus à une illustration. Vient ensuite la partie vraiment amusante, les filtres. Un filtre vous permet de modifier l'apparence de votre photo de manière encore plus spectaculaire. Les filtres varient d'un programme à l'autre. Et dans Photoshop, vous pouvez même télécharger filtres externes que les utilisateurs ont créés pour utiliser dans le programme. En ce qui concerne les filtres et les applications de conception mobiles. Ces deux peuvent également varier d'une application à l'autre. La plupart permettent d'accéder à un certain nombre d'applications gratuites, tout en proposant des offres premium qui débloquent si vous décidez d'acheter l'application ou de payer un abonnement. Je vais passer en revue quelques-unes des plus courantes. vignette ajoute une bordure lisse et sombre superposée sur les bords de l'image. Cela peut être un effet dramatique, aidant à mettre l'accent sur le centre de votre conception. Il y a une variété de filtres de flou. Certains ajoutent simplement un flou de base et d'autres ajoutent un mouvement au flou. Le filtre de clarté et le filtre de netteté agissent de la même manière. Ils améliorent les détails de votre photo. Pixlr a juste les bases. Donc, si vous voulez vraiment vous amuser avec une image, je suggère d'essayer une application de retouche photo sur votre téléphone, comme Photoshop Express ou polonais. Non seulement ils ont plus de filtres, mais ils ont aussi des effets spéciaux. Cool superpositions et bordures et autocollants que vous pouvez ajouter à votre image. Vous pouvez suivre de nombreuses choses que vous avez apprises dans ce cours et les appliquer à l'utilisation efficace de ces applications. Rappelez-vous, c'est juste une mise en page différente et une interface utilisateur. 11. Lecture 10 : Suppression de l'arrière-plan: À un moment donné, vous pouvez vouloir supprimer l'arrière-plan d'une image. Il est beaucoup plus facile de supprimer l'arrière-plan d'une image lorsqu' il y a plus de contraste entre le sujet et l'arrière-plan, ou même lorsque l'arrière-plan est une couleur unie et unie différente de la couleur du sujet. En fait, c'est le principe de base de la technologie d'écran vert que vous avez vu utilisé dans les coulisses des films. Comme ils ont filmé la scène sur un fond vert vif, elle contraste avec les acteurs et les costumes, permettant ainsi à l'équipe d'effets spéciaux de superposer l'arrière-plan souhaité derrière eux. programmes de suppression automatique de l'arrière-plan et les sites Web sont tous là. Mais d'après mon expérience, non R2 précis et la plupart fonctionnent mieux quand il y a un fond de couleur unie plan qui crée des contrastes. Comme je l'ai mentionné, j'aime supprimer BG pour supprimer les arrière-plans de couleur unie d'un sujet. Cependant, à moins que vous ne payiez pour un résultat de qualité supérieure, l'option gratuite qu'ils vous donnent est un peu moins de qualité. Cela peut être très bien pour vos besoins, cependant, puisque la plupart des messages sur les réseaux sociaux ne sont pas super volumineux par défaut, si vous voulez supprimer manuellement un arrière-plan qui est une couleur unie, la baguette magique est un outil plus facile à utiliser pour supprimer et jouer avec la tolérance et la plume peut vous aider à obtenir un résultat plus lisse. Vous voulez éviter la veste ou les bords durs. Ainsi, vous devrez peut-être zoomer sur votre photo pour évaluer les bords si vous voulez obtenir plus de détails. Et l'utilisation de l'outil gomme avec une brosse douce peut aider à lisser ces bords. Certaines applications de conception mobile ont également une suppression automatique de l'arrière-plan. Vous pouvez le tester et voir si cela fonctionne bien pour votre image. 12. Lecture 11 : Conseils de conception du style et de mise en page: Le style de design graphique, comme la mode change et évolue au fil du temps. Tout comme les modes et les amis, la popularité des styles de conception peut émerger et s'estomper en popularité. Vous pouvez même avoir une idée d'une période de temps lorsque vous regardez des designs et des sites Web. Par exemple, si je vous montre un site Web des années 990, vous saurez que c'est des années 90 en fonction des couleurs, des polices et de la mise en page. Les 1918, 19, 70 et ainsi de suite, ont tous leurs propres styles. Par conséquent, vous pouvez créer des éléments visuels à l'aide d'éléments de style communs à partir de ces périodes. Si vous allez pour quelque chose d'un peu plus nostalgique avec votre design. Les tendances émergentes en matière de conception s' expliquent en partie par l'évolution de la technologie et des outils au fil du temps. Alors, quel style devriez-vous opter pour votre design ? La réponse dépend de vos objectifs, votre sujet et de votre audience. Il est difficile pour moi de donner des conseils de style précis puisque chaque besoin de design graphique est différent. Mais le meilleur conseil que je peux offrir est d'utiliser des références et de faire quelques recherches sur les styles visuels similaires à ce que vous voulez créer. L' espacement et l'alignement de tous les éléments graphiques d'un fichier, autrement connu sous le nom de mise en page, sont essentiels à la lisibilité et à l'esthétique de votre graphique. Assurez-vous que le texte est bien aligné et lisible. Cela vaut pour tous les graphiques que vous utilisez pour vous assurer que si vous faites un alignement, vous utilisez tous les outils disponibles pour vous aider avec l'espacement et l'alignement. à l'esprit votre texte et votre structure graphique en donnant aux éléments un espacement approprié afin de maintenir la lisibilité et d'éviter le surpeuplement. Restez simple. Ne compliquez pas trop vos designs. Trop d'informations visuelles peuvent surcharger un visualiseur. N' utilisez pas trop de texte pour de nombreuses polices ou trop de couleurs. Espace blanc ou espace négatif, une zone vide dans votre graphique qui permet aux spectateurs de se reposer. Il peut aider à créer l'équilibre et l'harmonie. De plus, il réduit l'encombrement et attire l'attention sur le texte ou le graphique. L' espace n'est pas nécessairement blanc. C' est juste une pièce vierge ou unie dans votre design. Mettez à l'échelle, images et graphiques au sein de votre conception pour créer une mise en valeur et une hiérarchie à votre conception. Essayez la règle des tiers. agit d'une technique qui met l'accent sur l'asymétrie en divisant votre dessin en trois rangées et trois colonnes et en arrangeant vos éléments graphiques pour qu'ils apparaissent à certains points d'intersection. Cela aide à créer des points focaux dans des endroits plus intéressants. Et ajouter un sentiment d'équilibre et de fluidité dans votre conception. L' utilisation de formes simples peut également aider à améliorer votre conception et à créer un flux ou un intérêt visuel. Si vous travaillez avec un design plus simpliste, répéter des formes ou des éléments simples de votre marque ou logo de différentes manières fait également partie de l'image de marque, que je couvrirai lors de la prochaine conférence. 13. Lecture 12 : l'image de marque: image de marque est la promotion de votre entreprise ou de votre produit. C' est l'acte de solidifier votre entreprise et ce qu'elle fait ou représente dans l'esprit des gens. En plus de vous distinguer des autres sociétés ou produits similaires. J' ai beaucoup parlé de la couleur dans ma conférence à ce sujet. Et une chose à garder à l'esprit est que l'utilisation constante de la couleur de votre marque dans les designs peut aider à accroître la notoriété de la marque et la mémorabilité. Par exemple, vous verrez probablement toujours conception du site Web d' une entreprise présentera les couleurs de sa marque. Cette répétition de la couleur et même des formes, comme je l'ai mentionné dans la conférence précédente, aide à renforcer l'image de marque. Cela s'applique non seulement à la couleur, mais aussi aux polices. La cohérence dans l'utilisation des polices aide à garder les choses à l'aspect professionnel image de marque ne s'applique pas seulement aux entreprises, mais aussi aux particuliers. Même les streamers de jeux vidéo haut de gamme présentent leur logo ou leur graphique d'eux-mêmes sur leurs chaînes. L' utiliser sur les plateformes sociales crée de l'uniformité et de la reconnaissance. Même en utilisant un style similaire pour leur emote est considéré comme la cohérence de la marque. Voici quelques conseils pour créer une identité de marque. Connaissez votre public. Considérez à qui vous faites de la publicité et quelles couleurs et graphiques typiques pourraient leur plaire. Faites des recherches sur des marques similaires à la vôtre. Voyez ce qui fonctionne pour eux. Mais rappelez-vous de ne pas les copier. Vous voulez mettre votre propre style et votre style personnel dans votre marque et éviter tout problème de copyright. La personnalité est tout. Le ton de vos graphismes doit refléter ce que votre marque est ou ce que votre message sur les réseaux sociaux tente de transmettre. Vous vendez des jouets pour les enfants, des polices simples, dessinées à la main et des couleurs primaires vives dans votre conception pourrait fonctionner. Utiliser les médias sociaux. Si vous ne disposez pas déjà de comptes créés sur différentes plateformes de médias sociaux pour votre marque. Configurez cela dès que possible, et appliquez votre image de marque à chacun d'eux. publication de vos graphiques sur chacun de ces éléments vous aide à atteindre un public plus large. Cependant, gardez à l'esprit que chaque site a ses propres exigences de publication et paramètres de taille d'image. Lorsque vous configurez votre fichier graphique, il est bon de vous en souvenir avant de commencer votre conception. Sinon, vous devrez peut-être revoir votre conception si la taille est désactivée pour la plate-forme sur laquelle vous publiez. 14. Lecture 13 : concevoir pour les réseaux sociaux: Les conceptions numériques pour les réseaux sociaux et les plateformes de diffusion en continu peuvent être difficiles lorsqu'il s'agit de dimensionner. Les normes de résolution peuvent changer au fil du temps. publication sur un site peut paraître bien, mais la publication de cette même image sur un autre site peut entraîner un recadrage indésirable. Comme je l'ai déjà mentionné, commencer votre fichier à la bonne taille dont vous avez besoin dès le début est conseillé, car cela peut vous sauver beaucoup de maux de tête plus tard. Soyez conscient de la plate-forme vers laquelle vous prévoyez de télécharger, de leurs directives de taille et de toutes les autres règles qu'elles pourraient avoir. Voici un excellent site qui tente de rester aussi à jour que possible avec les lignes directrices relatives à la taille de l'image pour chaque plateforme de médias sociaux. Ils offrent également une ligne directrice sur la taille de la vidéo. Les poteaux de taille carrée peuvent fonctionner assez bien sur plusieurs plateformes. Si vous avez besoin d'une disposition carrée pour s'adapter à une disposition plus horizontale, Ed plus d'espace sur les côtés de cette image en modifiant la taille du canevas dans un programme d'édition graphique et en saisissant la résolution souhaitée. espace vide sera ajouté sur les côtés de la conception. Vous pouvez essayer d'étirer l'image pour l'adapter. Gardez à l'esprit que vous risquez de perdre une certaine qualité lors de la mise à l'échelle. Ou vous pouvez ajouter de la couleur aux côtés ou au dégradé. Avec Facebook, Twitter et LinkedIn, il existe différentes résolutions de taille pour les images de profil, les images couverture et les messages sur les réseaux sociaux. Pour les annonces Facebook, ils préfèrent la règle des 20 % de textes. Cela signifie que tout graphique publicitaire ne doit pas dépasser 20 % de texte dans le graphique. Les images de couverture sur toutes les plates-formes varient légèrement en taille, mais sont plus orientées horizontalement. Ils doivent absolument inclure votre image de marque, vos logos, vos couleurs, etc. Instagram a l'avantage d'avoir une fonction qui peut automatiquement mettre à l'échelle votre image pour mieux s'adapter à la publication et éviter le recadrage indésirable. Pinterest met davantage l'accent sur les images de taille carrée et verticale, répondant à un affichage mobile. Youtube a des résolutions différentes pour l'image de profil, l'image de couverture du canal, images miniatures et les vidéos doivent avoir un rapport d'aspect de 16 sur neuf. Je vous suggère fortement de créer des vignettes personnalisées pour vos vidéos YouTube. C' est une chance d'ajouter votre couleur et votre style de marque , et aussi attirer l'attention. messages vidéo sur la plupart des plateformes préfèrent un rapport 16 par neuf ou un format carré. Tout comme pour les images, assurez-vous de connaître la taille dont vous avez besoin avant de créer ou filmer pour éviter d'avoir à redimensionner ou à modifier ultérieurement. 15. Lecture 14 : Photopea: Une autre alternative gratuite à Photoshop est photo p.com. Tout comme Pixlr, c'est un éditeur graphique gratuit basé sur un navigateur. Photocopy prend en charge le format de fichier PSD, qui sont des fichiers natifs d'Adobe Photoshop qui peuvent contenir des couches et peuvent contenir des données graphiques de haute qualité. Vous pouvez même enregistrer le fichier sur lequel vous travaillez en tant que fichier PSD à partir de photo pay. Ce qui signifie que ce fichier peut également être ouvert dans Photoshop avec vos informations de couche enregistrées et conservées. Cela signifie que la photo P peut à la fois lire et enregistrer des fichiers PSD. De plus, il a la capacité de convertir entre une variété de formats d'image ainsi. Bien que vous puissiez également ouvrir des fichiers PSD et Pixlr, photocopies semblent maintenir les polices, mise en page et la qualité de l'image un peu mieux. L' interface utilisateur des photocopies est également légèrement plus similaire à Photoshop. Et bien sûr, vous pouvez appliquer vos compétences et connaissances à l'utilisation de pic photo plutôt que Pixlr, si vous préférez, votre décision sur le programme à utiliser est basée sur votre budget et votre niveau de confort. Maintenant, avec plus de programmes graphiques libres et open source en cours de création et l'amélioration de la technologie au fil du temps. C' est donner aux gens encore plus de liberté de choix sur laquelle ils peuvent utiliser pour faire leur travail graphique. 16. Lecture 15 : Canva et Spark: Les programmes de conception graphique basés sur des modèles utilisables dans les navigateurs Web gagnent en popularité. Ils sont faciles à utiliser et la plupart d' entre eux sont dotés de mises en page et de modèles prédéfinis pour vous permettre de commencer rapidement et facilement votre conception. Vous pouvez créer des designs pour les pages de médias sociaux, les dépliants, les bannières, EDS et Moore. Ne vous attendez pas aux outils avancés que vous verrez dans un programme comme Photoshop ou Illustrator ici. Ces programmes sont un peu plus basiques, mais cela ne signifie pas qu' ils ne sont pas utiles. Comme vous pouvez obtenir un design créé très rapidement dans ces programmes. Je vais passer en revue les bases de Canva et d'Adobe Spark dans cette leçon. abord, Canva, qui dispose d'un forfait gratuit et d'un forfait Pro payant amélioré, qui vous permet d' accéder à plus de modèles et des outils plus avancés tels que le redimensionnement automatique des conceptions et un outil de suppression d' arrière-plan. De plus, il offre plus de stockage et même planification des réseaux sociaux directement depuis Canvas. Le plan gratuit est également assez puissant. Il y a plus de 250 000 modèles, des tonnes de photos et de graphiques intégrés au programme. Et avec tous les plans, vous pouvez même collaborer et commenter des conceptions avec d'autres personnes. Si vous travaillez avec quelqu'un d'autre ou si vous recherchez des commentaires. Une fois que vous êtes inscrit et connecté, cliquez sur Créer un design en haut. Le choix d'une taille de fichier vous permettra de commencer. Gardez à l'esprit que tous vos travaux et vos conceptions seront enregistrés dans le Cloud sur votre compte Canvas. Vous pouvez choisir parmi des modèles, des éléments, télécharger vos propres médias, des textes publicitaires et bien plus encore. Lorsque vous utilisez le forfait gratuit, les modèles et images qui ne peuvent être utilisés qu'avec le plan Pro seront marqués d'une couronne dans le coin. En effectuant une recherche en haut, nous allons afficher des images ou des modèles associés. Il y a beaucoup d'atouts à Canva que même un membre gratuit peut utiliser. Vous pouvez également modifier une image, recadrer, retourner et même ennemi. Lorsque vous ajoutez une animation, vous pouvez l'afficher en haut à droite. Vous pouvez repositionner des éléments qui modifient essentiellement la couche sur laquelle il se trouve. Copiez et collez des styles pour modifier l'apparence des différents textes sur votre conception. Changez la transparence. Liez les ressources d'image pour faciliter l'édition. Verrouillez et déverrouillez des éléments d'image pour empêcher toute modification accidentelle d' images et dupliquer ou supprimer des ressources. Vous pouvez ajouter une page si vous souhaitez travailler sur une deuxième image ici. Ou si vous souhaitez l' enregistrer au format PDF, il combinera les images de ce fichier en tant que pages distinctes dans un fichier PDF. Et lorsque vous êtes prêt à télécharger votre design, cliquez sur le bouton Télécharger en haut à droite et choisissez votre format. Cliquez ensuite sur Télécharger. Prochaine. Examinons Adobe Spark. Il peut être utilisé comme version de démarrage gratuite, un abonnement autonome qui débloque modèles premium et d'autres fonctionnalités. Ou si vous disposez déjà d'un forfait Adobe Creative Cloud, vous disposez déjà d'un accès Premium complet à Adobe Spark. Lorsque vous êtes connecté, vous pouvez démarrer un fichier à partir de zéro ou commencer à partir d'un modèle. En cliquant sur Explorer tous les modèles et en entrant un mot-clé dans la barre de recherche, vous verrez quels sont les modèles pertinents disponibles. Tout ce qui est marqué d' un marque-page doré est un modèle haut de gamme. Cliquez sur un modèle, puis cliquez sur Créer à partir de ce modèle. Et tout comme dans Canvas, vous pouvez modifier des modèles, ajouter du texte, des photos, des icônes, des éléments de conception , des arrière-plans, des logos et même créer votre propre bibliothèque qui inclut des images fréquemment utilisées comme logos ou autres ressources d'image. Sur la droite, vous pouvez modifier les combinaisons de couleurs. Ajoutez une animation comme dans Canva, modifiez l'arrière-plan, redimensionnez votre conception et votre design. Nous allons mélanger vos images et votre mise en page de texte pour créer différentes combinaisons pour vos graphiques. Vous pouvez modifier une image en cliquant dessus et en jouant avec les paramètres de droite. Et dans Adobe Spark, les calques apparaissent dans ce coin inférieur droit. En cliquant sur cette section, nous développerons les calques et vous pouvez cliquer et faire glisser pour réorganiser les éléments en fonction de l'endroit où vous souhaitez qu'ils apparaissent. Cliquez sur le X ici pour réduire le panneau de calque. C'est tout pour mon aperçu de Canva et Spark. Ces deux programmes sont les plus puissants et les plus robustes des programmes de conception graphique basés sur des modèles. Mais d'autres concurrents ont des fonctions et des prix différents. Et même certains gratuits, comme Politeness Studio, qui est un éditeur graphique open source avec modèles entièrement gratuits et images libres de droits provenant directement de unsplash.com. 17. Lecture 16 : Conseil final: J' espère que vous pouvez voir en prenant mon cours que même un non-designer peut faire un graphisme professionnel. La conception graphique se résume à organiser le texte et les éléments graphiques d'une manière visuellement agréable. À mon avis, vous n'avez pas besoin d'avoir un diplôme pour être designer. Il faut de la pratique et de l'expérience. Si vous êtes coincé sur un dessin, essayez différentes variantes de celui-ci. Demandez l'avis de vos amis. Et si vous êtes vraiment trébuché, prendre une pause de regarder un design pendant un certain temps, puis revenir plus tard peut vous aider à rafraîchir vos yeux et votre esprit. La critique constructive n'est rien pour se fâcher par ses conseils et opinions des autres qui sont destinés à essayer d'améliorer votre travail de conception. Ce n'est pas censé être une critique de vous personnellement. Si au début vous ne réussissez pas, essayez, réessayez. Tu ne peux pas plaire à tout le monde et rien ne sera jamais parfait. En plus de cela, la beauté est dans l'œil du spectateur. Ce qui peut sembler étonnant pour une personne, pourrait regarder lit à l'autre. Essayez de ne pas laisser la critique vous abattre. Continuez à créer et à apprendre et votre travail s'améliorera au fil du temps. Merci d'avoir suivi mon cours. J' espère que vous avez appris quelques techniques pour vous aider dans votre parcours de design numérique.