This program has performed an illegal operation and will be refreshed.
Profil
Bienvenue !
Bonjour, je m'appelle Mathieu Tafat, je suis étudiant en Licence Professionnelle Métiers du Design Graphique, Parcours Éditorial et Multimédia. Je suis passionné par le design graphique, notamment par le graphisme dans les jeux-vidéos. J’adore plonger dans cet univers fascinant, à travers le graphisme en général, mais aussi en m’intéressant aux interfaces utilisateurs.
Je maîtrise les logiciels essentiels tels qu’Illustrator, InDesign et Photoshop. De plus, j’ai acquis de solides bases en CSS, HTML et JavaScript, que j’utilise pour créer des projets, comme ce site. J’explore aussi After Effects, Blender, Figma ainsi que Glyphs.
Au fil des ans, j’ai eu la chance d'exprimer ma passion à travers le dessin et d'explorer de nombreuses formes d’art, comme la peinture, la sculpture et la vidéo. Chaque expérience m’a enrichi et m’a permis de développer ma créativité.
Aujourd’hui, je suis à la recherche d’expériences qui me permettraient de m’épanouir dans un environnement stimulant. J’aimerais explorer diverses pratiques, mais je reste particulièrement enthousiaste à l’idée de rejoindre un studio de jeux-vidéos pour accompagner un graphiste et contribuer à des projets passionnants.
Merci de vous intéresser à mon parcours et à mon travail !
Projets Académiques
A la Une
Affiches
Typographie
Autres
↑
↑
↑
↑
Projets Académiques
A la une
BARRE DE VIE
Barre de vie
L'Interface Utilisateur (UI) des jeux-vidéos japonais des années 1980 à 1990.
Mon projet de semestre, réalisé pour l'obtention de mon diplôme, porte sur le design d'interface utilisateur des jeux vidéo japonais des années 1980 à 1990, jusqu'à l'arrivée de la 3D. Étant passionné de jeux vidéo, j'ai effectué des recherches graphiques et textuelles, collecté des interfaces de jeux de cette période et analysé les contraintes techniques des machines de l'époque. J'ai sélectionné des jeux emblématiques comme Castlevania, Chrono Trigger, Donkey Kong, et d'autres.
J’ai commencé par lister les jeux qui m’intéressaient, puis j’ai joué à ces titres en capturant des éléments graphiques. En parallèle, j’ai mené des recherches sur les consoles, les typographies et le contexte japonais de cette période. Un des ouvrages les plus influents pour moi a été Arcade Game Typography, qui analyse en profondeur les typographies de cette époque.
Le livre que j’ai conçu explore l’évolution des interfaces entre 1986 et 1995, avec un focus sur The Legend of Zelda. J’ai opté pour une édition originale avec une reliure japonaise "revisitée". Le livre se présente comme un ouvrage d'images, avec un texte caché sous des pages pliées.
Le design intérieur du livre utilise une bichromie rouge et cyan, une typographie sans-serif (Quicksand) pour le texte, et Avara, une typo serif, pour les titres. La couverture reprend des éléments de Control de Remedy, un jeu qui m'a beaucoup influencé durant la création de mon édition.
J’ai également inclus un CD avec la bibliographie et les jeux testés, jouables via un émulateur.
Ce projet m'a permis d'approfondir mes connaissances sur cette période des jeux vidéo, d'améliorer mes compétences en mise en page et façonnage, et de partager ma passion avec d’autres.
Dans cette édition, je parle de la définition d'une interface utlisateurs, de leurs typologies, des contraintes techniques de l'époque, des typograpghies et je fais quelques études de cas de jeux.
Je peux fournir le PDF de mon édition par mail si vous êtes interessé !
Projets Académiques
Affiches
117³
Création graphique pour le Workshop collectif «Exposition» 2024.
Ce workshop a eu lieu dans le cadre du début du deuxième semestre de ma L2 Arts Plastiques.
L'enseignant et moi avons convenu que mon travail pour ce workshop serait de réaliser une affiche pour promouvoir le 'vernissage' de cette exposition.
Après avoir fait plusieurs croquis, j'ai dialogué avec l'enseignant et les étudiants afin de convenir du nom de l'exposition et de partager mes avancées avec le groupe.
Le nom de l'exposition était 117³, en référence au nombre de secondes passées dans notre salle de création et d'exposition.
J'ai tiré mon inspiration des créations du studio M/M(Paris) avec l'idée que les lettres sont vides et qu'on y voit le fond. Je trouvais l'idée intéressante, avec la photographie de la porte d'entrée de notre exposition en tant qu'image de fond.
Réalisations du studio M/M(Paris) qui m'ont servis de référence.
J'ai ajouté une trame sur l'image de fond et j'ai choisi de mettre distinctement les informations pratiques en blanc sur le dégradé orange pour privilégier la bonne lecture de celles-ci. J'ai choisi un dégradé de jaune vers orange pour ajouter un aspect chaleureux à l'affiche.
Pour ce qui est du nom de l'expo "117³, Opening", j'ai dessiné les lettres sur toute la surface de l'affiche car j'aime cette esthétique qui donne de la place à la fois à l'image et au nom.
La lettre "M" que l'on retrouve dans le "E" de "Opening" est un rappel du bâtiment dans lequel a eu lieu l'exposition.
J'ai réalisé l'affiche avec Illustrator pour les formes et la typographie du nom, ainsi qu'avec Photoshop pour le traitement des images et pour poser une trame. Ensuite, j'ai fait un devis chez l'imprimeur pour deux affiches et des flyers. Ces flyers sont au format A5, avec au recto l'affiche, et au verso le nom des participants. Après avoir eu le devis, nous avons décidé de n'imprimer seulement que deux affiches en grand format. Les flyers ont donc été imprimé au format A4 en noir et blanc dans les salles d'impressions de l'université. Après les avoir coupés, ils ont été distribué à un vernissage dans la galerie Art et Essais de Rennes 2. Une affiche a été accrochée à l'entrée du bâtiment et une autre sur la porte d'entrée de la salle d'exposition, soit l'endroit qui figure sur le fond de l'affiche/.
Parallèlement, d'autres étudiants m'ont demandé de concevoir une photo de profil pour le compte instagram de l'exposition. Ce compte, encore existant, recense des photos des étudiants et de leurs créations et a permis de faire la promotion du projet.
Ce workshop, organisé sur une semaine, m'a permis de réaliser ma première commande graphique, des croquis sur papier à l'accrochage.
Grille de composition
Affiche à réaliser sur le thème de la Grille
Atelier de mise en page de Anthony Folliard en octobre et novembre 2024.
L'objectif était de réaliser une affiche didactique sur un thème donné. Ici, le thème est la grille de composition et de mise en page. L'enseignant a suivi la création de l'affiche sur plusieurs semaines pour nous guider vers une composition simple et efficace. J'ai réalisé toutes les illustrations sur Illustrator.
Initialement, je souhaitais utiliser des couleurs assez pales (blanc, crème), mais j'ai finalement décidé d'opter pour une composition de couleurs plus radicale avec un fond noir et les éléments en violet car celles-ci s'adaptent plus à un sujet technique. En effet, la vivacité du violet sur le fond sombre permet d'ajouter du dynamisme à l'affiche. J'ai ajouté du blanc sur certains éléments pour casser la répétition du violet et pour hiérarchiser les informations.
Première ébauche de l'affiche. Pour l'exercice, plusieurs contraintes ont été posées : il ne fallait utiliser que des éléments vectoriels et seulement deux couleurs.
KFC
Tradition japonaise pour le soir du réveillon de Nöel
Affiche produite dans le cadre d’un atelier de Design Graphique sur le thème de Nöel. J’ai fait référence à la tradition japonaise qui est d’aller à KFC le soir du réveillon.
J'ai choisi de traiter ce sujet car c'est un point de la culture japonaise que je trouve insolite et intéressant à représenter graphiquement. Je suis parti d'une composition dans laquelle les deux traits rouges du logo de KFC se superposent sur un tender de poulet. A l'interieur de ces traits, j'ai inséré une bûche de Noël. J'ai ensuite placé en biais les deux traits pour rappeler les baguettes traditionnelles. Le texte doré signifie "Joyeux Noël" et le motif du dessous souligne une exclamation que l'on peut retrouver dans la culture populaire japonaise.
L'idée était de faire quelque chose de simple, comme si la marque faisait une publicité dans les rues pour souhaiter un joyeux Noël aux clients.
Tout a été fait dans Illustrator, sauf quelques traitements de couleur sur Photoshop.
Petites affiches
Joker / Empire strikes back
Compositions sur papier créées en Atelier de design graphique au format A5 à partir d’éléments donnés (motifs choisis et imprimés en amont par l'enseignant) et d’instructions précises (nombre de formes, de mots).
Pour la composition "Joker", j'ai voulu mettre en avant le mot en le mettant en majuscule et en le plaçant en haut de la composition. Grâce au motif orange, le mot est bien ancré dans la page, les petits points représentent une foule qui suivraient le Joker. Ici, la forme triangulaire fait monter le regard, de la foule vers le Joker, montrant qu'ils le suivent.
Pour la composition "Empire Strikes Back", j'ai choisi une forme polygonale qui me faisait penser à un éclair. En posant cet éclair au dessus d'un cercle, j'ai eu l'image d'un foudroiement qui exploserait une planète. Cela m'a rappelé les scènes spatiales de Star Wars. J'ai donc noté le titre du premier film de la saga, en anglais, en suivant la forme de l'éclair.Pour ajouter du dynamisme, j'ai coupé une partie de la planète pour mettre en avant une fissure.
J'aime beaucoup le dynamisme de cette composition car le regard suit la diagonale et permet de lire le titre en suivant le mouvement.
Projets Académiques
Typographie
Dessin de caractères
Création en groupe d'une typographie complète.
Dans le cadre du workshop "Volumes et caractères" encadré par Vincent Campagna, motion designer, et Morgane Pierson, typographe, j'ai du dessiner une typographie complète avec une contrainte liée à un thème, en binôme avec Jérémy Maignan. Ici, le thème était "la paresse". Nous avons pris le parti de transmettre la paresse par l'économie du mouvement lors du dessin des caractères.
Nous sommes donc partis sur une typographie de type script qui suit le mouvement le plus simple pour faire une lettre qui soit sobre mais pas illisble. Créer cette typographie nous a surtout permis de découvrir le dessin de caractère et le logiciel Glyphs.
Après avoir dessiné tous les caractères sur Glyphs, nous avons réalisé un specimen typographique sur InDesign, avant de faire une petite présentation à la fin du workshop. En ce qui concerne le specimen, nous avons fait une mise en page épurée avec le texte en blanc sur fond noir. Etant donné que nous n'avions pas dessiné de chiffres, nous avons mis la taille du corps des exemples en toutes lettres.
Normographe
Réalisation de trois lettres à partir de formes issues d’un normographe. Celui-ci a été dessiné et réalisé par le professeur, avec l'aide du FabLab de Rennes 2.
Ce projet était très intéressant car il m'a permis de comprendre que la création de caractères nécessite une cohérence globale, que ce soit dans la taille ou dans les formes.
Ici, j'ai dessiné avec un marqueur noir trois capitales avec des formes assez élégantes sur papier.
Projets Académiques
Autres
Mise en page CSS de Lyber
Réalisation en groupe d'une mise en page en CSS (et Javascript) d'un lyber dans le cadre d'un workshop avec le collectif Luuse - novembre 2024.
Lors de ce workshop, nous avions pour objectif de mettre en page un lyber des éditions Zones, sur 6 jours. Le lyber est une version numérique et gratuite d'un livre, accessible en ligne. Nous avons choisi le livre de Michel Pinçon et de Monique Pinçon-Charlot, "Le Président des Ultras-Riches". Ce livre est une chronique centrée sur la politique économique d'Emmanuel Macron et du mépris de classe qu'il entreprendrait dans celle-ci.
Nous étions 5 dans le groupe: Clément Chupin, Jérémy Maignan, Lucas Pillard, Anna Saur et moi. Lucas s'occupait de la couverture sur Illustrator, Jérémy était en charge de créer des faux-billets à l'effigie du président et le reste du groupe, dont moi, s'occupait du CSS et de la mise en page.
Après plusieurs tests, nous avons décidé de faire un livre type journal avec un papier jaune/crème et un format A3 plié en deux dans la verticalité (14.8cm par 42cm). La typographie de labeur est "Adelphe Fructidor Regular", commune à tous les projets de la classe.
Le contenu du texte a été organisé sur deux colonnes, pour appuyer l'aspect journal. Nous avons choisis la typographie "LaCommune" pour les titres et sous-titres, pour son aspect impactant comme dans les journaux type révolutionnaires. Les pages de gauche et de droite ont des différences suivant le polarisme politique français.
La page de gauche est composée de blocs de textes transformés dans leur forme. Sur la page de droite, ils sont bien droits. Celle-ci a pour image de fond une mozaïque de billets à l'effigie du président, d'une somme de 1000 milliards d'euros, soit la somme arrondie de la dette creusée par le gouvernement Macron.
Sur la quatrième de couverture sont présents : la préface du livre, les remerciements des auteurs, ainsi qu'un colophon écrit par les deux membres du collectif Luuse, Étienne Ozeray et Natalia Pageau.
Enfin, pour le façonnage, nous avons pris le parti de faire un feuillet sans reliure.
Mon rôle dans le groupe a surtout été de gérer l'organisation du projet et d'écrire le CSS et le Javascript. Lors du façonnage, j'ai été chargé de gérer l'impression de toutes les pages pour les 20 exemplaires finaux.
Reggeaton et fin du monde
Création en binôme d'un fanzine.
Lors d'un atelier de design graphique en L2 Arts Plastiques, nous avons eu l'opportunité de réaliser, en binôme, un fanzine de quelques pages. J'ai effectué ce fanzine avec Tuna Suzgun. Plusieurs contraintes ont été mises en avant par l'enseignant, Gil Daniel. Nous devions réaliser le fanzine à partir de scans et d'impressions en noir et blanc, que nous pouvions coller directement sur des feuilles blanches au format A4 pliées en deux. Nous avons choisis le thème "Reggeaton et Fin du monde" parmi une liste donnée en amont.
Nous avons choisi de faire des compositions avec deux axes principaux : un côté festival de reggea et un côté biblique et apocalyptique pour la partie "fin du monde". On peut donc y retrouver des citations bibliques, mais aussi une playlist de reggeaton.
J'ai trouvé très intéressant de mettre en parallèle deux thèmes contraires : la bible et les festivals.
J'aime beaucoup certaines compositions dans lesquelles nous avons decoupé des versets de la Bible pour les mettre en face de collages. La complimentarité de notre binôme fut très intéressante à explorer durant le développement de ce projet.
Grilles et couleurs
Réalisation d'une composition colorée
Pendant un atelier de design graphique en L2 Arts Plastiques avec Florian Chevillard, j'ai eu la consigne de réaliser une grille sur Illustrator et de la remplir de motifs colorés.
J'ai eu la contrainte de n'utiliser que 3 couleurs. J'ai donc choisis le cyan, le magenta et le jaune, pour pouvoir faire des superpositions et pour avoir une palette de couleurs plus développée.
J'ai réalisé des variantes dans lesquelles je cachais certaines couches de couleurs.
Toutes les formes sont vectorielles et réalisées sur Illustrator.
J'ai pris ces trois couleurs car ce sont les couleurs d'impressions, ce qui permet donc de faire des compositions colorées différentes. Les effets que j'ai pu réaliser m'ont rappelés la sérigraphie et m'ont permis de développer ma vision sur les rapports entre les couleurs dans une composition.
J'ai choisi de faire un grand nombre de formes différentes pour ajouter du dynamisme à la composition, qui varie selon les couleurs affichées. L'atmosphère change également selon les couleurs.
Sérigraphie
Première approche avec la pratique de la sérigraphie.
Lors de ma L2 Arts Plastiques, j'ai eu la chance de pouvoir choisir un atelier de sérigraphie se déroulant sur un semestre avec Carlos Bernal Barrera. L'idée était d'apprendre les bases de cette pratique, en réalisant des impressions simples et souvent monochromes pour commencer.
J'ai pu apprendre tout le processus de création en sérigraphie : du choix du design à l'impression sur un support puis au nettoyage du cadre.
Nous avons réalisé un projet plus ambitieux pour une exposition "sauvage" de fin de semestre dans le couloir de notre bâtiment.
Affiche réalisée par l'enseignant pour promouvoir notre exposition de fin d'atelier.
J'ai utilisé un motif de lignes parallèles pour créer des formes dans une composition faite de collages de plusieurs impressions. J'ai utilisé des encres de couleurs différentes sur des feuilles de couleurs. Le résultat de la répétition de ce motif a donné un collage organique de formes et de couleurs diverses.
Cet atelier m'a aidé à mieux appréhender les couleurs, leur composition et comment elles intéragissent entre elles.
Cadre que j'ai utilisé pour répéter mon motif sur plusieurs feuilles. Pour le motif, je suis allé chez un imprimeur pour concevoir un rhodoïd avec des lignes noires parallèles.
Flipbook Typographique
Design et Façonnage d'un flipbook
Lors d'un atelier de conception éditoriale lors de ma L2 Arts Plastiques, j'ai conçu un flipbook dans lequel une lettre change de police de caractère au fil des pages.
Pour mener à bien ce projet, je suis allé au Cabinet du Livre d'Artiste de Rennes 2 afin de prendre en main des flipbook. J'ai pu alors déterminer le bon format et le bon type de papier à choisir.
Après avoir mis en page la lettre E sur plusieurs polices, j'ai imprimé les différentes pages sur plusieurs planches chez un imprimeur. J'ai rangé les polices d'écriture selon leur catégorie : script, sans serif, serif, egyptienne/mécane et fantaisie.
Grâce au matériel présent dans l'atelier, j'ai pu couper toutes ces planches avec un massicot éléctrique avant de relier les pages avec une encolleuse en dos carré-collé. Pour la couverture, j'ai décidé de mettre un papier cartonné bleu sans inscription dessus.
Ce travail a été selectionné pour être exposé dans le cadre d'une exposition d'étudiants au Cabinet du Livre d'Artiste de Rennes 2. Durant cette exposition, de nombreux travaux d'étudiants ont pu être exposés, dont le mien.
Logiciels
Illustrator
InDesign
Photoshop
Premiere Pro
After Effects
Blender
Construct 2
Jeux
Films
Projets personnels
A la Une
Affiches
Couvertures
Autres
↑
↑
↑
↑
Projets Personnels
A la une
Projet en cours de réalisation
Mise en page des critiques de jeux PS3 que j'ai testés
Récemment, j'ai redécouvert des jeux PS3 par nostalgie, tout en me constituant une liste des bons et moins bons titres.
J'ai donc créé une note sur mon téléphone où je rédige de courtes critiques des jeux que je teste.
Ces critiques m'ont donné l'envie de les mettre en page.
Je continue de tester de nouveaux jeux et, en parallèle, je cherche des références pour définir le format et le style de la présentation.
Premières mises en page :
Version alternative pour une jaquette
Projets Personnels
Affiches
Affiche d'un festival fictif "d'hydro-punk", "Mobyd".
Affiche pour une exposition fictive d'art contemporain, "Empreintes".
Affiche de prévention sur la disparition massive des abeilles lors des épisodes de chaleur.
Composition réalisée pour donner le comportement d'une bougie à un mot.
A partir de l'affiche du film "Le Garçon et le Héron" de Hayao Miyazaki, j'ai créé deux variantes d'une couverture de livre sur le film, à partir des livres des Ghibli déja parus.
Cet exercice permet de s'approprier les codes d'une mise en page pour faire d'autres itérations.
Couverture du livre du "Voyage de Chihiro", Glénat.
Couverture du livre de "Princesse Mononoke", Glénat.
Couvertures réalisées sur Photoshop.
Chainsaw Man
Création de couvertures.
A partir de planches colorisées du manga "Chainsaw Man" de Tatsuki Fujimoto, j'ai mis en page trois couvertures différentes pour le tome 9.
J'ai sélectionné des moments importants pour en faire la couverture du manga, en reprenant les codes déja établis par la maison d'édition.
Chaque couverture amène une atmosphère différente.
Tome 9 original de chez Crunchyroll, anciennement Kazé.
Les couvertures ont été faites sur Photoshop.
Couverture pour une boîte limitée du manga.
Projets Personnels
Autres
Compositions - LaLaLand
Compositions conçues sur Photoshop à partir de plans et de citations du film "LaLaLand" de Damien Chazelle sorti en 2016.
J'ai choisi des scènes que je trouve importantes et pertinentes à traiter graphiquement.
J'ai joué avec des partitions, des collages et des jeux typographiques.
Illustrator
InDesign
Photoshop
Premiere Pro
After Effects
Blender
Construct 2
