GRAWEBDEPHISME SIGN portfolio eliane florentz 2015
1
curriculum vitaE
Eliane Florentz 21 ans Montbéliard, FRANCE 06 59 90 59 49 eliane.florentz@gmail.com Permis B
FORMATION 2013 - 2015 DUT MMI IUT de Montbéliard 2014 Troisième semestre validé en Micropublishing and Hypermedia Cégep Vanier, Montréal 2012 - 2013 Premier semestre validé en DUT SRC IUT de Saint-Dié des Vosges 2012 Obtention du Baccalauréat Littéraire Lycée Victor Hugo, Besançon
2
AU
DI
OV I
SU
IN SS DE
MO TIO N
EL
bAcK END
6
1
5
D EN NT RO
F
DE
GR TITE VISUELLE IDEN
T
EN
EM
P OP VEL
3
INFO GR AP hI E
2
4
1 Crayon à papier, calligraphie, pantone 2 Photoshop, Illustrator, InDesign 3 Maquette Illustrator 4 HTML5, CSS3, jQuery 5 Javascript, PHP 6 Premiere Pro, After Effects, Audition, 3ds Max
LANGUES Français : langue maternelle Anglais : pratique Allemand : notions
3
AP
HIS
ME
J’ai le plaisir de vous faire partager mes différents travaux à travers ce portfolio. Vous allez donc pouvoir avoir une vision globale de mes capacités graphiques. Il réunit plusieurs travaux réalisés dans le cadre de mes études ainsi que quelques travaux personnels. Bonne consultation !
4
edito
5
DESSIN08LOWPOLY10TYPOGRAPHIE12SUSTAINABILITY 14 PHOTOGRAPHY 16DOSSIER MUSEE-MAC18COSMIC-ICECREAM20BOSS48H22HOUSEOFCARDS 24PORTFOLIO 26
6
SOmm aire
7
DESSINs PAPIER 2012 / dessins personnels
Techniques Papier
DURÉE 3h | 2h
8
Ces dessins anatomiques m’ont permis d’apprendre à prendre en compte les proportions et les ombres. Pour les dessins des mains, j’ai pris en exemple ma propre main. La difficulté pour le plus réaliste était de respecter les ombres et la bonne morphologie. J’ai quitté le côté réaliste du dessin afin de donner un effet géométrique aux formes en ce qui concerne les deux autres mains. Le dessin de femme m’a principalement servit à gérer les ombres et les lumières. J’ai ainsi pu mettre en valeur des détails grâce à l’exposition.
9
low poly
Voyant de plus en plus de «low poly» en design graphique, j’ai décidé d’essayer par moi-même.
2014 / dessins personnels / infographie
J’ai pris des dessins en ligne afin de les modifier sur papier, créer entièrement le low poly et ajouter les couleurs sur ordinateur.
Techniques Papier | Illustrator
DURÉE 2h | 3h
Il est primordial de commencer par faire les triangles en suivant les grandes lignes de l’animal, sinon le low poly n’est pas cohérent et n’a aucun intérêt. Ensuite, je réfléchis tout de suite aux couleurs, encore sur le papier, afin d’avoir une aperçu. Vectorisé sur Illustrator, je termine par mettre chaques triangles en couleur, tout en gardant une cohérence.
a
BIG project 10
11
TYpographie
J’ai créé cette typographie à l’aide du plugin Plexus sur After Effects.
2015 / typographie experimentale
After Effects | Illustrator
Après avoir créé la forme de la lettre avec la plume, j’ai transformé la ligne simple en points distincts. J’ai ajouté du «bruit» aux points, c’est à dire que je les ai dispersé. Je les ai tout d’abord relié par les lignes. J’ai effectué le même processus pour ajouter les triangles, sur la même forme copiée par dessus, avec un autre niveau de «bruit».
DURÉE
Je suis ensuite passée sur Illustrator afin de placer les lettres ensemble et de tester avec un fond blanc.
Techniques
2h
12
Ajouter ce style sur une typographie de base en bâton permet de créer un effet destructuré et chaotique.
13
11 in
sustainability
Cette affiche a été réalisé en partenariat avec le département de technologie du Cégep.
2014 / Cégep Vanier / poster
Étant en équipe, j’ai dû créer une affiche par rapport au projet sur lequel ils travaillaient. Ils m’ont donc donné comme directive de représenter la planète souffrant à cause de la pollution causée par le Homme.
Techniques Photoshop
17 in
DURÉE 4h
Les dimensions ainsi que le slogan étaient imposés. J’ai donc représenté l’espace, totalement réalisé avec Photoshop. J’ai ensuite importé une image de la Terre et ajouté la feuille qui est une représentation universelle de l’écologie. Le slogan a une texture «goudron» afin de rappeler ce qui pollue et atteind la planète. L’affiche finale montre que la préservation de la nature est primordiale grâce à la feuille.
14
15
photography 2012 / Cégep Vanier / mise en page
Afin d’apprendre au mieux le logiciel InDesign, une article de journal nous a été imposé afin de créer sa mise en page. J’ai choisis le noir et blanc afin de mettre en valeur les photographies.
Techniques InDesign
DURÉE 2h
16
J’ai du disposer les photos de façon à garder un effet aéré pour que cela soit agréable et facile à lire pour le lecteur.
17
Dossier musee mac
Le MAC est un musée d’art contemporain à Montréal.
2014 / Cégep Vanier / pocket folder
Le but de ce projet était d’apprendre à préparer un fichier réalisé entièrement pour l’imprimer en imprimerie, en prenant en compte chaques paramètres.
Techniques Illustrator
DURÉE 4h
18
J’ai réfléchis au design ainsi qu’à la forme afin que cela soit facilement réalisable tout en étant pertinent. Voulant tout de même me démarquer, j’ai imaginé une ouverture sur la couverture, à travers le logo du musée. Cela permet d’entrevoir l’interieur de la pochette.
19
Cosmic Ice Cream 2014 / Cégep Vanier / identité visuelle
Techniques Papier | Illustrator | InDesign
DURÉE 6h
Cosmic Ice Cream est un nom inventé pour un glacier pour qui j’ai fais un menu ainsi qu’un flyer. Le but étant de trouver un nom et une identité visuelle accordées afin de plaire le plus possible à une cible fixée. J’ai donc choisis d’utiliser le thème de l’espace pour mon identité visuelle, que l’on retrouve dans le nom de l’enseigne avec «cosmic». Ma cible étant les enfants de 8 - 10ans, j’ai utilisé des couleurs pastels mais aussi vives pour certains détails de mon illustrations afin d’attirer leur curiosité. J’ai réalisé les illustrations du personnages, de la lune, la soucoupe ainsi que les glaces sur papiers. Vectorisées sur Illustrator, je les ai ensuite mis et mises en page, en rajoutant des éléments tels que les étoiles et les nuages de crème glacée. Le travail s’achève sur InDesign afin de faire la mise en page du texte pour les informations.
Cosmic
ice cream
ic sm co
20
m s i c o C m s i c o ce cream C
ice cream
ic sm
21
BOSS 48h 2014 / DUT MMI / site internet en 48h
Techniques HTML5 | CSS3 | jQuery | phpMyAdmin | IntelliJ
DURÉE 48h
Le projet Boss 48h se déroule à chaque fin de semestre. il permet de réunir chaque discipline apprise durant le semestre, que ce soit en communication, graphisme et développement. Ayant pour thématique «artiste international», j’ai dû créer un site internet sur un artiste où il était possible de répertorier et modifier la base de donnée de ses oeuvres. La première journée concerne la communication ainsi que le graphisme. J’ai donc écrit tous les textes, fais la maquette graphique pour finir sur l’intégration «front end» du projet. La deuxième journée est consacrée aux développement, c’est à dire la création de base de donnée ainsi que sa gestion. Le site internet est consultable sur toutes plateformes grâce aux responsive. Ce projet permet de travailler de façon efficace en un temps imparti.
22
23
HOUSE OF CARDS 2015 / DUT MMI / site internet
Techniques HTML5 | CSS3 | Wordpress | PHP
DUREE 5h
24
Afin d’apprendre à créer un thème grâce à Wordpress, j’ai imaginé un site internet sur un sujet quelconque et ainsi montrer mes compétences. J’ai choisis la série House of cards. Le site permet de répertorier les personnages principaux et secondaires. J’ai configuré Wordpress afin de répertorier les personnages selon leur statut grâce aux taxonomies. J’ai pu ensuite intégrer un contenu pour chaques personnages dans l’interface de Wordpress grâce aux Meta Box. Ayant tout d’abord créé la maquette statique en HTML5 et CSS3, je l’ai ensuite intégré dans Wordpress.
25
portfolio 2015 / Cégep Vanier / portfolio en ligne
Techniques HTML5 | CSS3 | jQuery
DURÉE 15h
En tant que dernier projet de webdesign au Cégep Vanier, nous avons dû réaliser un portfolio en ligne. J’ai choisi de faire un graphisme «flat» afin de mettre en valeur mes travaux. Le menu se déroule lors du clique de l’icône «menu». Les trois barres se réunissent afin de former une croix, montrant que le menu s’enroulera si l’on reclique. Mes travaux sont mis en page grâce à une galerie. Vous pouvez avoir un détail du travail en question grâce au «hover» Ma page profil se décompose en trois parties: graphisme, webdesign et developpement. Une ligne se forme au fur et à mesure que l’on scroll, tout en formant des icônes face aux parties correspondantes. Enfin, ma page contact vous permet d’avoir accès aux médias sociaux où je suis présente, mon curriculum vitae ainsi que mon courriel. Ce site est entièrement responsive grâce à des «media queries». Il vous est donc possible de le consulter librement sur tablette ainsi que smartphone. Vous pouvez avoir un aperçu complet du responsive grâce aux «media queries» en bas de page.
26
27
28