Expériences — Jean-Christophe Soumy

Présentation

Maîtrisant parfaitement les techniques d’apprentissage sur les logiciels Photoshop, Illustrator, After-Effects et Cinema 4D, je mets au service de mes élèves toute la richesse de mes 30 années d’expérience professionnelle obtenue en tant qu’infographiste, consultant et directeur artistique.

Intervenant régulièrement comme formateur auprès de centres de formation, d’entreprises et de particuliers, je m’efforce de permettre à chacun de mes élèves de développer ou de compléter leurs connaissances.

Flexible, j’élabore des plans de cours adaptés aux différents niveaux des apprenants. Je m’adapte également au plan de formation élaboré par vos soins pour chaque logiciel sur lequel j’interviens.

Je m'efforce de transmettre ma passion, mes compétences et ma méthodologie toujours dans la bonne humeur et de donner vie à mes cours.

J’accompagne ainsi chacun de mes élèves tout au long de leur formation en mettant à leur disposition un support vidéo de chaque exercice vu durant nos cours, leur permettant ainsi de les réétudier à n’importe quel moment.

Expériences

Réalisation d'une vidéo promotionnelle pour la marque APG .
Logiciels utilisés :
Cinéma 4D
After-Effects
Illustrator
Photshop

Introduction au motion design et à ses applications (After-Effects, Photoshop, Illustator, Cinema 4D)
Présentation d'After Effects et de son interface.
Gestion des projets, compositions et calques.
Principes de l'animation : position, échelle, rotation, opacité.
Utilisation des keyframes et du graph editor.
Animation de texte et typographie.
Introduction aux pré-compositions et à la gestion des compositions.
Les lissages de vitesse
Effets de Base et Masques
Utilisation des effets de base (flou, distorsion, correction colorimétrique).
Création et personnalisation de transitions.
Introduction aux masques et aux formes.
Animation des masques et des formes.
Modes de Fusion et Couches d'Effets
Utilisation des modes de fusion.
Création de couches d'effets et de réglages.
Exemples pratiques d'utilisation des effets et des transitions.
Animation avancée et Expressions
Introduction aux expressions courantes et scripts simples.
Animation par trajectoire et parentage.
Animation 3D dans After Effects (caméras, lumières, profondeur de champ).
Introduction à Cinema 4D
Interface de Cinema 4D et navigation de base.
Objets polygonaux de base.
Introduction sur les modifiers
Utilisation des splines.
Matériaux et Rendu
Introduction aux matériaux et aux textures.
Présentation des principaux schaders (Noise, dégradé...)
Rendu basique avec les paramètres de rendu par défaut
Animation des Objets
Utilisation des déformateurs pour l'animation.
Introduction aux effecteurs Mograph.
Découverte des outils pour la modélisation polygonale.
Introduction aux outils de simulations

Introduction aux simulations de particules et aux effets physiques.
Intégration After Effects et Cinema 4D
Utilisation de Cineware pour l'intégration.
Exportation et importation des projets entre les deux logiciels.
Conception d'un Projet Motion Design
Planification et storyboard du projet.
Mise en place de la scène dans Cinema 4D.
Animation des éléments principaux.
Intégration des éléments animés dans After Effects.
Ajout des effets, des transitions et des finitions.
Correction colorimétrique dans After-Effects
Exportation du projet final.

Qu’est-ce que le Design d’interfaces ?, définition et but de l’Ergonomie.
Qu’est-ce que l’IHM ?
Les différents comportements et gestuelles tactiles
Historique et évolution du mobile
Panorama des OS existants
Parts de marché des OS
Création d'une maquette d'une application mobile en utilisant photoshop et illustrator.
Mise en place et animation d'une maquette fonctionnelle sous Adobe XD.

Présentation de Google Web Designer
Qu'est-ce que Google Web Designer et ses principales fonctionnalités ?
Applications et utilité dans la création de contenus web interactifs et publicitaires.
Aperçu de l'interface utilisateur : barres d'outils, panneaux et menus.
Définition des paramètres du projet (dimensions, type de fichier, etc.).
Compréhension de la timeline et des frames.
Utilisation des outils de base
Outils de dessin : formes, lignes, polygones.
Outils de texte : ajout et formatage de texte.
Insertion d'images et d'éléments multimédias.
Animation et Interactivité
Animation par images clés (keyframes) : position, rotation, échelle, opacité.
Utilisation de la timeline pour animer les éléments.
Animation de texte et d’images.
Animation de formes et de graphiques.
Ajout d'interactions
Utilisation des événements (click, hover, etc.).
Ajout d'actions interactives (navigation, changements d'état).
Animation avancée
Utilisation des courbes de Bézier pour des mouvements fluides.
Synchronisation des animations avec des interactions utilisateur.
Publication et Intégration
Prévisualisation du contenu
Utilisation de l'outil de prévisualisation intégré.
Test des animations et des interactions.
Exportation du projet
Paramètres d’exportation pour différents formats (HTML5, GIF, vidéo).
Optimisation des performances
Réduction de la taille des fichiers.
Optimisation des images et des ressources multimédias.
Atelier pratique
Création d'un mini-projet incluant animations et interactions.

