Tutoriel : Créer votre CV avec Photoshop et InDesign

50
06/11/2015 Créer son CV et Photoshop CC InDesign CC Maëlys Lelièvre 2ème année DUT Information Numérique dans les Organisations avec

Transcript of Tutoriel : Créer votre CV avec Photoshop et InDesign

Page 1: Tutoriel : Créer votre CV avec Photoshop et InDesign

06/11/2015

Créer son CV

et

Photoshop CC

InDesign CC

Maëlys Lelièvre 2ème année – DUT Information Numérique dans les Organisations

avec

Page 2: Tutoriel : Créer votre CV avec Photoshop et InDesign

1

Sommaire Introduction ....................................................................................................................................................................................................................................... 3

1. Retoucher une image ................................................................................................................................................................................................................ 4

1.1. Modifier la taille de l’image ................................................................................................................................................................................................... 6

1.2. Régler la couleur de l’image .................................................................................................................................................................................................. 9

1.3. Enregistrer l’image sous ...................................................................................................................................................................................................... 12

2. Créer son CV ............................................................................................................................................................................................................................ 13

2.1. Créer un nouveau document .............................................................................................................................................................................................. 14

2.2. Personnaliser votre CV ........................................................................................................................................................................................................ 16

2.3. Insérer une photo dans un bloc .......................................................................................................................................................................................... 20

2.4. Placer des petits éléments de décor ................................................................................................................................................................................... 24

2.5. Créer des blocs de texte ...................................................................................................................................................................................................... 26

2.6. Modifier le texte dans un bloc ............................................................................................................................................................................................ 27

2.7. Copier les blocs textes, images et formes ........................................................................................................................................................................... 30

2.8. Modifier le texte d’un bloc copié ........................................................................................................................................................................................ 31

2.9. Enlever les césures .............................................................................................................................................................................................................. 33

2.10. Augmenter l’espace entre deux paragraphes ................................................................................................................................................................. 34

2.11. Alignement des blocs pour le contenu ............................................................................................................................................................................ 35

2.12. Créer votre contenu ........................................................................................................................................................................................................ 36

2.13. Mettre en gras un élément ............................................................................................................................................................................................. 38

2.14. Copier le style d’un autre texte ....................................................................................................................................................................................... 39

Page 3: Tutoriel : Créer votre CV avec Photoshop et InDesign

2

2.15. Mettre en italique un élément ........................................................................................................................................................................................ 40

2.16. Ajouter vos compétences ................................................................................................................................................................................................ 41

2.17. Séparer vos paragraphes ................................................................................................................................................................................................. 42

2.18. Mettre en valeur vos compétences ................................................................................................................................................................................. 43

2.19. Copier/Coller plusieurs éléments en même temps ......................................................................................................................................................... 45

2.20. Enregistrer votre travail .................................................................................................................................................................................................. 47

3. Raccourcis clavier .................................................................................................................................................................................................................... 49

Page 4: Tutoriel : Créer votre CV avec Photoshop et InDesign

3

Introduction

Au cours de ce tutoriel, vous allez apprendre à réaliser votre propre CV grâce aux logiciels de PAO (Publication Assistée par Ordinateur). Ici, vous

utiliserez InDesign pour la création de votre document et Photoshop pour retoucher la photo qui illustrera votre CV. L’exercice est donc divisé en deux

parties.

Dans un premier temps, vous pourrez vous familiariser avec Photoshop en faisant des réajustements basiques. Ensuite, vous trouverez une partie consacrée

à InDesign. Cela vous permettra d’utiliser des blocs textes, des blocs images ou encore des raccourcis claviers.

A la fin de ce tutoriel vous trouverez les raccourcis clavier utiles.

ATTENTION ! Le tutoriel a été réalisé avec la version Photoshop CC et InDesign CC, il se peut donc que votre version diffère et que certains outils utilisés

ultérieurement ne se trouvent pas au même endroit.

Page 5: Tutoriel : Créer votre CV avec Photoshop et InDesign

4

1. Retoucher une image Avant de débuter la réalisation du CV. Vous allez d’abord retoucher l’image qui va illustrer votre CV.

Pour ce faire, commencez par ouvrir Photoshop.

Page 6: Tutoriel : Créer votre CV avec Photoshop et InDesign

