Photoshop

Site internet — Dominique Dahan

site-boutique

Mise à jour site internet, carte de visite & newsletter

Adaptation du webdesign du site de la boutique en ligne de Dominique Dahan (création de bijoux) pour les faire correspondre aux nouvelles couleurs de la boutique physique.

Opération de débogage de la newsletter (considéré comme spams suite à une attaque malveillante).

Création d’une nouvelle newsletter (avec Mail Poet) et d’un modèle d’utilisation.

Création des cartes de visite en accord avec la nouvelle charte graphique.

Mon travail

  • Webdesign (adaptation)
  • Newsletter
  • Carte de visite

Visuels webdesign

 


Template Newsletter

design-newsletter

Carte de visite

Carte de visite Dominque Dahan

PAO : Publication Assistée par Ordinateur

Objectifs pédagogiques

Universite-Paris-7-Diderot

UE libre : Publication Assistée par Ordinateur

  • Règles de base de la communication visuelle
  • Initiation à la retouche d’image et au photomontage (Photoshop)
  • Initiation au dessin vectoriel (Illustrator)
  • Initiation à la mise en page (Indesign)
  • Créer des documents destinés à la publication

Cette U.E permet d’acquérir des notions de graphisme de base et d’apprendre à maitriser les logiciels dédiés à la création de visuels destinés à l’impression (affiches, packaging, plaquettes, livres, etc.).

Ressource créée dans le cadre des TD de l’université Paris Diderot (SCRIPT).

CC-by-nc-sa Édouard Dullin

 

Cours théoriques

L’image matricielle (ou bitmap)

L'image vectorielle (en mode trait)

La colorimetrie

L'impression

La composition

Les polices de caractères

La typographie

 

PAO – L’image matricielle (ou bitmap)

Cours en ligne

Universite-Paris-7-Diderot

PAO — L’image matricielle (ou bitmap)

  • Format, définition et résolution d’image
  • Poids et compression d’image
  • Les formats de fichiers usuelles

Ressource créée dans le cadre des TD de l’université Paris Diderot (SCRIPT).

PAO — La colorimétrie

Roue chromatique

Cours en ligne

Universite-Paris-7-Diderot

PAO — La colorimétrie

  • Synthèse additive et soustractive
  • Modèle colorimétriques (RVB, CMJN, TSL L*a*b)
  •  Espaces colorimétriques (Cie Lab, Adobe RGB, sRGB)
  • L’impression (séparation quadrichromique)

Ressource créée dans le cadre des TD de l’université Paris Diderot (SCRIPT).

PAO — La composition

Cours en ligne

Universite-Paris-7-Diderot

PAO — La composition

  • La lecture d’une image (lignes de forces)
  • Les proportions (cadrage, proportions)
  • La profondeur (plans, nœuds graphiques)
  • Le point de vue (ligne d’horizon)
  • Le contraste (la lisibilité) 

Ressource créée dans le cadre des TD de l’université Paris Diderot (SCRIPT).

PAO – L’image vectorielle (en mode trait)

Cours en ligne

Universite-Paris-7-Diderot

PAO — L’image vectorielle (en mode trait)

  • Courbes de Bézier
  • Tracé, fond, contour
  • Poids et dimension
  • Formats de fichiers usuels

Ressource créée dans le cadre des TD de l’université Paris Diderot (SCRIPT).

PAO — Les polices de caractères

Cours en ligne

Universite-Paris-7-Diderot

PAO — Les polices de caractères

  • Lexique structural des caractères
  • Classification Vox-AtypI (les grandes familles de police)
  • Le choix d’une police
  • L’utilisation d’un police

Ressource créée dans le cadre des TD de l’université Paris Diderot (SCRIPT).

PAO – La typographie

Cours en ligne

Universite-Paris-7-Diderot

PAO — La typographie

  • Les propriétés de caractères (fontes, casse, crénage)
  • Les propriétés de paragraphe (ligne, alignement, retrait et espacement)
  • La mise en page (format, marge, habillage, enchainement)
  • Les règles typographiques

Ressource créée dans le cadre des TD de l’université Paris Diderot (SCRIPT).

Lien

Jeu pour devenir un pro du crénage

Module e-learning | Agence de la biomedecine

Parcours d'un donneur

Module e-learning : la greffe de CSH

J’ai participé à la création de ressources visuelles pour un module de formation professionnelle sur la greffe de CSH à destination des professionnels de santé.

Cette formation proposée par l’Agence de la Biomédecine, comprenaient des unités d’apprentissages distancielles. Mon travail a été de contextualiser par l’illustration certaines activités conçues par les ingénieurs pédagogiques, mais aussi de synthétiser des notions complexes sous forme de schémas et d’illustrations pédagogiques. J’ai créé un véritable vocabulaire iconographique (pictogrammes) permettant d’organiser le parcours de la formation et de simplifier les schémas. J’ai aussi créé des animations (Flash) pour introduire en douceur l’apprenant dans sa formation. Enfin, j’ai mis en page l’ensemble des écrans du module à partir d’une charte graphique prédéfinie. L’intégration sur la plateforme LMS s’est faite en interne par l’agence.

Mon travail

  • Charte graphique & interface
  • Illustration
  • Animation (Flash)
  • Graphiques et schémas scientifiques

Animation (Flash) de présentation de la formation

Partie 2

(re)voir la vidéo

Visuels du module A

Recherches : chartes graphiques

Recherches graphiques

Progression utilisateur dans un module d’activité

Ce diaporama nécessite JavaScript.