Le futur du design graphique via l'intelligence artificiel
Comprendre les capacités de l’intelligence artificielle dans la création graphique
Intelligence artificielle et graphisme : quelles applications ?
Intégration de l'IA dans les produits Adobe
La créativité et l’intelligence artificielle
Comment trouver de l’inspiration grâce à l’intelligence artificielle ?
Communiquer avec une IA grâce aux prompts
Le rôle de l'IA dans le graphiste de demain
Générer des idées et explorer des styles
Automatiser les tâches répétitives

Rappel des fonctions de base d'After-Effects
Appréhender l’environnement 3D dans l’interface d’After Effects
Les différents type de moteur de rendu et de ces principales options
Les transformations spécifiques aux calques 3D
Créer et paramétrer une camera
Les différents types de lumières
Le suivi de mouvement (Tracking) 2D et 3D
Sensibilisation sur le rotoscoping
Créer une scène sur Cinéma 4D et l'importer sur After-Effect
Paramétrage de Cineware
Positionnement des éléments importés dans l'espace 3D
Combiner des éléments 2D et 3D pour créer des animations complexes

- Formation courte sur les bases d'After-Effects
  Passage en revue de l''interface, des préférences, des espaces de travail et des différentes fenêtres de travail.
- L'importation des différents types de métrages dans un projet (AI, PSD, vidéo...) et les options de la fenêtre de projet.
- Comprendre le système de composition
- Les différentes options de la fenêtre de montage
- Utilisation de métrages vectoriels VS métrages pixelisés
- Positionner correctement un métrage dans la fenêtre de composition grâce à l'outil d'alignement et au système d'accrochage.
- Les clés d'animation ( création, copie, déplacement, suppression.)
- Les différents types de calque
- Les lissages de vitesse
- Le parentage
- Les masques
- Utilisation du pinceau, de la gomme et du tampon
- Les calques de forme
- L'animation de texte
- Les principaux effets
- L'export

- Le futur du design graphique via l'intelligence artificiel
- Comprendre les capacités de l’intelligence artificielle dans la création graphique
- Intelligence artificielle et graphisme : quelles applications ?
- Intégration de l'IA dans les produits Adobe
- La créativité et l’intelligence artificielle
- Comment trouver de l’inspiration grâce à l’intelligence artificielle ?
- Communiquer avec une IA grâce aux prompts
- Le rôle de l'IA dans le graphiste de demain
- Générer des idées et explorer des styles
- Automatiser les tâches répétitives

Passage en revue de l''interface, des préférences, des espaces de travail et des différentes fenêtres de travail.
- L'importation des différents types de métrages dans un projet (AI, PSD, vidéo...) et les options de la fenêtre de projet.
- Comprendre le système de composition
- Les différentes options de la fenêtre de montage
- Utilisation de métrages vectoriels VS métrages pixelisés
- Positionner correctement un métrage dans la fenêtre de composition grâce à l'outil d'alignement et au système d'accrochage.
- Les clés d'animation ( création, copie, déplacement, suppression.)
- Les différents types de calque
- Les lissages de vitesse
- Le parentage
- Les masques
- Utilisation du pinceau, de la gomme et du tampon
- Les calques de forme
- L'animation de texte
- Les principaux effets
- L'export

- Découvrir l’interface
- Les principaux raccourcis
- Créer un document
- Utiliser les outils géométriques
- Gérer et modifier les objets
- Manipuler les formes
- Découvrir les courbes de Bézier
- Ouvrir, supprimer, aligner et joindre des points d'ancrage
- Simplifier la création de formes complexes.
- Placer des repères et paramétrer la grille
  Utiliser les calques
- Personnaliser son nuancier
- Créer des gammes de couleurs
- Appliquer de la transparence à un objet
- Saisir et mettre en forme du texte
- Placer un texte sur le contour ou l’intérieur d’une forme
- Organiser et mémoriser son espace de travail
- Décliner ses créations sur des plans de travail
- Vectoriser un texte
- Mettre en couleur une illustration
- Importer une photographie pour la décalquer
- Échanger avec Photoshop et After-Effects
- Maîtriser les formats et les options d'enregistrement