5

Ouvrez l’image que vous souhaitez intégrer dans votre CV en cliquant sur Fichier > Ouvrir…

Page 7: Tutoriel : Créer votre CV avec Photoshop et InDesign

6

1.1. Modifier la taille de l’image Une fois l’image ouverte, cliquez sur Image > Taille de l’image. Cette étape est importante, grâce à cette manipulation votre image sera moins lourde.

Page 8: Tutoriel : Créer votre CV avec Photoshop et InDesign

7

Pour diminuer son poids, mettez la résolution à 150 pixels/pouce, c’est amplement suffisant pour la confection du CV.

Page 9: Tutoriel : Créer votre CV avec Photoshop et InDesign

8

Pour ce qui est de la largeur et de la hauteur, il est préférable de mettre en centimètres. Dans cet exemple, l’image fait 29, 02x43, 54 cm ce qui est trop

grand. Modifiez ces paramètres en fonction de la taille à laquelle vous souhaitez qu’elle ait à l’impression. Puis cliquez sur OK.

Remarque : Ici, nous mettrons une largeur de 5 cm et une hauteur de 7.5 (vous remarquez cela propose directement une hauteur afin de conserver les proportions de

l’image)

Page 10: Tutoriel : Créer votre CV avec Photoshop et InDesign

9

1.2. Régler la couleur de l’image Cliquez de nouveau sur Image > Couleur automatique. Photoshop réglera automatiquement les couleurs de votre image, pratique !

Remarque : Si votre image apparaît en toute petite, pensez à mettre votre résolution à 100% juste ici !

Page 11: Tutoriel : Créer votre CV avec Photoshop et InDesign

10

Ensuite, sélectionnez Image > Réglages > Niveaux. Cette fonction permet d’ajuster la gamme des tons et la balance des couleurs de votre photo.

Page 12: Tutoriel : Créer votre CV avec Photoshop et InDesign

11

Une nouvelle fenêtre s’ouvre. Vous pouvez déplacez les curseurs. Le mieux est de les déplacer là ou commence l’histogramme. Une fois le réajustement

terminé faites OK.

Curseur ton foncé

Curseur ton clair

Page 13: Tutoriel : Créer votre CV avec Photoshop et InDesign

12

1.3. Enregistrer l’image sous Vous avez terminé la retouche, il ne reste plus qu’à enregistrer votre travail. Cliquez sur Fichier > Enregistrer sous…

Une nouvelle fenêtre s’ouvre et enregistrer là dans un endroit où vous pourrez la retrouver facilement.

Page 14: Tutoriel : Créer votre CV avec Photoshop et InDesign

13

2. Créer son CV Vous allez pouvoir commencer à réaliser votre CV, ouvrez InDesign.

Page 15: Tutoriel : Créer votre CV avec Photoshop et InDesign

14

2.1. Créer un nouveau document Ouvrez un nouveau document. Cliquez sur Fichier > Nouveau > Document.

Page 16: Tutoriel : Créer votre CV avec Photoshop et InDesign

15

Une fenêtre s’ouvre. Vous pouvez changer plusieurs paramètres. Pour cet exercice, mettez une page (recommandé pour un CV), laissez le format A4 et

faites OK.

Ici, vous pouvez choisir si

votre CV sera destiné à

l’impression ou au format

numérique.

Page 17: Tutoriel : Créer votre CV avec Photoshop et InDesign

16

2.2. Personnaliser votre CV Vous allez faire une barre de fond sur le côté. Cliquez sur l’outil rectangle et dessiner votre rectangle sur la page.

Remarque : les traits rose et violet sont les marges du document vous pouvez passer en mode Aperçu pour voir son apparence réelle en cliquant la touche W de votre clavier.

Outil rectangle

L’outil sélection

vous permet de

sélectionner et

bouger les blocs

Page 18: Tutoriel : Créer votre CV avec Photoshop et InDesign

17

Vous pouvez ensuite choisir la couleur de la forme dans le nuancier (vous pouvez aussi utiliser la barre d’accès rapide.)

Le nuancier sert à gérer les couleurs.

Si vous ne le trouvez pas dans la barre

latérale faites Fenêtre > Couleur > Nuancier

Barre d’accès rapide pour choisir votre couleur

