DSPP Infographiste multimédia

DSPP

DOSSIER DE SYNTHESE DE PRATIQUE PROFESSIONNELLE

Mickaël Christophe

25 rue de la place des Fusillés70800 St Loup Sur Semouse

[email protected]

INFOGRAPHISTEMULTIMÉ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ésP.8___

Réaliser des photomontages complexesP.10___

Concevoir et mettre en page des documents imprimés simples

P.12____

Assurer une veille technique et technologiqueP.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 dynamiqueP.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 parcoursaprè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ériquesPré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éalisationRTrè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

Réaliser des infographies pour des supports numériquesPré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

Réaliser des infographies pour des supports numériquesRéaliser des graphismes et illustrations fixes élaborés


Création de pictogrammes spécifiques.

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 : 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é).

Fréquence de réalisation£Très fréquement RFréquement £Rarement





ACTIVITÉ1

Mickaël Christophe

DSPP

Réaliser des infographies pour des supports numériquesRéaliser des graphismes et illustrations fixes élaborés




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

Réaliser des infographies pour des supports numériquesRéaliser des photomontages complexes


Création d’un Mockup de présentation de site web.

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 : 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 création d’un espace innovant (Fab Lab et Coworking)

ACTIVITÉ1

Mickaël Christophe

DSPP

Réaliser des infographies pour des supports numériquesRéaliser des photomontages complexes




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

Réaliser des infographies pour des supports numériquesConcevoir 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.

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 : 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

Réaliser des infographies pour des supports numériquesConcevoir et mettre en page des documents imprimés simples




ACTIVITÉ1

InDesign Word Illustrator



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

LOGO à conserver (possibilité de modifier les couleurs)

AFFICHE FINALE

Mickaël Christophe

DSPP

Réaliser des infographies pour des supports numériquesAssurer une veille technique et technologique


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.

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 : 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.

Fréquence de réalisationRTrès fréquement £Fréquement £Rarement





ACTIVITÉ1

Mickaël Christophe

DSPP

Réaliser des infographies pour des supports numériquesAssurer une veille technique et technologique




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 ligneConcevoir la mise en page de sites web en tenant compte des critères ergonomiques,

du référencement et de l’accessibilité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é :

Refonte du site de l’association AFSAME, entité «Le foyer». - MAQUETTAGE + INTÉGRATION -

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 : 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

Réaliser des sites web destinés à la chaîne d’édition multimédia en ligneConcevoir la mise en page de sites web en tenant compte des critères ergonomiques,

du référencement et de l’accessibilité4 - Indiquez la période de l’exercice de cette pratique professionnelle :

Du 01/12/2015 à aujourd’hui



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éaliser des sites web destinés à la chaîne d’édition multimédia en ligneRéaliser un site web dynamique


Réalisation d’un site de type book de modèle.

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 :

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

Réaliser des sites web destinés à la chaîne d’édition multimédia en ligneRéaliser un site web dynamique




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

Réaliser des sites web destinés à la chaîne d’édition multimédia en ligneConfigurer 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.

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 : 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

Réaliser des sites web destinés à la chaîne d’édition multimédia en ligneConfigurer 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 interactivesConcevoir une animation pour le web ou pour l’affichage dynamique


Exercice personnel de réalisation d’animation GIF pour Facebook.

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 : 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.

Fréquence de réalisation£Très fréquement £Fréquement RRarement





ACTIVITÉ3

Mickaël Christophe

DSPP

Élaborer des séquences d’animation interactivesConcevoir 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

Élaborer des séquences d’animation interactivesRéaliser une animation en deux dimensions (2D)


Animer un véhicule dans un paysage.

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 : 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

Élaborer des séquences d’animation interactivesRéaliser une animation en deux dimensions (2D)




ACTIVITÉ3

Photoshop Edge Animate Illustrator

Seul, suivi par le formateur.




Date : 07/05/2016

Fichier source vectoriel

Mickaël Christophe

DSPP

Élaborer des séquences d’animation interactivesRéaliser des séquences d’animation vectorielles interactives en deux dimensions (2D)


Création d’une séquence animée avec boutons d’action.

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 : 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

Élaborer des séquences d’animation interactivesRéaliser des séquences d’animation vectorielles interactives en deux dimensions (2D)

4 - Indiquez la période de l’exercice de cette pratique professionnelle :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

IMAGEBOUTON

ACTIONSCRIPT

Education

DSPP Infographiste multimédia