TITRE PROFESSIONNEL - Concepteur designer UI

Introduction

• Photoshop et le traitement de l’image pixel : qu’est-ce qu’un pixel
• Présentation de l’interface : menu, outils et palettes
• L’espace de travail

 Préparer mon image

• Ouvrir, redimensionner et recadrer une image
• Désincliner l’image
• Taille de l’image – Taille de la zone de travail
• Naviguer dans l’image (outil zoom, main, panneau navigation, raccourcis, etc.)

Diagnostic de l’image

• L’histogramme

Connaître les principes techniques d’une image

• Résolution et formats d’images
• Les modes colorimétriques : RVB, CMJN, etc.

La correction colorimétrique de l’image

• Présentation des réglages (menu image)
• Utiliser les réglages non destructifs (calques de réglage)
• Les réglages ajustant la luminosité, les contrastes, le point blanc et le point noir, etc.
• Les réglages affectant la teinte, la couleur, la saturation, etc.
• Tons foncés/tons clairs et Virage HDR

Comprendre et utiliser les calques

• Notions de calques (notion de plans)
• Dupliquer, supprimer, verrouiller ou déplacer un calque
• S’organiser avec les libellés (couleurs) et les groupes de calques (en bref)
• Calques de réglages « couleur unie » et « dégradé »

Sélection et détourage : première approche

• Notion de sélection
• Les outils de sélection (cadre, lasso, lasso polygonal, lasso magnétique, baguette magique, sélection rapide, etc.)
• Copier une sélection et coller sur un nouveau calque
• Travailler avec du contour progressif

Quelques outils principaux

• Pinceau/crayon/gomme
• Forme de base, diamètre, dureté, opacité, etc.
• Sélecteur de couleur (premier plan / arrière-plan)
• Outil Pipette
• Pot de peinture
• Outil dégradé
• Palette couleur
• Le nuancier
• Utiliser les repères et les règles

 Enregistrer et exporter dans différents formats d’image