Présentation de Google Web Designer
Qu'est-ce que Google Web Designer et ses principales fonctionnalités ?
Applications et utilité dans la création de contenus web interactifs et publicitaires.
Aperçu de l'interface utilisateur : barres d'outils, panneaux et menus.
Définition des paramètres du projet (dimensions, type de fichier, etc.).
Compréhension de la timeline et des frames.
Utilisation des outils de base
Outils de dessin : formes, lignes, polygones.
Outils de texte : ajout et formatage de texte.
Insertion d'images et d'éléments multimédias.
Animation et Interactivité
Animation par images clés (keyframes) : position, rotation, échelle, opacité.
Utilisation de la timeline pour animer les éléments
Animation de texte et d’images.
Animation de formes et de graphiques.
Ajout d'interactions
Utilisation des événements (click, hover, etc.).
Ajout d'actions interactives (navigation, changements d'état).
Animation avancée
Utilisation des courbes de Bézier pour des mouvements fluides.
Synchronisation des animations avec des interactions utilisateur.
Publication et Intégration
Prévisualisation du contenu
Utilisation de l'outil de prévisualisation intégré.
Test des animations et des interactions.
Exportation du projet
Paramètres d’exportation pour différents formats (HTML5, GIF, vidéo).
Optimisation des performances
Réduction de la taille des fichiers.
Optimisation des images et des ressources multimédias.
Atelier pratique
Création d'un mini-projet incluant animations et interactions.

- Formation courte sur les bases d'After-Effects
  Passage en revue de l''interface, des préférences, des espaces de travail et des différentes fenêtres de travail.
- L'importation des différents types de métrages dans un projet (AI, PSD, vidéo...) et les options de la fenêtre de projet.
- Comprendre le système de composition
- Les différentes options de la fenêtre de montage
- Utilisation de métrages vectoriels VS métrages pixelisés
- Positionner correctement un métrage dans la fenêtre de composition grâce à l'outil d'alignement et au système d'accrochage.
- Les clés d'animation ( création, copie, déplacement, suppression.)
- Les différents types de calque
- Les lissages de vitesse
- Le parentage
- Les masques
- Utilisation du pinceau, de la gomme et du tampon
- Les calques de forme
- L'animation de texte
- Les principaux effets
- L'export

Formation sur les fondamentaux d'Adobe XD
sur 15 heures
Utilisation des outils de dessin et de textes
- Création d’éléments répétés
- Combinaison d’objets et de masques
- Travail avec des sources externes (Illustrator, Photoshop…)
- Export des éléments créés dans XD
- Ajout de l’interactivité dans un prototype
- Visualisation et partage d’un projet

Création d’un persona de design complet avec nom de marque, image de la personnalité, traits de la marque, carte de la personnalité...
Maquettage, création d' éléments de communication, charte graphique (Logo (présentation, déclinaisons, interdits...)
Choix typographique, L’anatomie d’une typographie (empattement, chasse, interlettrage/approche,)...
Création d'une Charte graphique et ergonomique (Contraintes et limites d’une charte graphique, coût d’une charte graphique, contenu d’une charte graphique à la fois web et print...)
Création et argumentation de choix graphiques
Couleurs : Différence entre le CMJN et le RVB, symbolique des couleurs, contrastes d’accessibilité à respecter
Symbolique des formes

Description de l'entreprise

L'institut F2i est un établissement d'enseignement privé post-baccalauréat spécialisé dans les technologies informatiques, le digital et les filières d'UI Design

Site web de l'entreprise

https://www.institut-f2i.fr/

Les fondamentaux d'After-Effects.
Passage en revue de l''interface, des préférences, des espaces de travail et des différentes fenêtres de travail.
L'importation des différents types de métrages dans un projet (AI, PSD, vidéo...) et les options de la fenêtre de projet.
Comprendre le système de composition
Les différentes options de la fenêtre de montage
Utilisation de métrages vectoriels VS métrages Bitmap
Positionner correctement un métrage dans la fenêtre de composition grâce à l'outil d'alignement et au système d'accrochage.
Les clés d'animation ( création, copie, déplacement, suppression.)
Les différents types de calque
Les lissages de vitesse
Le parentage
Les masques
Utilisation du pinceau, de la gomme et du tampon
Les calques de forme
L'animation de texte via le sélecteur de plage
Les principaux effets
Les différents formats d'export

Description de l'entreprise

Centre de formation

Site web de l'entreprise

https://istratech.fr/

Passage en revue de l''interface, des préférences, des espaces de travail et des différentes fenêtres de travail.

