DSPP Infographiste multimédia

DSPP
DOSSIER DE SYNTHESE DE PRATIQUE PROFESSIONNELLE
Mickaël Christophe
25 rue de la place des Fusillés
70800 St Loup Sur Semouse
mickael.christophe.mc@gmail.com
mchack.ovh
INFOGRAPHISTE
MULTIMÉDIA

Mickaël Christophe
DSPP SOMMAIRE
- Titre professionnel visé ------- P.3
- Diplômes, titres ou certificats déjà obtenus ------- P.4
- Déclaration sur l’honneur ------- P.5
ACTIVITÉS TYPES
Réaliser des infographies pour des
supports numériques
Préparer la production et les médias (texte, images fixes
ou animées...)
P.6
___
Réaliser des graphismes et illustrations fixes élaborés
P.8
___
Réaliser des photomontages complexes
P.10
___
Concevoir et mettre en page des documents imprimés
simples
P.12
____
Assurer une veille technique et technologique
P.14
Réaliser des sites web destinés à la
chaîne d’édition multimédia en ligne
Concevoir la mise en page de sites web en tenant
compte des critères ergonomiques, du référencement et
de l’accessibilité
P.16
___
Réaliser un site web dynamique
P.18
___
Configurer et/ou adapter des systèmes de gestion de
contenus
P.20
Élaborer des séquences d’animation
interactives
Concevoir une animation pour le web ou pour l’affichage
dynamique
P.22
___
Réaliser une animation en deux dimensions (2D)
P.24
___
Réaliser des séquences d’animation vectorielles interac-
tives en deux dimensions (2D)
P.26
1 2 3

Mickaël Christophe
DSPP
DOSSIER DE SYNTHESE DE PRATIQUE PROFESSIONNELLE
(DSPP)
Titre professionnel visé Intitulé : Infographiste en multimédia
Votre objectif est d’obtenir un titre professionnel délivré par le ministère chargé de l’emploi soit par la VAE (cocher la case), soit par la formation (cocher la case).
 Validation des Acquis de l’Expérience (VAE)
Vous avez reçu la décision de recevabilité de l’Unité Territoriale de la
DIRECCTE. Vous devez maintenant préparer votre parcours de validation.
Pour cela, vous devez compléter ce dossier qui sera soumis au jury. Vous
y décrirez votre pratique professionnelle et, à partir des informations
fournies, le jury évaluera vos acquis par rapport aux compétences requises
du titre que vous souhaitez obtenir. Votre intérêt est donc de remplir ce
dossier avec le plus grand soin afin de mettre en valeur votre expérience.
Pour compléter ce document, vous devez vous reporter au mode
d’emploi ci-joint. Vous y décrirez de manière détaillée vos activités
professionnelles à partir d’exemples concrets mettant en valeur votre
pratique professionnelle.
Vous pouvez bénéficier d’un accompagnement pour vous aider à
constituer ce dossier. La demande d’accompagnement est à adresser
au centre qui organisera votre session de validation.
Vous avez aussi la possibilité de fournir à l’accompagnateur et au jury
des preuves concrètes de votre activité professionnelle qui illustreront les
informations portées dans le dossier. Ces preuves pourront se présenter
sur tout support (pièce, dossier, photos…).
 Parcours de formation
Vous avez effectué des activités professionnelles soit avant d’entrer en
formation, soit au cours de votre formation elle-même, lors d’une période
d’application en entreprise ou dans votre organisme de formation. Vous
devez compléter ce dossier afin de présenter et de valoriser ce que vous
avez mis en pratique durant ces expériences.
Ce document est complété avec l’aide du formateur, tout au long du
parcours de formation. Le dossier est renseigné sous la responsabilité
de l’organisme avec lequel a été signé le contrat de stage. Au cas ou
le parcours est réalisé dans différents organismes de formation, chacun
de ces organismes doit s’assurer que le dossier décrit bien la pratique
professionnelle du candidat pour la partie du parcours effectué sous sa
responsabilité.
A partir de ces informations, le jury évaluera les compétences que vous
avez acquises au cours de cette période.

