Infographiste Multimédia · Arrêté du 13 juillet 2006 relatif au titre professionnel d...

Infographiste Multimédia

DIPLÔMES DU MINISTÈRE DE L’EMPLOI

Décrets, Ministère des affaires sociales, du travail et de la solidarité Arrêté du 13 juillet 2006 relatif au titre professionnel

d’infographiste en multimédia NOR : SOCF0311061A

M2i Formation - 20 rue d’Athènes 75009 Paris - Tél : 01 44 53 36 30 - Fax : 01 44 53 36 10 - Siret : 333 544 153 - Mail : [email protected]


M2i Formation • 20 rue d’Athènes - 75009 Paris • Tél : 01 44 53 36 30 • Fax : 01 44 53 36 10 • Siret : 333 544 153 • Mail : [email protected]

FO

RM

ATIO

N L

ON

GU

ES D

IPLÔ

MA

NTE

S

Table des matières

L’ORGANISME 3

› Le centre de formation 3

› Les locaux et le matériel 3

› 3 certificats de compétence professionnelle 4

MAITRISE DES OUTILS INFORMATIQUES 5

› Gérer un poste de travail informatique 5

› Les dessous de l’internet 5

› Etre un acteur du web 5

› Gerer les images pour le web (Fireworks) 6

› Marketing d’un site internet 6

REALISER DES PAGES WEB DESTINÉES À LA CHAINE D’ÉDITION MULTIMÉDIA 7

› Réaliser des pages web élaborées (HTML - CSS - Dreamweaver) 7

› Monter un site dynamique (PHP, MySQL) 7

› Déploiement de Wordpress 8

› Gérer les réseaux sociaux (Facebook, Twitter ) 8

ÉLABORER DES SÉQUENCES D’ANIMATION INTERACTIVES 9

› Concevoir un site web animé (Flash) 9

› Animer un site avec le logiciel Flash 9

› Intégrer la vidéo dans un site web 9

RÉALISER DES INFOGRAPHIES POUR SUPPORTS NUMÉRIQUES 10

› Traitement de l’image pour le print 10

› Photoshop (traitement de l’image) 10

› Illustrator (création et illustration) 10

› InDesign (mise en page) 10

CONCEPTION VISUELLE 11

› Notions de composition 11

› Acrobat un outil plein de surprises 12

› Stage pratique en entreprise 12



FO

RM

ATIO

N L

ON

GU

ES D

IPLÔ

MA

NTE

S

Le centre de formation

Désignation : M2i a plus de 20 ans d’expérience et fait partie du groupe O2I

Adresses : 20 rue d’Athènes - Paris 75009 146 - 148 rue de Picpus - Paris 75012

Coordonnées : Téléphone : 01 44 53 36 30 - Fax : 01 44 53 36 10 Email : [email protected] Site : www.formations-diplomantes.com

Nom du responsable pédagogique : Jean-Luc RUBY

Activité principale : Formation (CIF, DIF, PFE)

Les examens se déroulent chez M2i - 146 - 148 rue de Picpus - Paris 75012

Les locaux et le matériel

Les locaux sont situés dans Paris intra-muros, accessibles en métro (Station Daumesnil) Plus de 1500 m² de plateau dans un immeuble récent

20 salles de formation d’une capacité de 6 à 12 personnes, des espaces de détente

Notre parc informatique permet de répondre à vos besoins en PC et Mac

Notre matériel : 1 poste informatique par stagiaire Mac ou PC, bancs de montage vidéo pro, vidéo-projecteurs

Logiciels : InDesign, Digital Publishing, Photoshop, Illustrator, Acrobat, WordPress, Dreamweaver, Edge, Premiere, PHP, Réseaus sociaux, etc…

Tablettes Wacom, appareils photos numériques, tablettes iPad, imprimantes couleurs

Pour connaitre Precisemment le detail de chaque formation, utilisez le qr code ci-après et faites votre choix parmi plus de 600 formations répertoriées au catalogue M2i

gareSt Lazare

Rue de Londres

Rue d’Athènes

Rue St Lazare

Rue d

e C

lichyRu

e d

e St

Pét

ersb

ourg

Ru

e d

’Am

sterd

am

Bd Haussmann