Page 19: Tutoriel : Créer votre CV avec Photoshop et InDesign

18

Faites un rectangle gris clair. Sélectionnez la couleur noir proposée par défaut et cliquez sur nouvelle nuance. Suite à cette manipulation vous verrez

apparaître « Noir copie ». C’est cette copie de noir que vous allez modifier pour obtenir le gris souhaité.

Nouvelle nuance

Page 20: Tutoriel : Créer votre CV avec Photoshop et InDesign

19

Double cliquez sur « Noir copie ». Une fenêtre s’ouvre. Bougez le curseur de la barre de noir vers la gauche pour obtenir un gris. Puis clair, faites OK.

Ici vous pouvez enlever le contour noir par défaut du rectangle

Page 21: Tutoriel : Créer votre CV avec Photoshop et InDesign

20

2.3. Insérer une photo dans un bloc Faites un clic droit sur l’Outil Bloc Rectangulaire, choisissez l’Outil Bloc Elliptique.

Outil Bloc rectangulaire / Elliptique / Polygone

Page 22: Tutoriel : Créer votre CV avec Photoshop et InDesign

21

Vous pouvez dessinez votre cercle (maintenir la touche maj du clavier en même temps, votre cercle aura des proportions égales)

Remarque : Lorsque vous êtes sur l’outil sélection et que vous bougez un bloc des lignes vertes peuvent apparaître ce sont des repères. Ici, elles indiquent que le cercle

est placé au milieu du rectangle gris.

Page 23: Tutoriel : Créer votre CV avec Photoshop et InDesign

22

Pour insérer votre photo, sélectionner le cercle avec l’Outil Sélection. Puis, appuyez sur Ctrl+D (ou Cmd+D sur Mac) en même temps. Une fenêtre s’ouvre,

choisissez votre photo et cliquez sur Ouvrir.

Remarque : Vous remarquez que la photo est pixellisée. Pas de panique, elle ne le sera pas quand vous enregistrerez votre travail ou en l’imprimant.

Si vous souhaitez voir ce que votre image va donner, en mode sélection faites un clic droit dessus puis Performance d’affiche > Affichage de qualité supérieure.

Page 24: Tutoriel : Créer votre CV avec Photoshop et InDesign

23

Vous pouvez ajuster la photo située dans le bloc, faites un clic droit dessus puis Ajustement. Vous avez plusieurs choix possibles. Choisissez celui qui vous

convient le mieux (dans cet exercice nous avons choisi « Remplir le bloc proportionnellement »).

Remarque : Vous pouvez bouger la photo placée dans le bloc en faisant un double clic gauche dessus (vous voyez un rectangle marron).

Page 25: Tutoriel : Créer votre CV avec Photoshop et InDesign

24

2.4. Placer des petits éléments de décor Commencez par ajoutez une nouvelle couleur à votre nuancier, procédez de la même manière que vu précédemment.

Page 26: Tutoriel : Créer votre CV avec Photoshop et InDesign

25

Sélectionnez la nouvelle nuance. Tracez une ligne de pointillés avec l’Outil Trait (maintenir la touche maj du clavier en même temps, votre tracé sera

droit) et modifiez sa taille à 5pt pour qu’elle soit plus visibles.

Choisissez ici :

- La forme

- La couleur

- La taille

Outil Trait

Page 27: Tutoriel : Créer votre CV avec Photoshop et InDesign

26

2.5. Créer des blocs de texte Ajoutez du texte avec l’Outil Texte. Faites votre bloc texte sous la photo, vous pouvez dès maintenant ajouter votre nom et prénom.

Ces symboles indiquent que vous avez le même

espacement entre les différents éléments

Outil Texte

Page 28: Tutoriel : Créer votre CV avec Photoshop et InDesign

27

2.6. Modifier le texte dans un bloc Il est possible de modifier l’emplacement du texte dans un bloc. Faites centrer.

Page 29: Tutoriel : Créer votre CV avec Photoshop et InDesign

28

Mettez en surbrillance le texte que vous souhaitez modifier et changer sa taille (18pt) et sa police (Letter Gothic Std).

Page 30: Tutoriel : Créer votre CV avec Photoshop et InDesign

29

Le texte est placé par défaut en haut du bloc. Vous pouvez le modifier lorsque vous êtes sur l’Outil Sélection. Cliquez dans la barre d’accès rapide sur le