Mickaël Christophe
DSPP
DIPLÔMES, TITRES OU CERTIFICATS PRÉCÉDEMMENT
OBTENUS ET PROCHES DU TITRE PROFESSIONNEL VISÉ
Indiquez dans le tableau ci-dessous le ou les certificats et/ou diplômes que vous avez déjà obtenus et qui sont proches
du domaine professionnel du titre que vous souhaitez obtenir.
Ils pourront, si l’arrêté de spécialité créant le titre professionnel que vous visez prévoit une équivalence, vous permettre
d’alléger vos modalités d’évaluation et augmenter vos chances de réussite.
Cette information communiquée au jury est donc importante.
Intitulé de la certification obtenue
(Titre, diplôme, CQP…)
Autorité ayant délivré la certification
(Ministère, branche professionnelle…)
Date d’obtention
_ _ _

Mickaël Christophe
DSPP DÉCLARATION SUR L’HONNEUR
 Elle garantit l’authenticité des informations et documents du dossier.
 Elle doit être nominative, datée et signée.
Déclaration sur l’honneur du (de la) candidat(e)
Je soussigné(e) CHRISTOPHE Mickaël déclare sur l’honneur de l’exactitude des renseignements fournis dans ce dossier et être l’auteur
des réalisations jointes en annexe.
Fait à ST-Loup-Sur-Semouse le 09/05/2016 pour faire valoir ce droit.
Signature :
 En cas de réussite partielle au titre (obtention de CCP), votre parcours de certification s’effectuera en plusieurs étapes sur une durée maximale de 5 ans.
 Dans ce cas, vous pouvez ajouter à ce dossier initial des compléments et/ou modifications acquis ultérieurement. Il convient donc de les lister dans le tableau ci-dessous.
Liste des éléments ajoutés au dossier initial en cas de poursuite de votre parcours
après une réussite partielle au titre (obtention de CCP)
- Candidats par VAE et par formation -
Liste des éléments ajoutés au dossier Dates Signature

Mickaël Christophe
DSPP
Réaliser des infographies pour des supports numériques
Préparer la production et les médias (texte, images fixes ou animées...)
1 - Indiquez les résultats directs de votre action : produits fabriqués, ouvrages, prestations de service ou autres
productions que vous avez réalisés ou auxquels vous avez contribué :
Shooting photo pour mon activité de photographe. Exemple d’une photographie réalisée dans le but d’agrémenter le book du modèle et
mon book personnel.
2 - Décrivez les tâches et/ou opérations que vous avez directement effectuées en vue des réalisations indiquées ci-dessus ainsi que leur
fréquence de réalisation :
Mise en relation et programmation du shooting.
Préparation de la prise de vues (matériel, décorum,...).
Import des photos DNG, création d’un dossier relatif au shooting en
question (+ 2 sous dossiers : fichiers natif et retouchés) , et premier tri des
épreuves à conserver.
Retouches rapides en utilisant un script (paramétrages prédéfinis).
Retouches affinées (atténuation des défauts, exposition, recadrage,...)
Paramétrage de galerie, filigrane...
Exportation au format jpeg haute résolution.
Ouverture sous photoshop pour préparer l’image pour le web.
Fréquence de réalisation
RTrès fréquement £Fréquement £Rarement
3 - Lieux ou cette pratique professionnelle a été exercée :
Nom de l’entreprise, organisme ou association Lieu Chantier, atelier, services ou autres (à préciser)
Onlineformapro Vesoul (70) Exercices et/ou projets
Auto-entreprise et travaux personnels Saint-Loup-Sur-Semouse (70) Exercices et commandes spécifiques
Communauté de Communes de la Haute Comté Corbenay (70) Service communication dédié principalement à la
création d’un espace innovant (Fab Lab et Coworking)
ACTIVITÉ
1

