Dans ce tutoriel Nikola Lazarevic aka Colaja de Nis, Serbie, va nous montrer comment créer un très élégant carnet de voyageur vintage avec Photoshop. Pour se faire nous allons mélanger les pinceaux avec des photos stockées et les modes de fusion pour obtenir l’effet.
Jetons un coup d’œil à notre image finale.

ETAPE 1
Commençons par la création de nouveau document dans Photoshop. La mienne contient 1680×1050 pixels. Nommez ce fichier diary.psd. Remplir le fond avec # e5dfd3.

Télécharger la texture molle du grunge BittBox : http://www.bittbox.com/freebies/free-texture-tuesday-light-grunge/. J’en prends une deuxième (free_high_res_texture_102), et le placer au-dessus du calque de fond. Command + T pour redimensionner la manière que vous voulez, et réduire l’opacité à 70%. Nommez ce calque « background Layer » (texture de fond).

Maintenant téléchargez Waterlogged Carte Brushes by ~ Arbenting : http://arbenting.deviantart.com/art/Waterlogged-Map-Brushes-128087839. Créer un nouveau calque au dessus « background Layer » et nommez-le « map ». Réglez la couleur de premier plan (foreground color) à # 463003. Maintenant aller chercher leBrush Tool (B), chargez Waterlogged Carte Brushes by ~ Arbenting, choisissez map3, réglez le diamètre principal (master diameter) à environ 1557 et placez la carte dans le milieu du calque « map ». Abaissez l’opacité de «map » à 75%.


Sélectionnez l’ensemble des trois couches (arrière-plan, la texture d’arrière-plan et la map) en maintenant la touche command (ou de contrôle sur PC) et cliquez à gauche de la souris sur chaque couche, tapez command + G (Ctrl + G sur PC), placez ces couches dans Group et nommé ce groupe « Background » (Fond).
ETAPE 2
J’ai trouvé une excellente image de vieux carnets : http://www.sxc.hu/photo/858303. Téléchargez-la et ouvrez-la dans Photoshop. Maintenant, nous allons découper le carnet. Utilisez Magic Wand Tool (W) pour sélectionner le fond blanc, frappez Command + Shift + I pour la sélection inverse, de sorte que le carnet est maintenant sélectionnée. Commande + C pour copier la sélection et collez-la dans notre fichier diary.psd. Nommez ce calque « notebook », le redimensionner et faire pivoter un peu (Command + T) et placez-le quelque part dans le centre, mais un peu sur la gauche.


Maintenant, nous voulons avoir les mêmes images entre les pages. Pour arriver à cet effet nous devons faire les étapes suivantes:
Dupliquez la couche « notebook » (Command + J);
Nommez cette couche « Notebook top »;
Maintenant allez chercher l’outil Polygonal Lasso Tool (L) et commencer à sélectionner les contours de pages du carnet.

Inversez la sélection en appuyant sur Command + Shift + I et supprimer la partie dont nous n’avons pas besoin.

Nous allons donner une vie à une ou deux pages. Définissez la couleur de premier plan (Foreground Color) à # 463003, créez une nouvelle couche au-dessus de « top notebook », prenez le Brush Tool (B), et choisissez la carte que vous voulez, je choisis map2, ajustez le diamètre autour de 330px et peindre avec cette brosse dans le bas de la partie droite des pages du carnet. Faites pivoter ce calque pour correspondre à l’orientation du papier du carnet, abaissez l’opacité à 50% et nommez de cette couche « right page 1 ».

Créez un nouveau calque, nommez-le « right page 2 », utilisez l’outil Brush Tool (B), choisissez une autre carte, je choisis map3, définissez le diamètre autour 450px, et peindre la partie droite supérieure du carnet. Faire pivoter ce calque pour correspondre à l’orientation du carnet. Réduire l’opacité à 50%.

