INFOGRAPHISTE WEBDESIGNER. ALLALI Céline

Transcription

1 INFOGRAPHISTE WEBDESIGNER 1 ALLALI Céline

2 2

3 «BELIEVE IN YOURSELF, IF YOU DON T WHO WILL?» «FAITES DES BETISES, MAIS FAITES LES AVEC ENTHOUSIASME...» Colette 3

4 MES DÉBUTS : Recrutée le 17 Avril 1982 par une Agence de renommée Mondiale qui n embauche pas moins de Milliards de personnes nommée «LA VIE», je parcours depuis mon chemin en parfaite et constante improvisation. Choisir la route qui me semble la meilleure, l embranchement qui me parait le plus adéquat et avancer au rythme de mes expériences et de mes ambitions... Voilà où tout a commencé... J ai découvert le monde du «WEB» un monde parallèle, mais tellement intéressant et avec des ressources infinies que j ai voulu approfondir... J ai donc décidé de pousser cette porte à la découverte de cet univers via une formation diplômante afin d apprendre ce dialecte extra-terrestre inconnu (Html5, Css3, Php, SEO et j en passe!). Dans les quelques pages qui suivent, un aperçu de comment j appréhende ce nouvel environnement 2.0 à ma manière... UN PETIT PEU PLUS SUR MOI... Mais pas trop... CURIEUSE... Oui, tout le temps, sur tout et tout le monde. POSITIVE... J essaye c est tellement plus facile. CALME...Heu, mais qu est-ce que ça veut dire...? PASSIONNÉE... Evidemment, quand je commence quelque chose, j ai à coeur de le terminer à la perfection. AUTHENTIQUE... Je suis une personne simple et naturelle. Je ne vais malheureusement pas pouvoir en dévoiler d avantage, le reste est classé «SECRET DÉFENSE». 4

