PSD N°68 by michel bombled

Partenaire du numéro

e g a t n o m o t o h P e t s i l a surreéc des ombres

N° 08/2012 (68)

Mensuel Août ISSN 1733-2745

Jouez av s e r è i m u l s e d et

Traitement des PDF non Sécurisé Comment le corriger, l’éditer et le faire changer Photographie Noir et Blanc Faites ressortir un sujet de vos photos

Réalisez et présentez un icône d’application iPhone

Chers lecteurs, Vous avez sous les yeux le numéro suivant du .psd Photoshop dans lequel vous trouverez non seulement les tutoriels sur photomontage mais aussi sur le traitement des photos. Premièrement nous vous invitons à réaliser le tutoriel de couverture. L’auteur de ce visuel, Hendrick Rolandez, vous présentera comment réaliser une création originale, surréaliste en combinant des éléments organiques et végétaux. Vous verrez aussi comment jouer avec des ombres et des lumières pour accentuer la composition. Ensuite passez à la page 18 où vous trouverez le tutoriel d’Aymeric Joubert qui expliquera comment créer l’icône pour l’application iPhone. Vous connaîtrez les spécifications graphiques pour ce types de visuels et vous verrez comment le mettre en valeur. Nous vous recommandons aussi l’article de Stéphane Thas qui parlera du traitement des fichiers PDF non sécurisés. L’auteur vous donnera des conseils sur la modification, le changement et la correction de ce format. Bonne lecture à tous , Équipe .psd Photoshop

Le magazine .psd est publié par SW Press Sp. z o.o. Président de SW Press Sp. z o.o. Dominika Truszczyńska-Gosk Directrice de la publication Justyna Książek ISSN : 1733-2745

DTP Graphics & Design Eurodesign www.euro-design.info Photo de couverture Hendrick Rolandez

SW Press Sp. z o.o. ul. Bokserska 1, 02-682 Varsovie, Pologne tél. +48 22 427 35 34, fax +48 22 244-24-59 http://www.psdmag.org/fr

Bétatests

Jonathan Marois, Patrick Haond, Benoît Recarte, Charline Goutx, Hélène Hertgen, Aurélien Lautour

Publicité publicite@software.com.pl

Les personnes intéressées par la coopération sont priées de nous contacter : fr@psdmag.org

.psd 08/2012 | www.psdmag.org/fr

Tous les logos et marques déposées sont la propriété de leurs propriétaires respectifs.

sommaire DOSSIER

Ebony Créer un photo-montage organique & végétal Hendrick Rolandez

PRATIQUE

Réaliser et présenter un icône d’app’ iPhone Aymeric Joubert Créer une série documentaire artistique en Noir et Blanc Christine Roy

FUCUS

Traitement des PDF non Sécurisé Stéphane Thas

FICHE TECHNIQUE

Dark Purple Girl Florian Ruocco alias AKSHOBHYIA

GALERIE

GALERIE D’AYMERIC JOUBERT

GALERIE DE DIMITRI DANILOFF

.psd 08/2012 | www.psdmag.org/fr

Ebony - Créer un photo-montage organique & végétal

DOSSIER

Photoshop CS3 Extended | intermédiaire | 3 h

.psd 08/2012 | www.psdmag.org/fr

DOSSIER

Ebony Créer un photo-montage organique & végétal

Dans cet exercice, les objectifs sont variés. En premier lieu, il s’agit de parvenir à réaliser un photo-montage en combinant des éléments organiques et végétaux. Ensuite, l’utilisation d’effets de lumières ainsi que d’ombres permet d’accentuer la composition au même titre que l’ajout de calques d’effets sur des élément déstructurés. La bonne organisation des calques et dossiers est aussi un point essentiel abordé.

Hendrick Rolandez Il a 25 ans, designer graphique & directeur artistique junior freelance, en France. Spécialisé avant tout en web design, mes projets sont également portés sur le motion design, print, branding, illustration et retouches photos ainsi que la création de typographies pour le compte de clients français et internationaux. Site web : http://www.moinzek.com

1: Préparer son plan de travail

Avant de rentrer dans le vif du sujet et de commencer à créer votre montage, il convient dans un premier temps d’établir votre plan de travail. Commencez donc d’abord par importer les images qui vous seront nécessaires pour la mise en place de votre création. Allez dans Fichier>Ouvrir, puis sélectionnez le set des cinq images JPEG présentes dans le dossier correspondant (Femme, Arbre, Plante, Feuille et enfin Décor). Une fois vos images ouvertes, créez un nouveau document depuis Fichier>Nouveau (ou bien par le raccourci clavier [Ctrl]+[N]) en lui donnant un titre et en fixant en dimensions 640 pixels de large pour 960 pixels de haut et en mode RVB. Cela permettra à la fin d’avoir votre création en fond d’écran sur votre mobile, par exemple. Lorsque le document s’ouvre, le premier calque, nommé par défaut Arrière-plan est verrouillé. Double-cliquezdessus puis nommez-le Fond et verrouillez-le de nouveau en cochant le cadenas, dans cette même fenêtre, en haut de la liste des calques. Votre composition sera désormais prête pour commencer un montage.

Donnez un titre et des dimensions à votre composition.

.psd 08/2012 | www.psdmag.org/fr

DOSSIER

Ebony - Créer un photo-montage organique & végétal Détourer les images et organiser votre composition 2a:

La seconde étape consiste en un travail de longue haleine et de patience puisqu’il s’agit de détourer les images. Cependant, seules quatre d’entre-elles le seront : Femme, Plante, Feuille et Arbres. Dans un premier temps, il s’agira de détourer ce qui sera le personnage central de votre composition à savoir la femme. Commencez d’abord par sélectionner la fenêtre avec la jeune femme, puis cochez le pictogramme Ajouter un masque de fusion situé en bas de la fenêtre Calques (troisième pictogramme en partant de la gauche).

Sélectionnez le masque de fusion pour détourer.

2b:

Ensuite, sélectionnez l’outil Pinceau issu de la palette d’outils puis, sur le masque de fusion créé, masquez le fond de l’image ainsi que la robe pour n’y laisser que le buste, le bras gauche et la tête. La chevelure ne posant pas ici véritablement de problème pour la détourer, l’utilisation seule de l’outil Pinceau suffira amplement afin d’obtenir ainsi un résultat plus que satisfaisant. Alternez entre différents types de pinceaux, du rond net à fort diamètre pour les grandes parties à masquer à un diamètre plus fin et un arrondi flou pour les contours rapprochés du modèle. Une fois que votre modèle sera détouré, votre devriez avoir un résultat similaire voire même identique à celui de l’image présentée.

Votre résultat après avoir détouré la jeune femme.

2c, 2d, 2e:

Répétez cette opération pour détourer les trois autres images restantes (Plante, Feuille et Arbres). Pour la plante, ne conservez que le bout marron qui part en pointe, pour la feuille que la première visible au premier plan et enfin pour les arbres uniquement celui présent sur la droite de l’image, en minimisant les branches les plus fines, qui seront invisibles par la suite.

2f:

Une fois que toutes les images sont détourées, retournez sur votre composition, créez un dossier DETOURAGE (le troisième pictogramme, en bas de la fenêtre Calques, en partant vers la droite) puis placez dedans les calques de vos fichiers détourés en les renommant ainsi : Détourage plante, Détourage arbre, Détourage feuille et Détourage femme. Masquez ensuite ce dossier en décochant l’oeil situé à gauche du nom de dossier. Ce dossier vous permettra par la suite de reprendre vos fichiers détourés et de les réutiliser parfois plusieurs fois. Il vous fera office de stock d’images temporaire.

Vos résultats pour les calques détourés.

Organisez vos calques dans des dossiers appropriés.

.psd 08/2012 | www.psdmag.org/fr

DOSSIER

Ebony - Créer un photo-montage organique & végétal Mise en place du décor 3a:

Vous pouvez dorénavant refermer les fenêtres pour les images que vous avez ouvertes à l’étape 1 (exceptée l’image Rocher que vous fermerez après cette étape). Ces dernières étant maintenant détourées correctement par vos soins et placées judicieusement dans un dossier au sein de votre composition. C’est le moment de commencer à placer votre décor. Créez un nouveau dossier pour votre composition que vous nommerez MONTAGE puis un nouveau sous-dossier qui se nommera cette fois-ci Décor. Ensuite, prenez l’image du rocher restante, et glissez-la dans votre composition en bas à gauche, et par la même occasion, placez ce calque dans votre tout nouveau sous-dossier créé et renommez-le Rocher.

3b:

Comme votre composition possède des dimensions plus grandes que celles de l’image du rocher, vous allez devoir effectuer quelques ajustements d’échelle. Avec le raccourci clavier [Ctrl]+[T], des coins apparaissent au sein du calque : placez votre curseur en haut à droite de ce dernier et étirez l’image, tout en maintenant la touche [Maj] enfoncée pour conserver la proportion de l’image. Faites en sorte que le bord droit de votre calque corresponde alors avec le bord droit de votre composition.

Positionnez le rocher en bas à gauche.

L’image prend la largeur de la composition.

Votre calque rempli maintenant la totalité de l’espace de votre composition. Ne sélectionnez qu’une zone précise du calque pour l’étirer.

3c:

Il faut ensuite combler l’espace vide au-dessus de l’image et donc de votre calque. Pour cela, vous allez effectuer de nouveau une transformation de l’image. Prenez l’outil Rectangle de sélection de

