32
Créez un effet « Vista » de transparence
Je vous offre un petit tuto tout simple qui va vous permettre de faire un effet de transparence à la Vista... Vous allez voir, c’est en fait très simple !! GO
- Fichier source Photoshop
- clic pour télécharger le fichier source Photoshop utilisé dans ce tutorial
Nous allons commencer par ouvrir une image de fond de votre choix.
ÉTAPE 1
Créez un rectangle arrondi de la taille et de la couleur de votre choix puis affichez les styles du calque, allez dans contour, choisissez une taille de 1 pixel, une position intérieure, fusion normale, opacité 100% remplissage couleur blanche.
ÉTAPE 2
Allez dans les styles de calque > option de fusion, mettez opacité 60%, opacité du fond 0% comme sur cette image :
Allez dans incrustation dégradé, mettez mode de fusion lumière crue, opacité 100%, Le dégrader comme sur cette image :
Donc style linéaire angle 105° échelle 10.
ÉTAPE 3
Allez dans contour du biseautage et estampage, prenez le contour linéaire avec étendue à 12%.
Allez dans lueur interne : mode de fusion superposition opacité j’ai mis 65% (dépend de la taille de votre rectangle), bruit 0% avec un dégradé de blanc au transparent, technique plus tamisée, source centre, maigri 0% et taille j’ai mis 150% (dépend de la taille de votre rectangle encore une fois !!) contour linéaire non lissé avec une étendue de 40 à 60% (dépend des goûts) et variation 0.
Voilà ! ça commence à prendre forme, il ne reste plus que 2-3 trucs à faire !!
ÉTAPE 4
Faites une ombre portée en mode produit d’une opacité de 80%, un angle de 30 avec l’utilisation de l’éclairage global, d’une distance de 0 grossi de 0 d’une taille de 3 à 6 (dépend la aussi des goûts) et un contour linéaire non lissé avec 0 de bruit.
Voilà, il ne nous reste plus que quelques retouches mais avant enregistrez le style pour ne plus avoir à faire toute ces manipulations quand vous aurez besoin de cet effet !!
ÉTAPE 5
Sortez des styles du calque, récupérez la sélection de votre rectangle, allez sur votre image, faites filtre-atténuation-flou gaussien et mettez un flou gaussien qui peut varier d’une image à une autre si celle-ci est très nette ou floue, moi j’ai mis 12% !
Voilà c’est terminé, à vous de trouver maintenant votre chemin pour personnaliser ce tuto !!
La galerie des membres
Voici les images déjà publiées par les membres de ce site, merci à vous pour votre créativité !
Questions et commentaires, Il y a 42 messages de forum.
Vous avez besoin d’eclaircicemment sur un points évoqués dans cette leçon, dans ce cas laissez votre question en utilisant le formulaire ci dessous, notre équipe vous apportera rapidement un complètement d’information. Merci d’être le plus précis possible lors de la rédaction de votre demande.
-
14 février 2008 15:11, par Cody647
Merci Toinousp. Très utile et bien expliqué. Le rythme des posts s’accélère et la diversité des auteurs apporte un nouveau souffle a un site qui m’a toujours satisfait (merci Wonka
Répondre
) Vos tutoriels sont tous appréciés. Continuez comme ça. Merci.-
14 février 2008 15:59, par Toinousp
je suis content que ce tuto te plaisent
n’hésitez pas à poster vos création ...
Répondre
-
-
14 février 2008 16:11, par Clémenment
Voici un tuto qui me plaît bien :D
Et en plus un Mac-user, encore mieux :D :p
Répondre-
14 février 2008 16:48, par Toinousp
Et oui un mac-user et très fier de l’être (pas de méprise je ne suis pas un anti windows !)
Répondre
Pour revenir au tuto c’est l’habitude des tuto wonka qui prend le dessus : il paissent toujours 
-
-
14 février 2008 18:45, par KOBALT
Bravo pour ce tuto mais je n’arrive pas a faire la transparence avec le degradé :s
Répondre-
14 février 2008 18:53, par Toinousp
Dans l’étape 2 ??? et bien si tu veut tu part d’un dégrader de blanc vers le blanc puis tu met le blanc à droite à une opacité de 0% tu décale alors l’opacité vers la gauche très près de l’opacité 100% de l’autre blanc tu comprend ??? (c’est vraiment très difficile à comprendre mais si tu réfléchie un peu à mes explications tu va réussir !!)
je vient de me rendre compte qu’il n’y avait pas le fichier psd pourtant je l’avais mit ...
Bon courage pour cette étape si tu arrive vraiment pas repost ton problème avec ce que tu croit comprendre ...
Répondre-
-
14 février 2008 19:26, par KOBALT
non j’ai trouvé mais comme mon rectangle est noir le degradé devient du noir au gris :s
Répondre-
14 février 2008 20:08, par Toinousp
tu as bien mi le dégrader du blanc au blanc ?? en incrustation ?? si ou ça devrait te faire du blanc et brutalement du noir (tu doit vraiment placé l’autre opacité très près de la 2e !!)
Répondre-
14 février 2008 20:15, par Toinousp
OOppsss j’ai suit désoler j’ai fait une faute c’est en en lumière crue qui faut mettre le dégrader !! ET JE RECTIFIE IL FAUT UN FOND DE COULEUR BLANC
Répondre-
14 février 2008 20:38, par Toinousp
ou comme je vient de voir où été le faute vous pouvez mettre de la couleur que vous voulez on s’en fiche car le fond est à 0%
encore désoler pour tout ces post mais ce sont les erreur des début ...
Répondre
-
14 février 2008 20:16, par KOBALT
oui oui regarde : http://img116.imageshack.us/img116/6170/look1zg2.jpg http://img341.imageshack.us/img341/362/look2ks4.jpg
Répondre-
14 février 2008 20:33, par Toinousp
J’AI ENFIN TROUVÉ POUR TOUT LE MONDE : AVAN DE FAIRE L’ÉTAPE OU VOUS MÉTTEZ UN DÉGRADÉ ALLEZ DANS OPTION DE FUSION JUSTE EN DESSOU DE STYLE ET METTEZ MODE DE FUSION NORMAL OPACITÉ 62% OPACITÉ DU FON 0% MASQUAGE SANS COUCHE R V B COCHÉ FUSOIONNER LES CALQUE ÉCRÉTÉ ... ET CALQUE FORMÉ PAR LA TRANSPARENCE COCHÉ ET ENFIN COMPARAISON SUR GRIS
Voilà j’espère que tout le monde vo réussir maintenant c’était un oubli très bête !!
Toinousp MERCI À TOUS
Répondre-
14 février 2008 20:45, par KOBALT
a voila j’avais trouvé mais pour le flou gaussien je mets rayon 12 et ca fait un truc tout moche du gris qui rentre oO
Répondre-
14 février 2008 20:49, par Toinousp
ba tu le réduit et est-tu sur d’avoir fait une lueur interne de blanc vers le transparent BLANC ??? EN SUPERPOSITION ???
voilà n’hésitez pas pour les questions je vous répond assez vite si je peux !!
Répondre-
14 février 2008 21:09, par KOBALT
oui oui mais en faite on dirait que ca fait un flou vers l’exterieur ou l’interieur a aprtir du contour sa fait pas comme sur toi
Répondre
-
-
-
-
14 février 2008 20:36, par Toinousp
Normalement il faut inverser le dégrader pour que l’effet soit en haut mais comme tu l’a fait tu peut le mettre en bas ... où bon vous semble
Toinousp (désoler pour le désagrément)
Répondre-
14 février 2008 21:19, par KOBALT
mais non tkt !
LAISE TOMBER JE SUIS CON JE FAISAIS L FLOU SUR LE RECTANGLE !! J’AI REUSSI !!
MERCI
Répondre
-
-
-
-
-
-
-
-
-
15 février 2008 10:43, par toinousp
Voilà c’est parfait !!! bien réussi !!
Bravo
moi j’aurais réduit un peut la lueur interne je trouve que c’est un peu trop blanc mais après chacun ces goûts
je suis content qui tu est réussi !!
Répondre -
15 février 2008 10:43, par toinousp
Voilà c’est parfait !!! bien réussi !!
Bravo
moi j’aurais réduit un peut la lueur interne je trouve que c’est un peu trop blanc mais après chacun ces goûts
je suis content qui tu est réussi !!
Répondre
-
-
18 février 2008 10:50, par B$M
Bonjour, Je suis bloqué à l’étape 2 : je n’arrive pas a avoir l’effet de transprence...
I need help
Répondre-
20 février 2008 18:12, par Toinousp
li mon post en gras, il va te venir en aide ... je crois si c’est pas ça pose bien la question avec le moment précis ou tu coince !!
Désoler pour la réponse tardive !!
Répondre
-
-
25 février 2008 12:21, par ordinateur
quelqu’un pourrait laisser un PSD ? car, avec tout ça, le tuto est inexacte et ça ne rend pas du tout pareil !!!
Répondre-
25 février 2008 16:41, par Toinousp
Je l’avais mi mais bon.. je le voit pas... c’est là : http://www.wks.fr/IMG/psd/tuto_effet_vista.psd
Bonne chance :p
Répondre
-
-
4 mars 2008 19:01, par Toinousp
Voilà il est remit... en meilleur version.. plus compréhensible..
Répondre -
11 mars 2008 18:49, par kakashi05
Bonjour et merci pour le tuto mais j’ai quelque petite probleme precisement à la fin du tuto au final j’ai plus d’image de fond mais j’ai un joli rectangle bien transparant et un fond blanc au lieu de mon image de fond.J’espere que vous allez me donner un coup de main.Merci
Répondre-
11 mars 2008 20:08, par Toinousp
c’est un peut bizarre... tu est bien sur que tu a tout le temps sélectionner « le rectangle arrondie » autrement remet ton image et refait les dernières étapes... Il n’y a pourtant aucun problème...
Répondre
-
-
14 mars 2008 21:51, par kakashi05
je crois que j’ai reussi il fallait que je donne une couleur d’abord au rectangle mais comment faire pour affiché son oeuvre sur le site comme les autres l’on fait.Merci
Répondre-
15 mars 2008 10:49, par Toinousp
Et bien il suffit tout simple d’aller en haut de la page, là tu voit galerie interne puis « + ajouter une image à la galerie interne » tu clique envoyer ton image, et si tu veut qu’elle s’affiche dans ton message il te suffit de prendre le code donner !
Répondre
-
-
9 septembre 2008 14:51
certaine partie son ma expliqué je trouve, il manque certaine information ( images ) sinon il est vraiment utile
Répondre -
9 janvier 2010 15:43, par Rip-It Studio
super tuto
. Débutant mais avec un réel désire d’apprendre photoshop je post donc ma créa.voila !
Répondre
-
13 janvier 2010 15:57, par Logred
Un tutoriel très simple à réaliser, mais qui au final rend super bien. Merci l’ami !
Répondre
