.fr INFOGRAPHISTE. Vincent Magalhaes. Infographiste. vincentmagalhaes.fr

Transcription

1 INFOGRAPHISTE 1

2 Né le 14 Mai Baccalauréat Général Scientifique 2005 CAP Opérateur Projectionniste Projectionniste Community Manager & Chargé de communication visuelle 2015 Diplôme Multimédia Passionné de montages photos et vidéos Cinéphile - Lecture Course à pied (semi-marathon - trails) Vtt

3 SOMMAIRE charte graphique LOGO 4 COULEUR 5 TYPO 6 Projets personnels JEUX D OMBRES 8-9 REFLETS MAGIQUES MINI PROJECTIONNISTE COMPOSITIONS de calques CINé vectoriel PROJETS PROFESSIONNELS SHADOw GOODIES COM grand FORMAT Kit CLIENTS NEwSLETTERS PRésentations clients LOGOS INTERFACES web 40-43

4 LOGO TYPE COULEUR C: 93% M: 1% J: 21% N: 0% R: 33 V: 161 B: 194 #21a1c2 C: 55% M: 44% J: 44% N: 30% R:107 V: 107 B: 107 #6b6b6b 4 - Book 5 - Charte graphique Graphiste - Webdesigner

5 RRAPHIST IGNER Typo Pour la partie Print, la typographie utilisée est «Champagne & Limousine». 061 RESPONSIVE PHOTOS CSS ILLUSTRATOR INDESIGN HTML EB H E vincent.magalhaes@hotmail.fr FRISTE FLASH WEBDESIGNER GRAPHISTE Version BOLD pour les titres Version REGULAR pour le corps de texte Version ITALIC pour les légendes d images Version BOLD ITALIC pour les titres de légendes d images Pour le site internet la typographie utilisée est «Century Gothic». vincent.magalhaes@hotmail.fr En capitales et bold pour les titres de navigation En bas de casse pour le contenu S il y a un problème de chargement de la police «Century Gothic» la police de substitution est «Arial» ou une autre police «sans-serif» GRAPHIST 6 - Book VINCENT MAGALHAES FLAS VINCENT FR W WEB OTOSHOP GRAPHISTE OR FR FLAS WEBDESIGNER CSS VINCENT MAGALHAES RESPONSIVE PHOTOSHOP CSS ILLUSTRATOR INDESIGN HTML LECTURE WEB 31ANS CINEPHILE PHOTOGRAPHE RUNNING FR FLASH vincent.magalhaes@hotmail.fr vincent.magalhaes@hotmail.fr MAGALHAES PHOTOSHOP ILLUSTRATOR RESPONSIVE LOGO INDESIGN HTML vincen HTML S EB SH TE EBDESIGNER NER

6 Jeux d ombres J utilise l outil tampon de duplication pour effacer ou modifier une ombre existante. Je crée une forme à l aide d une autre photo ou je la dessine avec l outil plume, ensuite je remplis la forme d une couleur et lui applique un flou gaussien et baisse son opacité. Pour plus de réalisme, je lui applique un masque de fusion pour atténuer l opacité de l ombre à certains endroits en fonction de la zone. 9 - Projets personnels

7 Reflets magiques Pour cette série j ai pris 2 photos du même cadrage, avec des plans différents. J utilise Alignement automatique des calques si les photos sont prises sans trépied, et en appliquant un masque de fusion sur l une d entre elles on peut alors faire disparaitre des éléments de l image. Utilisation des calques gris en mode incrustation et lumière tamisée pour donner du volume. Le siège de métro est recréé à l aide de l outil tampon de duplication. Book Projets personnels

8 MINI projectionniste Pour cette série j ai pris des photos gros plans de matériel de projection 35mm. à part, les photos du personnage sont prises le plus possible à l aide d un fond de couleur unie pour un plus facile. Réduire la taille de manière homothétique du personnage et le placer au bon endroit. J utilise l outil pinceau et la couleur noire pour fabriquer les ombres pour donner plus de réalisme à l incrustation. J harmonise les couleurs à l aide des calques de réglages et de la correspondance des couleurs. Book Projets personnels

9 compositions de calques Le but de cette série est de mélanger des images provenant de différentes photos afin de créer des décors insolites. Les procédés d incrustations sont identiques que pour les séries précédentes. Il faut cependant utiliser les outils de transformations pour adapter les éléments à incruster, tel que la déformation, la torsion et la perspective. Book Projets personnels

10 Image composée de 3 photos: Paris, La Défense et un bateau. Image composée de 4 photos: l Opéra Garnier, la Seine, un Bateau et une photo de ciel Book Projets personnels