votre palette, puis sur votre calque Rocher sélectionnez la partie haute de votre image, dans toute sa largeur et enfin faites de nouveau le raccourci [Ctrl]+[T] pour agrandir votre image en hauteur sans que le rocher ne soit au final modifié ni déformé.

.psd 08/2012 | www.psdmag.org/fr

3d:

Pour terminer votre décor, il ne reste qu’une lumière globale pour adoucir un peu l’ambiance. Dans le sous-dossier Décor, créez un nouveau calque (second pictogramme en partant de la droite, en bas de la fenêtre Calques) que vous nommerez Lumière globale et prenez l’outil Pot de peinture et cliquez sur votre nouveau calque en le remplissant de blanc. Ensuite, baissez l’opacité de celuici en la plaçant à 40%, le réglage s’effectuant depuis la fenêtre Calques, en haut à droite. Enfin, avec l’outil Gomme à arrondi flou d’un diamètre de 500 pixels, gommez les contours du calque et la zone du rocher pour donner au final une impression de lueur qui provient du coin en haut à gauche de votre scène. Au final, votre décor est créé et placé dans un sous-dossier Décor contenant deux calques.

DOSSIER

Ebony - Créer un photo-montage organique & végétal Découper les images puis les assembler 4a

Placez la femme détourée au centre de votre composition.

Avec l’outil Déformation, modifiez votre calque et placez le visage et la main hors de la jeune femme.

4a:

Lorsque vous jugerez que votre personnage (et donc son calque) sera bien positionné, prenez l’outil Lasso puis détourez de façon minutieuse la main gauche au niveau du poignet et coupez-collez votre main détourée sur un nouveau calque créé, calque que vous nommerez Main gauche. Vous pouvez apporter une légère rotation de la main grâce au raccourci [Ctrl]+[T] et en faisant pivoter à droite ou à gauche l’un des coins du calque de la main. Faites-en de même avec le visage avec un calque que vous nommerez Visage. Pour adoucir les contours du visage et de la main, vous pouvez toujours, avec l’outil Gomme et un diamètre faible, corriger quelques pentes trop abruptes.

Il faut maintenant placer votre personnage au centre de votre composition puis en découper certaines parties tout en y apportant une relative profondeur. Pour cela, faites une copie du calque de la femme détourée, qui se situe dans votre dossier DETOURAGE, puis placez cette copie dans un sous-dossier que vous nommerez Jeune femme que vous placerez lui-même dans le dossier MONTAGE. Vous travaillerez, pour cette étape, dans ce dossier seul.

4d, 4e:

Une fois vos calques du visage et de la main placés, puis celui de la peau modifié et intégré de façon naturelle à votre composition, vous allez apporter un peu de profondeur à votre création. Sélectionnez l’outil Plume puis choisissez comme couleur de calque de forme le code couleur en hexadécimal suivant : #5b5933. Ensuite, créez un nouveau calque en-dessous du calque Femme puis faites un léger contour au niveau de l’endroit où le visage a été séparé. Refaites un nouveau calque cette fois-ci en dessous du calque Visage et faites une forme pour avoir un effet de visage courbé, comme un masque de carnaval et donner ainsi un peu de profondeur et de relief à votre composition. Sur ce calque, appliquez une ombre interne en cliquant sur le pictogramme Fx en bas à gauche de la fenêtre Calques. En opacité, ajustez à 60%, avec un angle de 128°, une distance de 10 pixels et une taille de 5 pixels.

4b, 4c:

Concernant la peau qui continue le long du bras, prenez l’outil Rectangle de sélection puis sélectionnez une zone du haut du bras, près de l’épaule. Copiez-collez cette sélection dans un nouveau calque que vous nommerez Peau bras gauche puis allez dans Edition>Transformation> Déformation. Une grille de trois cases par trois cases apparaît alors. Modifiez les points de cette de façon à donner de l’élévation à la peau en évitant que le calque ne soit trop pixelisé et flouté.

Réglez les effets de vos formes pour les creux du visage découpé.

Le contenu du sous-dossier Jeune femme est dorénavant terminé.

Ces calques ajoutés en arrière-plan apportent de la profondeur à votre composition.

.psd 08/2012 | www.psdmag.org/fr

DOSSIER

Ebony - Créer un photo-montage organique & végétal Placer les éléments végétaux

5a, 5b, 5c:

Avant de commencer à placer les éléments végétaux, créez d’abord deux sous-dossiers, dans le dossier MONTAGE. Un premier sousdossier que vous nommerez Végétation – Partie basse et que vous placerez juste au-dessus du sous-dossier Décor et un autre sousdossier que vous nommerez Végétation – Partie haute et que vous placerez au-dessus du sous-dossier Jeune femme. Vous allez dans un premier temps créer les éléments végétaux pour la partie basse et donc créer les calque dans le dossier correspondant récemment créé et renommé. Allez dans le dossier DETOURAGE puis copiez le calque Arbre et placez-le dans votre sous dossier Végétation – Partie basse. Avec l’outil Rectangle de sélection, prenez la base de l’arbre, puis copiez-collez le dans un nouveau calque. Ne conservez que la base et gommez éventuellement les éléments en surplus. L’opération reste identique pour le reste des branches et du sous-dossier : copiez-collez un des éléments du calque d’arbre dans un nouveau calque et effectuez des rotations avec le raccourci [Ctrl]+[T] si besoin. Au final, pour le sous-dossier Végétation – Partie basse, vous devriez avoir la base de l’arbre en fond, deux calques pour les branches au niveau des jambes et un calque de branches pour relier le bras à la main, que vous avez préalablement séparés en étape 4. Pour le bras droit, utilisez le calque Détourage plante, et donc la plante qui part en pointe et passe derrière la jeune femme en gommant le superflu qui dépasserait.

Placez le tronc de l’arbre puis les branches pour relier le rocher à la jeune femme.

.psd 08/2012 | www.psdmag.org/fr

DOSSIER

Ebony - Créer un photo-montage organique & végétal 5d:

Les opérations sont alors simples : copier et coller le calque d’arbre détouré, conserver les éléments voulus et supprimer les autres, avec l’outil Gomme par exemple, puis les faire pivoter pour apporter de la cohérence et de l’homogénéité à la composition.

5e, 5f:

Répétez le même type d’opération du calque Détourage arbre pour le sous-dossier Végétation – Partie haute, et dans lequel vous devriez avoir un calque avec une branche au niveau du visage et un autre au niveau de l’épaule gauche avec une branche haute qui s’élève, ainsi qu’une branche à l’avant-bras gauche qui semblera torsadée.

5g:

Dans ce même dossier, placez maintenant la feuille que vous avez détouré via le calque Détourage feuille puis à l’aide de l’outil de Déformation dans Edition>Transformation> Déformation, faites épouser la forme de la feuille avec le bustier noir déjà présent de la jeune femme. Supprimez les parties encombrantes telles que les pointes de la feuille si besoin est, avec l’outil Gomme.

Votre personnage est donc placé sur votre scène avec les éléments que vous avez découpés, ajustés et positionnés. Reste alors les jeux d’ombres et de lumières ainsi que les effets.

5g Votre résultat une fois la végétation partie basse terminée.

La feuille fait office de tenue pour votre personnage. Ne sélectionnez qu’une zone précise du calque pour l’étirer.

Placez le reste des branches pour la partie haute, notamment le bras gauche.

.psd 08/2012 | www.psdmag.org/fr

DOSSIER

Ebony - Créer un photo-montage organique & végétal Créer un jeu d’ombres...

Pour les ombres, créez un dossier OMBRES, au-dessus du dossier MONTAGE. Puis créez un nouveau calque et sélectionnez l’outil Pinceau tant en vérifiant que la couleur correspondante soit bien le noir. Ensuite, appliquez avec un arrondi flou de petite taille (mois de 15 pixels de diamètre) sur les zones des branches dans les parties basses, au niveau du bustier notamment, ainsi que la branche à l’avant-bras. Accentuez les ombres entre le bustier et les branches du bas pour donner plus de noirceur. Enfin, vous pouvez également placer des ombres sur le bustier pour simuler des plis (en déformant les calques) ainsi que vers la peau de l’épaule qui s’élève, pour donner une ombre portée à la branche qui en sort. Utilisez aussi la déformation comme vu précédemment pour que certaines de vos ombres suivent les contours souhaitées ou bien un élément précis subissant une certaine flexion. N’oubliez pas de renommer chaque calque par Ombre - XX où XX correspond au numéro de calque suivant sa création chronologique.

Et de lumières 7a:

Une fois vos ombres terminées et jugées suffisantes pour votre composition, vous pouvez commencer les lueurs ou éclairages. Créez alors un nouveau dossier que vous nommerez LUEURS et que vous placerez au-dessus du dossier OMBRES. Comme pour les ombres, les outils que vous utiliserez seront simples et peu nombreux, à savoir : le pinceau avec des formes arrondies floues et de petites tailles toutes de couleur blanche, la transformation telle que la déformation ou encore la rotation voire même le changement d’échelle.Commencez d’abord par vous occuper des lueurs sur la jeune femme, qui sont donc sur le corps, le buste feuilleté, les branches présentes sur le corps et liées. Créez autant de calque qu’il y a de lueurs grâce à votre pinceau (n’oubliez pas d’avoir choisi le blanc en couleur à appliquer). Le travail le plus long sera notamment au niveau des cheveux ou de la branche qui sort de l’épaule où vous devrez régulièrement jongler entre la changement d’échelle et la déformation (qui n’a pas de raccourci clavier par défaut).