Mickaël Christophe
DSPP
Préparer la production et les médias (texte, images fixes ou animées...)
4 - Indiquez la période de l’exercice de cette pratique professionnelle :
Du 20/05/2013 à aujourd’hui
5 - Précisez les moyens que vous avez utilisés pour accomplir les tâches décrites : matériels, outils, techniques,
matériaux, produits, logiciels,… :
6 - Pour la réalisation de ces tâches ou opérations, avez-vous travaillé seul ou en équipe, avec ou sans consignes, en relation avec
d’autres personnes de votre entreprises ou extérieures à votre entreprise …) ? Si oui, précisez dans quelles circonstances :
ACTIVITÉ
1
Lightroom Photoshop
Seul à domicile.
7 - Documents Annexes :
7A - Le cas échéant, documents prévus dans le règlement du titre visé :
7B - Documents complémentaires en option : indiquez ici la liste des documents que vous souhaitez présenter au jury
Date : 07/05/2016
Fichier original Fichier retouché
Site web : mchawck.fr

Mickaël Christophe
DSPP
Création de pictogrammes spécifiques.
Recherche d’inspiration pour mettre en corrélation un mot clef et une
image de type pictogramme.
A défaut de trouver de l’existant sur les banques d’images
(shutterstock,..), définition d’un graphisme simple pour la création.
Sous illustrator, import de photos servant de base visuelle au dessin.
Réalisation du dessin avec les outils du logiciel (plume, forme de base...).
Utilisation du pathfinder, outil de jonction et groupage.
Ajout de la forme existante (goutte), harmonisation des dimensions.
Colorisation (blanc pour inactif, bleu pour actif).
Enregistrement et exportation en PNG24 de chaque logo, pour une
utilisation web (redimenssionné).
£Très fréquement RFréquement £Rarement
ACTIVITÉ
1

Mickaël Christophe
DSPP
ACTIVITÉ
1
Illustrator
Seul et en équipe, avec un cahier des charges.
Date : 07/05/2016
POMPES A CHALEURSPANETTOYEURSLOGO INITIAL POMPES

Mickaël Christophe
DSPP
Création d’un Mockup de présentation de site web.
Recherche d’un mockup sur Béhance.com, et téléchargement.
Ouverture du fichier PSD sous Photoshop.
Pour chaque interface, Double clic sur le calque (masque de fusion) pour
ouvrir le fichier dynamique puis son masque de fusion.
Import du plan de travail correspondant à l’interface (maquettage réalisé
avec Illustrator).
Placement et cadrage puis enregistrement.
Enregistrement sur le masque de l’interface.
Opération répétée 3 fois pour les 3 interfaces.
Exportation au format jpeg hd.
Communauté de Communes de la Haute Comté Vesoul (70) Service communication dédié principalement à la
ACTIVITÉ
1

Mickaël Christophe
DSPP
ACTIVITÉ
1
Photoshop

Illustrator
Seul.
Date : 07/05/2016
Plan de travail Desktop Plan de travail mobile MOCKUP FINAL
ILLUSTRATOR
PHOTOSHOP
→

Mickaël Christophe
DSPP
Concevoir et mettre en page des documents imprimés simples
Exercice de réalisation d’affiche format A3 pour présenter les spectacles de l’association «Le Colombier des Arts» (saison hivernale).
Intégration obligatoire des textes.
Récupération des textes du client (fichier word) et du logo (fichier
illustrator). Recherche d’inspiration de mise en page.
Relecture et correction des textes, analyse du logo, définition couleurs.
Recherche d’une Tyographie proche de celle utilisée dans le logo, et
téléchargement de celle-ci (site : u-fonts.com).
Préparation du document avec InDesign (format, bords perdus, marges).
Changement de couleur du logo et création de formes sous Illustrator.
Import des textes et création de styles de paragraphes.
Paramétrage des césures et justification.
Création d’un dossier d’assemblage et export en PDF.

ACTIVITÉ
1

Mickaël Christophe
DSPP
Concevoir et mettre en page des documents imprimés simples
ACTIVITÉ
1
InDesign Word Illustrator
Date : 07/05/2016
LOGO à conserver (possibilité de modifier les couleurs)
AFFICHE FINALE