Créez un autre nouveau calque, nommez-la « left page », prenez l’outil Brush Tool (B), choisir une autre carte, je choisis map4, réglez le diamètre de l’ordre de 600px, et peignez sur la page gauche du carnet. Tourner et déplacer cette couche, ainsi vous obtenez quelque chose comme ça.

Réduire l’opacité à 50%. Maintenant, nous devrions avoir quelque chose comme ça.

Appliquer le calque suivant au calque « Notebook » :

ETAPE 3
Télécharger la photo Polaroid : http://www.sxc.hu/photo/854924 et l’ouvrir dans Photoshop. Double-cliquez sur le calque d’arrière-plan, puis cliquez sur OK pour que cette couche devienne éditable. Enregistrez ce fichier comme « polaroid.psd » parce que nous allons l’utiliser pour créer nos photos Polaroid.

Pour la création de photos polaroid j’ai utilisé certaines de mes photos que j’ai prises cet été en Grèce. Vous pouvez trouver certaines d’entre elles sur un flickr : http://www.flickr.com/photos/27885247@N02/sets/72157621886376386/ . Alors sélectionnez la photo que vous souhaitez, ouvrez-la dans Photoshop, copiez et collez-la dans polaroid.psd. Command + T (Ctrl + T) pour faire tourner un peu afin de rattraper l’orientation Polaroid. Nommez ce calque « photo ».

Désormais masquez la couche photo, cliquez sur layer0, utilisez l’outil Magic Wand Tool (W) pour sélectionner le carré noir de Polaroid.

Démasquez le calque photo, sélectionnez-le, inversez la sélection avec Command + Shift + I, et cliquez sur Backspace pour supprimer les parties non désirées de la photo. Maintenant annulez la sélection (Command + D). Vous devriez avoir quelque chose comme cela.

Nous voulons que notre photo ait l’air ancienne, téléchargez Haevy Scratch Brushes : http://www.psdcentral.net/downloads.html, ouvrez l’outil Brush Tool (B), chargez Heavy Scratch Brushes, sélectionnez Scratch Heavy Brush, mettez un diamètre max de 2500px, créez une nouvelle couche au-dessus de la couche « photo », et peignez-la avec l’outil Brush Tool (B). Nommez ce calque « scratch ». Redimensionnez-le à pour être plus important que le polaroid.

Puis masquez le calque « scratch », sélectionnez « layer0″, utilisez l’outil Magic Wand Tool (W) pour sélectionner le fond blanc, Command + Shift + I de la sélection à rebours, démasquez le calque « scratch », sélectionnez-le, sélection inversée une fois de plus et cliquez sur Backspace pour supprimer les parties indésirables du calque « scratch ». Baissez le remplissage (Fill) à 30%.

Nous avons alors une photo froissée, mais pas d’aspect ancien. Pour donner un look plus vintage il vous faudra sélectionner Create new fill or adjusment layer, puis faites Photo filter, Warming filter (85) pour le filtre, et ajustez Density à 77%, et cliquez sur OK.


Elle a maintenant un bon aspect, assez ancien.
ETAPE 4
Sélectionnez toutes les couches et allez sur Layer>Merge Layers. Maintenant utilisez l’outil magic wand tool (W), selectionnez White background, selection inversée,

Le copier et le coller dans diary.psd entre les couches « notebook » et « notebook top », et nommez cette couche « photo 01 bp ». Redimensionnez-la, faire pivoter, et placez-le sur la gauche entre les pages comme sur l’exemple.

Appliquer Drop shadow layer style à « photo 01 bp ».

Maintenant, créez une autre photo Polaroid et placez-le également entre les pages, en utilisant la méthode ci-dessus. Nommez ce calque « photo 02 bp» et appliquer Drop shadow layer style à cette couche, comme précédemment. Nous devrions avoir quelque chose comme cela.

Créer une autre photo Polaroid en utilisant la méthode ci-dessus, mais celui-ci nous allons le placer sur les pages ouvertes. Nommez ce calque «photo03».