Intégrez les ombres manuellement en veillant à bien nommer vos calques.

Mais également aux éléments environnants qui le composent.

Apportez des lueurs à votre personnage.

7b:

Lorsque les lueurs précédentes seront effectuées, vous pourrez ensuite continuer sur celles présentes sur les branches dans la partie basse sans oublier une lumière générale sur le rocher.

Si toutefois, certaines lueurs pourront paraître trop fortes, diminuez l’opacité du calque voulu pour atténuer la lueur. A contrario, si vous jugez une lueur trop faible, dupliquez simplement la calque. Le dossier LUEURS sera alors composé de plusieurs calques, bien plus que les précédents. Vous pouvez décider ou non, de fusionner ces calques pour en diminuer la quantité. Le revers tient au fait qu’ensuite, il vous sera plus difficile de modifier une lueur en particulier une fois la fusion effectuée.Pour les fusionner, sélectionnez un ensemble de calques, puis, avec un clic droit, choisissez Fusionner les calques.

.psd 08/2012 | www.psdmag.org/fr

DOSSIER

Ebony - Créer un photo-montage organique & végétal Ajouter des calques d’effets 8b

Modifiez la première courbe : le rouge.

8a, 8b, 8c:

Modifiez ensuite la seconde courbe : le vert.

Votre composition est presque terminée, il reste dorénavant à y appliquer des calques d’effets. Trois types de calques d’effets pour être plus précis : niveaux, courbes et balance de couleurs. Premièrement, commencez par créer un dossier EFFETS, que vous placerez au-dessus du dossier LUEURS. Puis une fois créé, allez dans Calques>Nouveau calque de réglages>Courbes. Modifiez alors les courbes de rouge, de vert et de bleu.

8d:

Modifiez enfin la troisième et dernière courbe : le bleu.

Appliquez un nouvel effet toujours dans Calque>Nouveau calque de réglages>Niveaux et modifié le niveau de votre composition pour qu’il soit un peu plus sombre.

Placé le curseur à 0,97 pour accentuer votre composition.

Modifiez en premier lieu les tons foncés.

8h:

Enfin, c’est presque terminé. Votre composition semble déjà plus dans l’optique du résultat attendu. Il ne reste que quelques nouveaux calques de réglages pour que tout soit correcte.

Puis ensuite modifiez les tons moyens.

Enfin, modifiez les tons clairs.

Votre résultat après les calques d’effets.

8e, 8f, 8g:

Ensuite, appliquer de nouveau un calque d’effets dans Calque>Nouveau calque de réglages>Balance de couleurs et modifiez les tons foncés, moyens et clairs.

.psd 08/2012 | www.psdmag.org/fr

DOSSIER

Ebony - Créer un photo-montage organique & végétal Ajouter des calques d’effets

Modifiez votre nouvelle courbe rouge.

Puis modifiez la nouvelle courbe verte.

8i, 8j, 8k, 8l, 8m, 8n:

Créez un dernier dossier que vous nommerez EFFETS v2, au-dessous de votre dossier EFFETS. Ajoutez deux nouveaux calques de réglages avec dans un premier temps des courbes puis ensuite une balance de couleurs.

8k Et enfin, modifiez la nouvelle courbe bleue.

Ajustez les tons foncés de votre balance de couleurs.

Puis les tons moyens de cette même balance. Votre création est dorénavant terminée.

En conclusion:

Votre composition enfin terminée, vous pouvez alors la placer en tant que fond d’écran sur votre mobile, par exemple. Vous pouvez à tout moment revenir sur votre création en la modifiant pour y ajouter des éléments voire même en retirer ou encore modifier les calques d’effets. En organisant votre travail, vous gagnez non seulement du temps si vous souhaitez revenir dessus (pour y modifier des calques d’effets, des lueurs etc.) mais vous facilitez également la lecture lors du parcours de votre fichier et sa potentielle réutilisation par d’autres personnes.

A retenir:

Et pour terminer, les tons clairs restent inchangés.

8o:

Le résultat final est alors comme désiré, avec une ambiance donnée notamment grâce aux calques d’effets et aux jeux d’ombres et de lumières.

Vous avez mis en place un plan de travail propre et organisé, structuré. L’utilisation d’outils n’étant pas assimilé à des raccourcis clavier à également permis de nouvelles façons d’appréhender des transformations de calques. Enfin, l’utilisation de calques d’effets est également un point important lorsque vous décidez de créer un photo-montage. Vous pouvez également combiner votre montage avec d’autres logiciels tels qu’After Effects en utilisant des plug-ins par défaut ou bien payants et donner ainsi une autre dimension à vos créations et parfois même, les animer.

.psd 08/2012 | www.psdmag.org/fr

PRATIQUE

Photoshop CS6 | débutant | 90 min

RÉALISER ET PRÉSENTER UN ICÔNE D’APP’ IPHONE Depuis l’arrivée en 2007 de l’iPhone et l’explosion du marché des smartphones, l’application est devenu le nouveau moyen de communication privilégiée des annonceurs. Il est essentiel aujourd’hui de connaître les spécificités graphiques d’une application et de savoir la mettre en valeur à travers sa présentation. Par ce tutoriel, c’est ce que nous allons essayé de réaliser ensemble.

Aymeric Joubert Je suis une formation en Diplôme Supérieur d’Arts Appliquées Créateur-Concepteur Multimédia et travaille actuellement en apprentissage au sein de l’agence digital Marcel. Tout d’abord intéressé par le domaine des Arts, jusqu’à suivre une licence d’Arts Plastiques, je me suis ensuite passionné pour la création digitale. J’ai un attrait particulier pour les nouvelles interfaces mobiles. Techniquement, je me suis formé à quasiment tous les logiciels de la suite Adobe, avec une préférence pour Photoshop CS6 et After Effects CS6. Si vous souhaitez jeter un œil à mon portfolio et me donner votre avis sur mes créations, rendez-vous sur http://www.behance.net/aymericjoubert

.psd 08/2012 | www.psdmag.org/fr

PRATIQUE

RÉALISER ET PRÉSENTER UN ICÔNE D’APP’ IPHONE 1

1: Création de la base

Ouvrez Photoshop et créez un nouveau document de 512x512 pixels avec une résolution de 300 pixels/pouce (ce format est la taille maximale d’un icône visible sur l’Apple Store). Nous allons créer la forme principale de l’application en utilisant l’outil Rectangle arrondi ou touche [U]. Cliquez au centre du document et vérifiez que vous avez un rectangle de largeur et hauteur de 512 pixels ainsi qu’un rayon de 90 pixels. Double-cliquez sur le calque du rectangle (dans la fenêtre des calques) pour ouvrir la fenêtre style de calque. Appliquez une ombre interne noire en mode de fusion Produit avec une opacité de 30%, une distance et maigri de 0 et une taille de 15 pixels. Dupliquez maintenant avec la commande [Cmd]/[Ctrl]+[J] votre calque du rectangle. Vérifiez que le calque est bien situé au dessus de la forme principale. En cliquant sur ce nouveau calque, créez le en tant que masque d’écrêtage (Calque>Créer un masque d’écrêtage). Ouvrez de nouveau un style de calque et appliquez une incrustation en dégradé du gris 4C4C4C au gris clair 808080 avec un angle de 90 degré.

2: Application de la texture jeans

Nous allons maintenant importer la texture jeans avec Fichier>Importer et agrandissez là pour qu’elle soit à la dimension de l’icône. Passez le calque en mode Lumière tamisée (Fenêtre style de calque>Options de fusion personnalisées>Mode de fusion). Créez aussi ce calque en tant que masque d’écrêtage (Calque>Créer un masque d’écrêtage). Ajoutez un masque vectoriel à la texture jeans en cliquant sur l’icône adéquat en bas de la fenêtre des calques. Sélectionnez le calque de masque vectoriel et utilisez l’outil Dégradé ou touche [G]. Ouvrez le sélecteur de dégradé et choisir Premier plan>Transparent. Vérifiez bien qu’il s’agit de la couleur noire. Sélectionnez ensuite le dégradé radial et cliquez au centre du document en étendant le dégradé à la limite de l’icône.

.psd 08/2012 | www.psdmag.org/fr

PRATIQUE

RÉALISER ET PRÉSENTER UN ICÔNE D’APP’ IPHONE 3: Reflet

Tout d’abord, sélectionnez l’outil Plume, commande [P] et créez une forme triangulaire blanche qui part du centre haut de l’icône au coin en bas à droite. Ajoutez un masque vectoriel et utilisez de nouveau l’outil Dégradé. Ouvrez le sélecteur de dégradé et choisir Premier plan>Transparent. Vérifiez bien qu’il s’agit de la couleur noire. Sélectionnez cette fois ci le dégradé linéaire et cliquez au centre du document en étendant le dégradé jusqu’en haut de l’icône. Pour finir, appliquez une opacité sur le reflet de 25%.

4: Liséré de volume