Mickaël Christophe
DSPP
Recherche d’inspiration, mise à jour d’une culture graphique tendance, suivi et apprentissage des outils de création, partage de travaux et
connaissances, information générale.
Suivi de blogs spécialisés et abonnements aux Newsletters (photographie,
design, graphisme, communication web).
Suvi de pages et groupes sur les réseaux sociaux tels que Twitter et
Facebook (photographie, et artistes).
Recherches sur des banques d’images (Shutterstock et autres) et sur
différentes plateformes (Pinterest, Google, Behance, ...).
Participation à divers MOOC.
Etude de tutoriels vidéos et textes (YouTube, TUTO.com, etc).
Lecture de livres et magazines.
RTrès fréquement £Fréquement £Rarement
ACTIVITÉ
1

Mickaël Christophe
DSPP
ACTIVITÉ
1
Internet Magazines TV et affichages divers
Principalement seul pour ma propre culture, et en équipe lors d’exercices.
Date : 07/05/2016

Mickaël Christophe
DSPP
Réaliser des sites web destinés à la chaîne d’édition multimédia en ligne
Concevoir la mise en page de sites web en tenant compte des critères ergonomiques,
du référencement et de l’accessibilité
Refonte du site de l’association AFSAME, entité «Le foyer». - MAQUETTAGE + INTÉGRATION -
Visite du site : http://www.le-foyer.fr/
En équipe : - Nous avons décidé des textes et éléments à garder ou à
supprimer > Amélioration des informations en simplifiant le contenu.
- Décision prise d’un site “One page” > Recherche
d’inspiration de thème, puis d’icônes et images.
Création du Wireframe (ninjamock.com).
Création maquette sous Illustrator avec système de grille (gridcalculator.dk).
Paramétrage grille (fx > transformation > déplacement 100px...), et plan
de travail.
Préparation des images de type icônes en format web.
Maquette réalisée en formats PC, tablette, et smartphone.
Réalisation du site avec le CMS wordpress, thème DIVI.
ACTIVITÉ
2

Mickaël Christophe
DSPP
Concevoir la mise en page de sites web en tenant compte des critères ergonomiques,
du référencement et de l’accessibilité
ACTIVITÉ
2
Photoshop/Illustrator Word Wordpress (local)
Date : 07/05/2016
Site origine : http://www.le-foyer.fr/
Site proposé : http://m-christophe.stagiaires-onlineformapro.com/foyer_mc/
SITE ORIGINE
◁
SITE PROPOSÉ
▷

Mickaël Christophe
DSPP
Réalisation d’un site de type book de modèle.
Création d’un nouveau site sur multidomaine préalablement configuré.
Utilisation d’un thème existant en partage sur mon réseau.
Installation d’un Plugin pour permettre l’affichage de plusieurs galeries
photos > NEXTGEN gallert et addons (voting, light viewer).
Installation de plugins pour un référencement facile, et retaillage
automatique des images (provenances photos diverses).
Paramétrage des plugins.
Création d’ un article par photographe et d’une fiche informative.
ACTIVITÉ
2

Mickaël Christophe
DSPP
ACTIVITÉ
2
Wordpress
Seul et en équipe.
Date : 07/05/2016
Site web : spotterclever.fr/looloo
Choix donné au visiteur de
visionner chaque galerie
sous forme de diaporama
ou de vignettes.

Mickaël Christophe
DSPP
Configurer et/ou adapter des systèmes de gestion de contenus
Réaliser un site pour l’association LAB’ HAUT COMTOIS. Espace membres, calendrier google, fil d’actualités Facebook.
Installation du CMS Wordpress via Filezilla (travail en ligne).
Choix du thème et création du thème enfant.
Installation et configuration du plugin Buddypress.
Installation et configuration du plugin FacebookFeed.
Installation et configuration du plugin WP & Google.
Création des comptes Google et Facebook.
Récupération des API de chaque programme.
Traduction et configuration des formulaires.
Personnalisation de l’affichage via CSS et/ou outils intégrés à wordpress.