bouton centrer.

Outil Sélection

Disposer le texte au centre

Page 31: Tutoriel : Créer votre CV avec Photoshop et InDesign

30

2.7. Copier les blocs textes

Plusieurs autres possibilités s’offrent à vous pour créer des blocs. Une fois le premier bloc texte fait (page précédente), cliquez sur l’Outil Sélection puis

sur le bloc « Prénom Nom ». Vous pouvez désormais faire un copier/coller soit avec le clic droit de la souris, soit en utilisant les raccourcis claviers suivants :

Ctrl+C puis coller le bloc texte copié avec Ctrl+V

Cmd+C sur Mac puis coller avec Cmd+V.

Il est aussi possible de copier un bloc en le faisant « glisser », maintenez Alt+Maj et prenez le bloc comme si vous vouliez le bouger.

Attention ! Avec ces opérations le texte contenu dans le bloc copié restera avec les mêmes propriétés (taille, type de police, emplacement), il faudra donc différencier les

titres des paragraphes.

Remarque : Ces raccourcis s’appliquent aussi bien sur des blocs textes, que pour les formes et blocs images.

Page 32: Tutoriel : Créer votre CV avec Photoshop et InDesign

31

2.8. Modifier le texte d’un bloc copié Vous avez copié/collé plusieurs blocs avec la même police. Modifiez la : sélectionner l’Outil Texte, mettez en surbrillance le texte que vous souhaitez

modifier. Vous pouvez maintenant changer les paramètres directement via la barre d’accès rapide.

Paramètres utilisés ici : Police (Arial Narrow) ; Taille (16pt) ; Disposition du texte (Justifier)

Outil

Texte

Justifier toutes

les lignes

Page 33: Tutoriel : Créer votre CV avec Photoshop et InDesign

32

Votre texte est centré au milieu du bloc, c’est normal puisque vous avez fait un copié/collé. Cliquez sur Outil Sélection et réduisez la taille de votre bloc à

l’aide des petits carrés blancs en alignant à l’aide des repères verts.

Page 34: Tutoriel : Créer votre CV avec Photoshop et InDesign

33

2.9. Enlever les césures InDesign met par défaut des césures lorsqu’un mot est coupé. Vous pouvez enlever cette option, dans Fenêtre > Texte et tableaux > Paragraphe. Une

fenêtre s’ouvre. Il ne vous reste plus qu’à décocher la case césure.

Remarque : Cette nouvelle fenêtre peut vous servir pour modifier la disposition du texte mais aussi l’espacement entre les lignes.

Page 35: Tutoriel : Créer votre CV avec Photoshop et InDesign

34

2.10. Augmenter l’espace entre deux paragraphes Augmentez l’espace précédent la première ligne d’un paragraphe en augmentant les millimètres. Ici il est de 1 mm.

Page 36: Tutoriel : Créer votre CV avec Photoshop et InDesign

35

2.11. Alignement des blocs pour le contenu Copiez plusieurs blocs avec l’une des méthodes vues précédemment. Un CV est plus propre lorsque le texte est aligné. Aidez-vous des repères.

Page 37: Tutoriel : Créer votre CV avec Photoshop et InDesign

36

2.12. Créer votre contenu Créez 3 espaces de contenu différents en modifiant le texte des blocs copiés.

Remarque : N’oubliez pas pour modifier un texte placez-vous en Outil Texte, mettez en surbrillance le texte à modifier.

Page 38: Tutoriel : Créer votre CV avec Photoshop et InDesign

37

Créez autant de blocs que vous voulez selon le nombre d’expériences, vos formations. Il peut arriver qu’InDesign vous signale une erreur.

Ce petit plus rouge apparaît

quand le texte dépasse du

bloc. Il faut agrandir le bloc

en le sélectionnant et en

étirant un coin.

Page 39: Tutoriel : Créer votre CV avec Photoshop et InDesign

38

2.13. Mettre en gras un élément Pour mieux distinguer les informations et donner un peu plus de dynamisme à votre CV mettez des éléments en gras. Double cliquez sur un bloc texte,

mettez en surbrillance l’élément. Choisissez l’option Narrow Bold.

Remarque : Répétez l’opération pour tous vos paragraphes.