Phase plus délicate mais qui rajoute du volume au design de l’application : sélectionnez l’outil Plume et réalisez une forme blanche qui suit le contour du haut de l’application. Prenez soin de laisser une épaisseur. Appliquez ensuite un Flou gaussien (Filtre>Atténuation>Flou gaussien) avec un rayon de 0,5 pixels. Photoshop vous demande de pixeliser la forme, vous n’avez pas d’autre choix que d’accepter. Passez le calque en mode Incrustation (Fenêtre style de calque>Options de fusion personnalisées>Mode de fusion). Vous allez maintenant regrouper tous les calques créés dans un même groupe en cliquant sur [Cmd]/[Ctrl]+[G], renommez comme vous le souhaitez. Cette manipulation est facultative mais permet une meilleure organisation des calques.

5: Rebord de l’icône

Dupliquez la toute première forme que nous avons créée [Cmd]/[Ctrl]+[J] et positionnez le calque en dessus du groupe précédemment créé, sinon il ne se verra pas… À partir de cette forme : sélectionnez avec l’outil Sélection directe ou touche [A] les points clés du haut et abaissez les vers le bas de l’icône pour obtenir la même forme que sur l’image. Dupliquez alors ce nouveau calque et appliquez deux styles de calque : • une ombre interne de couleur noire avec une opacité de 30%, un angle de -90°, une distance de 5 pixels, un maigri de 0% et une taille de 10 pixels. • une incrustation en dégradé du gris 4C4C4C au gris foncé 333333 avec un angle de 90 degré. Créez ce calque en tant que masque d’écrêtage (Calque>Créer un masque d’écrêtage). Nous allons de nouveau importer la texture jeans avec Fichier>Importer et agrandissez là pour qu’elle soit à la dimension de l’icône. Passez le calque en mode Lumière tamisée (Fenêtre style de calque>Options de fusion personnalisées>Mode de fusion). Créez aussi ce calque en tant que masque d’écrêtage (Calque>Créer un masque d’écrêtage) au dessus du calque que l’on vient de créer.

.psd 08/2012 | www.psdmag.org/fr

PRATIQUE

RÉALISER ET PRÉSENTER UN ICÔNE D’APP’ IPHONE 6

6: Liséré avec étincelle

Comme nous avons déjà crée un liséré précédemment (étape 04), nous allons simplement le dupliquer avec la commande [Cmd]/ [Ctrl]+[J] et positionnez ce calque au dessus de tous les autres. Il faut maintenant le retourner avec la commande [Cmd]/[Ctrl]+[T] et le positionner sur la limite supérieure du rebord de l’icône (étape 05). Nous allons maintenant importer l’étincelle avec Fichier>Importer et la positionner comme sur l’image. Pour la redimensionner, utilisez la commande [Cmd]/[Ctrl]+[T].

7: Ajout du texte

Activez l’outil Texte horizontal ou touche [T] et tapez le texte que vous souhaitez, pas trop long quand même, en blanc. Sur l’image, j’ai utilisé la typographie Museo Slab en corps 1000. Appliquez deux styles de calque : • un contour d’1 pixel en position intérieur et de couleur grise 404040. • une ombre interne de couleur noire avec un angle de 120°, une distance de 1 pixel, un maigri et une taille de 0. Félicitations, l’icône est maintenant terminé, vous pouvez l’enregistrer au format PNG. Nous allons maintenant passer au background pour la présentation de l’icône.

.psd 08/2012 | www.psdmag.org/fr

PRATIQUE

RÉALISER ET PRÉSENTER UN ICÔNE D’APP’ IPHONE 8

8: Création de la base basse

Créez un nouveau document de 1000x1000 pixels avec une résolution de 300 pixels/pouce. Nous allons créer la première partie du background en utilisant l’outil Rectangle ou touche [U]. Créez un rectangle mesurant 1/3 du document. Dupliquez maintenant le rectangle avec la commande [Cmd]/ [Ctrl]+[J]. Vérifiez que le calque est bien situé au dessus de la forme principale. En cliquant sur ce nouveau calque, créez le en tant que masque d’écrêtage (Calque>Créer un masque d’écrêtage). Ouvrez le style de calque (rappel : double clique sur le calque) et appliquez : • une ombre interne noire, mode de fusion Produit avec une opacité de 50%. Distance et maigri de 0 et une taille de 90 pixels. • une incrustation en dégradé, du gris 4C4C4C au gris clair 737373 au gris plus clair 858585 pour finir à un gris foncé 262626. L’angle est de 90 degré.

9: Application de la texture jeans

Nous allons maintenant importer la texture jeans avec Fichier>Importer et agrandissez là pour qu’elle soit à la dimension du rectangle. Passez le calque en mode Incrustation (Fenêtre style de calque>Options de fusion personnalisées>Mode de fusion). Créez aussi ce calque en tant que masque d’écrêtage (Calque>Créer un masque d’écrêtage). Ajoutez un masque vectoriel à la texture jeans en cliquant sur l’icône adéquat en bas de la fenêtre des calques. Sélectionnez le calque de masque vectoriel et utilisez l’outil Dégradé ou touche [G]. Ouvrez le sélecteur de dégradé et choisir Premier plan>Transparent. Vérifiez bien qu’il s’agit de la couleur noire. Sélectionnez ensuite le dégradé radial et cliquez au centre du document en étendant le dégradé à la limite de l’icône.

.psd 08/2012 | www.psdmag.org/fr

PRATIQUE

RÉALISER ET PRÉSENTER UN ICÔNE D’APP’ IPHONE 10: Création de la base haute

Nous allons créer la seconde partie du background en utilisant l’outil Rectangle ou touche [U]. Créez un rectangle mesurant 2/3 du document cette fois ci, remplissant donc l’espace vide. Dupliquez maintenant le rectangle avec la commande [Cmd]/[Ctrl]+[J]. Vérifiez que le calque est bien situé au dessus de la forme principale. En cliquant sur ce nouveau calque, créez le en tant que masque d’écrêtage (Calque>Créer un masque d’écrêtage). Ouvrez le style de calque et appliquez : • une ombre interne noire, mode de fusion Produit avec une opacité de 50%. Distance et maigri de 0 et une taille de 90 pixels. • une incrustation en dégradé, du gris foncé 262626 au gris 4C4C4C pour finir à un gris clair 808080. L’angle est de 90 degré.

11 11: Application de la texture jeans

Appliquez exactement les mêmes manipulations de l’étape 9.

12 12: Création de la couture

Pour créer la couture il faut soit avoir de bons yeux, soit zoomer avec [Cmd]/[Ctrl]+[+]. Utilisez l’outil Plume ou touche [P] et dessinez une forme identique à l’image (ma couture fait exactement 21 pixels de large et 5 pixels de haut). Appliquez le style de calque ombre portée, couleur noire, mode de fusion Produit avec une opacité de 75%, un angle à 90°, une distance de 1 pixel, un grossi et une taille de 0. Dupliquez ce calque et créez le en tant que masque d’écrêtage. Appliquez deux nouveaux styles de calque en prenant soin de retirer l’ombre portée : • une ombre interne noire avec un mode de fusion Produit. L’opacité est de 40%, l’angle de -145°, une distance de 1 pixel, un maigri et une taille de 0. • une incrustation en dégradé, du noir 000000 au gris B2B0AB. L’angle est de 90 degré.

.psd 08/2012 | www.psdmag.org/fr

PRATIQUE

RÉALISER ET PRÉSENTER UN ICÔNE D’APP’ IPHONE 13

13: Traits dans la couture

Avec l’outil Rectangle ou touche [U], créez une ligne verticale de 1 pixel (et pas plus). Pour cela, utilisez le zoom. Créez la en tant que masque d’écrêtage au dessus des deux calques créés précédemment. Appliquez un style de calque : Incrustation en dégradé, du noir 000000 au blanc FFFFFF avec une opacité de 25% et un angle est de 90 degré. Le mode de fusion est Normal. Dupliquez cette forme (en gardant toujours le masque d’écrêtage) et la décaler de 2 pixels à chaque fois afin de compléter l’ensemble de la couture. Dézoomez avec [Cmd]/[Ctrl]+[-] et vous voilà en présence d’une belle petite couture mais un peu seule. Vous allez maintenant regrouper tous les calques créés pour la couture dans un même groupe en cliquant sur [Cmd]/[Ctrl]+[G], renommez comme vous le souhaitez.

14: Duplication de la couture

Nous allons maintenant créer une ligne complète de coutures en dupliquant le groupe précédemment crée (Calque>Dupliquer le groupe). Prenez soin de séparer chaque couture de 5 pixels en les gardant bien alignées. Répéter l’opération jusqu’à ce que la ligne face toute la largeur du document. Regrouper tous les groupes des coutures dans un même nouveau groupe en cliquant sur [Cmd]/[Ctrl]+[G], renommez comme vous le souhaitez. Cela permet de déplacer la couture beaucoup plus facilement. Ce que vous allez faire en la plaçant à la limite de la jonction entre la base basse et la base haute (voir image). N’oubliez pas d’enregistrer le PSD avec [Cmd]/[Ctrl]+[S], sinon vous allez vous arracher les cheveux.

.psd 08/2012 | www.psdmag.org/fr

PRATIQUE

RÉALISER ET PRÉSENTER UN ICÔNE D’APP’ IPHONE 15

15: Importation de l’icône sur le background

Importer l’icône d’application en PNG avec Fichier>Importer. Placez le au centre de l’image. Appliquez un style de calque d’ombre portée grise 5B5B5B, une opacité à 100%, un angle de -145°, une distance de 0, un grossi de 30% et une taille de 250 pixels.