L'importation des différents types de métrages dans un projet (AI, PSD, vidéo...) et les options de la fenêtre de projet.

Comprendre le système de composition

Les différentes options de la fenêtre de montage

Utilisation de métrages vectoriels VS métrages pixelisés

Positionner correctement un métrage dans la fenêtre de composition grâce à l'outil d'alignement et au système d'accrochage.

Les clés d'animation ( création, copie, déplacement, suppression.)

Les différents types de calque

Les lissages de vitesse

Le parentage

Les masques

Utilisation du pinceau, de la gomme et du tampon

Les calques de forme

L'animation de texte

Les principaux effets

L'export

Formation "longue" sur After-Effects (70 heures)
Les fondamentaux d'Illustrator et de Photoshop

Description de l'entreprise

Le Campus Fonderie de l’Image propose des formations diplômantes de bac à bac +5, dans les domaines du design graphique, du motion design, de la communication et du numérique, en alternance et à temps plein

Site web de l'entreprise

https://www.campusfonderiedelimage.org/

Formation sur les fondamentaux des principaux logiciels Adobe.
After-Effect - Illustrator - Photoshop

Les calques de forme
L'animation de texte
L'éditeur de graphique et la gestion des vitesses
Le tracking
L'espace 3D

Description de l'entreprise

Établissement d’enseignement supérieur spécialisé en Design, Arts Appliqués &Communication

Site web de l'entreprise

https://www.mjm-design.com/

Formation sur les fondamentaux d'After-Effects

Initiation au logiciel 3DSMAX
Découverte de l'interface et des menus de navigation.
Découverte des primitives et de tracés (splines)
Découverte des principaux modifiers
Création d'un système de lighting de base
Animation basique
Découverte des shaders de base
Rendu de base

Découvrir l’interface
Les principaux raccourcis
Créer un document
Utiliser les outils géométriques
Gérer et modifier les objets
Manipuler les formes
Découvrir les courbes de Bézier
Ouvrir, supprimer, aligner et joindre des points d'ancrage
Simplifier la création de formes complexes.
Placer des repères et paramétrer la grille
Utiliser les calques
Personnaliser son nuancier
Créer des gammes de couleurs
Appliquer de la transparence à un objet
Saisir et mettre en forme du texte
Placer un texte sur le contour ou l’intérieur d’une forme
Organiser et mémoriser son espace de travail
Décliner ses créations sur des plans de travail
Vectoriser un texte
Mettre en couleur une illustration
Importer une photographie pour la décalquer
Échanger avec Photoshop et After-Effects
Maîtriser les formats et les options d'enregistrement

Formation After-Effects cycle court. 5 jours
(Motion Design)
Formation sur Photoshop orienté design sur 5 jours

Description de l'entreprise

Ecole d'art créative.

Site web de l'entreprise

http://www.mjm-design.com

Formation sur les fondamentaux d'Adobe XD
Utilisation des outils de dessin et de textes
Création d’éléments répétés
Combinaison d’objets et de masques
Travail avec des sources externes (Illustrator, Photoshop…)
Export des éléments créés dans XD
Ajout de l’interactivité dans un prototype
Visualisation et partage d’un projet
Création d'une maquette fonctionnelle

Formation sur Illustrator orienté création Print. 5 jours
Formation sur Indesign. 5 jours

Découvrir l’interface d'Illustraor
Les principaux raccourcis
Créer un document
Utiliser les outils géométriques
Gérer et modifier les objets
Manipuler les formes
Découvrir les courbes de Bézier
Ouvrir, supprimer, aligner et joindre des points d'ancrage
Simplifier la création de formes complexes.
Placer des repères et paramétrer la grille
Utiliser les calques
Personnaliser son nuancier
Créer des gammes de couleurs
Appliquer de la transparence à un objet
Saisir et mettre en forme du texte
Placer un texte sur le contour ou l’intérieur d’une forme
Organiser et mémoriser son espace de travail
Décliner ses créations sur des plans de travail
Vectoriser un texte
Mettre en couleur une illustration
Importer une photographie pour la décalquer
Échanger avec Photoshop et After-Effects
Maîtriser les formats et les options d'enregistrement
Passage en revue de l''interface, des préférences, des espaces de travail et des différentes fenêtres de travail d'After-Effects
L'importation des différents types de métrages dans un projet (AI, PSD, vidéo...) et les options de la fenêtre de projet.
Comprendre le système de composition
Les différentes options de la fenêtre de montage
Utilisation de métrages vectoriels VS métrages pixelisés
Positionner correctement un métrage dans la fenêtre de composition grâce à l'outil d'alignement et au système d'accrochage.
Les clés d'animation ( création, copie, déplacement, suppression.)
Les différents types de calque
Les lissages de vitesse
Le parentage
Les masques
Utilisation du pinceau, de la gomme et du tampon
Les calques de forme
L'animation de texte
Les principaux effets
L'export