Page 40: Tutoriel : Créer votre CV avec Photoshop et InDesign

39

2.14. Copier le style d’un autre texte Vous pouvez aussi utiliser l’Outil Pipette pour copier les paramètres d’un texte.

Mettez en surbrillance le texte à modifier, cliquez sur la pipette puis sur le texte à copier (ici « Janvier à Décembre 2014 »). Appuyez sur l’Outil Sélection

pour valider la manœuvre.

Outil Pipette

Page 41: Tutoriel : Créer votre CV avec Photoshop et InDesign

40

2.15. Mettre en italique un élément Cette étape est similaire que pour la mise en gras. Sélectionnez le texte à modifier et mettez-le en Narrow Italic. Vous pouvez désormais utiliser la fenêtre

d’accès rapide et/ou l’Outil Pipette pour l’appliquer à tous les éléments que vous souhaitez mettre en italique.

Page 42: Tutoriel : Créer votre CV avec Photoshop et InDesign

41

2.16. Ajouter vos compétences Créez un nouveau bloc texte afin d’y mettre vos compétences.

Remarque : Veillez bien à mettre les mêmes styles de police.

Page 43: Tutoriel : Créer votre CV avec Photoshop et InDesign

42

2.17. Séparer vos paragraphes Faites un copié/collé de la ligne pointillée que vous avez déjà créée.

Page 44: Tutoriel : Créer votre CV avec Photoshop et InDesign

43

2.18. Mettre en valeur vos compétences Nous allons faire deux traits droits. Sélectionnez l’Outil Trait puis dessinez-le en maintenant la touche Maj . Modifier la couleur (bleu et gris déjà utilisés)

et la taille (11 pt).

Changer la couleur du tracé

Changer la taille du tracé

Page 45: Tutoriel : Créer votre CV avec Photoshop et InDesign

44

Vous pouvez ajuster les traits selon votre niveau de compétence. Placez-vous sur l’Outil Sélection , sélectionnez le trait à agrandir et tirez sur un petit

carré blanc

Page 46: Tutoriel : Créer votre CV avec Photoshop et InDesign

45

2.19. Copier/Coller plusieurs éléments en même temps Vous êtes sur l’Outil Sélection, sélectionnez un premier trait puis appuyez sur Ctrl+Maj (ou sur Cmd+Maj sur Mac).

Faites ensuite un copié/collé en dessous.

Page 47: Tutoriel : Créer votre CV avec Photoshop et InDesign

46

Vous pouvez régler la longueur des traits bleus et gris clairs en tirant sur les petits carrés blancs.

Page 48: Tutoriel : Créer votre CV avec Photoshop et InDesign

47

2.20. Enregistrer votre travail Visualiser votre CV en appuyant sur la touche W. S’il vous convient faites Fichier > Enregistrer sous… Vous enregistrez le fichier en format InDesign (.indd)

Page 49: Tutoriel : Créer votre CV avec Photoshop et InDesign

48

Pour enregistrer au format .pdf, faites Fichier > Exporter. La fenêtre s’ouvre et vérifiez le type de format (« Adobe PDF (impression) »). Enregistrez.

Remarque : une fenêtre s’ouvre cliquez sur Exporter.

Page 50: Tutoriel : Créer votre CV avec Photoshop et InDesign

49

3. Raccourcis clavier Raccourcis PC Mac

Mode aperçu W

Importer une image Ctrl+D Cmd+D

Déplacer un bloc de manière linéaire

Maintenir la touche Maj en même temps Dessiner une forme proportionnelle

Dessiner un trait droit

Copier Ctrl+C Cmd+C

Coller Ctrl+V Cmd+V

Copier/coller glissé Alt+Maj et glissé

Sélectionner plusieurs éléments en même temps Ctrl+Maj Cmd+Maj

Sélectionner tout Ctrl+A Cmd+A

Sauvegarder le document Ctrl+S Cmd+S

Zoomer sur la page Ctrl et + Cmd et +

Dézoomer sur la page Ctrl et - Cmd et -

Se déplacer dans le document sans les ascenseurs Maintenir ESPACE et glisser

Associer des éléments Ctrl+G Cmd+G

Dissocier des éléments Ctrl+D Cmd+D

Annuler une manipulation Ctrl+Z Cmd+Z