16: Finalisation avec une ombre

Pour finir, vous allez importer le fichier source ombre_icon et le placer en dessus de l’icône d’application dans la fenêtre des calques (pour qu’il ne soit pas caché par l’ombre portée). Vous venez de réaliser une présentation originale pour votre icône d’application, il ne vous reste plus qu’à créer l’application.

.psd 08/2012 | www.psdmag.org/fr

PRATIQUE

Photoshop CS3 | avancé | 90 min

Créer une série documentaire artistique en Noir et Blanc

La période estivale est riche tant en idées qu’en opportunités de création. Le tutoriel que je vous propose à pour but d’immortaliser certains des plus beaux souvenirs de l’été pour être en mesure de réaliser une série de nature morte en noir et blanc, et ce tout en simplicité. Vous pourrez ainsi maîtriser un peu plus les possibilités du noir et blanc pour mieux faire ressortir un sujet a priori fade en une image forte ayant une haute valeur esthétique professionelle.

Christine Roy Elle est à la tête de l’entreprise Agent Illustrateur, spécialiste en créations visuelles et créatives depuis maintenant 3 ans au Québec, Canada. Également directrice artistique de l’agence de mannequin SCOOP, elle a un fort instinct esthétique qu’elle met a contribution dans chacun de ses projets, que ceux-ci relève de l’illustration éditoriale, de la photographie ou du design graphique. Le style Agent Illustrateur se reconnaît par la simplicité de ses concepts, le choix restreint de la palette de couleurs ainsi qu’un travail soigné de textures variées en guise de signature.

.psd 08/2012 | www.psdmag.org/fr

PRATIQUE

Créer une série documentaire artistique en Noir et Blanc 1

1: ÉTAPE 1

Les retouches se font à partir de la photo toute simple d’un coquillage trouvé sur une plage et déposé sur une surface stable, en l’occurence une table – ouvrir le fichier coquillage_Base.jpg. Dans ce casci, la prise de vue a été faite en lumière naturelle, à main levée. Avant de convertir en noir et blanc, je préfère toujours rééquiliber la photo pour fournir une base plus nette.

2: ÉTAPE 2

Premièrement, je travaille les niveaux de l’image pour rebalancer les tons clairs et foncés pour mieux préparer la conversion en noir et blanc. Pour cela je vais créer un calque de réglagle (Calque>Nouveau calque de réglage>Niveaux). Je prends tout d’abord l’outil Compte goutte pour les blancs, je l’appose et clique sur la partie la plus pâle du coquillage. Je fais la même chose avec le compte goutte pour les noirs, en l’apposant sur la partie la plus sombre de l’image (cela peut être sur la table rouge par exemple). Vous devriez voir un changement assez important dans le contraste et les nuances de l’image. Faites bien attention cependant de ne pas écraser les blancs et les noirs, il faut garder un minimum de détails pour ensuite être en mesure de travailler les nuances. Pour cela, vous pouvez vous guider avec l’Histogramme.

.psd 08/2012 | www.psdmag.org/fr

PRATIQUE

Créer une série documentaire artistique en Noir et Blanc 3

3: ÉTAPE 3

Nous sommes prêt à faire la conversion en noir et blanc. J’affectionne tout particulièrement le Mélangeur de couches – dans calques de réglagles. (Calque>Nouveau calque de réglage>Mélangeur de couches). N’oubliez pas de cochez l’option monochrome.

4: ÉTAPE 4

Notez que je mets à zéro la valeur de rouge pour rendre le fond le plus noir possible. Les valeurs de bleus et verts peuvent être équilibrés à votre convenance – moi j’ai personnellement choisi les paramètres suivant pour un résultat optimal (Rouge -28, Vert +90, Bleu +38). Notez que je préfère toujours garder un total de 100% dans les valeurs du Mélangeur de couches pour éviter tout déséquilibre.

.psd 08/2012 | www.psdmag.org/fr

PRATIQUE

Créer une série documentaire artistique en Noir et Blanc 5

5: ÉTAPE 5

Nous avons un noir et blanc mais il manque de contraste et nous voulons faire ressortir les détails du coquillage pour ajouter plus de profondeur à l’ensemble. Mon outils de prédilection est, une fois de plus, l’option Courbes dans les calques de réglagles. (Calque>Nouveau calque de réglage>Courbes). Je prends cette fois-ci le compte goutte noir et le clique sur une des régions plus foncée du coquillage. Vous allez tout de suite voir un changement dans les détails. Cela prend forme !

6: ÉTAPE 6

Les étapes suivantes servent à sculper les ombres et lumières pour véritablement faire ressortir certains détails du suejts. Pour cela j’aime utiliser le Dodge (Densité -) and Burn (Densité +) de façon non destructive. Pour cela il faut aller créer un nouveau calque, le mettre en mode Overlay (Incrustation) et le remplir en ton de gris neutre (voir les images).

.psd 08/2012 | www.psdmag.org/fr

PRATIQUE

Créer une série documentaire artistique en Noir et Blanc 7

7: ÉTAPE 7

Ensuite, pour foncir les parties appropriées, simplement prendre le pinceau avec du noir, et pour pâlir prendre le pinceau avec du blanc. Vous pouvez maintenant, en variant la taille et l’opacité du pinceau, sculper les ombres et lumière du coquillage que vous voulez faire ressortir. Suivez les formes naturelles pour éviter toutes taches bizarres pouvant trahir votre retouche.

8: ÉTAPE 8

L’essentiel du travail est presque terminé. Pour une composition mettant plus en valeur le sujet, j’ai prioriser le format carré. Comme on veut une marge raisonable autour du coquillage, j’ai d’abord créer un calque de fond supplémentaire (Créer un nouveau calque). J’ai ensuite été rajouter au cadre 2 pouces tant verticalement qu’horizontalement (Menu>Image>Taille du cadre) que j’ai ensuite rempli de noir à 100% pour nous donner une marge de manoeuvre supplémentaire.

.psd 08/2012 | www.psdmag.org/fr

PRATIQUE

Créer une série documentaire artistique en Noir et Blanc 9

9: ÉTAPE 9

Nous voilà prêt à recadrer l’image en carré, avec le coquillage bien centré sur le fond noir. N’oubliez pas de conserver la résolution en 300 dpi (ppp) pour évitez une perte de qualité.

10: ÉTAPE 10

En guise de touche final, j’utilise l’outil d’accentuation Netteté optimisée (Menu>Filtre>Netteté optimisée) pour rendre le piqué de l’image encore plus clair. La photo est fin prête maintenant pour l’impression !

.psd 08/2012 | www.psdmag.org/fr

focus

TRAITEMENT des PDF non Sécurisé

ATTENTION DANGER ! Stéphane THAS Gérant et Formateur : ST FORMATION–CALIBRATION.Organisme de formation professionnelle continue. Consultant Couleur en Calibrage de chaîne graphique. Plus de 20 années d’expériences en arts graphiques : stephane.thas@wanadoo.fr

Beaucoup de personne pense qu’avec un PDF on ne peut pas faire grand chose, sauf l’imprimer ou le publier sur le web… D’autre pense qu’il faut investir dans des logiciels tiers afin de résoudre certain soucis d’impression, de couleur ou de police de caractère incompatible, et d’autre encore investisse dans des plug-in spéciaux permettant de corriger ou modifier le contenu d’un PDF, alors qu’en fait, rien de tout cela n’est nécessaire dès lors que l’on possède le logiciel Acrobat Professionnel. Je vous propose par cet article de vous faire découvrir qu’un PDF n’est rien d’autre qu’un fichier comme tous les autres, à savoir que l’on peut le modifier, le corriger, le faire changer d’aspect tant en mise en forme qu’en couleur dès lors que ce dernier ne soit pas correctement conçu… En bref, je souhaite par cet article vous faire prendre conscience qu’un PDF n’est pas un format sécurisé comme trop de personne le pense. On peut récupérer des éléments pour les exploiter dans de nouveau et tout cela a votre insu. Ce que je vous explique vous fait peur ! Croyez-moi, vous avez raison d’avoir peur…

.psd 08/2012 | www.psdmag.org/fr

focus

TRAITEMENT des PDF non Sécurisé ATTENTION DANGER ! Les images ci dessous, représente d’une part le fichier original au format PDF du magazine .PSD de Février 2012 et d’autre part le même fichier modifier en moins de 30 minutes sous acrobat Pro...

Vous ne rêvez pas, ces modifications ont été effectué à partir du logiciel Acrobat Pro avec l’aide, bien sûr, de Photoshop et d’Illustrator… Mon objectif est de faire prendre conscience, aux personnes qui publient et travaillent avec le format PDF, que tous est possible dès lors que vous communiquez avec ce format, sauf si vous prenez vos précautions… Cet article sera édité en deux parties, la première vous explique ce que l’on peut faire avec Acrobat Pro et la seconde comment s’en prémunir afin de ne pas pouvoir le faire… Asseyez-vous confortablement, les explications suivantes vont vous surprendre et vous faire peur à la fois.

Le PDF est-il sécurisé ?