Il faut maintenant créer un trombone pour tenir cette photo. Définissez la couleur de premier plan (foreground color) à # 583f0d, ouvrir Custom Shape Tool, trouvez la forme de trombone et appliquez-le. Maintenez la touche Shift pour contraindre les proportions. La redimensionner et faire pivoter. Nommez ce calque « paperclip ». Assurez-vous que cette couche est en haut du calque « photo03 ». Pixelliser cette couche et l’appliquer à la suite de « Bevel And Emboss » style à ce calque.


Nous avons besoin de supprimer certaines parties de trombone, choisissez Erase Tool (E), choisir Hard Round 5px, et démarrer l’effacement.

Ok, nous allons continuer. Créer une autre photo Polaroid, l’insérer dans diary.psd, nommez de cette couche «photo04», et placez-la au-dessous du calque « photo03″.

Nous allons ajouter plus de détails. Télécharger Sticky Tape Photoshop : http ://www.blog.spoongraphics.co.uk/freebies/sticky-tape-photoshop-brushes, charger dans photoshop, définissez la couleur de premier plan (foreground color) à # dab05d, prenez le Brush Tool (B), puis sélectionnez le Brush SpoonGraphics Tape2,règlez le diamètre à 116px, créez une nouvelle couche au-dessus de « photo04″, peindre avec le Brush Tool. Nommez ce calque « sticky tape 1 » et appliquer drop shadow effect.


Dupliquez le calque « sticky tape 1 » et le calque clear layer style. Nous devrions avoir quelque chose comme cela.

Avec cela, la page de gauche est finie.
Maintenant, nous allons passer à la page de droite. Ajoutons le calque du paragraphe (Paragraph layer). Pour ajouter une couche paragraphe que vous devez créer la première zone de délimitation. Vous pouvez cliquer et faire glisser le curseur en diagonale jusqu’à ce que vous ayez obtenu votre taille désirée. Ecrire du texte dans la couche Paragraphe. J’ai utilisé la police Journal http://www.dafont.com/journal.font. Définissez la couleur du texte à # 463003, pivoter et redimensionner pour l’adapter à la bonne page du carnet. Nommez ce calque « text ».

Faites cette page un peu plus sale et grunge. Télécharger Coffee Stain 1 photo http://www.sxc.hu/photo/1103262, ouverte dans Photoshop, copiez et collez-le dans dairy.psd. Nommez ce calque « caffe strain page». Changer Blend Mode pour passer à Multiply. La redimensionner et placer au-dessus du calque « text ».

Téléchargez maintenant Torn PostCard http://www.sxc.hu/photo/1204487, l’ouvrir dans Photoshop, sélectionnez le fond blanc avec Magic Wand Tool (W), et inversez la sélection,

copiez-collez dans notre fichier Photoshop. Nommez ce calque »map background ». Redimensionnez, faites pivoter et le placer en haut de la page de droite.Ajoutez Drop Shadow Effect.

Sélectionnez « map background » avec Command + clic sur la vignette (thumbnail), créez une nouvelle couche, assurez-vous que la couleur de premier plan est # 463003, prenez le Brush Tool (B), choisir l’une des Waterlogged Map Brushes par ~ Arbenting et peindre avec par dessus. Nommez ce calque « map1″ et réduire l’opacité à 60%.

Ajouter un ruban adhésif, en utilisant la méthode précédante, pour garder « map1 » sur la page.

Ajoutons un petit détail pour les pages. Téléchargerl’Italian flag http://www.flickr.com/photos/davekellam/482815089/ , l’ouvrir dans Photoshop, avec l’outil Rectangular Marquee Tool (M) faire une sélection, copiez et collez-le dans diary.psd.

Nommez ce calque « italian flag », le redimensionner, faire pivoter et le placer sous « photo03». Maintenant, allez dans Image – Adjusments – Photo Filter.


