Accueil
Forums
Turoriaux
Inscription
Connexion
Fil RSS
Bienvenue invité !
Lundi 01 Décembre 2008
Vous êtes ici: Crea-paradise.com > Tutoriaux > Infographie | 2D > Photoshop > Preview Snapshot classe

Preview Snapshot classe



Informations sur le tutorial
Image du tutorial Auteur : Mister GO Commentaires : 3
Note : Note: 5/5 Vu : 5511
Date : 19/01/2008 à 17h36 Actions : Commenter et noter ce tutorial
Dernière modification : 09/02/2008 à 19h05


Bonjour à tous, aujourd'hui au menu: Créer une preview de snapshot classe et lumineuse comme des tableaux dans un musée.

Prélude


Avant de rentrer dans le vif du sujet petit cours de vocabulaire . "Qu'est-ce qu'un snapshot ?" un "snapshot est enfaîtes une photo de votre écran, plus précisément de votre bureau avec votre fond d'écran pour montrer à tout le monde le joli bureau dont vous êtes fiers . Donc aujourd'hui je vais vous montrer comment créer une preview de snapshot rapidement facilement.

Difficultés: nous aurons besoin de maîtriser les modes des calques et l'outil chemin.

Tutoriel


I)Ombre et reflet



1. Faire un snapshot pour cela utiliser la touche "impr écran" en haut à droite du clavier généralement

2. Créer un nouveau document de la taille de votre écran pour ma part il fait 1024*768px. Si vous ne connaissez pas la taille de votre résolution d'écran il suffit (pour les Windows, car je ne sais pas où cela se trouve sur les Macs ou Linux) menu démarrer/panneau de configuration/affichage/paramètres.

3. Maintenant les choses sérieuses commencent. Pour faire apparaître votre snapshot faîtes "coller" raccourci clavier "Ctrl+V".Maintenant vous avez un document avec votre cran en entier dessus.

4. À partir d'ici je vous laisse le choix, soit vous ne conservez qu'une petite partie de votre écran c'est-à-dire en le recadrant je ne vais pas m'étaler dessus il suffit juste d'utiliser l'outil "sélection rectangle" une fois la zone sélectionner Faîtes sélection/inverser raccourci clavier, selon la version de Gimp, "Ctrl+I" ou "Ctrl+Shift+I". Deuxième possibilité faire une preview de l'écran en miniature, pour cela, prenez l'outil "étirer calque" et cochez "Normale (traditionnelle)" et "Conserver l'aspect<Ctrl>+<Alt>" le reste laissez décoché.


5. Maintenant la phase artistique (enfin !) le but de cette manip' est simple nous allons rendre la preview lumineuse par des "spots". Tout d'abord, le reflet sur l'image. Pour cela, nous créons tout d'abord un nouveau calque transparent, à l'aide de l'outil "dégradé", remplissez ces options: blanc vers transparence et Forme: radial et créez un dégradé partant du haut gauche vers le coin bas droit de la preview


6. Récupérez la sélection de notre preview pour cela dans l'onglet des calques cliquez droit sur la preview/ Alpha vers sélection. Créez un nouveau calque entre le reflet et la preview, remplissez-le de noir, désélectionnez ("Ctrl+Shift+A" ou "Ctrl+D") appliquez un flou gaussien (Filtres/Flou/Flou gaussien) d'abord de 7*7px puis un deuxième de 13*13px.


7. Nous allons maintenant découper l'ombre et le reflet. Récupérez à nouveau la sélection de notre preview agrandissez-la de 3px (Sélection/agrandir)Nous allons arrondir les bords pour cela sélection/rectangle arrondi donnez la valeur 5 et validez. Il ne reste plus qu'à couper, commençons par l'ombre, coupez (Ctrl+X), maintenant autour du reflet seulement nous voulons garder l'intérieur de la sélection et non l'extérieur contrairement à l'ombre donc avant de couper inversez la sélection sélection/inverser la sélection ("Ctrl+Shift+A" ou "Ctrl+D"). Coupez.


8. Il faut styliser le reflet, avec l'outil "chemin" nous allons tracer une coupant le reflet en 2 dans le sens horizontal. Comme nous ne gardons que la partie supérieure, continuez le tracé de manière à encerclez la partie du bas. Dans l'onglet Chemin clique sur le bouton Chemin vers sélection puis coupez (pas la peine de répéter le raccourci je pense ? )