NON, les images précédentes le prouvent… Vous créez et communiquez toutes vos créations et publications par PDF ? savez-vous que le contenu de ce que vous transmettez peut être exploité à volonté ! Un PDF n’est pas sécurisé comme certaines personnes le prétendent, son contenu peut être modifié, corrigé ou exploité dans un autre document, sauf si certaines manipulations ont permis d’interdire ces corrections. Un PDF non sécurisé est toutefois une bonne chose dès lors que vous avez comme seul élément le PDF de base du client, et qu’il vous faut, changer ou récupérer le logo, changer les couleurs, changer les images, changer la typo, préparer un doc pour l’impression professionnelle et/ou pour le web. Dans ce cas sa modification est plus qu’intéressantes. Par contre lorsque vous transmettez à vos clients votre création et qu’il refuse votre travail, sachez qu’il vaut mieux se prémunir contre toutes modifications de vos créations. Pour cela, il vous faut connaître les limites de ce qui est réalisable par Acrobat Pro. Sans plus attendre, je vous propose de travailler sur un exemple concret, le magazine .PSD de Février 2012. Si l’on devait intervenir sur la couverture de ce PDF, le réflexe serait pour certain d’entre vous, d’ouvrir cette première page sous Illustrator…

.psd 08/2012 | www.psdmag.org/fr

TRAITEMENT des PDF non Sécurisé ATTENTION DANGER !

focus

La solution Illustrator - Bonne méthode ou pas ?

Si l’on a besoin de modifier, de corriger ou d’intervenir sur un PDF, le réflexe est de l’ouvrir sous Illustrator. Oui, bien, mais si vous ne possédez pas les polices de caractère adéquate installées dans votre système, si les découpes du PDF son dispersées en bloc, c’est la KATA, rien ne va plus, les effets ont disparu (ombre portée absente, noir en surimpression, effets difforme…), les polices sont changés (polices de caractère déformées ou non regroupées, changement des approches…), les images sont disloquées (découpées en multitude de morceaux…).

En regardant les images ci-dessus, on remarque que sous ILLUSTRATOR la police de caractère du titre a été modifié, ne possédant pas la police de caractère installé sur mon poste de travail… Ouvrir un PDF sous Illustrator est donc un bon moyen de ne pas pouvoir s’en sortir, sauf si vous possédez les polices de caractère identiques au pdf, sauf si les images ne sont pas balisé dans le pdf, sauf si les ombres portées et effets divers sont aplaties correctement… Beaucoup de si, donc beaucoup trop de temps perdu pour la production. Avant d’intervenir sur votre PDF, il vous faut faire une première analyse rapide de ce dernier.

ÉTAPE N°1 - Analyse du PDF

La première étape consiste à analyser rapidement le PDF afin de faire le bilan de ce que vous devrez ou pourrez faire en modification dans ce PDF. 1. Ouvrir le PDF avec Acrobat Pro 2. Choisir dans le menu FICHIER l’option Propriété 3. La fenêtre propriété s’affiche

.PSD p34 sous Acrobat

.PSD p34 sous Illustrator

.psd 08/2012 | www.psdmag.org/fr

TRAITEMENT des PDF non Sécurisé ATTENTION DANGER !

focus

Que nous indique cette fenêtre Propriété ?

La première chose est l’application dans laquelle a été monté ce magazine - ici Adobe InDesign CS5. La seconde chose est la manière dont a été fait le PDF - ici l’information Adobe PDF Library 9.9 m’indique que le PDF a été généré par la fonction Exporter de InDesign. Adobe Distiller n’a pas servi à créer ce PDF sinon j’aurai comme information le non Acrobat Distiller d’affiché.

Explication du tableau…

Pour les version PDF 1.0, 1.1 et 1.2, les PDF sont en RVB, donc, bien que ses versions sont devenues rares, leur finalité ne peut pas être exploité pour l’impression professionnelle offset. Pour la version PDF 1.3, naissance du CMJN, donc leur finalité peut être exploité pour l’impression professionnelle offset. Pour les version PDF 1.4, possibilité que le PDF possède des calques que l’on peut masquer ou afficher selon le visuel souhaité. Leur finalité peuvent être exploité pour l’impression professionnelle offset, mais il faudra bien vérifier que les calques soient bien actif en fonction du visuel souhaité, risque d’erreur possible. Pour les version PDF 1.5, 1.6 et autres, les PDF acceptent la transparence, les ombres portées, par exemples, ne sont pas aplaties. Le langage Postscript n’acceptant pas la transparence, il est donc primordial d’aplatir de tel PDF pour qu’il soient compatible avec

La troisième information intéressante est la version du PDF - Ici version PDF 1.5 (Acrobat 6.x). Cette information me permet de me mettre en garde sur plusieurs éléments, le PDF peu contenir des calques et de la transparence (élément non aplatie). C’est très important, car cela signifie que ce que je vois peut ne pas correspondre au résultat final d’impression professionnelle. Quelques explications s’imposent… Le tableau ci-dessous évoque rapidement l’évolution des version des PDF depuis le début….

le langage Postscript utilisé pour l’impression professionnelle. C’est le principe des flux PDF, lorsque vous envoyez votre fichier PDF chez un imprimeur qui possède un flux PDF, votre PDF est converti de manière à ce que la transparence soit aplatie, les calques disparaissent, et ainsi, le flux PDF génère un PDF de version 1.3, compatible pour l’impression professionnelle et donc le langage Postscript. Adobe ne développe plus ce langage Postscript, il ne bougera donc plus dans le temps, il ne sera donc jamais compatible avec la transparence. Adobe souhaite remplacer son propre langage par un nouveau langage compatible en transparence. En attendant, les machines actuelle fonctionne toujours en Postscript, donc pour le moment attention aux transparences.

.psd 08/2012 | www.psdmag.org/fr

focus

TRAITEMENT des PDF non Sécurisé ATTENTION DANGER ! Revenons maintenant sur l’analyse de notre fichier. Avec ce qui vient d’être dit, je peux d’ores et déjà faire un premier point sur le PDF ouvert : • Le PDF a été généré par InDesign CS5 (fonction exporter en PDF de InDesign), • La version du PDF est 1.5 ‘Acrobat 6.x) donc attention, je dois vérifier si il y a des calques et si il y a de la transparence qui peut poser des problème d’impression, • Je connais le format du document - ici 203*293 mm, • et le nombre de pages - ici 49. Activons l’onglet sécurité de cette même fenêtre.

Cette fenêtre montre toutes les polices utilisé dans le PDF. Cette liste permet déjà de dire que les polices ne sont pas vectorisées, donc je pourrai modifier le texte si je possède la police identique installé dans mon système, de même que je pourrai copier-coller le texte et l’insérer vers un autre document puisque le texte n’est pas vectorisé… Mon analyse faite, je peux sans souci commencer à modifier le document…

ÉTAPE N°2- Modifier du texte

Il existe des outils sous Acrobat Pro qui permettent de modifier le texte directement sous Acrobat ou à l’aide d’Illustrator. Ces outils se trouve dans la palette outil d’Acrobat 10. Si vous n’apercevez pas le sous menu contenu, cliquez sur le bouton en haut à droite de la palette outil d’Acrobat et sélectionnez dans le menu déroulant l’option contenu.

Cliquez sur Contenu et sélectionnez l’outil Modifier le texte du document. Sélectionnez du texte dans le PDF avec cet outil. Dans notre exemple, tout est autorisé. Tout, en effet, je peux copier-coller des éléments de ce PDF (images, texte, logo) et les réutiliser dans un document tiers… Je peux extraire certaines pages pour les inclure dans un autre PDF, je peux bien sûr imprimer ce document, bref je peux tout faire. L’onglet suivant est tout aussi intéressant. L’onglet Police.

.psd 08/2012 | www.psdmag.org/fr

focus

TRAITEMENT des PDF non Sécurisé ATTENTION DANGER ! Reprenons la page de couverture du .PSD MAG de février 2012. Dans cet exemple, j’ai sélectionné les mots Créez des formes représenté en bleu sur cette image.

Faite ensuite un clique droit puis choisir l’option propriété en bas du menu contextuel ouvert.

Vous pouvez, à partir de cette fenêtre, changer la police de caractère, modifier le corps, sa couleur et pleins d’autres paramètres.

Par contre, on ne peut pas gérer les alignements, mais les approches de paires et de groupe et l’échelle horizontale… Si l’on souhaite avoir vraiment une totale liberté de correction de texte, il vaut mieux faire la chose suivante… Sélectionnez l’outil Modifier l’objet juste en dessous de l’outil précédent.

La fenêtre suivante apparaît.

.psd 08/2012 | www.psdmag.org/fr

focus

TRAITEMENT des PDF non Sécurisé ATTENTION DANGER ! Avec cet outil, sélectionnez votre texte et clique droit, choisir le l’option Modifier des Objets…

Vous êtes maintenant sous Illustrator, donc vous bénéficiez de tous les outils pour modifier comme vous le souhaitez la présentation de votre texte, couleur et correction de texte, tout est possible.

l’application lance Illustrator et vous affiche la page comme sur l’image.

Pour ma part je préfère de beaucoup la deuxième situation, à savoir que si vous avez du texte à modifier, corriger, préférez l’utilisation de l’outil Modifier l’objet avec ouverture dans Illustrator ou autre. A ce propos, pour que cela fonctionne, je vous invite à vérifier vos préférences Acrobat. En effet vous pouvez choisir les applications qui vont vous permettre de modifier le texte et les images de vos PDF. Pour ce faire aller dans les préférences d’Acrobat puis choisissez l’option retouche dans la colonne de gauche. Les préférences, qui vous sont offertes, permettent de définir l’application qui vous servira de retouche pour les objets vectoriels ou texte et les objets images.