Rue d

e Ro

me

M

RER

M

M

M

M

HavreCaumartin

Trinitéd’Estienned’Oves

HaussmannSt Lazare

St Lazare

Europe



FO

RM

ATIO

N L

ON

GU

ES D

IPLÔ

MA

NTE

S

3 certificats de compétence professionnelle

Le titre professionnel peut être composé d’unités constitutives sanctionnées par des certificats de compétences professionnelles. Ces certificats sont décernés par les évaluateurs au vu des résultats des évaluations du candidat et du dossier récapitulant le parcours du candidat. Chaque certificat atteste que son titulaire maîtrise un ensemble cohérent de compétences, d’aptitudes et de connaissances permettant l’exercice d’une des activités correspondant au titre visé.

■ Le métier d’infographiste multimédia

Le métier d’infographiste multimédia évolue beaucoup en fonction des changements du web Aujourd’hui, la formation dispensée par M2i colle au plus près de la réalité de ces nouveaux métiers Cette formation peut être suivie par ceux qui désirent devenir : webdesigner, community manager, directeur artistique, infographiste transmedia Même si ces métiers sont différents, les fondamentaux sont similaires : la maîtrise des logiciels leaders sur le marché (Adobe Creative Suite) ; la connaissance des langages et outils d’intégartion du web (HTML5, CSS, Dreamweaver, Edge, PHP) ; une sensibilisation aux langages informatiques (JavaScript, Ajax, XML, jQuery etc )

L’infographiste multimédia possède des qualités transverses Dans une entreprise, il peut être amené à mettre en pratique la communication papier (flyers, affiches, catalogues, programmes etc ), la communication web (sites, newsletters, bandeaux publicitaires etc ) et aussi depuis peu la déclinaison vers les nouveaux médias mobiles (smartphones, tablettes )

L’infographiste travaille le plus souvent dans une équipe (directeur artistique ou chef de projet, autres graphistes, développeurs informatiques etc ), sous la responsabilité d’un concepteur, webmaster, éditeur, directeur artistique Il est responsable des travaux d’exécution en ce qui concerne la réalisation des médias, leur préparation ainsi que leur implantation (respect de la charte graphique et des maquettes d’exécution)

Il prend également en compte les méthodes et les consignes émanant de l’équipe de développement informatique

■ Programme et contenu

La formation, d’une durée de 1200 heures, se décompose en 3 modules de 400 heures : web, PAO et stage pratique en entreprise

Compte tenu de l’évolution du web, des métiers et des logiciels, le programme détaillé ci-dessous est donné à titre indicatif et ne saurait être contractuel



FO

RM

ATIO

N L

ON

GU

ES D

IPLÔ

MA

NTE

S

Maîtrise des outils informatiques

› GÉRER UN POSTE DE TRAVAIL INFORMATIQUE

- Cette séquence de formation permet de vérifier que tout le monde maîtrise l’outil de travail qu’est l’ordinateur. Certains viennent du monde Mac, d’autres ne sont pas des virtuoses de la souris. Quand on aborde le métier, il est primordial de maîtriser et comprendre parfaitement l’organisation du disque dur, les paramétrages de la mémoire, les questions de sécurité, le partage des fichiers, les manipulations entre différents ordinateurs d’un même réseau.

- Pour le web, le rangement et l’organisation du disque dur sont un point à ne pas négliger. Les préceptes de base doivent être parfaitement utilisés (créer un dossier, déplacer un fichier, naviguer dans l’arborescence du disque dur et des réseaux, gérer les partitions, paramétrer le système)

› LES DESSOUS DE L’INTERNET

- Devenir un acteur du web c’est d’abord comprendre les réseaux et leur architecture. En même temps il s’agit de replacer l’histoire de l’internet, les dates et les acteurs principaux (la mise au point des protocoles, l’invention du routeur, la création du TCP/IP et l’organisation des DNS). Il appartient souvent au webmaster avec le service informatique et le service juridique de louer les noms de domaine qui feront le succès des sites de l’entreprise. La gestion de l’hébergement, même si elle incombe à un «administrateur réseau» doit être comprise et maîtrisée par les acteurs du web (utilisation ftp, rationalisation des espaces disques et des flux).