II)Les spots



9. Créez un nouveau calque transparent en dessous de la preview. Avant d'allumer la lumière ne faudrait-il pas d'ampoules? Pour cela créez 2 petits cercles u( un à gauche et un à droite ou en haut et en bas ) remplissez ces cercles de blanc ( de la lumière noire aussi... )et voilà manque plus qu'à les branchez sur des 1 000 000 Kwatts , pour cela c'est plus simple qu'à faire en vrai (et oui )duplique le calque une fois appliquez un flou gaussien de 7px dupliquez ce dernier et maintenant un flou de 13 px ( il n'y a rien de superstitieux derrière je précise. Je préfère juste les nombres premiers... )


10. Pour des 1 000 000Kwatts ça manque encore de lumière (faut dupliquer encore 1 million de calque? Non pas du tout !)je vais vous expliquer l'utilité du mode de calque "superposer" mais plus tard, avant toute chose comme le dit un très célèbres proverbes chinois "Quand il n'y a pas de noirs, il n'y a plus de blanc..." bon je voulais juste en venir qu'étant donné que nous n'avons pas de fond, notre ampoule à beau faire 1 000 000 Kwatts on ne la verra pas brillez s'il n'y a pas de fond, créons le tout de suite. Nouveau calque/transparent remplissez-le d'une couleur satinée ( qu'est-ce qu'une couleur satinée? il suffit juste de prendre une couleur assez saturée mais pas trop et plutôt sombre, mais surtout pas noir essayez de prendre une couleur qui se situerait sur une diagonale allant du haut à gauche vers le bas droit peu importe la teinte voilà voilà.)pour donner encore plus d'effet, vous pouvez rajouter une texture vintage/ornementale (vous savez les vieilles tapisseries de grand-mère que l'on voit partout en ce moment ça donne un style je trouve.


11. Maintenant que nous avons un fond il fond exploser son compteur EDF alors c'est là qu'intervient le mode "superposer". Créez un nouveau calque au-dessus de notre ampoule tracez des sélections ovales très paplatis (mais pas jusqu'au point d'un bout de ficelle  )tout le long de notre preview une fois les deux ellipses sélectionnées nous allons les transformer en lumière diffuse, appliquez un flou gaussien de 50px environ recommencez cette étape avec d'autres calques, en rendant l'ellipse plus ronde, mais aussi de plus en plus petit 2/3 calques suffisent. Maintenant la formule magique mettaient ces 3 calques en mode superposer pour cela cliquez sur les calques et là où il y a écrit "Normal" cliquez pour faire descendre le menu des calques et choisissez le fameux "SUPERPOSER", dernière touche, si votre preview est trop grande ou mal cadrées d'abord fusionnez tous les calques puis découpez la partie que vous gardez et C'EST FINI!


III)Rendu final



Bon Je précise que je ne sais pas pourquoi j'ai un petit peu loupé l'exemple mais à la base j'avais réussit à faire comme cela:

vous pouvez bien sûr vous servir de ce tutoriel pour un port folio etc... libre court à votre imagination je ne rajouterais qu'une seule chose:

TOUTES REPRODUCTIONS COMPLETES OU PARTIELLES SONT STRICTEMENT INTERDITES !!! POUR UNE REPRODUCTION DE CE TUTORIEL VEUILLEZ LAISSER UN LIEN VERS ICI SIGNE MISTER GO DE WWW.CREA-PARADISE.COM



3 commentaires



> Posté le : 26/03/2008 à 20h41 | Note : Note: 5/5
Avatar de lbeetls01


Groupe : Admins


Très bon rendu =P

Tu trouve où tous ces fonds ?


> Posté le : 22/04/2008 à 12h57 | Note : Aucune
Aucun avatar


Groupe : Membres


Même question
On voit de plus en plus ces types de motif et ça rend vraiment bien sur des design
Par contre on voit pas tes rendus en taille réel donc dur de juger
Concernant les calques, je te conseil de les nommer voir de faire des dossiers car lors de grosse réalisations, c'est un truc à s'y perdre 
> Posté le : 23/04/2008 à 17h23 | Note : Aucune
Avatar de Mister GO


Groupe : Graphistes


Bonjour ouf ça fait longtemps donc pour les motifs je vais chez mon très cher deviantart.com et comme recherche je rentre comme mots clés "patern" "vecto" "vintage" "ornement" voilà


1