Appliquez Drop Shadow Effect.

Nous avons terminé avec ce bloc-notes.
ETAPE 5
Nous allons ajouter plus de détails! Créez deux autres photos polaroid, les placer dans leBackground Group, en couches séparées,au- dessus de la couche « map », leur donner un nom commençant par « photo 05 bg » à chacune. Appliquez Drop Shadow Effect à chaque couche.


Maintenant, ajoutez Cofee Stain sur la photo du haut. Créez un nouveau calque, nommez-le « caffe strain big», l’utilisez Coffee Stain 1 photo http://www.sxc.hu/photo/1103262, changer le Blend Mode pour Multiply, redimensionnez-la et placez-la sur la photo.

ETAPE 6
Nous allons ajouter une tasse de café maintenant. Téléchargez isolated Cup of Strong Coffee http://www.sxc.hu/photo/972657, l’ouvrir dans Photoshop, ouvrez Path, maintenez la touche Command enfoncée et cliquez sur la vignette Path Thumbnail pour sélectionner Cup of coffee.


Copiez et collez-le dans dairy.psd, nommez cette couche « caffee » etplacez-la sur le dessus. La redimensionner, appliquer Drop Shadow Effect.


Vieillissez-la, allez sur Image – Adjusments – Photo Filter.

C’est ce que nous avons maintenant.

ETAPE 7
Ajoutons la boussole. Vous pouvez télécharger la boussole sur My flickr photostream http://www.flickr.com/photos/27885247@N02/3790157070/. Extraire la boussole de l’arrière-plan, copiez et collez-le dans diary.psd. Nommez ce calque « compass ». Placez ce calque en dessousdu calque « caffe ». Aller à Image – Adjusments – Photo Filter.

Ajoutez Drop Shadow Effect.


Rayez-la un peu. Créez un nouveau calque au dessus de »compass », nommez-la « compass scratch », définissez la couleur de premier plan (foreground color) à # 000000, prendre l’outil Brush Tool, choisissez Scratch Heavy Brush, sélectionnez la boussole en maintenant Command enfoncée et cliquez sur la vignette du calque de la boussole, sélectionnez le calque « compass scratch », le peindre avec l’outil Brush Tool. Changer le Blend Mode pour Soft Light.


Elle a maintenant une bonne tête de vieille boussole.

ETAPE 8
Il est temps de terminer. Ajoutons un dernier détail. Ecrivons le mot Abduzeedo en utilisant certains caractères aléatoires. J’ai utilisé http://www.myfonts.com/fonts/bitstream/humanist-slabserif-712/black/opentype-tt/243795/et utilisez-le avec la couleur colour #c5c6ba. Définissez la taille de la police (font size) à 120px. Changer le Blend mode pour Color Burn et ajoutez un trait d’1px.

Maintenant, dupliquez ce calque et réduire l’opacité à 65%, le Blend Mode est toujours réglé sur Colour Burn.

Et voila.

Espérant que vous avez apprécié ce tutoriel.
A propos de l’auteur :
Salut! Mon nom est Nikola Lazarevic aka Colaja de Nis, Serbie. Je suis Web designer et toxicomane photoshop! J’ai commencé webexpedition18 http://webexpedition18.com/ depuis presque un an. Et bien sûr, vous pouvez me trouver sur Twitter!







Merci !
Tuto sympa pour un résultat tout aussi sympa. Je m’en suis inspiré pour créer une page de couverture d’un carnet de voyages, et franchement ça rend très bien. Merci pour le tuto et l’inspiration.
ah oui, grand merci! parfait!
Merci beaucoup ! Je m’en suis servie pour créer mon CV créatif pour les cours
Merci pour ce tutto infiniment bien construit!! le résultat est magnifique, continue de faire partager cette passion!!
Un grand merci pour ce tutorial tout bonnement génial !!
Je m’en suis servie (et viens de poster le résultat sur mon blog) !!