Transcription
1. Introduction du cours: La conception graphique consiste à communiquer efficacement des idées, ce qui est important
dans tous les secteurs d'activité. Ce cours vous donnera une base
solide sur la façon dont vous pouvez faire passer votre message
au niveau supérieur
en mettant en œuvre des
principes de conception
graphique pratiques qui
capteront l'indentation de vos spectateurs et guidez-les tout
au long de votre conception. Salut les gars, je m'appelle
Tyler et Parson. Je suis graphiste et illustratrice basée à
Edmonton, au Canada. Je suis
graphiste indépendant
depuis près de dix ans. Au cours de cette période, j'ai
travaillé sur de nombreux projets
tels que des designs de logos et d'affiches primés. Les clients viennent me voir et me donnent des informations pour une brochure, design d'
affiche, une couverture de livre et bien d'autres choses encore. Et c'est mon travail de prendre ces informations et de les
organiser de manière agréable et
efficace afin qu'elles attirent l'attention du spectateur et guident à travers
les informations. C'est quelque chose que tout le monde
peut faire une fois qu'il a appris quelques principes pratiques de
conception graphique et qu'il les a appliqués à ses créations. Quand j'ai commencé à
apprendre le graphisme, je me suis vraiment concentré sur
Photoshop et Illustrator, et je n'ai jamais vraiment
envisagé le design. Cependant, une chose que je
ferais différemment si
je devais recommencer mon
parcours de design graphique c'est d'apprendre le design très tôt. En effet, InDesign
est un outil puissant pour
créer de magnifiques documents
pour l'impression et pour le Web. Bien que vous puissiez
faire de nombreuses choses dans Photoshop et Illustrator,
comme la conception, un logo, une
illustration éditoriale ou la manipulation de photos. Il arrive souvent que ce ne
soit que le point de départ. Et la dernière étape consiste à intégrer
tous ces composants dans InDesign pour le
formater afin de l'envoyer à
l'imprimante ou au Web. Et comme InDesign est la
dernière étape de mon flux de travail, il est essentiel que je sache
comment utiliser les outils efficacement, car dans le monde du design, les touches finales
font toute la différence. Ce cours vous
présentera InDesign et vous expliquera comment réaliser travail
soigné basé sur un
ensemble de principes de conception. Vous apprendrez des principes pratiques de
conception graphique
tels que l'alignement, la hiérarchie
et la typographie. Et cela élèvera
votre conception
au niveau supérieur afin que vous puissiez
communiquer efficacement. Ce cours s'adresse à
tous ceux qui veulent faire un travail plus soigné afin pouvoir communiquer
efficacement votre message et améliorer
vos designs. Bien que nous utiliserons
InDesign tout au long la classe pour apprendre les principes de conception
graphique. Ces
principes de conception graphique peuvent être appliqués à n'importe quelle application et à
n'importe quel design. Donc, si vous êtes prêt à apprendre le graphisme
pratique, je vous verrai en classe.
2. Projet de classe et à quoi s'attendre: Votre projet pour ce cours
est de mettre en forme un document, qu'
il s'agisse d'une affiche, d'une publicité éditoriale,
même
d'un menu de restaurant, tout ce qui
utilise du texte et des images. Ensuite, appliquez les principes de
conception graphique enseignés en classe. la première section, nous allons passer revue un document InDesign de base
et ce qui le compose. Nous comprendrons des termes tels que
rognage et fond perdu et comprendrons que le mode couleur est RVB et
CMJN et quand les utiliser. Dans la deuxième section, nous allons nous plonger dans un peu de théorie de la conception et comprendre des
éléments tels que l'alignement, hiérarchie et la topographie de base qui, lorsqu'ils sont appliqués
à
votre conception, attention des spectateurs et guidez-les à travers cela. Dans la troisième section, nous allons
plonger directement dans InDesign et découvrir les
fonctionnalités de base du programme. De plus, nous créerons notre projet de classe en utilisant ce que nous avons
appris en classe. Tout ce dont vous aurez besoin
pour ce cours est un ordinateur sur lequel
InDesign est installé. Bien qu'une grande partie de ce cours soit
consacrée, nous apprendrons les principes de
conception graphique qui peuvent être appliqués à n'importe quelle
application de votre choix. Nous utiliserons des fichiers
pratiques InDesign pour mettre en pratique ce que nous avons appris. Si vous n'avez pas InDesign, vous pouvez toujours vous inscrire à un essai gratuit de
sept jours via Adobe et utiliser ce temps pour parcourir les fichiers d'
exercices pratiques. Après avoir téléchargé
les fichiers du projet, vous serez en mesure de suivre. À la fin du cours, vous
comprendrez parfaitement
comment personnaliser facilement vos documents et utiliser principes pratiques de
la
conception graphique. Dans le prochain cours, nous
apprendrons les bases d' un document InDesign
et de sa configuration.
3. Caractéristiques du document: Dans ce cours, découvrons
quelques fonctionnalités clés qui s'
appliqueront à notre document lorsque nous travaillerons dans InDesign. Lorsque nous travaillons dans InDesign, la
plupart des éléments que nous
produisons sont destinés à l'impression. Il y a quelques termes que
nous devons comprendre tels que rognage, marges et fond perdu. Le découpage correspond essentiellement à la taille
finale de votre document. De nombreuses imprimantes impriment
sur du papier surdimensionné ,
puis les
réduisent au format final. Les marges sont
essentiellement le cadre notre papier dans lequel se trouvent toutes nos informations importantes. Si nous sortons des marges, les détails
essentiels
peuvent être coupés et notre design peut être trop proche du bord
et avoir l'air correct. Vous souhaitez donc conserver toutes les informations
importantes dans les marges. Vous pouvez ajuster vos
marges de sorte qu'il y ait plus ou moins d'espaces blancs
autour de votre document. Et cela peut aider
votre design à mieux respirer. Le fond perdu est une extension
de notre document qui permet aux images ou
aux graphiques d'aller jusqu'au bord. Les imprimantes impriment sur du papier
surdimensionné, puis réduisent le papier
au format du document. Puisque les documents sont
coupés après coup, si nous poussons notre image est uniquement sur
la ligne de coupe et elle est
légèrement désalignée. Il se peut qu'il y ait une
petite traînée blanche sur le bord de la page. Cependant, pour éviter cela, nous plaçons nos images sur le
fond perdu au-delà de la ligne de coupe. Cela permet à notre image d'être au
bord à chaque fois. Maintenant que nous comprenons que
la page dans InDesign, comprenons
les modes de couleur courants que nous allons utiliser. deux
modes
de couleurs principaux Nous allons travailler avec deux
modes
de couleurs principaux. RVB ou CMJN. RVB est le mode couleur
habituellement utilisé pour les écrans, et CMJN est le mode couleur généralement utilisé lorsque
des éléments sont imprimés. Si vous travaillez en RVB, sachez
simplement que lorsque vous imprimez votre document, il se peut qu'il ne soit pas
aussi éclatant que vous l'avez vu à l'écran. C'est pourquoi si vous savez que vous allez
aller pour l'impression, il vaut mieux travailler en CMJN. Voyons maintenant un
peu plus sur le RVB et le CMJN. RVB est un mode colorimétrique additif, puisque lorsque vous ajoutez toutes les couleurs ensemble,
vous obtenez du blanc. Dans un écran ou un écran RVB, il existe des milliers de minuscules boutons qui
ont trois couleurs, rouge, vert et bleu. Quand vous allumez
chacun d'eux, vous comprenez quoi ? C'est ça. Ce que je veux dire par additif. Nous ajoutons toutes les couleurs pour obtenir du blanc. Cmyk, cependant, est un mode de couleur
soustractif, car au fur et à mesure que les couleurs sont supprimées, il ne laissera que du blanc. Dans le processus d'impression CMJN, il fonctionne pour des encres
de différentes couleurs. Cyan, magenta,
jaune et noir. fur et à mesure qu'une imprimante
parcourt chaque couleur, seules les zones
sans encre seront une seule. C'est ce que j'entends
par soustractif. Puisque nous devons supprimer
chaque couleur pour obtenir du blanc, vous
n'avez peut-être
pas besoin de connaître tous les détails du processus
d'impression ou RVB. Il est bon de comprendre les résultats finaux afin de
pouvoir planifier votre
projet en conséquence. N'oubliez pas, si vous savez à
l'avance que vous allez produire quelque chose uniquement
pour les écrans fonctionnant en RVB. Mais si vous savez
que vous allez préparer quelque chose
à imprimer, il vaut peut-être mieux
commencer en CMJN. Dans le prochain cours, nous
verrons comment configurer un
document de base dans InDesign.
4. Configuration des documents : commencer dans InDesign: Bonjour les gars, dans ce cours, nous allons apprendre à
configurer rapidement notre document, comprendre quelques
fonctionnalités clés d'InDesign et à passer en revue quelques outils que nous utiliserons
tout au long du cours. Ainsi, lorsque vous ouvrez InDesign, vous accédez à ce menu ici. Il s'agit de l'écran de bienvenue. Dans l'écran d'accueil, vous pouvez voir différentes choses. Vous pouvez voir sur le côté
gauche que vous avez une nouvelle option de fichier. Vous pouvez ouvrir un fichier InDesign
existant ou vous avez
des options de menu pour les documents récents
que vous avez ouverts. Vous pouvez voir que j'en ai
eu quelques-uns récemment ouverts. Toutefois, si vous ouvrez
InDesign pour la première fois, votre mise en page peut être
légèrement différente de la mienne, mais
ce n'est pas grave, car nous allons nous concentrer sur la nouvelle option de fichier. Nous allons cliquer
dessus et cela
ouvrira nos options ici. Lorsque nous créons un nouveau
document dans InDesign. Indesign nous propose quelques préréglages en fonction de ce que
nous voulons créer. Il y a donc quelques options ici,
nous avons quelque chose à imprimer. Il vous donne un tas de documents
imprimés
tels que du papier au format lettre, tabloïd
juridique, une demi-lettre et bien d'autres
que vous pouvez utiliser. Vous pouvez décider de choisir
quelque chose pour le Web ou même pour un appareil mobile. Ces préréglages ont
déjà été effectués. Donc, si vous créez un design spécialement pour une boîte iPhone, cette taille
est déjà
prédéfinie dans InDesign. Il est très
facile de créer des designs spécifiquement
pour un élément spécifique, comme un iPhone dix
ou un document Word. Nous allons créer
quelque chose pour l'impression aujourd'hui. Et nous allons
aller sur le côté droit. Sur le côté droit, vous pouvez voir qu'il existe
différentes options. Vous pouvez donner un titre à votre document
et c'est un document configuré. Il est également possible de
modifier la hauteur, hauteur et la largeur
de votre document. Vous pouvez monter par incréments à
l'aide des touches fléchées. Vous pouvez également choisir les
unités que vous souhaitez utiliser, qu'
il s'agisse de pouces, de millimètres
ou de pixels. Après cela, vous pouvez voir
qu'il y a des pages. Ainsi, si vous avez un document de
plusieurs pages, vous pouvez décider du
nombre de pages que vous souhaitez. Et il y a une case à cocher
ici qui fait face aux pages. pages manquantes sont généralement
utilisées lorsque vous créez une sorte
de livre ou de livret. Cela signifie que les
pages que vous avez dans votre document
finiront par se faire face. Vous pouvez cliquer sur ce bouton. Donc, si vous avez plusieurs pages, vous voulez qu'elles se replient les unes
dans les autres. Vous voulez donc faire face à des pages sur. Cependant, dans notre
cas, nous allons créer une seule page et
nous n'en avons pas besoin. Ensuite, vous pouvez commencer par
la page numéro un. Et une zone de texte
principale constitue essentiellement un cadre à l'intérieur des limites
que vous avez notées ici. Si vous avez créé
une marge spécifique, cela créera une zone de texte par défaut proportionnelle
à cette marge,
ce qui est vraiment cool. Cela accélère votre flux de travail et nous le reparlerons dans
ce cours. Cependant, c'est quelque chose
à attendre avec impatience dans les prochains cours que j'
enseignerai sur InDesign. Très bien, si nous
descendons encore, nous passerons par les marges. Les marges sont
essentiellement le cadre dans
lequel vous souhaitez contenir vos informations
importantes. Vous pouvez donc augmenter
ou diminuer la taille
de vos marges. Et si vous ne souhaitez modifier qu'
un seul côté de vos marges, vous pouvez voir ici
qu'il existe une option de lien. Vous pouvez le dissocier. Et disons que je veux que
la partie inférieure ait plus d'espaces blancs
que la partie supérieure et que tout
le monde soit pareil,
je peux l' augmenter à un pouce. Maintenant, en bas, nous aurons un pouce d'espace blanc et partout ailleurs, 0,5 pouce. Maintenant, nous en sommes au fond de l'hémorragie. Maintenant, souvenez-vous que
le fond perdu est l'extension de
nos documents, de sorte que lorsque nous voulons que les graphiques aillent directement au
bord de notre page, nous les poussons vers le fond perdu de
sorte que lorsqu'il est
coupé pendant le processus d'impression
et le processus de découpe , nous ne
perdrons aucun graphique. Ils iront droit
au bord à chaque fois. Ensuite, nous avons une
option appelée Slug, Slug. Vraiment, nous n'allons pas trop en
parler. C'est juste une autre
extension de votre document pour écrire des notes ou quelque chose de spécifique
pour les imprimantes. Ce n'est pas souvent que les
designers l'utilisent. C'est principalement pour les imprimantes. Ils voudront peut-être ajouter
un slugging pour dire, vous devriez couper ici, vous devriez plier ici,
quelque chose comme ça. Mais pour nous aujourd'hui, ce n'est
pas trop important. Je pense que tout ce que
nous avons ici est bon. Nous allons ajouter un fond perdu de 0,125, c'est un fond perdu assez
standard. Où que tu ailles. Toutefois, si vous faites appel à une imprimante pour imprimer
vos documents, demandez-leur ce dont ils ont
besoin. Peut-être qu' ils ont besoin d'un fond perdu de 0,25 pouce, pas de 0,125, mais cela varie
selon où tu vas. Mais dans la plupart des cas,
0,125 sera excellent. Très bien, maintenant nous pouvons cliquer sur Créer. Maintenant que nous en sommes à notre document, je voudrais vous donner un
aperçu rapide afin que vous puissiez comprendre ce
qui se passe dans InDesign. En sautant juste ici, vous pouvez voir que vous avez
votre menu en haut, votre type de mise en page de modification de fichier
possède certaines options de type. L'objet contient certaines informations pour les graphiques et les objets
que vous créez, tableaux, les vues, les fenêtres et l'aide. Ici, vous pouvez voir
un menu déroulant qui se
trouve actuellement sur Essentials. Il s'agit du menu Espace de travail. Donc, en fonction de la façon dont
vous souhaitez travailler dans InDesign et des
fenêtres que vous souhaitez ouvrir. Vous pouvez choisir autre
chose , comme
Essentials Classic. Cela peut faire apparaître quelques options
différentes ici. Cependant, je vais le remettre
à Essentials juste pour qu'
il reste propre et propre. Sur le côté gauche, vous pouvez voir notre barre d'outils. Nous pouvons aller ici et basculer notre barre d'outils d'entrée et de
sortie comme ça. Ensuite, il dispose de quelques outils
différents. Nous allons le revoir tout de suite. Les deux premiers en haut
sont vos outils de sélection, votre outil de sélection général et votre outil de sélection directe. La prochaine chose que
je veux vous montrer sont ces deux boîtes ici. Ce sont nos outils de forme. Nous disposons de deux
types d'outils de forme différents. Nous avons un outil de cadre et un outil de forme
irrégulière. Si nous cliquons et maintenons le bouton enfoncé, vous pouvez ouvrir
l'outil de forme et quelques options
différentes s'afficheront. Vous pouvez créer un
rectangle, un cercle ou un polygone, et c'est la
même chose avec l'outil Cadre. Cependant, ils fonctionnent
légèrement différemment. Le rectangle, vous
pouvez créer une forme et ensuite
lui donner de la couleur. Donc, si je double-clique
dans cette case, il
s'agit de la couleur de remplissage. Je peux lui donner une sorte
de couleur comme ça. Cependant, lorsque je
clique dessus, que je clique dessus et
que je fais glisser, vous pouvez voir qu'il n'y
a qu'un x à travers. Qu'est-ce que cela signifie ?
Un cadre est utilisé lorsque nous voulons utiliser des
graphiques dans notre document, mais nous ne savons pas encore ce
que nous voulons y placer. Nous pouvons donc concevoir notre document
et le mettre en
tant qu'espace réservé. Dites, je veux une photo ici, je vais y mettre un cadre. Plus tard. Je vais mettre cette
photo ici, mais c'est juste un espace réservé. Jusqu'à ce que cela se produise,
vous dites je veux quelque chose ici et que
c'est un cadre qui
va le contenir afin que vous
puissiez concevoir votre
document à l'avance et apporter tous vos
éléments plus tard. Et tout
sera bien exécuté. Et puis la prochaine chose
que je veux passer en revue aussi rapidement est notre outil de saisie. L'outil de saisie est un T sur votre clavier, et il fonctionne de la même manière notre outil rectangle et
notre outil cadre. Vous pouvez cliquer sur un cadre, le maintenir enfoncé
et le faire glisser. Cependant, cette boîte est
un peu différente. Vous pouvez voir qu'il y a un curseur
clignotant juste ici. Cela signifie qu'il s'agit d'une zone de
texte dynamique et que je peux maintenant commencer à saisir mon texte. Tout ce que je veux, juste comme ça. Maintenant que nous en savons un
peu plus sur InDesign, passons en revue quelques principes pratiques de conception
graphique
dans le prochain cours.
5. Knolling : créer l'ordre: Avant de passer aux
principes du design, je veux vous montrer un moyen
simple de rendre les objets
combinés plus
attrayants et plus organisés. Cette pratique s'appelle Nolan. L'annulation consiste simplement à
disposer des objets
à angle droit manière à ce qu'ils soient parallèles les
uns aux autres ou à 90 degrés. Il permet de tout
organiser et de créer des images propres et
attrayantes à appliquer. annulation est très simple. Passons en revue
un entraînement rapide que vous pourrez essayer vous-même. Tout ce que vous avez à faire est de prendre des objets
qui traînent autour de votre bureau, le clavier et la
souris, le sablier. Vous avez peut-être des jouets, des
crayons, des stylos, un carnet de
notes, n'importe quoi. Pour commencer, vous
devez vous procurer un objet clé comme point de référence de
départ. Après cela est placé alignera tous les autres éléments
par rapport à l'objet clé. Garder des lignes parallèles ou
perpendiculaires. En gros, vous créez une grille personnalisée à partir des éléments qui
composent votre composition. Cela peut être fait aussi facilement l'écran qu'en dehors de l'écran. Maintenant, je veux que tu t'
amuses un peu et que tu essaies toi-même. Emportez des objets qui
traînent avec vous. Il n'est pas nécessaire qu'il y en ait beaucoup
et qu'ils soient arrangés de cette façon. Utilisez les principes de l'annulation pour créer une composition agréable. Prenez ensuite une photo de votre composition et
publiez-la dans le panneau du projet. Le savoir a été tellement utilisé dans les médias
sociaux ainsi que dans les
publicités. Pourquoi ? Parce que c'est
agréable à regarder. Lorsque nous organisons
les éléments de façon organisée
, notre cerveau
reconnaît simplement que
c'est satisfaisant. La création d'un alignement
dans vos conceptions rendra instantanément vos
conceptions plus attrayantes car cela crée
une relation entre les composants et
facilite la navigation. Dans notre prochain cours, nous apprendrons le
principe de l'alignement et comment l'
appliquer à nos conceptions.
6. Alignement : structure de construction: Maintenant que nous comprenons comment le
simple fait de placer des objets à angle
droit peut ajouter
à l'attrait d' un dessin et créer un
sentiment de relation. Nous allons passer à l'apprentissage de quelques
principes de conception graphique pratiques qui, une fois appliqués, amélioreront instantanément n'importe quel design. L'alignement consiste simplement à
organiser notre texte et images pour créer une relation facile à tomber. Cependant, il existe de nombreuses façons d'aligner les
choses pour créer de l'ordre. Nous pouvons tout aligner
au centre, à
gauche ou à droite. Si certains graphiques
sont disposés côte à côte, vous pouvez aligner les éléments en haut, en bas ou au centre. La langue a un flux naturel. En anglais, nous lisons
de gauche à droite. Maintenant, imaginez que vous essayez de
lire ce groupe de textes. Il y en a partout. Nos yeux ne savent pas
où aller ensuite. Cependant, si nous alignons tout
le texte vers la gauche, cela permet immédiatement au
lecteur de suivre les mots puisque la position de départ de la ligne suivante reste constante. Vous pouvez toutefois
aligner le texte
au centre pour créer une
symétrie et un équilibre. Cependant, après trois
lignes de texte, les yeux du lecteur sont
obligés de sauter un peu. Cela peut rendre l'
expérience déroutante et finir par perdre
l'attention du spectateur. Visuellement, vos motifs
auront un aspect plus soigné s'
ils sont alignés d'une manière ou d'une autre, même si peu d'éléments sont présents. Ainsi, pendant que vous développez
vos conceptions, recherchez les éléments qui
pourraient être alignés afin créer un design
plus cohérent L'espacement d'alignement aidera votre conception globale à être plus facile
pour le spectateur à suivre. fait d'avoir un espacement approprié
facilitera votre vue ou aura un pas visuel constant
d'un élément à l'autre. Vous pouvez définir un
espacement entre les lignes d'un paragraphe ou entre un
paragraphe d'un en-tête, créant ainsi un groupe d'
éléments et créant espacement
cohérent
entre les groupes. Tant que vous
pensez à appliquer cohérence à l'
espacement de votre dessin, vous créerez un design
agréable. Maintenant, mettons cela
en pratique dans les ressources
du projet,
vous trouverez un fichier appelé
Alignment Practice. Dans le prochain cours, nous
expliquerons comment utiliser
les outils d'alignement d' Adobe InDesign pour créer un
alignement et créer des relations entre tous les
éléments de votre document.
7. Pratique d'alignement: Bonjour les gars, dans ce
cours, nous allons passer revue certains outils qui
nous aideront à créer un alignement et nos documents afin
que vous puissiez avoir une conception plus cohérente et établir des relations entre
tous vos éléments. Allons-y directement. Très bien, sautez dans
le document ici. Voici notre fiche
pratique d'alignement
et d'espacement que vous pouvez
trouver dans le panneau Projet. Si vous ne l'avez pas ouvert téléchargez-le et vous
pourrez le suivre. La première chose
que vous pouvez voir, c'est que nous
avons une brève histoire de la pizza. Maintenant, c'est un
article très cool
et intéressant qui vous apprend un
peu sur l'histoire de la pizza. Donc, si vous voulez le
lire, allez-y. Cependant, cela
ressemble à quelqu'un au hasard à travers certaines
images et certains textes. Eh bien, c'est exactement
ce qui s'est passé. C'est exactement ce que j'ai fait. Alors ne m'en veux pas. Nous allons régler ça ensemble. La première chose que
nous voulons
faire est de corriger le texte ici. Souvenez-vous qu'en anglais,
nous lisons de gauche à droite. Ainsi, lorsque nous alignons
le texte au centre,
les gens sont parfois confus
ou leurs yeux se fatiguent de
sauter partout. Il est donc avantageux d'
aligner votre texte sur la gauche si vous avez un grand
nombre de textes. Et dans ce cas, nous avons certainement de
grandes quantités de texte. Alors allons-y et réglons ça. Une chose que nous
devons faire est d'ouvrir certaines fenêtres. Si nous allons dans Windows, nous allons dans Type et Tables et
nous pouvons descendre au paragraphe. Le menu paragraphe s'ouvre et nous pouvons voir qu'il
existe différentes options. Vous pouvez aligner à gauche, aligner, centrer, aligner, droite. Nous pouvons appliquer cela
à notre document. Nous pouvons donc cliquer sur les paragraphes
dont le texte est mal aligné. Et nous pouvons maintenir la touche Maj enfoncée pour
les cliquer toutes et toutes en même temps. Nous pouvons aligner tous les
textes sur la gauche. Maintenant, si nous voulons avoir un aperçu de ce à
quoi cela ressemble sans toutes ces cases de guide,
les marges et le fond perdu. Nous pouvons passer ici à
cette option, nous
avons la vue normale ou nous avons la vue d'aperçu qui
supprime tous nos guides et nos marges et nous pouvons voir quel
sera le résultat final déjà. Cela semble beaucoup mieux car tout le
texte en bloc est aligné à gauche. Cela crée des traces
visuelles cohérentes que
les lecteurs peuvent suivre. Revenons en arrière et voyons comment nous pouvons l'ajuster
un peu plus. Appuyons sur W sur notre clavier et nous pouvons
activer nos grilles et nos guides. Et nous pouvons constater que
nous disposons d'une marge. N'oubliez pas que la marge est une
sorte de
cadre contenant
nos informations
et que nous pouvons utiliser cette marge pour aligner les éléments. Nous pouvons voir que ce
texte en bas est déjà aligné à
droite de la marge, même
que cette
image de la pizza, nous voulons établir des
relations entre tous ces objets
et le rendre cohérent. Nous pouvons donc prendre cette brève histoire de la pizza
et la déplacer. Maintenant, une chose que vous pouvez voir, c'est que ces
lignes vertes apparaissent. C'est un guide intelligent. Si vous ne les voyez pas, vous pouvez accéder à Afficher
les grilles et les guides. Guides intelligents qui
vous permettent de cliquer sur les points
et de mettre en surbrillance les zones
où l' alignement apparaît dans
vos documents. Il est donc très
facile d'aligner les choses. Donc cette boîte à pizza,
cette zone de texte
à pizza, elle est déjà alignée sur la marge, mais ce sont les textes
ici au milieu. Alors, comment résoudre ce problème ? Nous allons à notre paragraphe
et nous allons Aligner à gauche. Et maintenant tu peux voir qu'
ils sont tous alignés. Si nous appuyons sur W, vous pouvez voir
qu'il a l'air très propre. La prochaine chose que
nous voulons faire est réduire
un peu cette image et laisser les débris
de titre de pizza se démarquer en
arrière-plan. Nous avons donc un certain espace entre cette image
et cette image. Je veux donc aligner cette image exactement centrée
horizontalement avec l'autre image.
Comment est-ce que je fais ça ? Maintenant, une chose que je peux
faire est de cliquer dessus et de le faire glisser vers le bas. Et vous pouvez voir mes guides intelligents s'
accrocher lorsqu'ils sont alignés sur
cette image. Et c'est une bonne
chose que je veux faire c'
est de l'aligner
parfaitement au centre. Je peux le faire avec
mes guides intelligents. Vous pouvez voir qu'une ligne violette apparaît lorsqu'elle est centrée. Mais que se passe-t-il si je veux juste
le faire en un clic ? Si c'est ici et qu'il est parfaitement
aligné là, mais je veux l'
aligner sur ma page. Je peux ouvrir le panneau Aligner. Si je vais dans
objet Windows et Disposition, et que je vais dans une mine, mon panneau Aligner s'ouvrira. L'option aligné me
permet d' aligner les objets à gauche, au
centre, à droite, en haut, en bas
et au centre horizontal. Et vous pouvez répartir les
objets de manière uniforme. Maintenant, une chose que vous
devez voir ici, c'est qu'il existe des options sur lesquelles vous pouvez vous aligner. Actuellement, il est indiqué
Aligner sur la sélection. Toutefois, si vous cliquez longuement, vous pouvez voir qu'il
existe d'autres options vous pouvez aligner sur les marges. Vous pouvez vous aligner sur la page, vous pouvez vous aligner sur le sprint. Voyons à quoi servent ces options. Donc, si je voulais l'aligner
sur les marges, je peux cliquer dessus
et je peux cliquer sur une ligne et il l'affiche et l'aligne
directement sur la marge. Si je veux l'aligner sur la
page et que je clique sur Aligner à gauche, il s'alignera jusqu'
au bord de la page. Donc c'est vraiment cool. Mais je veux qu'il soit au centre de la page pour pouvoir le
centrer horizontalement, et il ira directement
au centre de la page. La prochaine chose que
je veux faire est aligner ce bloc de texte directement
centré sur cet objet. Maintenant, si nous cliquons sur les deux objets, nous pouvons aller Aligner sur la
sélection et centrer. Que s'est-il passé maintenant ? Il a pris ma photo du haut et
du bas des textes et les a alignés
au centre entre leur position
d'origine. Elle a donc trouvé le juste milieu. Cependant, je voulais que mon outil de texte du
bas soit en ligne uniquement sur l'image et je ne voulais pas que
l'image bouge. Alors annulons cela en
appuyant sur Control Z. Maintenant, il y a une autre option. Si vous cliquez et maintenez
aligné sur l'objet clé. Comment l'activer ? C'est très simple. Si nous cliquons sur les deux objets
en maintenant la touche Maj enfoncée
, relâchons la touche Maj et
cliquons Vous pouvez voir qu'
il le met en valeur avec une grosse barre bleue épaisse. Cela crée un objet clé. Dans notre panneau Aligner, vous pouvez voir qu'
il y a une clé de ce côté, la case alignée. Maintenant, lorsque je clique sur Aligner au centre, l'objet clé ne bouge pas et la zone de texte se déplace parfaitement au centre
de l'objet clé. Passons maintenant en revue et essayons de mettre en ligne quelques objets supplémentaires. Voici la zone de texte. Je voudrais le soulever légèrement. Je veux que ces
trois zones de texte s' alignent parfaitement en
haut de cette zone de texte. Alors, comment est-ce que je fais ça ? Maintenez la
touche Maj enfoncée, sélectionnez les Cliquez à nouveau sur la zone de texte principale, créez un objet clé
et alignez-le en haut. Et maintenant, vous pouvez voir qu'
ils s'alignent tous uniformément. Maintenant, je peux baisser un
peu ça et appuyer sur W pour
voir à quoi ça ressemble. Ça a l'air plutôt bon. Mais je pense que
ceux-ci doivent
monter un peu comme ça. Eh bien, et ça a l'
air bien mieux. Il y a un certain espace entre
ces deux groupes de texte. Maintenant, pour créer un peu
plus de répétition, je veux créer le
même espacement entre ces deux cases que
dans ces deux cases. Alors, comment est-ce que je fais ça ? Je peux essayer de le regarder et
j'ai essayé de le
faire glisser vers le haut et de le rapprocher. Mais nous pouvons le faire encore mieux
si nous créons un rectangle en cliquant sur M sur votre clavier. Et nous pouvons cliquer sur le
bas de cette boîte et le bas vers le haut
de la boîte inférieure. Plus faible, créez un rectangle,
donnez-lui de la couleur. Nous pouvons maintenant faire glisser celui-ci vers le bas de notre zone de texte
supérieure ici. Si nous zoomons, nous pouvons alors tirer celui-ci vers le haut et le
faire correspondre parfaitement. Et maintenant nous pouvons voir que ces deux espacements
sont exactement les mêmes. Cela créera une
cohérence dans votre document qui
plaira au spectateur. Nous voyons maintenant que nous sommes passés d' un document très désorganisé à un document très propre et
organisé. Appliquer les principes
de l'alignement. Cela crée
des relations entre certains éléments et
guide le spectateur
tout au long de votre conception. Donc, ce que je veux que vous
fassiez pour ce cours c'est de parcourir cette feuille de
pratique, ainsi qu'une feuille de pratique
secondaire en dessous de laquelle vous pouvez essayer appliquer ce que vous avez appris. Et je veux vraiment voir
ce que vous en ferez. Donc, clairement affiché dans le panneau de projet une fois que vous aurez
terminé le cours suivant, nous aborderons un principe de
conception qui
captera instantanément l'attention du spectateur et le guidera
dans votre conception.
8. Hiérarchie : capturer l'attention: Dans ce cours, nous
allons
parler du roi du design visuel. Si vous maîtrisez cela, vous serez en mesure de faire passer n'importe quel
message efficacement. Qu'est-ce que c'est que ce roi ? C'est une hiérarchie. hiérarchie visuelle est
le principe qui consiste à
organiser les éléments pour montrer
leur ordre d'importance. La hiérarchie consiste simplement à guider votre spectateur vers l'endroit
où il doit regarder. D'abord, regardez ici,
puis regardez ici. Enfin, ici, si
vous faites bien votre travail, vous ferez
passer votre message clairement. Bien qu'il existe
de nombreuses façons d'établir une hiérarchie, nous n'en
aborderons que quelques-unes aujourd'hui. Les formes de hiérarchie
que nous allons parcourir aujourd'hui, notre échelle, le contraste des couleurs. Enfin, nous allons
passer en revue le style ou la forme. La forme de
hiérarchie la plus évidente qui sera utilisée dans la plupart des plans est l'échelle. Comme les spectateurs ont facilement remarqué des éléments
plus grands, vous pouvez utiliser l'échelle pour exprimer ou ce que le spectateur
doit regarder en premier. Pour créer un sentiment d'équilibre
dans une conception à l'aide d'une échelle, vous devez disposer
d'éléments de différentes tailles. C'est pourquoi, dans
presque tous les designs, vous voudrez les connaître. Et c'est grand,
un moyen et un petit. La méthode suivante pour établir la hiérarchie est la couleur et le contraste. Les couleurs vives attiraient
généralement plus l'attention que les couleurs atténuées. Bien qu'un contraste plus élevé
finira
par dominer les couleurs vives
si le contraste entre celui-ci et l'
arrière-plan est faible. La dernière façon d'appliquer la
hiérarchie est le style ou la forme. Les gens sont attirés par des choses qui sortent de l'ordinaire,
ce qui est différent
, un élément dont le style ou la forme est différent du reste attirera généralement
l'attention du spectateur en premier. Dans la leçon suivante,
nous passerons en revue
les fiches pratiques relatives à la hiérarchie que vous pouvez trouver dans les ressources
du projet. Alors va le télécharger et
je te verrai en classe.
9. Pratique en matière de hiérarchie: Bonjour les gars, dans ce cours,
nous allons passer en revue la mise en pratique des principes de
hiérarchie dans un layout design. Très bien, allons-y
directement. Le document que j'ai
ouvert ici est la hiérarchie. Vous pouvez le trouver dans
le panneau de projet avec les documents d'exercices pratiques. Pour ce cours, nous
allons voir comment nous
pouvons réellement utiliser les principes de hiérarchie pour augmenter l'efficacité
de ce document. Voyons ce que
nous pouvons en faire. La première chose que nous devons
comprendre, c'est que nous avons
actuellement beaucoup d'informations ici et que rien ne ressort
vraiment. Nous avons frappé W, nous pouvons voir que tout était en quelque sorte mélangé
l'un dans l'autre. Nous avons un titre ici, mais est-ce un titre ? Je ne sais pas vraiment. Sur la base de ce que je vois ici, il n'y a qu'un groupe de textes.
C'est le même texte. Nous devons donc nous demander ce que nous voulons que le
spectateur voie en premier ? Qu'est-ce que nous voulons que le
spectateur voie ensuite ? Et ensuite, que
voulons-nous montrer au spectateur ? Et nous pouvons essayer de mettre en œuvre le principe de hiérarchie
pour établir ces choses. Alors passons en revue ça.
La première chose que je veux faire c'est de
sortir ce titre ici. J'ai donc deux
parties du titre. Nous avons eu l'histoire des jeux vidéo et
nous sommes arrivés. Les jeux vidéo sont au premier plan
du titre. C'est le
but principal de tout cela. Ce sera donc probablement
le texte
le plus important que nous
ayons disponible dans ce document. Alors faisons-le ici. Augmentons cette taille. Assez grand. Une chose que nous pouvons
faire pour lui donner un peu
plus de hiérarchie, distinguer c'est de le distinguer de tout le reste
du document. Comment, en différenciant
le style. Rappelez-vous que les gens recherchent
ce qui est différent, ce qui est inhabituel. Donc, si nous avons un texte différent de
tous les autres textes, nos yeux vont
automatiquement s'y rendre. Trouvons donc un texte
qui correspond en quelque sorte au thème des jeux vidéo. Nous pouvons donc accéder à notre panneau
Personnage ici. Si ce n'est pas le cas, vous pouvez accéder à Windows, saisir un tableau et
accéder à Caractère. Dans ce tableau, nous
pouvons sélectionner le texte ou la
police que nous voulons utiliser. En fait, j'ai eu
quelques polices différentes ici et certaines d'entre elles ont l'
air plutôt cool. futur a l'air plutôt cool. C'est une version très géométrique, mais je vais
sélectionner celle-ci ici. Ethnocentrique. C'est un genre plutôt cool. Donc vous pouvez voir ici
que maintenant je n'ai plus la
vidéo ici et j'
ai cette boîte ici. Cela signifie qu'il
y a trop de texte. Cela signifie que les textes
que j'ai dedans ne peuvent pas tenir dans mon bloc de texte, ce qui n'est pas grave, mais je
veux voir ce texte. Donc, pour nous en débarrasser nous pouvons simplement
sortir une zone de texte. Et vous pouvez voir que les jeux
vidéo apparaissent. Chaque fois que vous voyez cette
boîte rouge avec le signe plus, cela signifie qu'il y a des textes excès
qui doivent être traités. Maintenant que nous avons
abordé cela, nous pouvons continuer et jouer avec l'histoire de l'histoire de celui-ci n'a pas besoin d'être aussi grande ou différente que les jeux vidéo. Nous pouvons donc augmenter
la taille un peu. Et nous pouvons également
modifier cette police. Nous pouvons modifier l'épaisseur de la police. Nous avons donc Roboto, qui sera notre police principale. Lance le document. C'est une police
assez facile à lire, donc elle est bonne pour la
majeure partie du texte. Mais nous pouvons également l'utiliser
dans notre titre afin conserver en tant que rubato et de pouvoir en
modifier le poids. Vous pouvez donc voir que nous pouvons vraiment
y aller, ou nous pouvons l'évoquer, lui donner un peu d'
audace, juste comme ça. Maintenant, juste avec cela, nous pouvons voir qu'il existe déjà un bon sens de la hiérarchie. Nous sommes vraiment attirés par
cela ici, mais il y a encore une
chose que nous pouvons appliquer au titre
qui
créera encore plus de
hiérarchie qui
attirera notre regard instantanément
sur ce titre. Qu'est-ce que c'est ? Nous avons donc examiné
la taille ou l'échelle, et nous sommes passés par le style ou la
forme en changeant la police. Maintenant, que pouvons-nous faire ? On peut y appliquer une couleur. Alors, comment appliquer la
couleur à notre type ? Si nous allons à la fenêtre
et nous passons à la couleur, et nous allons à
nouveau colorier dans le menu. Ça va ouvrir ça. Maintenant, vous pouvez voir dans
les options de couleur, il y a deux choses. Si nous sélectionnons notre texte, vous pouvez voir que si nous
sélectionnons une couleur ici, ce n'est vraiment pas
ce que nous voulions faire. Parce qu'il y a deux options. Nous avons la boîte
elle-même ou le texte. Pour changer la
couleur du texte, nous devons sélectionner
la zone de texte ici. Donc pour l'instant je ne veux pas
qu'ils aient de couleur. Je vais donc supprimer cela
en cliquant sur cette barre oblique rouge ici. Et maintenant je vais
cliquer sur mon type. Ce qui s'est passé,
c'est parce que
c'était en noir et blanc, ça me donne cette option ici, et ça ne me donne qu'une valeur entre blanc et noir,
mais je ne veux pas ça. Je peux donc aller dans le
menu déroulant sur le côté, et je peux le changer pour l'une
de ces quatre options. Hsb, lab, CMJN ou RVB. Pour plus de simplicité, je
vais choisir HSB et c'est la teinte, la saturation
et la luminosité. Je peux changer la couleur
du texte à n' importe quel endroit de l'arc-en-ciel. Et il fait très sombre. Je dois donc l'alléger. Et elle n'est pas du tout saturée. Je dois donc
augmenter la saturation. Vous pouvez maintenant voir
ce qui se passe. Maintenant, sur cette image
de cet homme, vous pouvez voir qu'il y a quelques petits violets et
des trucs comme ça. J'aime vraiment ce thème, donc je vais l'appliquer
à mon texte, rendre un peu
plus lumineux. Juste comme ça. Maintenant, si nous prévisualisons ceci, vous pouvez voir tout de suite cela a fait une énorme différence
dans notre document. L'histoire du jeu vidéo qui se démarque parmi tous les autres. Mais cette histoire de, c'est assez dur
parce que ce n'est pas une police vraiment sombre et que
ça l'emporte parce qu'elle est si sombre. Nous pouvons donc modifier l'
historique du texte réduire et le
rendre un peu plus
gris comme ça. Il n'a donc pas de poids sur le texte de
notre titre principal, et c'est beaucoup mieux. Ensuite, nous
voulons jouer avec les sous-titres de
chacun des documents. Ils se fondent donc en quelque sorte. Nous ne savons pas par où commencer. Nous allons aborder ces
deux questions en même temps. Si nous allons dans notre panneau Personnage, nous pouvons augmenter la taille. Allons peut-être doubler. Donc c'était dix points, passons à 20 points. Et au lieu de
l'avoir régulièrement,
utilisons un peu de cohérence, tout comme le titre ci-dessus, nous utilisons le gras, nous l'
utiliserons également ici en bas. Et ça a l'air super. Après cela, nous pouvons également jouer
avec les images. Nous avons donc notre texte, nous avons déjà
créé un sens de hiérarchie avec le titre, et nous voulons
jouer avec les images. Maintenant, une chose que nous pouvons faire
est d'ajuster les images, jouer avec elles. Et nous pouvons également ajuster la taille. Peut-être que je ne veux pas voir ces deux
images. Je veux qu'une image principale attire
vraiment l'
attention du spectateur. Maintenant, le texte est vraiment efficace
pour capter l'attention. Mais si je veux
attirer l'attention, je veux une image vraiment grande
et audacieuse. Je peux donc en retirer un. Je n'aime pas vraiment celui-ci, donc je vais le déplacer
sur le côté, mais j'aime bien ce type ici. Ce que je vais en faire, alignons-les sur
le coin inférieur. Et je vais les faire exploser. Alors, comment est-ce que je fais ça ? Maintenant, ce qui est
drôle avec InDesign c'est ici qu'
il s'agit en fait d'un cadre. Donc, si j'essaie de l'ajuster
et de le retirer, en fait, il ajuste le cadre
que contient l'image. Donc, si j'essaie de l'étirer, rien ne
s'est réellement produit sur l'image, mais le cadre s'est agrandi. Alors que se passe-t-il ici ? Démontons juste quelques-uns de ces éléments. Parfait. Nous avons donc notre image
à l'intérieur de notre cadre. Nous pouvons soit ajuster
notre cadre comme ceci soit vous pouvez voir qu'il y a un sélecteur de contenu au milieu. Maintenant, vous pouvez voir cette boîte orange et
voici mon image réelle. Ainsi, mon cadre peut
rester immobile et je peux également me déplacer autour de mon image
à l'intérieur du cadre. Ce qui est très utile. Parfois, vous pouvez
placer votre cadre où vous le souhaitez et
ajuster votre image à l'intérieur. Toutefois, si vous souhaitez les
mettre à l'échelle exactement en même temps, en maintenant
la
touche Ctrl de votre clavier
ou Commande enfoncée sur un Mac, vous pouvez cliquer et faire glisser la souris en maintenant la touche Maj enfoncée pour
limiter les proportions. Vous pouvez l'afficher
comme ceci est sous
notre texte en ce moment, donc c'est vraiment bien. Mais maintenant, mon texte s'est
en quelque sorte effacé ici. Il n'y est plus. Nous pouvons donc cliquer sur les deux parties de mon texte. Je peux cliquer sur la
couleur de mon texte sur le panneau latéral. Je peux double-cliquer et le rendre blanc. Et maintenant tu peux
voir ce qui s'est passé. Donc ça a l'air vraiment cool. Je peux voir le document final. Maintenant, ce document a l'air
vraiment propre et vraiment génial en utilisant les principes de hiérarchie que nous avons
appris en classe. Et vous pouvez voir qu'il y a un
sens du rythme. Regardez d'abord ici, puis regardez ici. Et finalement, nous
allons par ici. Nous regardons généralement
les parties les plus claires, puis nous passons aux parties
les plus sombres, c'
est-à-dire l'image. Mais ce qui est
vraiment cool, c' est que lorsque nous emménageons ici, nous pouvons voir ce type, il joue sur l'
ordinateur et il regarde vers le titre. En fait, inconsciemment, les gens regardent où les
autres regardent. Cela nous donne un cycle circulaire. Regardez ici, regardez ici, regardez ici, regardez ici, et puis
où cherche-t-il ? Il regarde le titre et ça nous
amène en quelque sorte. Et c'est un très bon design. Vous pouvez créer une
répétition et faire défiler l'image
par
votre spectateur de façon ordonnée. C'est une conception incroyable
parce qu'ils vont conserver ces informations encore et
encore et qu'elles vont
s'y infiltrer. Très bien les gars, c'était
un projet vraiment amusant. J'espère vraiment que vous prendrez cette feuille d'exercices et que vous l'
essayerez vous-même. Tu n'es pas obligée de faire
exactement ce que j'ai fait. Vous pouvez jouer avec elle
et essayer différentes manières d'
appliquer la hiérarchie à cela
et de vous l'approprier vous-même. Et une fois que vous aurez terminé, affiché dans le panneau du projet, j'adorerais voir
ce que vous créez. Ok les gars, je
vous verrai au prochain cours.
10. Typographie : un guide de base: Dans ce cours, nous allons
parler des polices. Il existe deux principaux
types de polices. Ce sont les polices Cera et les polices sans empattement
ou sans empattement, ces deux types de
texte sont généralement les meilleurs pour les grands blocs de texte. Ils peuvent toutefois
être utilisés comme en-tête. Ensuite, il y a des polices qui sont utilisées pour attirer l'attention
des gens. Il s'agit de polices d'affichage, telles que des polices de script, polices
décoratives ou des fonds de lettres
noires. Les polices d'affichage sont étonnantes pour capter l'attention
du spectateur, mais elles sont terribles à
utiliser pour agrandir des blocs de texte. Cela peut submerger le spectateur et le désactiver
de votre design. Il est préférable d'associer votre police
d'affichage à une police facile à lire, comme un capteur
pour Sarah. Cependant, vous pouvez toujours mélanger
Serif et Sans Serif et en utiliser
une pour un titre et une pour la page lorsque décider quelles polices
utiliser le moins, c'est mieux. Limitez-vous à
deux types de polices. Si vous avez besoin de plus de
contraste dans votre design, essayez de répéter l'une de
vos polices taille, une
épaisseur ou un style
différents. Cette astuce est pratiquement
infaillible pour créer combinaisons
intéressantes qui fonctionnent matière de typographie, il y a deux groupes principaux. Il y a l'en-tête et le corps. L'en-tête est le composant
qui est généralement le plus grand, comme le titre ou le slogan. Ensuite, le corps est constitué des textes lisibles qui contiennent
la majeure partie de vos informations. N'oubliez donc pas ces conseils
lorsque vous choisissez vos polices, limitez-vous à deux
polices par design. Faites de vos
polices d'affichage quelque chose d'amusant qui caractérise
votre design dans son ensemble. Que ce soit
simple, audacieux, fluide, enfantin ou élégant, adaptez-le au thème
de votre design. N'oubliez pas que les
polices d'affichage sont parfaites pour
afficher et attirer l'attention, mais terribles à utiliser dans la
majeure partie de vos informations. Pour cela,
assurez-vous de choisir quelque chose simple, comme une police San
Serif ou une police avec empattement. Certaines polices populaires pour le corps
du texte sont Arial, Georgia lethal, Minion Pro, monster at Verdana
et Times New Roman. Si ces
polices sont utilisées si souvent c'est parce qu'elles
ont été spécialement conçues pour être faciles à lire. Maintenant que nous avons expliqué
comment choisir une police de caractères, apprenons à affiner nos
polices pour les rendre les meilleures possibles en utilisant trois
types de réglages différents. Crénage, location et suivi. Letting est l'espace
entre les lignes de texte, également appelé interligne. Si vous n'êtes pas sûr de l'
interligne à
appliquer à votre texte. La valeur par défaut est généralement correcte. Cependant, vous pouvez toujours
ajuster l'interligne pour lui donner un peu plus d'espace afin de permettre à vos
textes de respirer. suivi est l'espacement global
entre vos caractères, parfois appelé espacement des
caractères. Vous pouvez réduire ou augmenter l' espacement
global en
fonction de vos besoins. Par exemple, lorsque votre
paragraphe contient des
orphelins, des orphelins ou un seul mot se trouve en bas
de votre paragraphe. Pour corriger cela, vous pouvez condenser votre
suivi de quelques
points afin d' afficher ce
texte orphelin et d'unir vos textes. Encore une fois, le crénage est l'espace entre
des caractères spécifiques. Contrairement au suivi, il
varie au cours
du mot car chaque lettre
s'emboîte différemment. Le crénage est particulièrement
utile pour
ajuster les polices d'affichage ou les
titres en général Vous pouvez
ajuster manuellement l'espace entre chaque lettre pour
créer l'impression que vous souhaitez. Si la police que vous utilisez pour vos textes corporels présente un mauvais
crénage au départ, il est préférable de réduire vos pertes
et de choisir un fonds éprouvé. Dans notre prochain cours,
nous passerons en revue la
feuille de travail sur la typographie dans le panneau du projet. Alors allez-y,
téléchargez-le et je vous verrai
dans le prochain cours.
11. Pratique de la typographie: Salut les gars. Dans ce cours, nous mettrons
en pratique les
principes de la topographie grâce à notre fiche d'exercices de
typographie. Allons-y directement. Donc, en sautant dans
notre document ici, vous pouvez voir que j'ai ouvert la feuille d'exercices de typographie. Vous pouvez le trouver dans
le panneau de projet afin de pouvoir le suivre. Une chose que vous remarquerez, c'est
qu'il y a deux fiches d'exercices. Il y a la feuille d'exercices sur le
thème de l'espace
et la feuille de pratique
sur le thème des fleurs. Pour ce cours. Je vais utiliser la feuille d'exercices sur le
thème de l'espace pour vous montrer les principes
pratiques. Et puis si vous voulez
aller de l'avant, l'
essayer et l'appliquer sur la feuille de pratique
des fleurs. Allez-y tout de suite. Passons donc ici
à la feuille de pratique de l'espace Essayons d'utiliser la
typographie pour créer une mise en page agréable qui
correspond également au thème du design. Donc dès le départ, nous pouvons voir la topographie est assez ennuyeuse, bien qu'il y ait un
sentiment de hiérarchie avec l'échelle du type
et une image vraiment cool. Cela ne correspond pas vraiment
au thème. Trop. L'espace est généralement quelque
chose de futuriste. Cependant, nous utilisons
une police de caractères. Qu'est-ce que c'est que cette police ? Times New Roman, c'est
très traditionnel. Donc, une chose dont vous
devez tenir compte lorsque vous choisissez votre police
est quel est le thème ? Ai-je besoin d'une police traditionnelle ou d'une police plus grasse, ou ai-je besoin d'une police futuriste ? En fait, pour celui-ci, je pense que j'ai besoin d'une police plus
futuriste. Le choix des polices
en fonction de votre thème est donc très
important car cela fera également ressortir les
caractéristiques de votre design et il
sera plus cohérent. Essayons donc de choisir une
police aussi futuriste. Il existe de nombreuses polices
futuristes, mais une police avec empattement ne l'
est généralement pas parce qu'il s' agit
d'une police traditionnelle. Cependant, les polices sans empattement sont généralement plus futuristes
et géométriques, ce que j'ai vraiment envie d'opter. Il y a donc une police en particulier
que je vais utiliser, et c'est la future. Future est une police très géométrique et très audacieuse avec
ses formes et ses formes, et elle est très futuriste. Je vais choisir
celui-ci spécifiquement pour ce design parce qu'il correspond en quelque sorte
au thème de l'espace. Je vais donc changer
mes polices pour Futura. Ensuite, je vais jouer un
peu plus avec la typographie. première chose que
je puisse faire est l'ajouter à la hiérarchie en modifiant l'
épaisseur de la police. Je peux aller trop lourd pour
le titre et peut-être faire ressortir celui-ci sur un support. Et je vais laisser celui-ci comme police
du livre parce que c'est
assez facile à lire. Maintenant, la prochaine chose que je veux faire est de jouer avec
le thème de l'
espace dans ma typographie. Maintenant, comment faisons-nous cela ? En fait, une chose que vous
pouvez faire est que le thème de l'espace est juste dans
son espace de nom. Je peux ajouter un peu
plus d'espace à
ma typographie pour ajouter
au thème et au design. Celui-ci, je veux
espacer les lettres. Que puis-je utiliser pour
espacer les lettres ? Si je vais dans mon
panneau de caractères, si vous ne le voyez pas, vous pouvez accéder à Windows, Type et Tables et caractère. Vous pouvez
maintenant faire apparaître ce panneau pour espacer la distance
entre les lettres. N'oubliez pas que nous pouvons utiliser le suivi. Le fait de suivre ici augmente l'espace entre nos lettres. Et je veux vraiment en
faire trop pour correspondre un peu à notre
thème. Donc là, j'
ajoute un peu d' espace à notre typographie, et je vais également le faire
avec le sous-titre. Juste un petit peu. La prochaine
chose que je veux faire est créer une hiérarchie
visuelle qui reliera l'image
au texte du document. Cette image est vraiment un
excellent exemple de hiérarchie. Ce que nous pouvons faire, c'est
prendre cette photo faire exploser et l'utiliser tout
au long de notre document. Je vais appuyer sur W sur mon
clavier pour voir tous mes guides. Et je vais l'
amener dans le
coin supérieur gauche du fond perdu. Ensuite, je vais garder le contrôle. Maintenant, je peux redimensionner cette image
en cliquant et en la faisant glisser, mais cela ne fera que redimensionner
le cadre de l'image. Mais je ne veux pas ça. Je vais appuyer sur Annuler. Je souhaite redimensionner à la fois l'
image et le cadre. Pour ce faire, j'appuie sur
Control ou Command sur Mac. Ensuite, je peux
cliquer et faire glisser vers l'extérieur. Et je peux redimensionner l'
image et le cadre. Cependant, cela n'a pas vraiment fonctionné parce que je n'ai pas maintenu Shift enfoncé. Si j'appuie sur Ctrl et Maj, l'échelle sera proportionnelle
et je pourrais l'
amener dans le coin inférieur
gauche du fond perdu. Et vous pouvez voir qu'il
remplit tout mon document. Mais vous pouvez voir
que le texte de l'espace et toute la typographie
se fondent dans l'arrière-plan. Nous voulons donc le remplacer
par du blanc. Comment faisons-nous cela ? Nous pouvons prendre ce texte. Nous pouvons accéder à
notre panneau latéral ici et nous pouvons cliquer sur
l'option de texte,
pas sur l'option de remplissage, pas sur la mise en forme
du conteneur, mais sur la mise en forme du texte. Nous pouvons maintenant double-cliquer sur
le remplissage du texte, mettre en blanc et cliquer sur OK. Maintenant, je peux voir que cela se démarque
vraiment. Et déjà si on touche W, ça a l'air vraiment bien
comparé à notre point de départ. On dirait que cela correspond
au thème de l'espace. Revenons à notre point
de vue principal. Et jouons un peu
avec ça. Je souhaite avoir beaucoup plus d'
espace au-dessus de mon titre. Je veux réduire
un peu mon titre. Mais nous voyons qu'
il y a un problème. J'ai mon corps de texte ici et je veux
un espace qui sort aussi. Je peux le sortir comme
ça et le tirer vers le bas. Ce que vous pouvez
voir, c'est que le texte s'étend sur toute la largeur
du document. Et ce sera vraiment
difficile à suivre pour un lecteur. Il n'y a qu'une certaine distance qu'
un lecteur peut facilement suivre, et elle n'est pas si loin. Ce que nous voulons
faire, c'est
garder la taille de nos manuels scolaires environ la moitié ou un peu
moins de la moitié. Peut-être que je vais juste le
mettre à peu près là. La prochaine chose que vous pouvez voir c'est que tout mon texte ne s'affiche pas. C'est parce que j'ai modifié
la taille du bloc de texte. Cependant, il y a plus de textes
qu'il n'y en a pas. Donc, ce que je veux faire, c'est créer un deuxième
bloc de texte ici. Maintenant, vous pouvez voir qu'il y a une petite case rouge
avec un signe plus. Cela signifie qu'il y a trop de texte. Cela signifie que certains textes se trouvent dans ce bloc de texte, mais qu'ils ne sont pas visibles car ils mais qu'ils ne sont pas visibles car ils ne
peuvent pas correspondre aux
paramètres de ce cadre de texte. Je veux donc le
déplacer ailleurs. Alors, comment puis-je faire ça ? Est-ce que je peux cliquer sur cette case et cliquer dans mon document. Je peux cliquer sur
un nouveau bloc de texte et le faire glisser. Ce qui se passe maintenant,
c'est que le
texte en excès passe dans
le bloc de texte suivant. Maintenant, pour voir cela visuellement, si nous allons dans Afficher les extras
et afficher les fils de discussion, vous pouvez voir ce
qui se passe ici. Vous pouvez voir qu'il
y a cette zone de texte
, puis elle se déplace vers le haut et
recommence vers cette zone de texte. Donc, si je devais cliquer dessus et ajouter des espaces, vous pouvez voir que cela le déplace
vers le côté suivant. Donc c'est vraiment cool. Maintenant, si je clique dessus et que j'appuie sur W, vous pouvez voir à quoi
cela ressemble. Ça a l'air vraiment
cool, vraiment beau. Maintenant, une autre chose que je veux
faire est de faire en sorte que
ce titre s'intègre et
interagisse avec le design. Comment est-ce que je peux faire ça ? Est-ce que je
veux aligner cette dernière frontière jusqu'au soleil ? Maintenant, j'utilise simplement
mes touches fléchées pour déplacer la dernière frontière vers la droite, connectée au soleil. Et vous pouvez voir
qu'il interagit avec le design global. Et maintenant je vais centrer mon espace au-dessus de
la dernière frontière. Une autre chose que je peux
faire pour rendre cela plus cohérent est d'ajouter de la couleur
à ma frontière finale. Je vais donc cliquer sur
ce bloc de texte. Je vais cliquer dessus. Ensuite, je vais cliquer
sur l'outil Pipette. Lorsque je clique sur l'outil
Pipette avec remplissage de texte sélectionné, je peux cliquer n'importe où dans mon
document remplir cette
zone.
Juste comme ça. Vous pouvez voir qu'il a une certaine couleur
et je l'ai pris directement à partir de l'image pour que la couleur
corresponde au thème, une impression générale de l'image. Donc ça a l'air vraiment prêt pour cette classe,
les gars,
je veux que vous essayiez prêt pour cette classe,
les gars, de
mettre en pratique les principes de la topographie en créant un thème spatial et en l'essayant également avec
le thème des fleurs. Et ensuite posté dans
le panneau du projet, j'ai hâte de
voir ce que tout le monde crée et je
te verrai dans le prochain cours.
12. Exemple de projet de classe : partie 1: Hé les gars, dans ce cours,
nous allons exécuter un exemple de projet de classe. Je veux vous montrer
comment vous pouvez prendre certaines informations qui
ne sont que génériques et y appliquer les principes
pratiques de
conception graphique les principes
pratiques de
conception graphique afin de les rendre vraiment intéressantes
pour le spectateur regarder et très
facile à naviguer. Voyons donc quelques-uns des atouts que vous pouvez utiliser pour
votre projet de classe dans les ressources du projet Avez-vous quelques éléments
différents ? Nous avons les fichiers pratiques, alignement, la hiérarchie
et la typographie. Nous avons parcouru le cours et nous avons également les fichiers de
projet de classe avec trois fichiers différents
avec le même contenu. Voyons donc quel
type de contenu vous pouvez utiliser dans les ressources de pizza. Vous pouvez voir que nous avons des photos
liées à ce sujet. Et nous avons également
une annonce qui contient quelques textes. Vous pouvez créer le nom de
votre entreprise de pizza. Et vous pouvez appliquer les principes pratiques de conception
graphique à cette topographie ou ces textes et les organiser
de manière intéressante. Et j'ai vraiment envie de voir
ce que vous créez. Vous avez également un exemple de dissertation en rapport avec le sujet, koala, la pizza ou la crème glacée. Vous pouvez prendre
ces informations et organiser dans
InDesign pour qu'il soit vraiment intéressant
de regarder et de guider le spectateur à travers
ces informations de manière créative. La dernière chose que
nous avons ici est que nous
avons les logos dans le fichier de logo. Vous verrez en fait
quelques logos différents que vous pouvez appliquer
à votre design. Vous n'êtes donc pas limité à un
seul logo standard. Il existe différentes options pour vous amuser, pour lui
donner une sensation différente.
Ce que nous allons faire, c'est
nous lancer dans InDesign et nous
allons en prendre une
partie informations
et nous allons créer notre propre document personnalisé, appliquant les principes pratiques de
conception graphique dans InDesign, créons un nouveau fichier. Et je vais juste
créer un symbole 8,5 par 11. Et je vais
le créer avec une colonne avec des
marges de 0,5 pouce et
un fond perdu de 0,125 pouce. Et je vais cliquer sur Créer. Maintenant, un document vierge s'ouvre et je souhaite ajouter
mes informations. Donc, si vous avez un
document Word, c'est très simple. Tout ce que vous avez à faire est d'aller dans
File Place et vous pouvez cliquer sur votre document pizza ou sur n'
importe quel document que vous avez. Il n'est pas nécessaire qu'il s'agisse d'une ressource
provenant des ressources du projet. Si vous avez vos propres
informations à mettre en forme, utilisez-les certainement. Je vais utiliser
le document Pizza et je vais cliquer sur Ouvrir. Maintenant, vous pouvez voir mon curseur
apparaître et il
y a du texte
flottant dans le curseur. Cela signifie que j'ai
du contenu à placer. Tout ce que j'ai à faire c'est
de cliquer avec mon curseur et de faire
glisser une zone de texte. Cette zone de texte sera remplie avec toutes
les informations du document Word. Donc c'est vraiment
cool, vraiment facile. Maintenant, la première chose que
nous voulons faire est que lorsque nous récupérons nos informations
dans InDesign, nous voulons les séparer
dans sa propre zone de texte. La raison en est que tout comme dans notre
exemple de crénage, vous pouvez prendre
plusieurs éléments de tailles et de formes
différentes. Lorsque vous les alignez, ils peuvent créer un sentiment de relation
et d'organisation. Si tout se trouve dans
une seule zone de texte standard, elle sera très
linéaire et vous ne
pourrez pas la personnaliser aussi
facilement. Ce que je vais faire,
c'est prendre toutes mes informations utiliser mon
outil de saisie et sélectionner mon texte. Je vais utiliser Control ou
Command X pour le découper. Et je vais créer une nouvelle zone de
texte sur le côté. Et je vais le
coller en place. Très bien, je vais le faire
avec toutes mes informations. Maintenant, lorsque je navigue sur mon écran avant d'
aller de l'avant, je veux juste que vous sachiez que c'est
naviguer sur votre écran. Si vous maintenez la barre d'espace enfoncée, l'
outil Plume ou l'outil manuel s'affiche. Et vous pouvez cliquer avec votre souris et le faire glisser. Si vous maintenez la touche
Ctrl ou Commande et la barre d'espace enfoncées, l'outil Zoom s'affiche. Vous pouvez cliquer une fois pour effectuer un zoom avant. Ensuite, si vous maintenez les touches Commande et
Contrôle et Alt ou
Option et Barre d'espace, vous pouvez cliquer pour
effectuer un zoom arrière, comme ça. Très bien, je
vais donc séparer toutes mes informations dans
sa propre zone de texte personnalisée. Une chose dont vous
devez vous souvenir est lorsque vous redimensionnez une zone de texte, vous pouvez utiliser l'outil de sélection, qui est V sur votre clavier. Et vous pouvez faire glisser
la zone de texte, ou si vous appuyez sur Ctrl
et que vous la faites glisser vers l'extérieur, cliquez dessus et maintenez la touche Maj enfoncée, vous pouvez mettre à
l'échelle
la zone de texte , la topographie et la
police en même temps. Cela créera rapidement un bloc de texte plus grand
et une police plus grande. Très bien, je fais
un peu de hiérarchie avec mes titres. Et je veux aussi faire la même chose avec mes sous-titres ici, ou mes sous-titres, je suppose. Dans mes sous-titres,
je veux augmenter légèrement
la taille pour pouvoir ouvrir mon panneau de caractères et augmenter la taille, peut-être à 14, juste
comme ça. Si je clique simplement sur W, vous pouvez voir qu'il y a un
sentiment de hiérarchie. C'est très
rapide et très facile. Et ça
n'a rien de spécial, mais ça me donne une idée de
ce sur quoi je dois travailler. La première chose sur laquelle je
veux travailler est le titre, parce que ce devrait être la première chose que
le spectateur voit. Et cela crée en quelque sorte l'
impression de l'ensemble du document. Nous allons d'abord nous
concentrer sur le titre, l'
organiser et organiser les
éléments dans le titre. Définit en quelque sorte la sensation ou l'
ambiance de l'ensemble du document. Ensuite, nous
organiserons le reste
du document en fonction de l'
impression du titre. Alors sautez juste ici,
passons au titre. Et la première chose que
je veux faire est de sélectionner une police. Donc, si nous allons dans notre panneau
Caractère, nous pouvons sélectionner certaines polices. Faisons simplement glisser ce
panneau de caractères vers le haut comme ça. J'aime beaucoup le futur à cause
des arêtes vives et
de la forme géométrique. Et je pense que je pourrais utiliser ça. Cependant, il existe
différentes options. Il y a cette police
d'affichage cool qui a l'air plutôt cool et
j'aime la sensation qu'elle procure. Minion Pro
lui donne en quelque sorte un aspect plus classique d'une
pizzeria traditionnelle. Roboto encore une fois, c'est géométrique. C'est un peu plus complexe. Et puis nouveau héros, j'ai bien aimé celui-là aussi. Times New Roman. Et cette
pizzeria ethnocentrique, peut-être futuriste, pourrait avoir ça. Georgia a l'air bien. Et Colibri, oui,
c'est vraiment très chic. pizzeria a peut-être
ce genre de typographie. Je vais choisir le futur pour celui-ci parce que
j'ai vraiment aimé les formes audacieuses et j'
aime vraiment la façon dont les pads XY ont
ce tranchant. Je vais lui donner un certain
poids, peut-être lourd pour le moment. Maintenant, nous avons déjà créé
un peu de hiérarchie. Vous pouvez voir que j'
ai un texte en excès ici. Je vais juste
étirer ma zone de texte comme ça. Et je ne
ressens pas vraiment ce côlon ici. Je vais m'en débarrasser. Maintenant, au sein de ces trois éléments
qui composent mon titre, je peux également implémenter
une certaine hiérarchie. La première chose que je veux que les
gens voient et ce qui va attirer leur
attention est le mot pizza. Je veux donc augmenter la
taille du mot pizza. Refaisons-le, en maintenant la
touche Ctrl enfoncée, je peux augmenter la taille
du mot pizza. Je peux me débarrasser de
mon mode de prévisualisation. Et on y va. Maintenant, la pizza est vraiment
grosse et audacieuse. Maintenant, vous remarquerez
que lorsque j'ai du texte l'un sur l'autre, je veux cliquer sur
comment commander, mais je ne peux que cliquer sur la pizza. C'est parce que les zones de texte
de pizza sont superposées dans
le panneau des calques. Je veux vous montrer rapidement que
si vous avez ce problème, si nous allons dans Fenêtre et couches, vous pouvez accéder aux couches
ici et vous verrez que mon mot pizza est
juste en haut. Cependant, lorsque vous voyez en bas comment commander est
tout en bas. Ce que je veux faire, c'est que
je veux mettre ça sur commande, et je veux le mettre en haut de la page, juste comme ça. Donc maintenant, quand je clique,
je peux comprendre comment commander. Et si je voulais les
réorganiser, je peux cliquer sur ma pizza. Et je pourrais faire Contrôle et
crochet gauche et cela le fera
descendre dans les calques, panneau Ordre des calques afin que je puisse le
déplacer où je veux. Je vais le mettre
en dessous. Une chose que je
veux faire est de réduire le nombre de commandes. Et j'ai
aimé cette pizza très grosse et audacieuse, mais je veux la condenser
un peu, l'apporter. Une façon de le faire est d'
aller dans le panneau de mon personnage, d'utiliser le suivi
et d'introduire le texte un peu comme ça. Ou vous pouvez voir que certaines choses se sont bien
passées et d'autres non. Je veux annuler ça. Et je veux utiliser le crénage. N'oubliez pas que le crénage est l'espace entre les lettres
individuelles. Et pour changer
le crénage, je peux cliquer sur mon
curseur entre deux. Et je peux utiliser les
flèches ici pour l' introduire ou l'étirer. Un moyen plus rapide est que si j'appuie Ctrl
ou Alt ou Option sur le Mac, vous pouvez utiliser les touches
fléchées gauche et droite et les faire entrer
et sortir comme ça. Je veux donc le
resserrer assez étroitement ensemble. Peut-être comme ça. La prochaine chose que
je veux faire est déplacer ceci,
comment commander une pizza. Je vais l'aligner, à droite, avec ce point ici,
le point du I. Je vais le réduire
légèrement, en maintenant le contrôle. Et je veux qu'il soit aligné
avec le Zed et le A, comment je peux le faire. Et puis vous pouvez avoir un
peu plus de précision en utilisant des règles et des guides. Quand je vais dans Afficher, je peux
voir Masquer les règles ici. Mais si cela n'a pas été cliqué. Ou non affiché, vous pouvez
voir Afficher les règles. Je vais montrer mes règles. Je peux faire descendre des guides juste au-dessus de mes
yeux, juste comme ça. Et juste à côté du Zed ou du Z. Et juste à côté du a. Maintenant, je peux essayer d'
aligner mon How to Write avec la
section supérieure du point. Et vous pouvez voir que
le A ne s'
aligne pas parfaitement avec
ce A ici. Donc, une façon de le faire
est de
condenser
légèrement le suivi. Désolé. Le suivi ici, peut-être pas, peut-être que deux points
négatifs
feront l'affaire. Oui, ça a l'air bien. Maintenant, si je désactive, active le mode aperçu, vous pouvez voir à quoi cela ressemble. Ça a l'air plutôt cool. Comment commander une pizza. Peut-être que je veux que ce soit un
peu plus bas. Très bien, la prochaine chose que
je veux faire est d'utiliser cette compétence essentielle pour
l'individu affamé. Et je veux l'aligner avec
la pizza juste là. Peut-être l'agrandir un
peu. Et je veux changer la police pour créer un peu
plus de contraste. Je vais le changer
de lourd à livre. Et maintenant, il est assez petit, mais je voulais
l'espacer un peu. Et je vais
afficher ma zone de texte. Et je veux faire ressortir le suivi jusqu'à ce qu'il soit
aligné avec le A. Donc peut-être un 114, ça pourrait fonctionner. Maintenant, vous pouvez voir qu'
il y a un certain contraste. Il y a un élément grand, un élément
moyen et
le plus petit élément, même dans mon titre, j'ai ce sens de l'
échelle et de la hiérarchie, ce qui est vraiment bon. Et tout cela peut fonctionner en tant que groupe dans
l'
ensemble de notre document. Au sein de ce groupe, il existe également un sentiment
de hiérarchie qui donne une dimension à notre titre. Vous pouvez maintenant voir qu'il existe une
grande hiérarchie dans nos informations. Ce
titre se démarque vraiment. C'est vraiment audacieux. Audacieux Très bien, une chose que je
pourrais faire avec ça, c'est que je peux le regrouper
en un seul groupe. Maintenant, quand je le sélectionne,
il s'agit d'un groupe et je peux le
déplacer où je veux. Quand je le mets à l'échelle et que je clique
sur Contrôle et échelle, je peux le mettre à l'échelle ensemble. Bien. Maintenant que mon titre est terminé, je peux
maintenant commencer
à créer une hiérarchie entre
tous les autres éléments. Nous pouvons voir que nous
avons ici du texte qui fait partie de l'
introduction du document, qui fait en quelque sorte
partie du titre. Nous avons le titre et les informations
concernant le document. À quoi s'attend le spectateur ? Nous voulons donc relier celui-ci à celui-ci et
lui donner une relation. Nous ne voulons pas qu'il soit connecté
aux autres parties parce que
ces trois parties ici doivent être connectées l'une
à l'autre. Et puis cet élément est en
quelque sorte séparé afin de créer des relations et de
relier certains éléments, nous pouvons utiliser l'espacement. Souvenez-vous que lorsque nous avons
un groupe d'éléments, nous pouvons les garder un
peu plus proches les uns des autres. Et cela donnera l'
impression que c'est votre groupe. Lorsque nous ajoutons l'espacement
entre ces groupes, nous pouvons dire que c'
est ensemble et c'est séparé de cela. La prochaine chose sur laquelle je
veux travailler est ce sous-titre. J'ai donc déjà décidé que
la police est Futura, et je veux m'assurer
qu'elle est alignée à gauche. Maintenant, je veux faire la
queue pour avoir un lien
avec cette pizza. Et je peux
peut-être l'aligner jusqu'au Zed ici. Je peux donc sortir un guide. Veillez à ce qu'il soit aligné. Maintenant, vous
pouvez voir qu'il
y a un puits de ce genre, je n'aime pas vraiment ça là-bas. Je peux faire une base de travail
et ça va le faire monter. Une autre chose que je veux
faire, c'est que je veux aligner cette pizza juste à ma marge. Le P est donc aligné avec
la marge, juste comme ça. Et puis les autres
éléments en font partie. Ok ? Vous pouvez maintenant voir qu'
il y a un lien entre cette pizza et ce
paragraphe ici. Ça a l'air plutôt
bon. Je peux le soulever légèrement, ou le baisser pour qu'il puisse le lire.
13. Exemple de projet de classe : partie 2: Maintenant que nous organisons
les éléments qui constituent notre groupe de titres, nous voulons passer
au deuxième groupe, qui est notre étape 123. Dans notre étape 123, nous avons les sous-titres et nous
avons les paragraphes. Nous y avons déjà
créé un peu de hiérarchie,
mais nous voulons maintenant l'
affiner et le rendre vraiment intéressant et
agréable à regarder. Donc, la première chose que
nous pouvons faire est de nous
assurer que tous nos textes
sont de la bonne police. La police que nous utilisons
dans ce document est donc Futura. Et je vais d'abord le
placer en tant que livre. Je vais changer les
sous-titres à l'avenir. Et je vais
augmenter ça à peut-être moyen, peut-être lourd. J'ai maintenant un peu
plus de contraste entre mon sous-titre
et mes paragraphes. Maintenant que nous avons une hiérarchie
au sein de notre deuxième groupe, organisons-la et voyons
ce que nous pouvons en faire. La première chose que vous
voulez voir est la première étape. Ensuite, nous voulons voir les étapes
deux et trois. Donc évidemment, nous
voulions d'abord avoir ceci. La première chose que
vous voyez est votre titre, puis vous voulez
passer à la première étape. Nous voulons placer
cela dans une position où il sera
guidé vers le suivant. Il existe donc différentes
façons de les placer, peut-être côte à côte comme ça, en ajoutant un peu la zone de texte. Vous pouvez également
les placer verticalement, l'une sur l'autre. Cela pourrait fonctionner pour ce design, pourrait être plutôt bon. Nous allons donc le faire pour
ce design. Nous allons prendre
cette zone de texte, peut-être l'aligner sur la première étape, choisissant la pizza,
puis nous
allons la
tirer vers le bord. Maintenant, il y a déjà des éléments
Ikea ici. Je peux donc organiser cela en fonction
de ce que j'ai ici. J'ai ce guide ici
C'est juste à partir de z. Je peux tirer sur cette zone de texte
et l'aligner juste là. Bien. J'ai toujours fait référence à l'utilisation de
W pour voir mon aperçu
sans les guides, voir à quoi il ressemble, voir
comment se déroule la hiérarchie. Ça a l'air vraiment bien. Comment commander une pizza.
Première étape, choisissez votre pizza. Faisons en sorte que ce soit un
peu plus audacieux. Choisir sa pizza. Que faire en
tête-à-tête pour mettre l'accent, tout comme notre titre, nous avons plusieurs éléments. Nous avons un élément grand, élément
moyen et
un petit élément. Pour cela, il y a
vraiment deux parties. Il y a le choix de votre
pizza et de la première étape, je pense que je veux mettre
en évidence la première étape, donc je vais supprimer ça. Et je vais créer
une deuxième zone de texte juste pour la première étape. Donc ça n'a pas l'air
trop beau en ce moment. Voyons donc comment nous pouvons
jouer avec eux. Maintenant, vous pouvez
faire une chose avec vos éléments, car vous pouvez utiliser des formes. Vous pouvez utiliser des formes
dans vos designs. Et pour créer une
sorte de répétition, une sorte d'ordre, et créer plus de relations. Tout comme lorsque nous faisons
rouler des objets, nous pouvons prendre de nombreux objets
différents et, lorsqu'ils sont placés d'une
manière spécifique, nous pouvons également
créer des relations avec d'autres éléments. C'est ce que nous pouvons faire lorsque
nous créons nos designs. Pour ce faire, nous
pouvons utiliser nos outils de forme. Je vais donc appuyer sur M sur mon clavier et je vais faire un petit rectangle
juste en dessous. Ça y est. Il n'y a pas de couleur, donc je vais
ajouter de la couleur. Je peux maintenant utiliser cette
zone de texte ou cette forme, et je peux l'organiser et
l'aligner avec cette lettre p. Maintenant j'ai quelque chose à
référencer par le dessous. Et maintenant, je choisis la pizza. Je peux le contrôler et le faire glisser. Et je peux faire venir mes guides. Et vous pouvez voir comment il s' aligne avec le
haut et le bas. Cool. Ce que je veux faire, c'est que
je ne veux pas répéter ça plusieurs fois. Maintenant, nous pouvons voir que nous avons
un bon sens de la hiérarchie. Nous avons quelque chose de grand, moyen dans notre conception, et nous avons également
des éléments plus petits. Nous pouvons maintenant aligner notre
texte pour évaluer notre relation
avec nos objets. Maintenant, nous pouvons passer les étapes
1, 2 et 3, et nous pouvons les
regrouper avec le contrôle G. Nous devons également collecter
les formes. Et maintenant, nous pouvons tous les
sélectionner, ouvrir notre panneau Aligner, l'objet et la mise en page
d'une ligne et nous pouvons distribuer, distribuer l'espacement
vertical. Cela crée un espacement
égal entre
les trois éléments. Donc c'est vraiment génial. Et maintenant je peux aligner
celui-ci en haut de celui-ci. Celui-ci est monté en
haut de celui-ci, et celui-ci est monté
en haut de celui-ci. Maintenant, si nous appuyons sur W, nous pouvons voir que nous avons un espacement constant entre l'étape 123 et
que nos éléments sont alignés. Alors, comment pouvons-nous pousser les choses
un peu plus loin ? Maintenant, une chose que je vois ici, c'est que celui-ci s'aligne jusqu'au
bas de cette ligne, qui est vraiment bien. Celui-ci le fait presque, et celui-ci
n'ajoute vraiment pas tout. Je peux donc
revenir un peu en arrière jusqu'à ce que cette ligne corresponde
à la passation de votre commande. Maintenant, je peux refaire celui-ci
un peu
plus en arrière jusqu'à ce que ça s'aligne. Cependant, ce que je
veux faire, c'est que je
voulais répéter cet élément ici. J'utilise des rectangles dans
ma conception pour créer plus
de relations, en
bloquant les choses. Je peux donc utiliser M sur mon clavier. Je peux créer un rectangle de
la taille de ce texte. Donnez-lui du remplissage, et je pourrai le
déplacer jusqu'au bord. Parfait. Maintenant, nous pouvons l'
aligner sur celui-ci. Nous pouvons l'aligner
avec cette zone de texte, extraire dans cette zone de texte. Et enfin, nous pouvons le faire avec notre dernière zone de texte comme ça. Maintenant, nous avons enfin
notre conclusion et en utilisant ce que
nous avons déjà eu, établissons des
relations en utilisant l'
alignement et
placons-les quelque part dans notre document. Il y a maintenant
quelques éléments que nous voulons ajouter. Premièrement, tout est noir
et blanc en ce moment,
et honnêtement, il est plutôt
beau en noir et blanc. Cependant, il est possible que nous souhaitions
ajouter de la couleur à notre document.
14. Exemple de projet de classe : partie 3: Nous allons maintenant
ajouter un peu de couleur à notre design. Pour ajouter de la couleur,
votre client a peut-être une couleur spécifique qu'il
utilise dans son image de marque. Vous voulez vous assurer
que nos couleurs correspondent plus possible à
leur image de marque. Ainsi, s'ils
vous fournissent des codes
hexadécimaux, vous pouvez utiliser des codes hexadécimaux pour créer
une couleur personnalisée et une nuance personnalisée et appliquer cette couleur directement
dans votre document. Voyons comment nous pouvons l'utiliser. Nous devons donc
ouvrir notre panneau de couleurs. Si vous ne voyez pas que vous
pouvez choisir la couleur de la fenêtre, la couleur. Et maintenant, vous pouvez voir qu'
il est en noir et blanc, mais nous voulons le changer en RVB. Maintenant, j'ai ici mes
informations de couleur, et je souhaite créer une boîte. Maintenant que cette boîte n'a plus de
couleur pour le moment, nous allons juste lui donner un
fond noir pour le moment. Et maintenant, notre
mode couleur est réglé sur RVB. Maintenant, dans notre code hexadécimal, nous pouvons copier notre code hexadécimal. Cliquez sur notre case,
et nous pouvons coller notre code hexadécimal dans le panneau
RVB et appuyer sur Entrée. Maintenant, il va nous donner notre jaune
exactement comme il est décrit. Nous allons cliquer sur la
case Alt et créer un doublon. Et nous allons le répéter
pour toutes les autres couleurs. Très bien, donc c'est génial. Nous avons maintenant quatre couleurs
différentes ici. Nous avons notre jaune ou notre jaune, brun, notre rouge ou notre noir. Maintenant, une chose que vous pouvez
voir, c'est que lorsque je clique sur mon rouge dans le panneau RVB, cela vous avertit un
peu ici. Cet avertissement indique
un avertissement hors gamme. Cela signifie que
dans un écran RVB, il utilise en fait de la
lumière et possède un spectre plus large que ce qui
pourrait être fourni sur papier. Donc, si nous avons essayé d'imprimer cette
couleur en CMJN, elle est hors gamme. Vous ne pourrez
pas l'imprimer. Il ne sortira pas comme
vous le voyez à l'écran. Si nous passons à notre mode couleur
CMJN, vous pouvez voir que le magenta et jaune sont déjà à 100%, mais qu'il veut pousser un peu plus loin pour obtenir ce rouge. Alors, comment pouvons-nous corriger cela
pour qu'il soit digne d'être imprimé ? Si nous revenons au RVB, oh, nous devons
cliquer sur cette case rouge et elle indique dans la
gamme de couleurs, n'est-ce pas ? Maintenant, cela a légèrement
modifié la couleur adapter
au spectre CMJN. Maintenant, si nous examinons notre CMJN, nous pouvons voir qu'il se situe dans les limites de la gamme de couleurs
CMJN. Et ce sera imprimé ce que
vous voyez à l'écran. Nous serons en mesure d'
imprimer dans la vraie vie. Maintenant, que se passe-t-il si nous voulons
créer des échantillons personnalisés ? Nous pouvons accéder à notre panneau d'
échantillons. Nous pouvons cliquer sur nos cases
et les ajouter ici. Tout ce que je vais faire maintenant c'est
supprimer ces autres parce que
je n'ai pas besoin de les voir. Appliquons maintenant un peu de couleur
à notre document pour que certains éléments ressortent vraiment
et ajoutent à cette hiérarchie. Nous allons ajouter de
la couleur à notre titre lui-même. En fait, je pense que je
voudrais peut-être garder ça en noir, mais je voudrais peut-être faire ressortir les autres éléments un peu. Donc, si je saute dans le groupe
en cliquant sur mon comment commander, je pourrais
ajouter la couleur rouge. Cependant, si je clique simplement sur Lire, cela l'ajoute à la zone de texte
et non au texte lui-même. Alors annulons ça. Et ce que nous devons
faire, c'est passer
à notre panneau latéral. Et vous pouvez voir que
nous pouvons ajuster le conteneur ou le
cadre ou le texte lui-même. Maintenant, le
remplissage de texte est sélectionné et je peux cliquer sur ma couleur et il l'
applique comme ça. Et vous pouvez déjà voir à
quel point ce titre est percutant. Faisons la même chose avec notre compétence essentielle pour
les affamés individuellement. Maintenant, vous pouvez voir que
notre titre a en fait beaucoup plus de contraste et
qu'il est vraiment, vraiment éclatant. Appliquons une partie de la
couleur à nos autres éléments. Dans la première étape, nous pouvons appliquer la couleur de
différentes manières. Cependant, je souhaite l'
appliquer à nos boîtes. Vous pouvez maintenant voir la hiérarchie se
développe dans votre document et vous pouvez voir
les relations entre tous ces éléments. Une chose que je pourrais faire
est de les
retirer juste un peu pour donner
au texte un peu plus d'
espace pour respirer et conserver cette
relation visuelle en utilisant l'alignement. Très bien, maintenant ça a l'
air vraiment génial. La dernière chose
que nous voulons faire. Et vous pouvez le faire
à n'importe quel moment votre processus et l'utiliser
comme référence visuelle, c'est-à-dire ajouter des images. Ce que je vais faire,
c'est décider où je veux voir
certaines de mes images. Je pense que je veux une belle image audacieuse
en haut de la page avec ma pizza. Je vais appuyer sur
F sur mon clavier, qui est l'outil cadre. Et je vais créer une
sorte de cadre ici, peut-être comme ça. Je crée donc un cadre dans le coin supérieur droit,
comme ça. Et je crois que j'en veux un en
bas ici. Donc, en appuyant sur F, je vais
créer un cadre ici. Je veux maintenant ajouter des
images à ces cadres. Alors, comment est-ce que je fais ça ? Je clique sur mon cadre,
je vais dans Fichier, Placer dans le dossier des actifs de mon
projet de classe. J'ai mes photos. Maintenant, nous pouvons décider
quelle photo je veux mettre dans le coin
supérieur droit ? Qu'est-ce qu'une jolie
photo ici ? Je veux juste une image
audacieuse de la pizza. Faisons celui-ci là-bas. Et c'est comme
ça que ça entre dedans. Mais c'est vraiment énorme. Si je clique sur le
sélecteur de contenu au milieu, vous pouvez voir le cadre de sélection
orange apparaître et il est
vraiment très grand. Je vais donc cliquer sur
le cadre de sélection orange maintenant Shift et Alt pour le
faire glisser depuis le centre, je vais réduire la taille et l'amener au milieu. Juste comme ça. Maintenant, si je clique sur W, tu peux voir à quoi ça ressemble. Je pense que je vais m'amuser avec ça et l'ajuster
un peu. Ensuite, j'ai
un cadre en bas. Ajoutons quelques images à cela. Très bien, donc ça a l'
air vraiment beau et c'est
vraiment cool. J'ai mon titre,
c'est très évident. Cela attire l'attention. Cela m'attire en quelque sorte
sur le premier paragraphe. Et puis après le
premier paragraphe, encore une fois, il y a une hiérarchie
placée ici et qui guide le spectateur dans
la direction que je veux. Enfin, il y a ce texte
en guise de conclusion. La dernière chose que nous
voulons faire avant d'exporter notre document est d'ajouter cette petite touche
finale : le logo. Ajoutons-le ici. Passons à File Place. Et nous allons trouver le logo dans
notre dossier de ressources. Maintenant, une chose que je veux que vous
fassiez maintenant est que dans le fichier,
vous devriez avoir un Afficher les options
d'importation, car dans le document de
logo vous pouvez choisir parmi
plusieurs logos
différents. Cependant, si vous l'
importez directement, il n'importera que
le tout premier dans votre document et vous n'
aurez pas la possibilité de
sélectionner aucun d'entre eux. Si vous sélectionnez Afficher les options d'importation, vous pourrez choisir
parmi une variété de logos. Je vais l'ouvrir
ici et vous pouvez voir que c'est l'
aperçu de ce que j'ai. Maintenant, c'est le total des pages cinq. Et je peux choisir
entre 1234 ou cinq. Maintenant, je crois que j'aime bien
ça, ce logo ici. Ça a l'air plutôt cool. Et je vais frapper, OK. Maintenant, vous pouvez voir qu'
il est rempli ici et je peux le faire glisser
et ajouter mon logo. Très bien les gars, la
dernière chose que nous pouvons faire est d'exporter notre document. Passons à la section Exportation de fichiers. Et maintenant, nous pouvons nommer notre
document comment commander pizza ou ce que
vous voulez et frapper. OK. Elle existe. Vous avez maintenant quelques options
différentes ici. Dans la page principale, vous pouvez décider si
vous voulez des pages. Vous pouvez choisir la plage si
vous avez plusieurs pages ou vous pouvez choisir
ce que vous voulez. Il s'agira d'un préréglage PDF. Donc ça va être plutôt bon. C'est très bien ça. Et nous allons
étudier les marques et les saignements
et les marques et les saignements. Vous pouvez utiliser les paramètres de
fond perdu du document. Vous souhaitez ajouter le fond perdu à votre document si vous
comptez l'envoyer à l'imprimante
parce que vous voulez inclure ce
fond perdu parce que lorsque vous le découpez, vous voulez ces couleurs, ces images pour aller
jusqu'au bord. Si vous ne l'ajoutez pas, il ira uniquement jusqu'à
la ligne de coupe et vous risquez d'avoir cette
traînée blanche sur le côté. Assurez-vous donc de l'ajouter
s' il doit être imprimé. Je vais désactiver
ça pour l'instant parce que je vais juste
l'exporter pour les écrans et je
vais revenir au général. Tout le reste devrait être bon. On va frapper, d'accord ? Et vous verrez en
haut qu'il y a une petite roue qui
montrera qu'elle exporte. Vous pouvez ensuite l'ouvrir au format PDF. Maintenant, si vous voulez
l'exporter sous un autre format, peut-être simplement un fichier PNG ou JPEG. Tu ne pouvais pas non plus faire ça. Allez sur Exporter et
changez simplement ici, enregistrez au format JPEG. Cela sera parfait
lorsque vous le
téléchargerez en tant que projet dans
le panneau de projet. J'ai donc hâte
de voir toutes vos créations dans
le panneau de projet. Il y a encore une chose
que je voudrais
vous laisser avant
la fin du cours. C'est le fait que nous avons
parfois besoin d'échauffer nos compétences en design
afin d'obtenir les meilleurs
résultats possibles. Une chose que vous pouvez
faire est une fois que vous aurez créé votre premier design et qu'il
sera vraiment beau, essayez différentes
versions de celui-ci. Pour ce
faire, nous pouvons accéder à notre panneau de pages et à
notre panneau de pages. Nous pouvons sélectionner notre page, cliquer dessus avec le bouton droit de la souris et
dupliquer la diffusion. Cela créera une deuxième
page juste en dessous. Maintenant, ce que nous pouvons faire, c'est entrer et modifier
certains éléments, changer le titre,
changer les images. Nous pouvons jouer
avec les polices. Nous pouvons faire beaucoup de choses
différentes et voir comment organiser ce document pour créer la hiérarchie visuelle et l'affichage visuel que
nous voulons créer. Maintenant, je suis allé de l'avant, j'ai fait ça et j'ai vraiment joué
avec. C'était l'un des
premiers que j'ai fait. Et, vous savez, c'est joli, c'est bon et ça fait
passer le message. Cependant, il n'a pas cette caractéristique audacieuse que
je recherchais. J'ai donc continué à travailler
sur la topographie, créant plus de variations dans les
tailles et en modifiant légèrement l'
image. Et puis j'ai pensé, oh, peut-être que je voulais un
style plus classique. J'ai donc créé celui-ci avec une image vraiment audacieuse et juste du texte blanc
contre cette image en gras. Et je l'ai rendu un peu plus classique avec les polices Cera. Et puis j'en ai fait un autre ici en utilisant le même thème de couleur. Commencer par une image
vraiment audacieuse d'
une pizza, avec la police
dans l'image elle-même, et ayant le titre
au centre entre toutes les informations ainsi que
les étapes
utilisées pour créer ça. Maintenant, la dernière que j'ai eue, j'ai joué
avec elle et j'ai utilisé une police d'affichage que
je trouvais vraiment intéressante, vraiment
cool et ludique. Et j'ai joué avec elle utilisant différentes
formes dans celle-ci, utilisant un sens de la hiérarchie
et des relations. Vous
pouvez donc disposer vos documents de plusieurs
manières . Et je vous encourage vraiment à ne pas laisser le premier
comme votre seul. Joue avec. Essayez différentes choses. expérimentation est la meilleure façon d' apprendre, car lorsque
vous expérimentez, vous verrez
visuellement ce qui est bon, ce qui fonctionne et ce qui ne fonctionne pas. Vous allez régler votre regard créatif pour voir ce genre de
détails et voir, oh, si je pousse ça un
peu plus, cela crée cette sensation,
oh, je l'ai poussé un peu trop
loin et ça me semble gênant. Je peux peut-être
le réduire un peu. Ce genre de choses viendra avec le temps et
avec la pratique. Je vous encourage donc à
ne pas vous contenter de
votre premier, mais à le dupliquer et le
réorganiser d'une
manière différente, en essayant différentes choses. Et vous aurez certainement meilleurs résultats si
vous faites ces choses. Maintenant que vous avez vu
un moyen pratique d' appliquer les
principes du design, je veux voir ce que
vous pouvez faire. Consultez les ressources du
projet, téléchargez ces ressources et
utilisez-les pour votre projet de classe. Je veux vraiment
voir ce que vous pouvez trouver, parce que vous
allez certainement trouver quelque chose de différent de ce que
j'ai trouvé. Une fois que vous avez terminé, veillez exporter
vos
images au format JPEG,
PNG ou PDF et à les publier
dans le panneau du projet. J'ai vraiment hâte. Je te verrai au prochain cours.
15. Merci ! Vous êtes incroyable !: Salut les gars, je
voulais juste
vous remercier d'avoir
suivi le cours. J'espère vraiment que ce que
vous avez appris en classe,
vous pourrez l' emporter avec
vous et l'appliquer à votre propre travail à l'avenir. Il est très facile de créer des designs attrayants si vous apprenez à appliquer
les techniques et les principes enseignés dans ce cours. Et avec Adobe InDesign, il est
très facile de prendre
vos graphiques
et votre texte actuels et les
organiser pour créer
un superbe affichage. Les principes pratiques de
conception graphique enseignés en classe peuvent réellement être appliqués à n'importe quel
projet de classe. Je vous encourage vraiment à
faire ce que vous voulez. Vous pouvez créer une
affiche sur un éditorial, peut-être même une couverture de livre
ou une publicité. Il suffit d'appliquer les principes à cette conception et de les afficher
dans le panneau du projet. J'ai fourni de nombreux
actifs dans cette classe, vous pouvez
donc les utiliser
comme vous le souhaitez. Cela vous donne donc une certaine
liberté créative pour prendre ce que je vous ai donné et
l'organiser comme vous le souhaitez. Et j'ai vraiment
hâte de voir toutes les façons créatives de
créer de beaux présentoirs. Une fois que vous avez terminé d'
organiser votre projet, veillez à l'exporter et à le
publier dans le panneau du projet. J'ai vraiment hâte de
voir tout ce que tu créeras. J'espère vraiment que
vous avez appris quelque chose grâce à ce cours. Cependant, je sais que
je manque et je n'ai peut-être pas expliqué certaines
choses ainsi qu'une découpe. Donc, si vous avez des questions, hésitez pas à les contacter dans le panel de discussion
ici sur Skillshare. Chaque fois que j'en aurai l'occasion, j'ai hâte de
lire vos discussions et de répondre à vos
questions, autant que je peux. Si vous avez appris quelque chose
dans ce cours ou si vous avez simplement apprécié le
cours en général, j'aimerais vraiment
savoir ce que vous en pensez. Donc, après le cours, pensez à laisser
un bref commentaire. Dites aux autres élèves
ce que vous avez le
plus aimé dans ce cours afin
qu' ils puissent être
encouragés à poursuivre leur apprentissage et que nous
puissions tous grandir ensemble. Je suis toujours
impatient de créer nouvelles classes pour vous
ici sur Skillshare. Donc, si vous souhaitez être averti
lorsqu'un nouveau cours est lancé, pensez à me suivre ici sur Skillshare
si vous souhaitez poursuivre votre
parcours créatif et en savoir plus sur le
design graphique et illustration. J'ai suivi mes autres cours
ici sur Skillshare. Des cours pour les débutants
en illustration vectorielle, j'ai des cours de conception
géométrique et même un sur l'
outil de maillage dégradé dans Adobe Illustrator. Alors vérifiez-les certainement. Je veux juste vous dire merci encore d'avoir suivi
ce cours et j'ai vraiment hâte de
vous
accompagner tout au long de votre parcours créatif. À plus tard.