› ETRE UN ACTEUR DU WEB, C’EST :

- Travailler en équipe et comprendre le rôle de chacun des acteurs (des instances qui gouvernent le net aux différents métiers qui président à son développement : w3c, internic, icann, wai, accessiweb....

- Comprendre la chaîne de production d’un site web, de l’expression du besoin, à la rédaction des spécifications techniques et artistiques. Le cahier des charges étant le document fondateur, il convient d’en maîtriser les détails ainsi que faire le point sur toutes les technologies qu’il convient de savoir développer (sites statiques, sites dynamiques, sites d’animation, CMS, réseaux sociaux...)

- La mise en page et la charte graphique étant les facteurs dominant de la réussite d’un projet web, il convient d’analyser les signes qui la composent (sémiologie du web). A partir de là et d’analyses comparatives, les étudiants conçoivent leur propres sites, puis des sites soumis à des contraintes clients.

- La structure d’un site web obéissant à des règles bien connues, il convient de les appliquer. La notion d’arborescence, d’en tête et de pied de page sont primordiales et la maîtrise d’outils de conception et de maquettage vont permettre de communiquer avec les futurs clients ou avec les responsables hiérarchiques. Les notions de lien ayant fait le succès du langage HTML, il faut en maîtriser l’usage (types de liens : liens relatifs et absolus, liens internes, vérifier les noms de chemin et apprendre les règles de nommage. ) tout comme les principes d’ergonomie et d’interactivité.

- Enfin les grands principes du marketing web sont indispensables à connaître car un site aujourd’hui est fait pour promouvoir ou vendre des produits ou des idées.



FO

RM

ATIO

N L

ON

GU

ES D

IPLÔ

MA

NTE

S › GERER LES IMAGES POUR LE WEB

- Pour les gens d’images, le web a des contraintes et des spécificités qu’il est facile de gérer sans pour autant utiliser un logiciel complexe comme Photoshop. Gimp est un outil de traitement d’images libre de droit, parfaitement adapté au Web.

- Interface, outils, pratique du logiciel vont permettre de traiter les images afin de les optimiser pour le web

- C’est le moment de connaître les différents formats d’images utilisés sur internet et de jouer sur les tailles et les résolutions les plus recommandées

- L’outil permet de générer des images interactives, des rollover, des boutons, des animations qui seront autant d’enrichissement des pages web

› MARKETING D’UN SITE INTERNET

- E-marketing

- Définir une stratégie de marketing en ligne

- Réaliser, optimiser le référencement (seo/sem/smo)

- Affiliation et partenariats

- Concevoir, rédiger et gérer une newsletter

- E-mailing et co-registration :

- Segmentation, ciblage, location de fichiers et prestataires, concevoir une campagne

- Marketing viral

- Concevoir et réaliser une campagne publicitaire en ligne

- Concevoir une campagne de liens sponsorisés

- Web mobile

- E-commerce : développer un site marchand

- Réaliser les business plans et les devis

- Mesurer l’audience d’un site et son ROI (web analytics)

- Stratégies de fidélisation des internautes et des e-clients



FO

RM

ATIO

N L

ON

GU

ES D

IPLÔ

MA

NTE

S

RÉALISER DES PAGES WEB DESTINÉES

À LA CHAINE D’ÉDITION MULTIMÉDIA

› RÉALISER DES PAGES WEB ÉLABORÉES (HTML - CSS - DREAMWEAVER)

❑ L’APPRENTISSAGE DES LANGAGES

- Apprentissage des langages d’édition et de structuration des pages web : le Html 5 et les CSS. Pratique des langages de balise, mise en place des feuilles de style

- Développement en HTML 5 et CSS 3 (nouvelles balises, nouvelles approches, compatibilité), pratique de la mise en forme

- Formation sur les langages plus élaborés comme JavaScript et les bibliothèques jQuery

❑ CREATION DES PAGES DU SITE

- Utiliser les <di>, architecturer les paragraphes, insérer les images et les animations

- Mettre en place les liens externes et les liens internes

- Gérer les données tabulaires, les listes à puce

❑ UTILISATION DES OUTLS D’EDITION

- Prise en main de Dreamweaver (interface, outils, préférences, pratique du logiciel)

- Configuration et pratique des différents tableaux de propriétés

- Avantages du wisiwyg

› MONTER UN SITE DYNAMIQUE (PHP, MYSQL)

❑ QU’EST CE QU’UN SITE DYNAMIQUE?

- Installation du serveur local (Easyphp ou Wamp)

- Interface de Dreamweaver pour les sites dynamiques

- Configuration d’un site dynamique : frontoffice, backoffice

- Création d’une connexion à une base de données

❑ GESTION D’UNE BASE DE DONNEES

- Pratique de phpmyadmin, réflexion sur la structuration d’une base de données (Merise)

- Apprentissage du langage propre aux bases de données (SQL)

- Création de tables

- Création, modification, suppression d’enregistrements

- Classement, recherche d’informations

❑ DECOUVERTE DU LANGAGE PHP

- Les éléments du langage et rédaction de programmes en php

- Règles de programmation appliquées aux sites dynamiques

- Possibilités de Dreamweaver

❑ COUPLAGE D’UNE BASE DE DONNEES A UNE PAGE WEB

- Pratique des formulaires

- Paramétrage d’un jeu d’enregistrement

- Mise en pratique des vastes possibilités qu’offrent la gestion des pages dynamiques dans Dreamweaver (sécurisation, catalogue de produits, sites de e-commerce, gestion de panier, gestion de clientèles)

❑ METTRE UN CMS EN PLACE

- L’évolution des technologies ont donné naissance à des Systèmes de Management de Contenus (CMS) qui simplifient la programmation. Ainsi, le webdesigner peut-il se consacrer davantage à la communication et aux contenus plutôt qu’à l’informatique

- Panorama des technologies en place (Spip, Joomla, Drupal, Wordpress, Prestashop)



FO

RM

ATIO

N L

ON

GU

ES D

IPLÔ

MA

NTE

S › DEPLOIEMENT DE WORDPRESS

- Etude de Wordpress, mise en place, déploiement, utilisation

- Prise en main de l’interface et utilisation du tableau de bord

- Configuration, intervention sur la feuille de style, mise en place des plug-in etc...

- Conception, rédaction des pages, mise en place des billets

- Stratégie de communication

› GERER LES RESEAUX SOCIAUX (FACEBOOK, TWITTER...)

❑ PANORAMA DES RESEAUX SOCIAUX ET LEURS SPECIFICITES

- Facebook, principes, fonctionnement, paramétrages, politiques éditoriales

- Twitter, principes, fonctionnement, paramétrages, politiques éditoriales

- Scoop.it, principes, fonctionnement, paramétrages, politiques éditoriales

- LinkedIn, Viadeo et les autres : principes, fonctionnement, paramétrages, politiques éditoriales

❑ WEBMASTERING ET COMMUNITY MANAGEMENT

- Spécificités de chaque métier et tâches en recouvrement

- Création et Gestion des communautés

- Stratégie de communication

- Actions quotidiennes, actions hebdomadaires

- Contrôle et surveillance des flux (forum etc...). Web attitude

❑ INTEGRER LA STRATEGIE DU WEB MOBILE

- Savoir définir l’architecture d’une application pour mobile - Comprendre les spécificités d’HTML, JavaScript et CSS propres au développement mobile - Être capable de stocker des informations dans une base de données sur le mobile - Faire interagir l’application avec les fonctions de base du téléphone.

- Présentation des différentes plateformes mobiles

- A chaque mobile son SDK

- Applications web ou natives ?

- Avantages et inconvénients de chaque choix

- Limites du développement dans un contexte mobile

- La solution web mobiles

- Les autres solutions

❑ CREER DES PRODUITS POUR LES TABLETTES NUMERIQUES

- Installation des outils et des composants

- Créer et visualiser un projet

- Prise en main du «Digital Publishing»

- Découverte du monde Android



FO

RM

ATIO

N L

ON

GU

ES D

IPLÔ

MA

NTE

S

ÉLABORER DES SÉQUENCES D’ANIMATION INTERACTIVES

› CONCEVOIR UN SITE WEB ANIMÉ

› ANIMER UN SITE AVEC LE LOGICIEL EDGE

- Les animations enrichissent largement un site web. Il convient de savoir en concevoir au format SWF

- Utiliser des fichiers Photoshop et Illustrator pour faciliter la création d’interfaces

- Créer des interpolations de mouvements et de formes

- Paramétrer les trajectoires

- Intégrer des vidéos

- Exporter et compresser les animations

- Simuler la multi-publication - Publier les animations en SWF ou en HTML 5 dans des pages Web

- Concepts de base, prise en main de l’interface, conception et réalisation d’un animation pour le web

- Abordez les bases de la programmation en ActionScript 3

- Apporter de l’interactivité à des contenus graphiques

- Modifier les propriétés des objets et les animer en utilisant des classes d’animation

- Réaliser des interfaces vidéo composites

- Réaliser des panoramiques

- Optimiser la construction de bannières

› INTÉGRER LA VIDÉO DANS UN SITE WEB

- La vidéo sur le web est souvent assimilée à une technique de communication qui s’appelle le «buzz» ou la communication virale. Cette séquence de formation vise à informer sur les techniques vidéos à mettre en oeuvre pour mettre en place des films sur un site web. Le webmaster se doit de connaître l’écriture vidéo et les outils nécessaires au montage d’un film. Il aura toujours à récupérer des extraits, reprendre un générique ou gérer les compressions.

❑ PRISE EN MAIN DES OUTILS VIDÉO :

- Premiere pour le montage et Flash Encoder pour la mise en ligne (Interface, outils, paramétrage, méthodologie de montage)

- Paramétrage et utilisation de YouTube



FO

RM

ATIO

N L

ON

GU

ES D

IPLÔ

MA

NTE

S

RÉALISER DES INFOGRAPHIES POUR SUPPORTS NUMÉRIQUES

› TRAITEMENT DE L’IMAGE POUR LE PRINT

- La suite des logiciels graphiques ADOBE CS6 est incontournable. Utilisée absolument partout et dans tous les métiers de communication, cette suite est l’outil privilégié voire unique des infographistes multimédia. Dans son travail, ce dernier aura à traiter aussi bien de communication web, de communication «papier» et aussi de mobilité (tablette et smartphones). Ainsi donc, la formation passe nécessairement par la maîtrise que sont les logiciels :

› PHOTOSHOP (TRAITEMENT DE L’IMAGE)

› ILLUSTRATOR (CRÉATION ET ILLUSTRATION)

› INDESIGN (MISE EN PAGE) ET INDESIGN DIGITAL PUBLISHING

- Une grande partie de la formation leur est dédiée. Il s’agit évidemment de prendre en main les interfaces et de maîtriser les outils spécifiques à chaque logiciel mais surtout de réaliser des flyers, des pochettes de disque, des affiches, des catalogues, des illustrations, des logos, des programmes etc... sous la conduite de formateurs qui sont tous issus des arts graphiques. Plus que la manipulation des logiciels, la formation apporte le tour de main du professionnel, les trucs et les astuces qu’on ne trouve qu’en agence ou dans les studios de créa. Les étudiants sont conduits à l’élaboration d’effets spéciaux, de traitements d’images, de mises en page professionnel au service d’une communication pensée, par un Directeur Artistique pour un but précis de communication. L’apprentissage de la solution Adobe InDesign Digital Publishing complètera la formation pour rendre les stagiaires autonomes dans la fabrication d’Applications sur l’Apple Store et PlayStore.

❑ L’INFOGRAPHISTE MULTIMÉDIA SAURA :

- Préparer la production et les médias (texte, images fixes ou animées...)

- Réaliser des graphismes et illustrations fixes élaborés

- Réaliser des photomontages complexes

- Concevoir et mettre en page des documents imprimés simples

❑ IL CONNAÎTRA

- Les principes de l’image numérique

- Les chaînes de diffusion : graphique et numérique

- Les outils et techniques de numérisation d’images

- Les contraintes liées à la résolution et aux modes colorimétriques

- Les imports de fichiers

- Les différents formats d’enregistrement de fichiers

- Les règles typographiques en vigueur sur Internet

- Et surtout une bonne connaissance de la grammaire et de l’orthographe



FO

RM

ATIO

N L

ON

GU

ES D

IPLÔ

MA

NTE

S

CONCEPTION VISUELLE

Toute personne désireuse de concevoir des images efficaces, tant pour s’exprimer que pour communiquer, doit développer ses connaissances ainsi que son habileté à l’analyse et à la synthèse. Pour l’étudiant, il s’agit précisément de l’apport majeur du cours conception visuelle.

❑ RÉFLÉCHIR

- Étudier l’image implique de s’interroger à partir de ses propres repères, de ses intérêts spécifiques, de son vécu et de ses valeurs personnelles. Réfléchir, c’est se faire sa propre opinion, indépendamment de celles des autres, la structurer et l’exprimer.

❑ ANALYSER

- Il ne suffit pas de constater qu’une image existe, et de l’apprécier ou non. Le bon communicant cherche à comprendre l’image; il évalue son impact et son efficacité en fonction du message qu’elle doit transmettre et du média qui la véhicule. Il s’agit d’évaluer objectivement son contenu.

❑ CRÉER

- Le concepteur d’images de communication doit organiser divers éléments en un tout cohérent, c’est-à-dire faire une synthèse. D’une façon plus ou moins exacte, on donne le nom de création à cette opération. Cela est vrai car la création est essentiellement de la synthèse. Par contre, la notion de créativité est trop souvent confondue avec celle d’originalité. Un bon concepteur sait contrôler le contenu de son image. Il effectue alors une synthèse efficace.

❑ CONNAÎTRE

- La sémiologie de l’image fonctionnelle comporte des notions théoriques et des termes qui lui sont propres.

› NOTIONS DE COMPOSITION :

- Approche instinctive

- Des mots aux images / Des images aux mots

- Approche volontaire et maîtrisée

- Compositions dynamiques /Compositions statiques

- Les jeux du pair et de l’impair

- Equilibres et chaos

- Le nombre d’or

- Les masses et les volumes

- Etudes des surfaces, des contrastes, des proportions

- Dynamique des masses et des volumes

- La couleur

- Les principes fondamentaux

- Couleur additive vs soustractive

- Notions d’harmonies / Principes harmoniques

- Nuanciers professionnels

- Stylisation

- Principes et exemples de “Styles”

- Les trois “formes fondamentales”

- Du réalisme à l’abstraction

- Matière et rendu

- L’aspect final d’une image

- Dureté, neutralité, douceur, granularité, fractale, etc.

- La Typographie

- Procédés de fabrication actuels



FO

RM

ATIO

N L

ON

GU

ES D

IPLÔ

MA

NTE

S › ACROBAT UN OUTIL PLEIN DE SURPRISES

- Maîtriser Acrobat ce n’est pas une mince affaire. Entre la création des fichiers PDF et le multimédia il y de nombreux moyens d’utiliser ce logiciel dans beaucoup de métiers différents.

❑ IL EST UTILISÉ :

- Pour les circuits de révision

- Pour créer et maîtrise des formulaires

- Pour le contrôle des fichiers le pré-presse

- Pour son inter-activité

Les étudiants le verront donc sous toutes ses formes. Interface, outils, pratiques seront abordés dans la formation

› STAGE PRATIQUE EN ENTREPRISE

- La réglementation concernant les stages pratiques en entreprise évolue, cependant cette partie de la formation reste l’ultime moment de confrontation avec la réalité terrain. Cette période reste donc un moment fort de la formation. Il est de moins en moins facile de trouver un stage en entreprise.

- Mise en place de Techniques Recherche de stages en entreprise qui s’apparentent aux techniques de recherche d’emploi. Préparation des CV et des lettres de motivation, techniques de recherche sur internet et planification des recherche.

- La période pratique s’étale sur moins de 3 mois afin de ne pas pénaliser les entreprises d’accueil. Cette période permet à nos étudiants de s’adapter aux us et coutumes en vigueur et de mettre leur talent au service de la productivité. Cette période comme les autres est évaluée par le tuteur qui, en entreprise, guide les étudiants. Un lien permanent avec le centre de formation est maintenu pour faciliter l’intégration.

Infographiste Multimédia · Arrêté du 13 juillet 2006 relatif au titre professionnel d...

Documents

Transcript of Infographiste Multimédia · Arrêté du 13 juillet 2006 relatif au titre professionnel d...