.psd 08/2012 | www.psdmag.org/fr

focus

TRAITEMENT des PDF non Sécurisé ATTENTION DANGER ! Vous pouvez définir ainsi, une autre application que Illustrator ou Photoshop, à vous de choisir…

Résumons donc cette première approche de retouche. J’ai une page de couverture de magazine à changer en texte. J’ouvre le PDF en question sous Acrobat, puis, après avoir rapidement analysé mon PDF en visionnant ses propriétés, ses droits et ses polices, je choisi l’outil de modification d’objet.

Toute modification sous Illustrator doit être enregistré sans changer le nom du document ouvert… donc primordial de faire un [POMME]+[S] ou [Ctrl]+[S] pour préserver et voir votre modification sous Acrobat Pro… Rien ne vous empêche d’ajouter des éléments comme je l’ai fait en présentation de cette article, pavé cyan à transparence de 50% sous les textes…

ÉTAPE N°3 - Modifier une image

Il existe un outil sous Acrobat Pro qui permet de modifier les images directement sous Photoshop. Cet outil se trouve dans la palette outil d’Acrobat, c’est le même que pour le texte à savoir l’outil Modifier l’objet. Son utilisation est identique à la modification de texte, à savoir, sélectionner l’image puis clique droit et option Modifier l’image…

En sélectionnant simplement le texte que je souhaite modifier, je l’ouvre sous Illustrator et fait mes corrections, puis le tour est joué, ma page de couverture est modifiée en texte…

.psd 08/2012 | www.psdmag.org/fr

focus

TRAITEMENT des PDF non Sécurisé ATTENTION DANGER ! L’image s’ouvre sous Photoshop, et là le bonheur, on peut tout faire même ajouter des vaisseaux dans cet univers spatial et le tour est joué.

L’image s’ouvre sous Illustrator, et là le bonheur, on peut s’amuser à modifier les couleurs ou autre et le tour est joué…

ÉTAPE N°5 - Extraire toutes les images du PDF

Il est possible d’extraire les images contenu dans un PDF ou dans une page d’un PDF. Pour ce faire, rien de plus simple, préparez un dossier sur le bureau de votre poste de travail afin d’y stocker toutes les images du PDF. Ensuite utilisez la fonction : Exporter toutes les images qui se trouve dans l’onglet Traitement du document de la palette Outils d’Acrobat.

ÉTAPE N°4 - Modifier un logo

De même que pour le traitement du texte et des images, l’outil Modifier l’objet va nous permettre de récupérer les éléments vectoriels des PDF. Sélectionnez tous les éléments qui compose le logo puis clique droit et option Modifier des objets.

Sélectionnez votre destination (le dossier créer précédemment sur le bureau), choisissez l’option de format d’extraction - ici TIFF, puis cliquez sur Paramètre, afin de régler l’export du TiFF notamment la résolution de vos images Tiff - ici 118,11 px/cm ce qui correspond à 300dpi, faites Ok et enregistré… Laissez faire Acrobat et le tour est joué.

.psd 08/2012 | www.psdmag.org/fr

focus

TRAITEMENT des PDF non Sécurisé ATTENTION DANGER ! Toutes les images se retrouve dans le dossier au format tiff et en 300dpi. Exemple : Dossier vue sous Bridge.

ÉTAPE N°6 - Extraire le texte du PDF

Il est possible d’extraire le contenu texte du PDF. Pour ce faire, rien de plus simple là encore, préparer un dossier sur le bureau de votre poste de travail afin d’y stocker votre texte. Ensuite utiliser la fonction : Enregistrer sous qui se trouve dans le menu fichier d’Acrobat. Choisissez l’option autre et texte accessible.

Il est possible d’extraire les images sans tout exporter d’Acrobat, dans ce cas on utilise directement Photoshop. Choisissez le PDF directement sous Photoshop, une fenêtre s’ouvre en vous proposant de choisir la page que vous souhaitez ouvrir. Préférez l’option Image et visualisez toutes les images du PDF. Là encore laisser travailler Acrobat et importer le texte sous InDesign par exemple pour voir le résultat… Tous les textes déclarés en tant que tel dans le PDF sont importés.

Il ne vous reste à choisir que celle dont vous avez besoin. Par exemple ici l’image 129 puis de l’ouvrir sous Photoshop.

Conclusion de cette première partie

L’objectif de cette première partie était de vous démontrer que tout est possible lorsqu’un PDF n’est pas sécurisé, vos contenus, vos créations peuvent être modifier à volonté. Nous verrons dans la seconde partie comment se prémunir de ces modifications tout en assurant une qualité optimale de production du PDF. Remettez-vous de ce premier article et je vous dis à bientôt dans le prochain numéro.

J’en profite pour présenter mes excuses à toute l’équipe qui à réalisé ce PDF du magazine .PSD de Février 2012, pour en avoir modifier le contenu et l’apparence pour le bien fait de cet article. J’en profite également pour m’excuser auprès du créateur de cette magnifique représentation spatiale réalisé sous Photoshop et utiliser en image de couverture de ce magazine - M. Long Pham - pour avoir volontairement, pour le bien fait de cet article, transformer sa création.

.psd 08/2012 | www.psdmag.org/fr

fiche technique

Dark Purple girl

.psd 08/2012 | www.psdmag.org/fr

fiche technique

dark purple

girl Ce montage est un des meilleurs reflet de mon univers, sombre et en même temps haut en lumière. L’essentiel du montage repose sur l’exploitation des stocks d’image, du masque de fusion et de l’outil Déformation.

1: ÉTAPE 1

Tous d’abord, ouvrez un nouveau document de la taille 21x29,7 cm en 300 dpi. Mettez un calque de couleur noire. Importez ensuite l’image principal de la femme fournie Fotolia_26802148_XL.jpeg, découpez votre image avec la technique que vous préférez. Moi, j’ai opté pour un masque de fusion, pensez également à effacer les jambes de la femme. Importez ensuite l’image de fond fichier_wall.jpeg, mettez ce calque en mode de fusion Incrustation.

Florian Ruocco alias AKSHOBHYIA Designer graphiste de 21 ans, j’ai commencé l’infographie à l’âge de 9 ans, entièrement autodidacte à la base, j’ai suivi une formation de designer graphique de 2 ans avec spécialisation dans la retouche numérique. J’utilise la plupart du temps Photoshop, Illustrator et NX2 de temps à autre. Je me passionne également pour la photographie, je suis actuellement en freelance et j’ai déjà participé à la création de logo pour différentes entreprises ainsi qu’à l’élaboration de différents supports de communication print et Web. Mon Site : http://www.akshobhyia.fr/

2: ÉTAPE 2

Insérez maintenant l’image peintureécaillée.jpg, appliquez-lui un masque de fusion et avec l’outil Dégradé [G], effacez légèrement le bas de celui-ci, puis faites glisser votre calque en dessous du fichier_wall.jpeg et baissez son opacité à 20%. Créez maintenant un nouveau calque de couleur noire et appliquez-lui un filtre Rendu - Nuage par différences et mettez-le en mode de fusion Incrustation.

.psd 08/2012 | www.psdmag.org/fr

fiche technique

Dark Purple girl 3: ÉTAPE 3

Importez votre image 1089423_59834734.jpeg et appliquez-lui un Flou gaussien de 45 pixels. Mettezle en mode Superposition et placez-le derrière la silhouette de la femme au niveau du ventre et derrière vos calques de fond.

4c 4: ÉTAPE 4

Importez maintenant les images 1129472_84183208. jpeg, 20.jpeg et 16.jpeg. Répartissez-les derrière la femme en les dupliquants (au niveau du chapeau et des côtés de la silhouette). Mettez les calques 16.jpeg et 20.jpeg en mode Superposition et faites [Cmd]/ [Ctrl]+[I] puis [Cmd]/[Ctrl]+[U] pour changer la couleur de votre calque. Pour cela, faites varier le curseur de la Teinte jusqu’à l’obtention de la couleur désirée. Créez maintenant un nouveau calque et à l’aide de l’outil Plume, tracez des traits lumineux, à vous de choisir les formes et les couleurs ainsi que le mode de fusion pour obtenir l’effet souhaité.

.psd 08/2012 | www.psdmag.org/fr

fiche technique

Dark Purple girl 5 5: ÉTAPE 5

Importez maintenant l’image layer1.png et placez le au dessus de l’oreille. Sélectionnez l’outil pinceau et une brosse dite Grunge que vous trouverez facilement en téléchargement sur différents sites et à l’aide de l’outil pipette réalisez différents échantillonnages de couleur et utilisez vos brosses là où cela vous plait. Importez l’image calque12.png, mettez vous dans le panneau calque et sélectionnez le à l’aide de la touche [Cmd]/[Ctrl], laissez le en surbrillance et mettez vous sur le calque Fotolia_26802148_XL.jpeg faite [Cmd]/ [Ctrl]+[C] puis [Cmd]/[Ctrl]+[V], vous obtenez maintenant un nouveau calque qui vous fait un effet de dispersion en petit carré, réitérez cette opération sur les deux bras de la femme.

6: ÉTAPE 6