ACTIVITÉ
2

Mickaël Christophe
DSPP
Configurer et/ou adapter des systèmes de gestion de contenus
ACTIVITÉ
2
Wordpress
Seul, mais avec une demande des utilisateurs du site de pouvoir accéder à un calendrier google pour faciliter l’ajout d’évènements.
Date : 07/05/2016
Site web : labhautcomtois.fr
GOOGLE
facebook
BuddyPress

Mickaël Christophe
DSPP
Élaborer des séquences d’animation interactives
Concevoir une animation pour le web ou pour l’affichage dynamique
Exercice personnel de réalisation d’animation GIF pour Facebook.
Récupération d’une image d’appareil photo depuis Google images.
Détourage de l’appareil avec le lasso magnétique et l’amélioration du
contour, et enregistrement en PNG.
Import des fichiers dans un nouveau projet (png travaillé + photos).
Recadrage et taille des images, avec création de masques pour adater
chaque photo à l’écran.
Disposition des calques dans la table de montage avec uniformisation des
temps de lecture.
Enregistrement du fichier en GIF, puis enregistrement sur site personnel
pour obtenir une URL.
Partage de l’URL de l’image GIF pour permettre la lecture de l’animation.
£Très fréquement £Fréquement RRarement
ACTIVITÉ
3

Mickaël Christophe
DSPP
Concevoir une animation pour le web ou pour l’affichage dynamique
ACTIVITÉ
3
Photoshop
Seul.
Date : 07/05/2016
APN détouré (fond et écrans) Exemple de calques créés pour l’animation de type diaporama
Page Facebook : https://www.facebook.com/MChaWck/?ref=bookmarks
Logo utilisé dans l’oeilleton

Mickaël Christophe
DSPP
Animer un véhicule dans un paysage.
Récupération d’un véhicule et détourage photoshop, export PNG.
Découpage des roues sous Illustrator, export PNG.
Création de calques (fond, bâtiments, voiture).
Création de l’image clé pour le défilement de la scène.
Conversion de la voiture en symbole sans les roues.
Création des roues en symbole avec rotation et accélération.
Création de la route pour tracé de référence de la voiture.
Réglages de la timeline pour fluidité de mouvements.
Création d’une boucle de lecture.
Exportation au format swf.
ACTIVITÉ
3

Mickaël Christophe
DSPP
ACTIVITÉ
3
Photoshop Edge Animate Illustrator
Seul, suivi par le formateur.
Date : 07/05/2016
Fichier source vectoriel

Mickaël Christophe
DSPP
Réaliser des séquences d’animation vectorielles interactives en deux dimensions (2D)
Création d’une séquence animée avec boutons d’action.
Récupération des images de fond, redimensionnement et export pour le
web, et recherche de l’image papillon, export PNG.
Création de la scène.
Conversion du papillon en symbole.
Tracé du parcours en assignant un guide et 3 images clé.
Programmation action sriptpour le début et fin de séquence.
Duplication de la scène en changeant l’image de fond.
Création de l’écran d’accueil avec les images bouton sélectionnées pour
créer le code de lecture des scènes correspondantes.
Export au format swf.
ACTIVITÉ
3

Mickaël Christophe
DSPP
Réaliser des séquences d’animation vectorielles interactives en deux dimensions (2D)
Du 26/02/2016 à aujourd’hui.
ACTIVITÉ
3
Photoshop Flash Action script
Date : 07/05/2016
PAGE DE DÉMARRAGE ACTION PAPILLON 1 ACTION PAPILLON 2
SYMBOLE
IMAGE
BOUTON
ACTION
SCRIPT

DSPP Infographiste multimédia

Recommandé

Recommandé

Contenu connexe

Similaire à DSPP Infographiste multimédia

Similaire à DSPP Infographiste multimédia (20)

Dernier

Dernier (20)

DSPP Infographiste multimédia