11 ciné vectoriel Pour ma série d affiches de films, j ai utilisé des photos que j ai décalqué à l aide de l outil crayon. J ai colorisé les formes obtenues. J utilise le nuancier pour les aplats de couleurs, ou l outil dégradé et l outil filet de dégradés. J ai vectorisé des formes simples avec l outil vectorisation (comme le titre Fight Club) ou j ai redessiné certaines formes avec l outil plume. Book Projets personnels

12 Affiches trilogie Reour vers le futur en flat design Quote Project est une série d affiches typographiques qui ont pour thême les répliques de films. Book Projets personnels

13 SHADOW goodies Le but de cette série est de mettre en avant des objets publicitaires en évoquant rapidement une idée en rapport avec l un de leurs critères. Prise de vue des objets et détourage à l aide de la plume. Création de deux fonds gris dégradés pour donner l illusion d un plan et d une perspective. Les ombres ont été fabriquées à l aide d autres photos assemblées, ou dessinées. Utilisation de Photoshop et Illustrator à l aide des objets dynamiques. Visuels publiés sur ainsi que sur les réseaux sociaux associés Projets profesionnels

14 Com grand format Série de visuels où un objet publicitaire remplace un monument de Paris. Prise de vue à l aide d un Nikon D3100, et utilisation des fichiers RAW. Création d un objet dynamique contenant tous les clichés et utilisation du mode d empilement médiane pour effacer toutes les personnes des photos. Détourage des objets à la plume et incrustations à l aide des calques de réglages et de la correspondance de la couleur. Visuels pubiés sur ainsi que sur les réseaux sociaux associés. Book Projets profesionnels

15 Musée du louvre Pyramide effacée et incrustation d un casque Tf1 Sacré Coeur Effacement de tous les touristes et incrustation d objet Place de la République Effacement de tous les touristes et incrustation d objet La tour Eiffel Effacement de la tour Eiffel et incrustation d objet Book Projets profesionnels

16 kits clients Création d une série de visuels mettant en scène des Kits d abjets publicitaires. Chaque photo d objet a été prise sur fond blanc, posé à plat. J ai détouré chaque objet à l aide de la plume, ou du lasso magnétique lorsque c était possible. J ai créé un fond gris avec une lueur blanche, et pour plus de réalisme, j ai créé une ombre pour chaque objet à l aide du flou directionnel trois fois de suite. J ai automatisé cette action à l aide des scripts. Le kit en plastique est dessiné sous illustrator. Visuels publiés sur ainsi que sur les réseaux sociaux associés. Book Projets profesionnels

17 NEWSLETTERS Réseaux sociaux - site web Création de Newsletters pour la promotion des objets publicitaires et intégration à l aide de la plateforme Smartplace en HTML. Les newsletters sont créées en collaboration avec les responsables de communication en fonction du produit à promouvoir, et de l article publié en parallèle sur le site internet. Dans certains cas des photos sont à faire, ou à prendre sur le site internet des fournisseurs des objets en question. Les visuels de communication sont diffusés sur le site internet ainsi que sur les réseaux sociaux de l entreprise (Facebook, Instagram, Pinterest) Book Projets profesionnels

18 CHASSEUR D IDÉES Joyeuses Pâques Book Projets profesionnels

19 maquettes pour clients Exemples de maquettes pour des clients Fox et Mc Donalds La création de maquettes est destinée aux clients désirant un objet publicitaire, elles lui permettent d avoir un aperçu de son produit final, mais aussi de participer à la personnalisation de l objet. Les maquettes sont à réaliser la plupart du temps dans un délai très court, avec un mail du client comme instructions. Le client fournit parfois les éléments qui constituent la maquette, comme le logo. Si le client ne fournit rien, il faut les trouver sur internet et les adapter à la maquette. Il faut un fichier de bonne qualité pour que le client ait un bon rendu de son produit, mais pour optimiser l échange par mail il faut cependant veiller à ce que le poids des fichiers ne soit pas trop lourd. Book Projets profesionnels

20 DÉBAT AUTOUR D UN LOGOTYPES M Création du logo pour mon site internet et mon book. Logotypes composé de mes initiales, V et M. Voici plusieurs pistes que j ai suivies avant d arriver à la version finale. page 36 - Portfolio 37 - Projets profesionnels

21 Propositions de Logostypes pour une auto-entreprise de reportages vidéos. Les Contraintes : - Utiliser la couleur bleu - Faire apparaitre une pellicule de film 35mm - Utiliser la lettre M Book Projets profesionnels

22 interfaces web Intégration web à l aide de Dreamweaver ou Notepad++ Création de maquette ou intégration en suivant une maquette existante. Intégration en html/css et html5/css3. Maitrise du CMS Wordpress. Notions en PHP et jquery. Book Projets professionnels

23 Book Projets professionnels

24 Merci à Next Formation et à tous ses formateurs, Merci à Mavip et à ses collaborateurs, ainsi qu à mes collègues et amis de formations. Graphiste - Webdesigner Book - 44

25