Insérez l’image drainpipe.png, détourez-la, si vous utilisez le masque de fusion une brosse à bord doux sera parfaite. Une fois l’image détourée, placez-la au niveau de la main et utilisez l’outil Déformation ou Déformation de la marionnette pour donner l’effet d’Incrustation. Ouvrez maintenant le panneau Style de calque et appliquez-lui une Ombre portée noir en mode Produit avec 75% d’opacité, cochez la case Utiliser l’éclairage globale, mettez 8 pixels en Distance et en Taille avec un angle à 120°.

7: ÉTAPE 7

Importez maintenant une image du dossier splash et placez-la au centre du drainpipe pour obtenir un effet d’explosion, réalisez la même opération pour la seconde main. Nous allons maintenant passer à l’effet robotique, insérez l’image calque6.png, dupliquezla et placez chaque calque au niveau des bras. Utilisez l’outil Déformation pour que cela épouse le bras ainsi qu’un masque de fusion pour supprimer les détails superflus et mettez vos deux calques en mode de fusion Incrustation.

.psd 08/2012 | www.psdmag.org/fr

fiche technique

Dark Purple girl 8a

8: ÉTAPE 8

Passons maintenant aux effets d’éclaboussures de peinture, importez vos images du dossier splash, détourez-les et à l’aide de l’outil Teinte/ Saturation [Cmd]/ [Ctrl]+[U] nous allons changer la couleur de chaque éclaboussure, comme nous l’avons déjà fait précédemment pour les calques 16 et 20.

.psd 08/2012 | www.psdmag.org/fr

fiche technique

Dark Purple girl 9: ÉTAPE 9

Ensuite insérez l’image boules de lumière.jpeg, comme nous l’avons vu précédemment nous allons le déformer pour obtenir une forme incurvé. Ensuite mettez-le en mode de fusion Superposition, dupliquez-le si besoin et ajoutez-lui un calque de Luminosité/Contraste en mode Masque d’écrêtage et réglez la Luminosité à -150 et le Contraste à +100.

Importez l’image calque7.jpeg, effacez-la de manière à ce qu’elle donne l’impression d’être cachée derrière le chapeau. Créez un nouveau calque et à l’aide de l’outil Pinceau et d’une brosse à bord flou, peignez grossièrement la lune et mettez-le en mode Produit. Insérez l’image RightV.png et mettez-la en mode Incrustation.

10: ÉTAPE 10

Sélectionnez l’ensemble de vos calques et dupliquezles, puis fusionnez-les. Un nouveau calque apparaît, mettez-le en mode Produit et appliquez-lui un Flou gaussien à 40 pixels. Allez maintenant dans votre panneau Calque et créez un nouveau calque de réglage Luminosité/Contraste mettez la luminosité à +108 et le contraste à -8.

Toujours dans votre panneau Calque sélectionnez Ajouter un calque de réglage>Filtre photo. Sélectionnez Couleur et entrez ces valeur #ec8a00, réglez la Densité à +25 et cochez la case Conserver la luminosité. Votre montage est enfin prêt, rien ne vous empêche de rajouter des détails et de le mettre à votre sauce.

.psd 08/2012 | www.psdmag.org/fr

GALERIE

Advertising Characters Identities: essaye de dépeindre au mieux les personnages de nos publicités au travers d’un travail minimaliste. Est-ce que vous saurez tous les reconnaître?

Galerie

D’Aymeric Joubert Electrochoc Concept Site: Electrochoc est un festival de musique atypique mêlant art numérique, art média, installations et performances. Le site web se veut le miroir de cette vibration musicale.

.psd 08/2012 | www.psdmag.org/fr

GALERIE GALERIE

Kaviari Facebook App: à l’occasion de la St Valentin 2012, Kaviari, spécialiste du caviar en France, a lancé une application Facebook visant à promouvoir la fan page et l’en-K-de caviar.

Advertising Characters Identities: Clean City: après une longue phase de conception sur le thème essaye de cette dépeindre au mieux de la ville, j’ai imaginé application qui les vous permet de trouver de nos publicités toutes personnages les informations sur le tri et de au géolocaliser poubelles, travers d’un travail minimaliste. Est-ce containers à verre, bennes et déchetteries. que vous saurez tous les reconnaître?

Galerie Paper Craft – Mr Dimness: voici un Paper Toys personnalisé où j’ai adopté une approche libre lors de la création de l’illustration avant de l’intégré sur le modèle.

.psd 08/2012 | www.psdmag.org/fr

GALERIE Le thème de cette série est la fragilité qui nait de la quête de perfection plastique.Pour obtenir l’effet de «visage brisé» j’ai tout d’abord fais la photo du mannequin avec l’attitude que je voulais, je lui ai ensuite demandé de poser son visage sur le plan qui se trouvé devant elle. A ce moment là je lui ai demandé d’incliner la tête sous plusieurs angles de façon à couvrir le maximum d’options

pour trouver au moment du montage celui qui convient le mieux. J’ai ensuite fait des photos de visages de poupées de porcelaine que j’ai brisé à l’aide d’un marteau en ayant plus ou moins une idée de la forme que je recherchais. Lors du montage sur Photoshop j’ai appliqué les cassures qui fonctionnaient le mieux.

Galerie de

Dimitri Daniloff

Dimitri Daniloff Né en 1970, Dimitri Daniloff débute sa carrière de photographe indépendant en 1998. Il est représenté en France, Angleterre, Etats-Unis et Asie. Lauréat de nombreux prix photographiques et publicitaires, il remporte notamment le grand prix de Cannes en 2003. Trois ans plus tard, il participe à l’exposition de la photographie publicitaire au musée des Arts Décoratifs de Paris. Il y est alors reconnu comme étant le meilleur représentant de la nouvelle photographie impliquant l’usage de nouvelles technologies. En 2007, Il est exposé aux Rencontres d’Arles.

La série Porcelain Dolls est publiée dans le prestigieux magazine de photographie contemporaine Eyemazing, lauréat des Lucie Awards la même année. Si l’intuition se trouve à la source de son inspiration, Dimitri Daniloff aime à articuler le prodigieux potentiel des nouvelles technologies à des concepts lancinants, obsédants qui composent son identité de créateur. Parmi eux, les corps en mouvement qui se figent et se délient, la confusion du féminin et du masculin autour de l’androgynie, la quête du fragile derrière les apparences… Fils de sculpteur, son œuvre est également profondément marquée par la volonté farouche de se jouer des matières, d’acculer la photographie à ses derniers retranchements, repoussés sans cesse jusqu’à faire naître un sentiment de vertige. Provocateur et habité par le doute, Dimitri Daniloff se sert de la photographie dans le dessein de faire émerger ses évidences.

.psd 08/2012 | www.psdmag.org/fr

GALERIE Cette image à été réalisée pour une campagne Nike, pour une tenue du PSG réalisée en partenariat avec Louis Vuitton. L’idée était de donner un aspect mannequin de vitrine à Pauleta. La difficulté était de donner du mouvement à ce mannequin, la plupart des mannequins étant très rigides. Pour cela j’ai d’abord fait des photos du personnage de façon à trouver des poses dynamiques mais aussi pour capturer le mouvement des vêtements. La deuxième étape était de photographier un vrai mannequin de vitrine sous tous les angles de façon à pouvoir ensuite , avec Photoshop, «maper» sa texture sur le corps du footballeur.

.psd 08/2012 | www.psdmag.org/fr

GALERIE C’est une image réalisée pour la campagne Harvey Nichols. Le concept était l’attraction, comme le sont les mites par la lumière. La encore j’ai commencé par photographier la scène principale avec les personnages, c’est en général ce que je conseille, cela permet de déterminer l’angle de prise de vu. Ce qui permet de le reporter sur les différents éléments qui seront photographiés à part. Ici j’ai ensuite photographié, en mode macro et en reproduisant à petite échelle la lumière de ma scène principale, de vrai mites taxidermisées. J’ai aussi photographié une ampoule avec différente exposition de façon à avoir la bonne luminosité.

Cette image Scorpion fait partie de la campagne Aides. Cette image a demandé beaucoup de préparation. J’ai fait réaliser une maquette de scorpion à échelle humaine, mais il ne s’agissait que d’une ébauche ne comportant aucuns détails ni texture, uniquement la forme et peint en noir brillant. De cette façon je pouvais placer le comédien de manière trés réaliste et avoir une partie des points de contacts présent dans l’image de base. J’ai ensuite photographié, la encore en mode macro et sous tout les angles, un scorpion taxidermisé. Ensuite avec l’aide de Photoshop nous avons appliqué la vrai peau de scorpion sur la maquette.

.psd 08/2012 | www.psdmag.org/fr

GALERIE C’est l’une des première images que j’ai réalisé pour Playstation 2, Le Supermarché. Elle a demandé beaucoup de travail mais aussi de préparation. La photo de base a été prise dans un supermarché, dans lequel tous les rayons avaient été vidés, et avec le comédien principal (sans tête). Il était impossible de photographier les têtes dans le même lieu, il fallait donc le faire en studio. Il fallait donc prendre toutes les côtes, hauteurs, profondeurs des rayonnages, distance caméra... de façon à pouvoir tout reporter en studio et retrouver les bonnes proportions ainsi que la bonne perspective. En studio j’ai remonté la même lumière que celle du supermarché et les comédiens, par groupe de 6, venaient placer leur têtes dans une boite en carton (celle-ci créant une ombre similaire aux étagères). La difficulté était d’anticiper sur le placement de chacun des personnages car avec une telle perspective il serait impossible de le faire au moment de la post production.

.psd 08/2012 | www.psdmag.org/fr