32
Créer un encart Dark Glossy pour son site internet
Voici une méthode simple pour créer un petit bloc de contenus designs pour son site internet. Cette méthode rend parfaitement pour un site à dominance sombre mais s’adaptera également aux pages plus claires.
- Tutorial 203 - Fichier source Photoshop
- clic pour télécharger le fichier source photoshop utilisé dans ce tutorial
ETAPE 1
Je crée un nouveau document, et j’utilise les formes personnalisées pour créer un rectangle arrondi (radius : 10 pixels). Je nomme le calque de mon carré : carré noir.
ETAPE 2
Je récupère la sélection du calque carré noir en faisant un clic sur le calque avec la touche Ctrl enfoncée. Sur un nouveau calque (que je nomme lueur) : je sélectionne un pinceau diffus très large (genre 200 pixels) et je crée une lueur gris-claire sur le bas de mon carré noir. Je peux m’y reprendre à plusieurs fois.
ETAPE 3
Nous allons créer un reflet, pour cela :
Je crée un nouveau calque que je nomme simplement reflet. Puis je récupère la sélection de mon carré noir, je vais maintenant le contracter de 2 pixels (sélection > modifier > contracter).
Je remplis de blanc cette sélection grâce au pot de peinture. Et avec un rond de selection, je supprime les pixels en bas pour arriver à un résultat comme ci-dessous.
ETAPE 4
J’utilise un masque de fusion sur le calque reflet pour le camoufler légèrement. Je peux également diminuer son opacité.
ETAPE 5
Je prends l’outil texte et j’édite le nom de mon site et son Url, j’applique à chacun une ombre portée et une incrustation de dégradés. Je place ces deux calques dans un dossier que j’appelle titre.
ETAPE 6
Il ne me reste plus qu’à inclure mon logo dans la partie supérieure de l’encart.
Je finis par ajouter une bordure ainsi qu’une ombre portée à mon carré noir.
Voila c’est terminé 
Joli non ?
Article publié par Wonka
Vous aimez cet article? Partagez le !
Je suis très humblement le webmaster et le créateur de ce site, vous êtes en ce moment sur ma fiche membre, vous avez la possibilité de m’’envoyer des messages, pour toutes questions n’hésitez pas une seule seconde !
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 10 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.
-
-
23 août 2007 16:59, par Wonka
De mémoire je pense que j’ai utilisé celle ci oui
Répondre bon coup d’œil !
-
-
30 septembre 2007 21:00
Joli résulat, quelle est la font utilisée pour le nom « wonka studio » ?
Répondre-
1er octobre 2007 09:14, par Wonka
http://www.dafont.com/fr/search.php ?psize=m&q=prototype
Merci et voici le lien pour télécharger la police de caractère !
Répondre
-
-
-
19 juin 2008 02:22, par giuseppe
bonjour je galère sur la partie 3 du tuto soit la partie suivante : « faire sélection modifier contracter de 2 pixels » sur quel calque dois je être parce que cela ne fonctionne pas un cadre pointille apparait autour de mon cadre noir et c est tout !!! j ai essaye sur tous les calques mais rien n y fait je suis actuellement sous cs2 je pense migrer vers le 3 a la rentrée
merci de votre aide bonne continuation bon site giuseppe
Répondre
la police d’écriture est fracturika je suppose ?