5 PRINT 6 à 25 Créations destinées au print (affiche de film, affiche publicitaire, évenementielle, faire-part de mariage, carton d invitation, livret officiel de Mairie...) WEB 26 à 31 Création de site internet de différentes manières (CMS, Bootstrap, Html5, Css 3... IMAGES 32 à 37 Images, photos, dessins traités avec Photoshop, des scripts, des effets des déstructuration, des mélanges... VIDEOS 38 à 41 Montages vidéos créés à partir de Adobe After effects et Adobe première Pro, avec intégration de musique... LOGOS 42 à 45 Créations de logos destinés à l usage du web pour différents sites internet EN BREF 46 à 47 Petit résumé «BREF» de cette formation, du stage et de ce que j ai appris... 5

6 6

7 DESCRIPTIF : Curriculum vitae réalisé en version print. Je l ai créé de manière à suivre le fil conducteur de mon cv online, et ainsi garder ma ligne de conduite. La version print est plus épurée, avec des pictogrammes explicites, mon background professionnel ainsi que mes coordonnées. Je suis restée sur une mise en page épurée et sobre. SUPPORTS : Curriculum vitae réalisé avec Indesign. J ai également utilisé Photoshop et Illustrator pour la confection des pictogrammes et la modification des images utilisées. Indesign Photoshop Illustrator 7

8 DESCRIPTIF : Faire-part de mariage. Thème : Cuba et fiesta. J ai utilisé une affiche de festival de Jazz que j ai modifiée afin qu elle soit à l image de leur couple. Les textes ont été rédigés par les futurs mariés. Afin de préserver leur intimité, les informations ont été modifiées. SUPPORTS : Pour faire ce faire-part, j ai utilisé photoshop pour le traitement des images et Indesign pour la finalisation et la structure. Love Indesign Cuba Photoshop 8

9 9

10 10

11 DESCRIPTIF : Affiche de film à créer sur le thème : fantastique et anthropomorphisme. Pour cet exercice, je me suis orientée sur le mélange d un inuit et d un ours. Un côté très sombre accentué par une image de fond qui place le thème... Le travail c est principalement axé sur le traitement d images et l imagination de l ambiance et du thème SUPPORTS : Je me suis basée sur les 3 images ci-dessous en les travaillant pour leur donner la dimension souhaitée. Photoshop 11

12 DESCRIPTIF : Création d un carton d invitation que la CCFG (communauté de communes) va utiliser à chaque fois pour annoncer et inviter les personnes concernées aux différents évènements au cours de l année. J avais pour mot d ordre, simplicité, et donner un aspect «officiel» à ce carton. Indesign SUPPORTS : L outil utilisé pour ceci a été Indesign. Ancienne version 12

13 13

14 14

15 DESCRIPTIF : Affiche réalisée pour annoncer le vide grenier organisé par l association des parents d élèves dont je fais partie. Je me suis orientée sur un format paysage et style «vintage» qui rappelle ce que l on peut trouver dans ce genre d événement. Le format paysage afin d attirer l attention des gens du village, car tout ce qui est différent attire l œil. Je me suis basée sur une réflexion purement marketing, car les fonds récoltés vont nous aider à offrir un voyage et des supports de travail aux enfants de l école. Indesign SUPPORTS : je me suis servie d images, de pictogrammes ainsi que du logo de l association. Photoshop Marketing 15

16 DESCRIPTIF : Création d un livret de bilan annuel qui englobe le résumé de l activité, des projets et des chiffres de la communauté de communes ( CCFG) de l année. Ce livret est un document officiel qui est présenté aux autres communes afin qu ils aient une visibilité des actions menées au cours de l année. Il comporte 62 pages qui développent tous les services. Indesign Photoshop SUPPORTS : Les logiciels utilisés à la création de ce livret ont été Indesign et Photoshop. 16

17 17

18 COLLECTE DE SELFIES INTER GENERATIONNEL 18

19 DESCRIPTIF : Création d une affiche pour la médiathèque afin de récolter des «selfies» inter générationnel pour par la suite créer un tableau de portraits qui sera utilisé pour la décorer. L idée de réaliser cette affiche avec un dessin représentant un selfie m a paru une excellente option afin de donner un côté attractif et visuel pour attirer les jeunes à se prêter au jeu. Photoshop SUPPORTS : Pour la création de cette affiche j ai utilisé Photoshop et Indesign Indesign Illustrator 19

20 DESCRIPTIF : Affiche réalisée afin d annoncer la soirée de présentation des investissements à tous les élus des communes. Cet évènement comprend un cocktail, une soirée dansante et une partie plus officielle de présentation. Il fallait donc une ambiance «chic et officielle» afin d englober au mieux le thème. C est pourquoi je suis restée sur un fond blanc avec un peu de relief, l image du château ou se déroule l événement et les logos partenaires très importants pour les demandes de subventions. supports : Pour ce travail j ai utilisé Photoshop et indesign Indesign Photoshop 20

21 21

22 22

23 DESCRIPTIF : Création d un panneau de signalisation afin d indiquer la direction de la crèche ainsi que du périscolaire et de la cantine au centre ville de Bonneville. Panneau de 200cm sur 60 cm. Pour les images j ai pris des photos sur fotolia afin d avoir des supports de bonne qualité pour l impression et également libre de droits. J ai utilisé différents procédés afin d arriver à ce résultat. Indesign Photoshop SUPPORTS : Pour la création de cette affiche j ai utilisé Photoshop et Indesign Ancienne version 23

24 DESCRIPTIF : Élaboration d une affiche afin d annoncer la fête de l école qui se déroulera le 26 juin sur le thème DISCO. Une affiche colorée pour une fête de fin d année très importante pour les enfants. SUPPORTS : Les logiciels que j ai utilisés sont photoshop pour le traitement des images et Indesign pour la mise en page et l impression. Indesign Photoshop 24

25 FETE DE L ECOLE Spectacle des Enfants La Malle aux Chapeaux DISCO FEVER VENDREDI 26 JUIN Grand concours de déguisement Repas Américain Maquillage D J pour la Nuit... 25

26 DESCRIPTIF : Site internet créé pour un client, guide de haute montagne et photographe. Ses différents voyages et expéditions dans le monde lui ont permis de prendre des clichés uniques. Son cahier des charges : Épuration, Minimalisme, peu de scroll, l image est reine, côté «sélectif» de la clientèle car la photo est vendue entre 2000 et? selon la demande du client. Je me suis donc basée sur ce que j aime appeler la «SOBRIETUDE» Css3 supports : Pour la création de ce site, j ai utilisé Komodo, ou j ai construit une ambiance de base qui sert de support au reste de la création. Mon client m a évidemment fourni les images que j ai adaptées au contenu. Komodo Photoshop Html5 26

27 27

28 28

29 DESCRIPTIF : Mon site cv a été réalisé sous Wordpress. La construction est basée sur un thème «GANTRY» très malléable et avec visual composer. Ensuite pour le formulaire de contact, j ai utilisé le plugin contactform7. Le thème de se site est axé complètement sur mon cv print. Ma photo de profil est une vectorisation que j ai incrustée pour qu elle se fonde dans le cadre. Photoshop SUPPORTS : Site web créé sur wordpress avec l utilisation de nombreux plugins que nous met à disposition ce CMS. Pour les images, j ai utilisé mes créations et une photo trouvée sur photodune. Wordpress Html5 Css3 Illustrator 29

30 DESCRIPTIF : Exercice donné par notre formatrice pour un projet concret d une association Toulousaine. Cette Association avait un site qu elle voulait remettre au goût du jour. Ils nous ont donc fourni un cahier des charges, et nous avons refait un site plus moderne tout en gardant les contenus très importants. Html5 SUPPORTS : Pour la confection de ce site, j ai utilisé Bootstrap, Html5 et Css3. Bootstrap Css3 30

31 31

32 32

33 DESCRIPTIF : Petite série de portraits traités de manière différentes... Descriptif en partant d en haut à gauche : 1- Genre incrustation de pièce de monnaie 2- Effet de dessin trait de plume 3- Vectorisation de l image en 3 couleurs 4- Vectorisation de l image en 6 couleurs 5- Vectorisation en noir et blanc 6- Traitement vitrail SUPPORTS : Afin de faire ces traitements sur mon portrait j ai utilisé Illustrator et les différents effets qu il me propose. Illustrator 33

34 DESCRIPTIF : Exercices sur des effets script sur des images dans photoshop. L éléphant a été transformé en noir et blanc avec un effet Sandstorm. Pour le masque, le premier effet est Sandstorm et le second un effet Fury. Photoshop SUPPORTS : Photoshop est le seul logiciel utilisé pour cet exercice. J ai installé quelques scripts pour arriver à ce résultat. 34

35 35

36 36

37 DESCRIPTIF : Création d un visuel pour une publicité afin de promouvoir une nouveau gant. Le cahier des charges stipulait que la seul contrainte était un éléphant dans un contexte enneigé. Il fallait donc créer une image de la sorte, trouver une phrase d accroche et mettre le tout en forme. Photoshop SUPPORTS : Afin de réaliser ce visuel, je me suis servie de photoshop. 37

38 Premiere Pro After effects DESCRIPTIF : Création de mon «vidéobook», c est à dire la présentation de mon book en vidéo qui dure 138 secondes avec une animation sur mon logo ainsi que la mise en place des pages et d un générique de fin. J ai utilisé différents logiciels afin de mener à bien ce projet. Voici le lien Youtube du montage : Photoshop SUPPORTS : Pour la réalisation de ce projet personnel, j ai du utiliser Photoshop pour ajuster quelques images, after efter effects pour l animation et l organisation de la séquence, et première pro afin d intégrer une musique. 38

39 39

40 40

41 DESCRIPTIF : Création d un montage vidéo afin de présenter ma future entreprise. Donc il était indispensable de voir mon logo, ma base line et le lien de mon site perso, avec une ambiance qui est à mon image... Voici le lien Youtube : Photoshop SUPPORTS : Pour ce projet j ai utiliser photoshop pour le détourage du bourgeon, illustrator pour créer l ampoule et efter effects pour la mise en situation de la séquence. After effects Youtube Illustrator 41

42 DESCRIPTIF : Création du logo de ma future entreprise. Je me suis basée sur la charte graphique de mon site. Le choix de faire comme un œil, pour l idée de la vision des besoins et des souhaits des clients, le côté visionnaire aussi de graphiste et l accent sur la créativité. Illustrator SUPPORTS : Pour la création de mon logo j ai utilisé Illustrator. 42

43 E ID C I R V A T S IDCREATIVES IDCREATIVES 43

44 44

45 DESCRIPTIF : Création d un logo pour l ouverture prochaine d un bar club sur St Gervais les Bains. Le client souhaitait des lettres entrelacées ainsi qu une structure très géométrique et moderne. SUPPORTS : Pour ce projet j ai utiliser photoshop pour le détourage du bourgeon, illustrator pour créer l ampoule et efter effects pour la mise en situation de la séquence. Voici le lien Youtube : Illustrator 45

46 BREF......Pour résumer 46

47 2896 Heures de travail depuis le début de la formations le 5 Janvier Tasses de café 7 Logiciels Adobe étudiés 3 Compagnons de formation avec qui j ai partagé, échangé, hurlé, rigolé, discuté, travaillé pendant la formation. Un grand merci à eux alias «LA DREAM TEAM» 3 Hommes de ma vie de m avoir soutenue et supportée 31 Pro-web31 pour la formation, les cours et les supports de travail 2 Mois de stage super intéressant au sein de la Mairie de Bonneville et un grand merci à Anne-Gabrielle pour la confiance qu elle m a accordée. 47

48 INFOGRAPHISTE WEBDESIGNER 48