• Méthode de travail en retouche : travailler au format psd
• Présentation des principaux formats d’images (Tiff, Jpeg, etc.)
• Optimisation pour le print : passage rvb vers cmjn, améliorer la résolution
• Optimisation pour le web (les formats du web : Jpeg, Gif, Png, etc.

Les bases de la retouche d’image

• Utiliser l’outil Tampon
• Outil Correcteur, correcteur localisé, pièce et déplacement basé sur le contenu
• Les outils de retouche locale (goutte d’eau, éponge, netteté, densité – et +, etc.)

Utilisation des filtres pour la correction d’image

• Les principaux filtres de netteté
• Les principaux filtres de flou (gaussien, directionnel, etc.)
  La galerie d’effets de flou
• Filtre « correction de l’objectif » (pour la photo)

Travailler en non destructif (premières notions)

• Travailler avec des calques de réglages
• Échantillonner les calques inférieurs (retouche)
• Objets dynamiques pour filtres dynamiques
• Les masques de fusion (notion de détourage bitmap)

Les masques de fusion

• Le détourage avec les masques de fusion (à partir de sélections)
• Masque de fusion sur un calque de réglage (pour régler une zone de l’image)
• Retoucher un masque de fusion (pinceau, gomme, lisser, contours progressifs, etc.)

Exercices appliqués

• Retouche photo
• Photomontage simple

Le vectoriel de Photoshop

• La palette Tracés
• Combiner plusieurs tracés
• Les calques de formes
• Le détourage à la plume (masque vectoriel)

Aller plus loin avec les calques

• Le calque d’écrêtage
• Lier des calques
• Travailler avec les modes de fusion (notions de base)

 Le texte

• Ajouter du texte (calque de texte)
• Options pour le texte

Photoshop productif (bases)

• Utilisation de Photomerge
• Planche contact
• Importations de fichiers images (liens ou incorporés)
• Ouverture de fichiers autres (Pdf, Ai, etc.)

 Retoucher un portrait (si profil photo)

• Techniques de retouche variées et combinées
• Utilisation de filtres pour la retouche d’images
• Le filtre passe-haut
• Le filtre fluidité (en filtre dynamiques)

 Photoshop multimédias

• Optimisation pour le web (les formats du web : Jpeg, Gif, Png, etc.)
• La palette Animation (Gif)
• La palette Montage (en bref)
• Organiser et découper un Design Web (outil tranche) et exportation

Exercices appliqués

• Photomontage de complexité intermédiaire
• Retouche portrait (profils photo) ou Maquette newsletter (profils web)

Outils/Fonctions supplémentaires

• Panneau « Source de duplication » avec Tampon
• Les motifs (remplir, calque de motif, tampon de motif)
• Outil forme d’historique
• Transformation basée sur le contenu
• Déformation de la marionnette
• Outil Correction de la perspective par recadrage

Sélection et détourage : Aller plus loin

• Mémoriser, récupérer une sélection
• Le « mode masque »
• Interface « Sélectionner et masquer »
• Détourer les cheveux, etc.
• Le détourage avec les couches (R/V/B)
• Combiner les techniques (détourage à la plume vers masque de fusion, puis améliorer le masque avec « Sélectionner et masquer »)

Travailler en non-destructif (notions avancées)

• Les possibilités des objets dynamiques
• Utiliser les masques de filtre dynamique

Aller plus loin avec les filtres

• Filtres de déformation, d’esthétique, pixelisation
• Le rendu d’éclairage
• Autres filtres utiles (nuage, halo, ajout de bruit, réduction de bruit, antipoussière, etc.)
• Combinaisons avec la galerie de filtres
• Aller plus loin avec Fluidité
• Filtre point de fuite
• Filtre « Grand angle adaptatif » (profil photo uniquement)

Travailler avec caméra raw (Profil Photo)

• Filtre caméra Raw à partir de Photoshop
• Caméra Raw avec Adobe Bridge
• Synchroniser les paramètres / paramètres de développement
• Renvoyer vers Photoshop (direct ou objet dynamique)

Outils de design multimédias (Profil web et PAO)

• Optimiser la maquette (profil Web)
• Les plans de travail (profil Multimédias)
• Nouvel outil « Image » (profil Web)
• Créer un Mockup (profils Web et PAO)
• Visualiser en Quadri/CMJN (Profil PAO)

 Photoshop productif (notions avancées)

• Utiliser les scripts et traitements par lots
• Autres processus d’images automatisés (charger les images dans une pile)
• La fusion HDR (profil Photo)

Illustration avec Photoshop (Travail à la tablette graphique)

• Les brosses (pinceaux)
• Créer une brosse personnalisée
• Créer des motifs personnalisés
• Options de symétrie pour la peinture

 La 3D avec Photoshop (Optionnel)

Exercices appliqués

• Petits exercices appliqués (Art numérique, Digital Painting, création de texture, etc.)
• Réalisation d’une maquette Web (profil Web)
• Atelier retouche photo (profil Photo)

Introduction 

• L'image bitmap (avec des pixels) et l'image vectorielle 

Présentation d'Adobe Illustrator et de son interface 

• Choisir son plan de travail 
• Présentation rapide des principaux outils et palettes, notion d'espace de travail 

L'objet vectoriel 

• Comprendre la forme vectorielle 
• Le point d'ancrage (types sommet ou courbe) 
• Le vecteur et la poignée de direction, etc. 

Les formes vectorielles de base : création et déformation 

• Créer un rectangle, une ellipse, un polygone 
• Créer un triangle avec l'outil polygone 
• Les déformations, utilisation du cadre de sélection 

Appliquer un fond et un contour à un objet vectoriel 

• Les différents types de fond dans la palette Nuancier : couleur, dégradé et motif 
• La palette Contour 

Les outils et techniques de sélection 

• Sélection flèche noire et flèche blanche : fonctionnalité et spécificité 
• Les autres outils de sélection (Baguette magique et Lasso) 

Déformer, transformer l'objet vectoriel 

• Déformer et transformer en utilisant la flèche blanche 
• Les outils de transformation Rotation, Miroir, Mise à l'échelle, Déformation
• La palette Transformation 
• L'outil Transformation manuelle 

Jouer sur les différents plans 

• Le menu disposition : mettre au premier plan, en arrière, etc. 
• Copier devant, copier derrière 

Dessiner avec l'outil Plume 

• Utilisation et maîtrise de l'outil plume 
• Plume plus, plume moins 
• L'outil Conversion de point d'ancrage 

Déplacer, dupliquer, aligner les objets vectoriels 

• Le menu Joindre et Alignement dans Objet > Tracé 
• La palette Alignement 
• Le menu Transformation réparti 
• Différentes possibilités pour dupliquer un objet vectoriel 

Combiner les objets vectoriels 

• Combiner avec la commande Associer et utilisation de flèche blanche plus (Sélection directe progressive)
• Travailler en mode isolation ou avec la flèche blanche plus 
• Combiner avec la palette Pathfinder 

Les bases du texte dans Adobe Illustrator 

• Outil texte 
• Outil texte captif 
• Outil texte curviligne 
• Les palettes Caractère et Paragraphe 

Gestion des images dans Illustrator 

• Importer une image 
• La palette Lien : lien d'une image, intégrer une image 
• Image sur un calque en mode modèle 

Mieux organiser son travail en se servant des calques 

• Intérêt et utilisation des calques dans Illustrator 
• Calques et sous-calques

Réaliser des dessins vectoriels simples 

• Types de travaux réalisés (à titre indicatif, non exclusif) 
• Logo, cartographie-infographie, signalétique, stylisme de mode, tatouage, illustration, etc.

Travailler avec des dégradés 

• Outil dégradé de couleur (rappel) 
• Le dégradé de forme 
• Outil filet de dégradé 

Les masques dans Illustrator 

• Masque d'écrêtage 
• Masque d'opacité 

La palette Transparence 

• Jouer sur l'opacité 
• Jouer avec les modes de fusion 

Les formes de pinceau dans Illustrator 

• La forme artistique 
• La forme de motif 
• La forme calligraphique 
• Option de pointe de pinceau 
• Faire une forme de pinceau avec une image pixel (nouveauté cc) 

La palette Aspect 

• Travailler avec plusieurs fonds et contours 
• Gérer les effets 

La palette Symbole 

• Intérêt de travailler avec des symboles 
• Créer, supprimer un symbole 
• Substituer un symbole 

La gestion des couleurs dans Illustrator 

• Mode colorimétrique suivant type de document 
• Créer, importer une bibliothèque de nuance
• Notion et utilisation de couleur globale 
• La palette couleur 
• La palette guide des couleurs 

Les principaux effets dans Illustrator 

• L'effet ombre portée 
• L'effet arrondi 

Les styles de déformation (Arc, Dilatation, etc.) 

• Dans les effets Déformation 
• Dans le menu distorsion de l'enveloppe 

Les textes dans Adobe Illustrator (approfondissement) 

• La palette Glyphe 
• Tabulation 
• Habillage du texte 

Travailler en volume dans Illustrator 

• L'effet 3D 
• L'outil grille de perspective 
• Vectorisation d'une image 

La vectorisation dynamique dans Illustrator 

• Diffèrent mode de vectorisation 
• Préparation d'une image avant la vectorisation 

Réaliser des dessins vectoriels complexes 

• Types de travaux réalisés (à titre indicatif, non exclusif) 
• Logo avec dégradés 
• Bouton web effet aqua 
• Cartographie-infographie avancées 
• Signalétique 
• Stylisme de mode avancé 
• Tatouage, illustration, etc.

Découvrir InDesign et comprendre son utilisation – présentation de l’outil

• InDesign outil de mise en page pour la PAO print et/ou numérique
• Notion sur la chaîne graphique
• Présentation de l’interface (les menus, les outils, la barre de contrôle, les palettes, etc.)

Créer un nouveau document

• Choisir le format de son document
• Choisir ses repères de marges et de colonnes

Prise en main de base

• Créer, manipuler, gérer les blocs texte et image dans InDesign
• Spécificités des différents blocs
• Les formes graphiques
• Créer et appliquer des couleurs
• Importer une image et l’ajuster
• Le panneau des calques
• Quelques mots sur l’exportation PDF

Gérer ses images dans InDesign

• Les principaux formats d’images utilisés
• Les modes colorimétriques (spécificité du CMJN)
• Le panneau Liens et la résolution d’images
• Importations multiples et autres astuces

Les aspects graphiques (couleurs, nuancier, contour, transparences, effets)

• Créer une nuance
• Les tons directs et nuances Pantone
• Créer un dégradé
• Thèmes Adobe Color
• Les attributs de contour
• Contours progressifs dégradé et autres effets
• La transparence et les modes de fusion
• La pipette

Travailler le texte et la typographie

• Les palettes Caractère et Paragraphe
• Les principaux attributs par le panneau de contrôle.
• Initiation à la typographie et à la lisibilité d’un texte
• La palette Glyphes
• Remplir avec un texte de substitution
• Installation des polices

Organiser sa mise en page dans InDesign

• Se servir de repères
• Déplacer, dupliquer, aligner des blocs
• Principes de base pour la mise en page
• Créer un document multi-pages
• L’outil espace
• Modifier les angles de bloc

Analyser une mise en page

• Typologie de mise en page
• Gestion des repères/grilles

Réaliser des mises en page avancées – InDesign productif

• L’habillage de texte
• Les options de bloc de texte
• Le chainage de blocs de texte
• L’habillage de texte
• Fonctions d’automatisation de mise en page
• Création et application de gabarits (panneau pages)
• Libérer un ou des élément(s) de gabarit
• Pagination automatique

Réaliser et gérer des documents multi-pages

• Les éléments récurrents de la maquette > Gestion des planches (ou pages en vis-à-vis)
• Les feuilles de styles (caractère-paragraphe-objet)
• Rôle des gabarits dans un document multipages

Perfectionnement sur les outils

• Gestion des repères/grilles
• Création et application d’une grille de ligne de base
• Utilisation des outils vectoriels
• Spécificités d’importations PSD et AI
• Importation multiple d’images
• Les options de calques d’objet

Pratique – réaliser des mises en page autour de projets complets

Exercices de mises en page pouvant être proposés par le formateur :

• Documents de communication monopage ou recto-verso (cartes de visites, flyers, affiches)
• Documents de communication en « volets » (3-volets, plaquettes 4 pages)
• Documents multi-pages (brochures, fascicules, etc.)

Les racines de l’identité visuelle

• Brève histoire du Design
• Les influences du Design contemporain
• Les dernières tendances

Qu’est-ce qu’une identité visuelle

• Identité visuelle et charte graphique
• Que doit comporter une charte graphique (exemples) ?
• Qu’est-ce qu’un logo et quel est son rôle ?
• Les principes fondamentaux de l’identité visuelle de marque

Interpréter les couleurs

• Psychologie des couleurs
• Créer des harmonies de couleur

La typographie

• Qu’est-ce que la typographie et qu’est-ce qu’une police de caractère ?
• Quelle police pour quelle utilisation ?

Concevoir une identité visuelle – Méthodologies

• Réaliser une stratégie de création (analyse de la demande client, de la cible, réflexion)
• Les méthodes d’agences : Brainstorming, Mind Mapping, Design Thinking
• La recherche documentaire et iconographique
• Atelier projet : Brainstorming, puis méthode « les 6 chapeaux de Bono »
• Réaliser un Mood-Board (planche tendance)

La lecture de l’image

• Analyser et évaluer la qualité d’une photographie / image
• Cadrages et compositions (règles des tiers, nombre d’or)

L’affiche

• L’affiche d’hier à aujourd’hui
• Les différents types d’affiches (publicitaire, propagande, culturelle, etc.)
• L’affiche : organisation, lecture graphique, composition
• L’affiche : le message
• Les obligations, les normes d’impression, etc.

Réalisation d’une charte graphique

• Atelier : création du logo
• Atelier : création des autres éléments de la charte graphique
• Atelier : mise en page de la charte graphique
• Bonus : l’alphabet des formes ?
• Les applications (papeterie, enseignes)
• Atelier : Réaliser un Mock-Up

Exercice Création de Logo

• Mettre en pratique l’utilisation du logiciel Illustrator en créant un logo en suivant un brief client.
• Présentation du mockup

Exercice détourage et photomontage

• Mettre en pratique l’utilisation du logiciel Photoshop en réalisant un détourage et un photomontage
  complexe en suivant un brief client.
• Présentation du mockup

Exercice création flyer

• Mettre en pratique l’utilisation du logiciel InDesign en réalisant un flyer de promotion suivant un brief client.
• Présentation du mockup

Exercice création de Magazine

• Mettre en pratique l’utilisation du logiciel InDesign en réalisant un magazine complexe suivant un brief
  client.
• Présentation du mockup

Examen blanc du Titre Professionnel Infographiste Metteur en Page 37 943

• Mise en situation d’examen pour se familiariser avec les demandes et les exigences de l’examen
• Corrections et explications

Introduction au webmarketing 

• Du web 1.0 au web 3.0 : connaître les grandes évolutions du web 3.0 Illustrer les principales tendances actuelles 
• Détourner les 6 leviers de persuasion 

Tunnel de conversion 

• S’approprier les bases de l’inbound marketing
• Concevoir un parcours utilisateur 
• Identifier la stratégie de contenu à adopter 

Attirer des visiteurs sur son site 

• Appréhender les enjeux du référencement naturel et payant
• Comprendre le fonctionnement des moteurs de recherche 
• Optimiser son site pour le SEO : les bonnes pratiques on et off page
• Suivre les bons indicateurs 
• Gérer une campagne de référencement payant avec Google Ads Mettre en place une campagne publicitaire sur les réseaux sociaux
• Concevoir des contenus d’appel attractifs 
• Décliner des personas afin d’identifier les messages clés prioritaires 

Convertir sur son site 

• Concevoir des contenus optimisés pour la conversion 
• Améliorer l’expérience utilisateur : fluidifier la navigation, structurer ses pages, hiérarchiser l’information, rédiger des titres accrocheurs 
• Optimiser son site pour la conversion : concevoir des landing pages et appels à l’action, maquetter sa home page 
• Suivre les bons indicateurs 

Collaborer avec les influenceurs 

• Identifier les grandes typologies d’influenceurs
• Adapter son approche au profil de chaque influenceur
• Mettre en place une relation durable 

Investir les réseaux sociaux 

• Dresser un panorama des principaux réseaux sociaux et de leurs spécificités
• Concevoir une ligne éditoriale convaincante 
• Optimiser ses publications pour le partage 
• Utiliser des outils de management des réseaux sociaux 
• Suivre les bons indicateurs 

Lead nurturing grâce à l’emailing 

• Mettre en place des stratégies de lead nurturing
• Optimiser ses emailings : bonnes et mauvaises pratiques
• Optimiser ses campagnes à l’aide d’un outil dédié Suivre les bons indicateurs 

Engager sa communauté 

• Tirer profit des leviers de viralité et d’engagement
• Exploiter les techniques de storytelling 
• Mettre en place une stratégie de marketing communautaire 

Piloter et monitorer sa stratégie marketing 

• Concevoir des reportings intelligents 
• Suivre les bons indicateurs grâce à Google Analytics

Mettre en place une veille efficace

Comprendre l’UX design

Les principes de conception

• Le feedback
• Affordance et mapping
• Le guidage
• La découverte progressive
• Homogénéité et anticipation de l’erreur
• La narration

Le design thinking

• Définition
• Les méthodes d’idéation

Exercice

• Atelier d’idéation basé sur la refonte d’un site.

Architecturer l’information

• L’arborescence
• Croquis
• Zoning
• Wireframe
• Storyboard
• Les grilles
• Les types d’interface
• Sens de lecture
• Zone de flottaison
• Fil d’Ariane
• Zoning de bloc
• L’usage des textes et pictogrammes
• Hiérarchie textuelle et SEO
• Les formulaires

Réaliser un prototype le prototype

• Définition
• Les 4 étapes
• L’anticipation

Les bases du projet

• La stratégie
• Devices et checkpoints
• Veille fonctionnelle
• L’innovation
• Les personas
• La taxonomie
• L’user flow
• Le mockup
• Le prototypage
• Le design
• Le maquettage / Test utilisateur

Exercice

• Appliquer la méthodologie vue précédemment pour la homepage d’un site ecommerce. De la stratégie jusqu’au croquis.

Prototyper avec Adobe XD

Découvrir Adobe XD

• Découverte de l’interface
• Utiliser les plans de travail
• Dessiner des formes
• Plan de travail responsif
• Comprendre les actifs
• Comprendre les composants
• Créer un prototype ou un wireframe
• Animer son prototype

Exercice

• Réaliser un prototype à partir du croquis ébauché.

Concevoir une application

Exercice 1 : Stratégie et définition des objectifs

• La stratégie
• Les devices
• Les veilles fonctionnelles
• Les personas
• La taxonomie
• L’user flow

Exercice 2 : Ébauche graphique de 3 pages (croquis) 

Exercice 3 : prototypage sur Adobe XD au format mobile

Présentation et architecture

Présentation de l’UI Design

• Définition
• Son rôle
• Les enjeux
• Les grandes tendances du Web
• L’expérience utilisateur

L’architecture

• Comprendre les devices et les checkpoints
• Composer à partir d’un wireframe
• Utiliser des grilles
• Penser en Responsive design
• Organiser son PSD

Construction d’un site one page

• Header, navigation, contenu et footer

Exercice

• Recomposer et adapter un site en One page initialement conçu pour les desktops pour une déclinaison en application mobile.

Colorimétrie et polices

Colorimétrie

• Définition
• L’usage des couleurs
• Le cercle chromatique
• Les types de combinaisons
• Les contrastes
• Le langage des couleurs Adobe color CC et autres outils indispensables

Polices

• Définition
• Différence entre Police, Font et Typographie
• Les grandes familles typographiques
• Bien choisir ses polices
• Règles typographiques
• Google fonts et autres outils indispensables

Logotype

• Comment créer un logo

Exercice

• Création d’un logo à l’aide des Google fonts et d’Adobe Color CC

Iconographie

• Définition
• Hiérarchie des composants visuels
• Les neurones miroirs – Jouer avec les connotations
• Jouer avec les connotations

Exercices

• Analyses d’images (connotations et dénotations)
• Trouvez le bon visuel pour le bon environnement

Réaliser un e-mailing

Anatomie d’un e-mailing

• Définition
• Contraintes techniques
• Architecturer efficacement son E-mailing
• Découverte de Mailchimp

Exercice

• Vous serez en charge de réaliser la maquette d’un emailing avec Adobe Photoshop et Mailchimp

Réaliser des bannières en GIF animés

• Définition d’une bannière
• Les formats standards
• Optimiser votre déclinaison
• Animer votre bannière sur Photoshop
• Bien exporter vos bannières
• Découverte de Google Webdesigner

Exercice

• Réalisation d’un jeu de 3 bannières

Maquetter une application

Exercice

• Réalisation d’une maquette d’application mobile de 3 pages à partir d’un prototype ou de wireframes

Initiation au html5 Css 3

• Une petite histoire du web (Les acronymes web)
• Les spécifications du HTML5
• Les éditeurs : Sublim-text ou Notepad++
• Installation de EMMET (Zencoding google)
• Les balises et leurs attributs
• Structure de base d'une page HTML5
• L'enregistrement des fichiers et création de la racine des pages URL relatif ou absolu
• Doctypes et normes W3C
• Balises de type in line et block
• Balises de structuration HTML 5
• Compatibilité entre les navigateurs (Librairie js : Modernizr)
• Nouvelles balises HTML5
• Exercices de rappel

Organiser les éléments texte

• Les titres
• Les paragraphes
• La mise en valeurs
• Les liens hypertext
• Affichages des sources image
• Créer des listes et son usage (UL, OL, LI et DL, DT, DD)
• Faire un tableau
• Les balises génériques : div, span et leur usage (balises TABLE, TR, TD, TBODY, THEAD, TH, attributs colspan et rowspan)
• Les formulaires en html 5 : nouveaux attributs pour les inputs

 Les règles CSS2 et CSS3

• Notion de feuille de style en cascades
• Où écrit-on le CSS ? : link,style type et style scoped
• Les sélecteurs html
• Les différents types de sélecteur css : classe, id et pseudo-classe
• Attributs de sélecteur
• Préfixe pour les navigateurs.
• Importation de la police et les possibilités de compatibilité css3 (@font-face)
• Framework : font-squirrel pour l'optimisation d'affichage de la police importé
• Introduction aux différentes unités : px, pt, %, em et rem
• La notion de boite et présentation du modèle de boite
• Gestion des couleurs : notion exadécimal, rgb et rgba
• Utilisation du Framework : Flat-Ui et google material design, colorZilla
• Propriété supplémentaire css : les border, padding, margin et box-sizing
• Float, clear left, right et both
• Background, background-image, background-color et background-size
• Framework font-awesome pour l'application des icônes codés en css
• Exercices pratique de rappel

Au cours de cette formation les exercices pratiques vous amèneront à créer des comptes et contenus sur les réseaux sociaux de votre choix. A l’issue de cette formation :

• Votre profil personnel est optimisé pour votre activité professionnelle
• Vous identifiez et entrez en contact direct avec de nouveaux prospects
• Vous économisez en « démarchage de masse » (Téléphone, mailing, etc.)
• Vous valorisez votre entreprise au travers de votre expertise
• Vous établissez une veille rapide et efficace sur votre secteur d’activité
• Vous disposez d’une connaissance de la sphère Social Media

Facebook

Comprendre et agir sur le 1er réseau social mondial

• Environnement et navigation
• Pourquoi et comment construire son profil personnel ?
• Profil Personnel vs Page Professionnelles : quelles différences, quelles synergies ?

Créez la Page Professionnelle de votre entreprise

• Usages et intérêts de la Page Professionnelle
• Définir son positionnement
• Publier ses premiers messages

Mettre en ligne des campagnes publicitaires pour atteindre ses prospects

• Pourquoi avoir recours aux publicités ?
• Les formats publicitaires et les moyens financiers à engager
• Analyses statistiques

Ma ligne éditoriale & commerciale

Définir la ligne éditoriale de son entreprise

• Quel est mon univers de prospection ?
• Définir son discours entre expertise et actions commerciales
• Bonnes et mauvaises pratiques

Twitter

Comprendre et agir sur ce réseau d’expertise

• A quoi sert Twitter et comment l’appréhender ?
• Lecture et navigation
• Usages et bonnes pratiques

Créez et activez son compte Twitter

• Définir sa ligne éditoriale et commerciale
• Publier ses premiers tweets
• Faire sa veille métier et concurrentielle sur Twitter

Instagram

Valoriser et sublimer son entreprise au travers d’un réseau d’images

• Comment fonctionne Instagram
• Lecture et navigation
• Usages et bonnes pratiques

Créez et activez son compte Instagram professionnel

• Définir sa ligne éditoriale et commerciale
• Mettre en ligne ses premières publications
• Faire grandir sa communauté

Création de contenus graphiques sur les réseaux

• Les solutions simples et accessibles pour créer des contenus
• Trouver des images pour illustrer ses messages
• Trouver et utiliser des images animées pour valoriser ses publications

LinkedIn

Comprendre et agir sur le 1er réseau social professionnel

• Environnement et navigation
• Les 5 clés pour valoriser votre profil personnel
• Editer et mettre en ligne son profil

Créer des contenus sur LinkedIn pour valoriser son expertise

• Rechercher des contacts
• Publier ses premiers messages
• Publier ses premiers articles

Le social selling au service de votre entreprise

• Notions
• Comment attirer les autres ?
• Comment se rendre désirable ?

Créer la Page Professionnelle de votre entreprise

• Notions et caractéristiques
• Edition et mise en ligne d’une Page Professionnelle
• Ligne éditoriale et diffusion des premiers messages

Les prérequis à l’utilisation de WordPress 

• Comment fonctionne un site web ? 
•  Qu’est-ce que WordPress ? 
• Quelles sont les étapes de création d’un site WordPress ? 
• De quoi a-t-on besoin pour créer un site WordPress ? 
• Quelques conseils avant de démarrer

Installer WordPress sur son ordinateur avec local by Flywheel 

• Pourquoi réaliser un site dans un environnement de travail local ? 
• Comment installer et déployer WordPress avec Local by Flywheel ? 

Comprendre l’administration de WordPress 

• Quelle est la différence entre le back office et le front office de WordPress ?
• Comment se présente le back office ? 
• Quels sont les fichiers qui composent un site WordPress ? 

Effectuer les réglages de base d’un site WordPress 

• Définir les règles d’utilisation du site web 
• Personnaliser son profil d’administrateur 
• Administrer les utilisateurs du site web 

Créer un site simple à l’aide des fonctionnalités de base de WordPress 

• Importer des contenus multimédias dans la bibliothèque 
• Définir des catégories et des sous catégories d’articles 
• Créer et publier des articles 
• Créer et publier des pages 
• Créer et organiser un menu de navigation 
• Créer des liens hypertexte 
• Les bases de la personnalisation graphique 
• Enregistrer son site et le partager à l’aide de Local by Flywheel 

Créer un site complexe en utilisant un thème et des plugins 

• Créer un nouveau site WordPress à partir d’un blueprint Local by Flywheel 
• Installer un thème WordPress 
• Personnaliser la page d’accueil de son thème 
• Personnaliser les autres pages du site 
• Installer des extensions
• Présentation de l’outil de code CSS additionnel 
• Tester son site WordPress 

Publier un site WordPress sur le web 

• S’inscrire à un service d’hébergement web (ex : OVH) 
• Transférer un site web d’un serveur local à un serveur web avec All-In-One WP
• Migration Vérifier que la migration s’est bien déroulée 
• Obtenir un certificat SSL 
• Rendre le site visible auprès des moteurs de recherche
• Ressources pour améliorer son site 
  • Les meilleurs plugins du moment 
  • Les sites indispensables 
• Installer et manipuler les fichiers de WordPress manuellement 
  • De quoi a-t-on besoin pour installer un site WordPress manuellement ? 
  • Installer WordPress manuellement sur son ordinateur 
  • Migrer son site vers un serveur web 
• Aller plus loin 
  • Conseils pour entretenir son site 
  • Conseils pour progresser

Revue du site internet et stabilisation

• Inscription du site sur l’hébergeur
• Implantation des différents graphisme et animation
• Stabilisation du site pour un usage effectif

Enrichir son site Web

• Changer de thème et réaliser la maintenance de son site internet en toute autonomie

Aller plus loin

• Appréhension des différents pluggin de Wordpress
• Implanter les pluggin supplémentaires choisis
• Gérer la sécurité du site

Illustration vectorielle et animations simples

• Comprendre les deux principaux modes de création et stockage des images numériques et vecteurs (eps, svg, ai)
• Création d’un objet stylisé 2D en utilisant les courbes de bézier
• Les aplats de couleur et les dégradés
• Création d’une composition équilibrée à partir d’éléments vectoriels et bitmap
• Les cinq propriétés de bas d’un calque
• Animations simples par image clés : position, rotation, échelle
• Trajectoires de mouvement
• Préparer un sujet pour un film de motion design

 Animation avancée

• Les accélérations et ralentis dans une animation
• Interpolation spatiale et temporelle. L’éditeur de graphiques
• Types d’images clés – lissage à l’approche / éloignement, maintien, déplacement dans le temps
• Le parentage et les animations composées. Calques et objets nuls
• Importation de documents Illustrator et Photoshop multi-calque
• Création et paramétrage d’un bras articulé. FK et IK
• Préparer un storyboard pour un film de motion design

 Animation de texte

• Introduction au motion design avec l’animation de texte
• Création de titres animés avec After Effects
• Application d’un effet sur un partie d’un calque de texte – le sélecteur de plage
• Utilisation du sélecteur de plage pour une animation lettre par lettre
• Effets aléatoires – le sélecteur de tremblement
• Rendu d’un découpage pour le film de motion design

 Calques de forme

• Les outils de conception graphique dans le logiciel : outils géométriques et plume
• Comprendre la différence entre les masques et les calques de forme
• Structure et hiérarchie d’un calque de forme
• Les modificateurs des calques de forme : fusionner, répétition, tremblements etc.
• Les tracés libres : créer une forme personnalisée en utilisant l’outil plume
• Réaliser un morphing en déplaçant les sommets un tracé vectoriel
• Passerelles entre les logiciels Adobe Illustrator et After Effects

 Espace 3D et rendus

• L’espace 3D dans Adobe After Effects. L’axe de la profondeur (Z)
• Déplacer et faire tourner un calque dans les trois dimensions
• Ajouter et animer des lumières et une caméra
• Comprendre la compression vidéo, types de compression (avec et sans pertes de qualité)
• Comprendre la différence entre un multiplexeur et un codec
• Effectuer le réglage des paramètres d’export dans After Effects et Media Encoder
• QCM : vérification des acquis de la semaine

Animations 3D avancées

• Placement des calques en vue de la création d’un décor en 3D
• Vues de perspective et vue orthogonales. Division de la fenêtre composition
• Paramètres avancés des lumières et surfaces. Projeter et accepter des ombres
• Paramètres avancés des caméras. Réduire la profondeur de champ
• Réaliser un effet de parallaxe en animant une caméra dans un décor 3D
• Travaux accompagnés : réalisation d’un film de motion design

 Suivi de mouvement et lancer de rayon

• Suivi de point, rotation et échelle d’un métrage filmé
• Reconstitution de la trajectoire d’une caméra et intégration d’un texte 3D dans un métrage
• Les moteurs de rendu raytracing et Cinema 4D dans After Effects
• Extrusion d’un texte et d’un calque de forme
• La passerelle entre les logiciels Cinema 4D et After Effects – le plugin Cineware
• Travaux accompagnés : réalisation d’un film de motion design

 Systèmes de particules

• Comprendre le fonctionnement d’un système de particules : Emetteur, particules, forces
• Les systèmes de particules intégrés au logiciel : Particle Systems II, Laboratoire de Particules
• Création d’un rideau de neige et d’une flamme avec le laboratoire de particules
• Le générateur de vagues et les ondes radio
• Travaux accompagnés : réalisation d’un film de motion design

 Les expressions

• Introduction aux expressions et à leur cas d’utilisation : comment programmer After Effects
• Comprendre les paramètres et les valeurs
• Écrire des expressions automatiques avec l’icône de sélection. Modifier une expression
• Expressions répétitives (loop) et expressions aléatoires (wiggle)
• Construire un système de contrôle pour une scène avec les expressions
• Extraire l’intensité sonore d’un fichier audio et l’utiliser pour animer d’autres calques
• Travaux accompagnés : réalisation d’un film de motion design

 Intégration d’After Effects dans un flux de travail

• La passerelle Dynamic Link entre Adobe Premiere Pro, After Effects et Media Encoder
• Installation et activation de scripts et plug-ins
• Préparer le déplacement d’un projet : le système de dépendances et de liens
• QCM : vérification des acquis de la semaine
• Rendu du film de motion design réalisé dans la semaine