Académique Documents
Professionnel Documents
Culture Documents
Comment Faire Des Visuels PRO En12 Etape
Comment Faire Des Visuels PRO En12 Etape
des visuels
«PRO»
En12 étapes?
Guide de la communication
facile sur “Internet”
JohnMBAPOU
Comment faire
des visuels
«PRO»
En12 étapes?
Guide de la communication
facile sur “Internet”
John MBAPOU
SOMMAIRE
I-PRÉSENTATION P2
Comment communiquer aisément sur le web? P4
II- Les étapes de la conception d’un visuel « PRO » P9
Étape 1- Le choix du concept P10
Étape 2 - Quels logiciels utiliser pour fabriquer nos visuels ? P11
Étape 3 - Comment utiliser les logiciels gratuits ? P12
Étape 4 - Maîtriser les outils et les palettes logiciels P14
Étape 5 - Comment configurer un logiciel pour un visuel ou
un life ? P16
Étape 6 - Le choix des formats d’exportation ou importation P17
Étape 7 - Les formats de bases pour visuels P23
Étape 8 - Comment concevoir le graphisme de votre visuel p25
L’identité visuelle p25
Étape 9 : Les attentes du public ciblé par notre visuel p27
Étape 10 - La concordance des couleurs p29
Étape 11- Les conversions et les rendus p30
Étape 12 - Le Marketing du futur visuel p34
III- EN DÉFINITIVE p35
Bibliographie p37
Weblographie p37
Morning sun at Mimboman
I- PRÉSENTATION
Les Étapes d’une communication réussie sur le WWW (World
Wide Web), la toile ou le nuage numérique, sont diverses et parfois
délicates à maîtriser. D’autant plus qu’on observe une certaine
abondance d’outils: logistiques, didactiques, logiciels, de moyens
visuels et/ou audiovisualisés, qui pousse à la confusion. Comment
Bien faire notre marketing, notre Branding de nos Jours? Cette
profusion de moyens techniques souvent, justifie, une difficulté des
usagers à pouvoir se présenter, à présenter leur structure, leurs
produits, à mener une campagne d'information sur internet ou
simplement, à se présenter.
2
Nous n’y insisterons pas davantage ; bien que les raisons de cet
embarras soient légitimes. Avant de répondre à cette préoccupation
principale sur le self Marketing, il est nécessaire de rappeler en
quelques lignes les motifs de ces limitations, de ces difficultés à
communiquer sur la toile ; à savoir :
3
». On peut y associer le dénuement et l’ignorance dus au
suivisme généralisé, tous suscités par les effets de mode
mêmes sur internet.
4
Dans une logique davantage offensive, ce guide intitulé « Comment
• Comment
communiquer
aisément sur le
web?
4
les visuels et/ ou les vidéos, les audios, de manière appropriée aux
attentes du public cible et surtout aux contextes dans lesquels se
situe la thématique de l’échange.
Ainsi dans un site de bande dessinée pour mineur, vous verrez par
exemple les mentions -3, -7 -15-18.
5
Pour ce faire, la meilleure manière, du moins, la plus accessible
est d’utiliser les visuels. Qu’en sera-t-il des personnes qui sont
davantage portés sur la perception sonore ?
Mêmes ces derniers sans s’en rendre compte, utilisent des visuels
pour mieux présenter leurs produits sonores. Je n’insisterai point sur
les kinesthésiques.
6
➢ Quelle image mettre sur son mur afin d’éviter les disputes
avec X ou Y personne? Laquelle, pourrait s’offusquer
de l'utilisation sans son avis, de son image.
➢ En outre, comment importer, au mieux, télécharger tel ou
tel document visuel pour le mettre sur notre Blog ?
➢ Comment se créer sa chaîne Youtube ?
➢ Que dire des sites de rencontres et autres sites pour
adultes, dont la gestion de votre image à eux confié, est
parfois source de regrets dus au piratage ?
7
Difficile collaboration
Ainsi, nous optons pour les suivantes qui seront ainsi déclinées.
8
II-Les étapes de la conception
d’un visuels « PRO »
9
Étape 1- Le choix du concept
10
Étape 2 - Quels logiciels utiliser pour
fabriquer nos visuels ?
Logiciels recommandés
11
Étape 3 - Comment utiliser les logiciels
gratuits ?
Ce choix a priori banal souvent, conditionne la suite du projet,
surtout quand il s’agit de respecter certaines exigences graphiques
ou dynamiques de la conception graphique, difficiles à opérées
sur certains logiciels gratuits. Cependant, Krita, Gimp, ou Sketch
studio constituent de belles alternatives aux outils professionnels
proposés par plusieurs autres logiciels.
12
Comment travailler par exemple la lumière sur cette image
d'automne africain, (image non retouchée)? Exercice pour ceux qui le
peuvent en utilisant la version Word du PDF.
L’automne arrive
13
Étape 4 - Maîtriser les outils
et les palettes logiciels
14
Ce retour en arrière pratique, n’est pas toujours le cas dans d’autres
logiciels, ainsi supprimer un élément dans Paint passe par une
toute autre process.
15
Étape 5 - Comment configurer
un logiciel pour un visuel
ou un life ?
16
Étape 6 - Le choix des formats
d’exportation ou importation
En continuité de la logique de configuration énoncée à l’ouverture
du document, le paramétrage nous amènera à opérer des choix
de lecture, voire, d’ d’affichage, ou de rendu du document que
nous créons. Ainsi, la résolution d’affichage 72 dpi sera préférée
lors du traitement du document sur écran d’ordinateur, à celle de
sortie ou de rendu du document en 300 dpi pour impression
finale.
La question des formats par exemple, nous ramène dans un
sens à la lancinante querelle des brevets, sur laquelle nous
n’insisterons point.
Pourquoi Apple, Microsoft, et autres créateurs n'uniformisent pas
leurs produits, pour nous faciliter la lecture, la manipulation et
autre, pourrait-on dire ?
17
ensuite du format Kra de Krita ou d’autres rendus standardisés de
l’industrie audiovisuelle ?
18
Le MPEG-4: également appelé ISO/CEI 14496, est une norme de
codage d'objets audiovisuels spécifiée par le Moving Picture Experts
Group (MPEG). La norme MPEG-4 spécifie d'abord des techniques
pour gérer le contenu de scènes comprenant un ou plusieurs objets
audio-vidéo.
19
PSD : photoshop source document, format natif issu de
Photoshop, c’est un format propriétaire destiné à l'utilisation du
logiciel Adobe Photoshop. Il est cependant, partiellement, pris en
charge par d'autres logiciels de traitement d'images ainsi que de
Publication assistée par ordinateur, tels queGIMP.
PNG :
20
WEBM: A video file format from Google that is one of the native
formats in HTML5. Based on a Matroska profile, WebM was
introduced in 2010 with support for the VP8 video and Ogg Vorbis
audio codecs. In 2013, VP9 video and Opus audio were added. See
Matroska, Ogg Vorbis and HTML5. For the still image counterpart,
see WebP. VP8 Video Codec WebM acts as a container for the VP8
and VP9 open source compression methods. Originally from On2
Technologies, VP8 was turned into a royalty-free product after Google
acquired the company in 2010.
21
des données audio compressées en Vorbis, l’un des codecs du projet
Ogg.
KRA : format natif utilisé par Krita. C’est un format de travail, qui
permet notamment de pouvoir manipuler les calques ou autres effets du logiciel.
Avec la possibilité d’être converti en PDF sans altération du fichier de départ.
22
Étape 7 - Les formats de bases
pour visuels
23
Débit binaire audio : 128 kbit/s ou ... Audio MP3 dans conteneur
MP3/WAV; Audio PCM dans conteneur WAV.
24
Étape 8 - Comment concevoir
le graphisme de votre visuel
La conception graphique est certes aisée pour certains “pro”, elle
passe cependant par beaucoup de travail et la maîtrise de concepts
basiques du graphisme tels que: la charte graphiques et l’identité
visuelle, que tout débutant pourra bien tôt mieux utiliser.
● L’identité visuelle
25
par son identité visuelle chromatique qui est constituée du vert-rouge-
jaune sans omettre l’icône étoilée au centre.
NB :
26
Étape 9 : Les attentes du public ciblé
Par notre visuel
Communiquer par des visuels suppose également la prise en
compte des attentes de notre public cible. Si nous nous adressons
à un corps administratif auquel nous proposons une brochure
pour des vacances avec excursions payants, comment comprendre
par exemple qu'à la page de couverture de ladite brochure nous ne
mettions pas l’entête de la structure concernée ou du moins son
logo pour mieux l’amener à lire notre visuel?
· Les logos;
28
· L’harmonie des couleurs;
· Les symétries;
téléphone…).
29
Étape 10 - La concordance des couleurs
29
A votre niveau de lecture, la création d'un visuel harmonieux
implique le respect des binômes de couleurs. Au mieux, l'utilisation
des couleurs de manière à reproduire la charte graphique créée
en amont pour vos visuels et surtout l'identité visuelle du produit
créé.
34
plusieurs format différents de celui d'une affiche pub ou seul le
PDF pour impression et non celui standard).
RECEVEZ PLUS
D’INFORMATIONS SUR LA
CREATION DIGITALE
MAINTENANT ICI
36
Étape 12 - Le Marketing du futur Visuel
37
III-EN DÉFINITIVE
35
Ce parcours de création, participe toutefois à renforcer un acquit :
“celui d’une création graphique à la portée de tous et pour tous”.
RECEVEZ PLUS
D’INFORMATION SUR LE
BRANDING ET LE COMMENT
UTILISER LES OUTILS
MAINTENANT ICI
33
Bibliographie
❏ Gavin AMBROSE et Paul HARRIS, Les fondamentaux du
graphisme, Pyramyd, 2010, 192 p.
❏ Vincent PINEL, Le Dictionnaire technique du cinéma, Armand
Colin, juin 2016, 352p.
❏ Geoffrey DORNE, Le Guide de la commande de design
graphique, 2014, 52 p.
❏ Timothy SAMARA, Manuel de design graphique - Forme et
espace, couleur, typo, images, composition, Dunod, 2019,
320 p.
Weblographie
➔ Wikipedia.org
➔ Google.org
➔ Facebook.org
➔ Youtube.com
John MBAPOU
37