Module de 5 jours sur l'animation de texte et l'animation des calques de forme sur After-Effects
Création d'éléments graphiques sur illustrator

Initiation à After-Effects et au Motion Design sur 5 jours

Formation de 5 jours sur les fondamentaux d'After-Effects

Création d'une maquette d'une application mobile en utilisant photoshop et illustrator.
Mise en place et animation d'une maquette fonctionnelle sous Adobe XD.
Sensibilisation à l'ergonomie et à l'accessibilité

Qu’est-ce que le Design d’interfaces ?, définition et but de l’Ergonomie, qu’est-ce que l’IHM ?
Les différents comportements et gestuelles tactiles
Historique et évolution du mobile
Panorama des OS existants
Parts de marché des OS
Création d'une maquette d'une application mobile en utilisant photoshop et illustrator.
Mise en place et animation d'une maquette fonctionnelle sous Adobe XD.

Création de la charte graphique du site internet Gwenood.bzh
Création d'éléments de communication

Création de l'identité visuelle d'Esthéolis
Création d'élément de communication
Création d'animations et de films institutionnels
Création de flyers et d'éléments print

Formation 3DSmax cycle long
Jury pour obtention diplôme

Création d’éléments visuels pour la télévision
Création de la charte graphique des sites vivolta.com,
Televista.com, familynet.fr
Création de bannières publicitaires
Création de mini-sites évènementiels
Création de vidéos pour le site et la chaine TV vivolta.com
Création d’éléments graphiques destinés à être imprimés
Gestion et formation des stagiaires infographistes

Détails de l'expérience

Création d’éléments visuels pour la télévision.
Création de la charte graphique du site internet vivolta.com.
Création des sites internet Televista, familynet.fr
Création de bannières publicitaires.
Création de mini sites évènementielles. création de vidéos web.
Création d’éléments graphiques destinés à être imprimés.

Description de l'entreprise

Chaîne de télévision câblé ayant pour thématique le bien-être.

Site web de l'entreprise

http://www.vivolta.com/

Conception et réalisation du site internet de l'agence
Création et montage de modules publicitaires vidéos
Création d’éléments graphiques destinés à être imprimés
Création de vidéos institutionnelle

Détails de l'expérience

Création d'un site internet en full 3D (3Dsmax, after-effects, flash).
Création et montage de vidéos promotionnelles et institutionnelles.
Création d’éléments graphiques destinés à être imprimés.

Description de l'entreprise

Agence évènementielle.

Site web de l'entreprise

http://www.eventgroup.fr/

En charge de la maintenance et de la mise à jour du site de l'Aéroport de Paris
Création de micro-site web événementiel
Création d’éléments graphiques destinés à être imprimés
Création d'éléments visuels signalétiques

Détails de l'expérience

Création et intégration d’éléments web (CMS).
Création de contenus animées ( bannières flash, vidéos).
Création de mini sites évènementielles.

Description de l'entreprise

Agence de communication et de marketing relationnel.

Site web de l'entreprise

http://www.businesslab.com

Conception, réalisation et déclinaison graphique de sites internet : Peugeot, Dior, Hennessy, Gault et Millau, Havas, Nouvelles-Frontières.
Création d'animations flash
Création de vidéos
Création de bannières publicitaires
Création d’éléments graphiques destinés à être imprimés

Détails de l'expérience

Direction artistique, création de maquettes web, création de contenus animées, mise à jour de site, création de vidéo, création d’éléments graphiques destinés à être imprimés ( affiches, logos, cartes de visite).

Description de l'entreprise

Agence de communication interactive. Filiale du groupe Havas.

Réalisation de contenu web, mise à jour des sites : Groupe total, Yves-Rocher
Création d'éléments graphiques, optimisation et intégration de vidéos (Fondation Total).

Description de l'entreprise

Conception et réalisation de produits de communication et multimédia.

Conception et réalisation de médias pour les sites internet : Volkswagen, Nestlé, L'Express

Détails de l'expérience

Graphisme, animation Flash

Description de l'entreprise

Agence multimédia

Création de sites internet, bannières publicitaire, CD-Rom interactif

Détails de l'expérience

Conception de sites internet, gif animés.

Site web de l'entreprise

http://www.coface.fr/

Votre navigateur est obsolète !