32
Créer la plaque d’entrée d’un hotel 4 étoiles
Bonjour à tous, je vous présente ici un tutorial pour créer un magnifique logo digne des plus grands palaces.
Nous allons utiliser pas mal de technique tout au long de cet article : bref pour les débutants ca va être un peu dur dur 
Pour les initiés je vous invite vivement à essayer car le rendu final est MAGNIFIQUE !
Pratique pour retrouver les styles de calques utilisés dans ce tutorial voici le fichier PSD :
- Fichier source Photoshop
- Cliques ici pour télécharger le fichier source Photoshop utilisé dans ce tutorial.
Allez on se lance :
ETAPE 1
Dans Photoshop je crée un nouveau document : menu fichier > nouveau > 500 x 300 pixels sur fond blanc. Je vais ensuite remplir le fond avec cette couleur (j’utilise le pot de peinture) : #28201d.
Je crée un nouveau calque, sur celui-ci je crée une ellipse de sélection que je remplis de blanc avec le pot de peinture. Je vais ensuite lui appliquer un flou gaussien (d’au moins 50) pour le transformer en lueur (menu filtre > atténuation > flou gaussien).
ETAPE 2
J’utilise l’outil des formes personnalisées pour créer un rectangle arrondi (de 2 ou 3 pixels en radius).
ETAPE 3
Je vais ajouter trois styles de calques : menu calque > style de calques :
- Contour
- Incrustation de couleur
- Ombre portée
Je vous invite à télécharger le fichier Photoshop disponible en haut de cette page pour retrouver les styles de calques exacts.
ETAPE 4
Je crée un nouveau calque par-dessus mon calque plaque, je récupère la sélection du rectangle et je crée un dégradé : Couleur #f8f8e4 100% vers la même à 0% d’opacité.
ETAPE 5
Je télécharge le fichier ci-dessous rempli de petites formes vectorielles bien sympatiques et j’en importe une sur le dessus de ma plaque.
- Fichier source Illustrator
Je procède ainsi :
- J’ouvre le fichier dans illustrator
- Je sélectionne la forme que je souhaite
- Je fais Ctrl + C
- Puis dans Photoshop je fais Ctrl + V
- Je sélectionne coller en pixel (dans la petite fenêtre)
- Et voilà qui est fait
ETAPE 6
Je fais la même chose pour le bas, la gauche et la droite.
ETAPE 7
J’ajoute un deux style de calque à chacun :
- Une ombre portée
- Et une incrustation de dégradé.
Attention !! bien que l’ombre portée reste la même pour la gauche la droite et le bas, la partie haute nécessite une ombre portée plus soutenue. Quant aux dégradés, il faut que la couleur la plus claire soit toujours orientée vers le centre de la plaque.
ETAPE 8
Je place mon titre au centre avec la police PALATINO LINOTYPE (j’utilise bien entendu l’outil texte de Photoshop). J’ajoute à ce texte une ombre portée blanche.
ETAPE 9
Plus bas, en utilisant le même style, j’ajoute l’Url de mon site ou un slogan.
ETAPE 10
Et toujours avec le même style, sur un nouveau calque, j’ajoute deux fleurs de Lys que je trouve dans mon fichier de formes vectorielles.
ETAPE 11
ETAPE FACULTATIVE : Je peux ajouter si je le souhaite un nouveau dégradé sur le bas de ma plaque pour la faire ressortir encore plus (sur un nouveau calque j’utilise l’outil dégradé 100% vers 0% en ayant au préalable récupéré la sélection de mon rectangle) ! Mais franchement ce n’est pas obligatoire !
C’est déjà terminé, j’admire maintenant mon travail… Hummm ça le fait non ? Bonne chance à tous pour la réalisation de ce tutorial.
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 48 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.
-
4 juillet 2008 14:09, par Daniel
très joli, serait ce le début d’un prochain kit graphique spécial hôtel de luxe ?
Répondre-
4 juillet 2008 19:46, par Wonka
Ce n’était pas prévus mais je dois dire que c’est pas bète du tout, merci pour cette bien bonne idée :D
Répondre
-
-
4 juillet 2008 14:35
Splendide !!!!!!!!!!! Je ne peux que dire bravo et admirer ton travail Wonka !!!
Répondre -
4 juillet 2008 17:04, par mamut
Yeau wonka encore une réussite !!
Toujours pas le temps de m’attarder sur tes tutos mais bravo !!
J’espère que tu as du taf tu le mérites !!
Promis a la rentrée je participe
Répondre
-
4 juillet 2008 19:46, par Wonka
Merci à vous trois pour vos message, ca me fait bien plaisir
Répondre -
4 juillet 2008 20:07, par IT1
« Mais où s’arrêtera Wonka »
Blague à part, bravo pour ce splendide tuto
Répondre -
4 juillet 2008 23:38
Trsè joli, sombre et sérieux. Est-ce qu’il n’y aurait pas possibilité de mettre les forme sous fichier photoshop parce que tout le monde n’a pas les moyen et d’avoir photoshop et d’avoir illustrator ? Merci d’avance et encore félicitations.
Répondre-
6 juillet 2008 11:41, par Wonka
Euh non ce n’est pas possible, quoique je vais voir ce que je peux faire
Répondre mais seulement à partir de demain car la c’est le weeeekend :D
-
-
5 juillet 2008 12:39, par akira-k47
Répondre
Mon hotel n’est que 3 étoiles ... mais au moin il est certifié guide du routard XD -
6 juillet 2008 15:31
Joli tuto Wonka ... comme d’hab ! :D
PS : je voulais te demander, j’ai trouvé un tuto qui a l’air sympa mais qui est en anglais. Qu’en pence tu pour une traduction sur ton site
Répondre ??
C’est ici !-
6 juillet 2008 17:26, par Djules
Salut ! Moi je peux traduire le tuto si tu veux, sans problèmes. Mais il me semble un peu compliqué pour des débutants, et Wonka n’a encore jamais fait de tuto du même genre, à moins que je me trompe ?
A plus...
Répondre-
6 juillet 2008 19:13, par Wonka
Une traduction s’appelle également un plagiat ! En plus plagié psdtuts.com est à mon sens un véritable suicide pour la réputation d’un site ! Bref très mauvaise idée, de plus je trouve le tutoriel pas forcement très intéressant.
Répondre-
8 juillet 2008 14:16, par Monk
Franchement d’accord, ça perd son style si on va piquer des tutos...
Sans parler de la crédibilité du site qui chuterait. Bref, à ne surtout pas faire !
Répondre
-
-
-
-
8 juillet 2008 14:19, par Monk
Alors moi j’ai petit problème, pas avec le tutoriel mais avec ton fichier ai. Quand je l’ouvre, Illustrator se ferme tout seul. Par contre c’est isolé, je parviens à ouvrir d’autre fichier.
J’ignore si c’est un problème de mon Illustrator ou du fichier, mais ça m’ennuie un peu ^^
Sinon très bon tutoriel, comme toujours
Répondre-
8 juillet 2008 15:55, par Wonka
Un reboot de la machine me semble necessaire peux être n’as tu pas suffisamment de ram pour faire tourner toutes tes applications
Répondre
-
-
8 juillet 2008 17:39, par bast
Bonjour à tous,
Excusez moi mais je suis peu être le seul à l’avoir remarqué mais le fichier illustrator est différent de celui qui est dans le tuto. c ’est une fleur de lys alors que dans le tuto ce sont des fleurs styles barroque. Sinon excellent tuto.
Répondre-
8 juillet 2008 17:50, par Wonka
Lol tu es le seul, c’est carrement pas le bon fichier, je vais essayer de retrouver le bon et le mettre en ligne !
Répondre-
8 juillet 2008 18:16, par Wonka
voici l’url ou trouver le vrai fichier
http://www.vecteezy.com/vf/114-...ck-3
Répondre
-
-
-
-
10 juillet 2008 17:43, par Wonka
Super tu as vraiment bien compris le tutorial, c’est trèsss beau !
Répondre
-
-
-
13 juillet 2008 19:11
ça donne très bien
J’arrive pas à uploader mon image sur le site alors elle se trouve la => http://img167.imageshack.us/img167/9256/olekepalacepv6.jpgVoila
Répondre
-
-
-
14 juillet 2008 15:18, par Wonka
tout dépend de la longueur de la piscine en deca de 20 mètres ca ne marchera pas !
Répondre-
17 juillet 2008 18:38, par paco
bravo c’est vraiment très sympa mais ou trouve tu toutes ces idées^^
Voir en ligne : mon portfolio (maj)
Répondre
-
-
-
6 août 2008 16:38
lol merci beeuacoup pour le lien du fichier c est a present le bon je te promet que sur le fichier qui est dans le tuto j avais une fleur de lys en plei nmilieu de page mais juste une avec logo bizard. merci a toi
Répondre -
8 août 2008 19:30, par glockmax4
incroyablement réussi !! super tuto je croi que l’un que je prefere parmit tand d’autre... je teste tt de suite et encor merci a wonka pr tt c beau, snif , tuto !!!
Répondre -
13 août 2008 04:55, par Alea
Bravo très bien réalisé je t’inviterai en revanche a rajouté un filtre photo réchauffant (80) a 60% pour la densité ... Histoire que ton entrée d’hôtel ne soit pas sordide :P
Répondre -
15 août 2008 17:19, par Kriss
Super site déjà, si vous êtes intéréssé, je peux vous faire un peu de pub en vous mettant dans mes partenaires, car vous faites un excellent travail.
Très bon tutoriel, très bien expliqué, voici la création que j’ai fait grace à votre travail :
Répondre -
-
12 décembre 2008 04:50, par scrawnyrabbit
Yeepee ! ça fait des mois que je profite de ton site mais je viens juste de m’inscrire... Voilà mon interpretation de ce tuto, je l’ai fait il y’a longtemps, mais mieux vaut tard que jamais.
Répondre
-
12 décembre 2008 11:53, par Wonka
Moi j’adore ce logo
Répondre bravo et toi, tu as raison vaut mieux tard que jamais !-
-
10 janvier 2009 22:50
Bonsoir ! Je trouve ça magnifiquement bien fait, et j’essaye en ce moment de le refaire mais j’ai un petit souci :
J’ai du mal dès le début pour les styles du calque, j’ai télécharger le fichier qui été plus haut, je l’ai ouvert mais je ne peux pas voir les différents réglages du styles de calque.
Merci beaucoup de me répondre et bonne soirée !
Répondre-
12 janvier 2009 10:42, par Wonka
Pour voir les styles de calque il suffit de double cliquer sur le calque en question, une nouvelle fenètre s’ouvre alors (celle de la fenètre des calques) suffit de cliquer sur les onglets cochés pour apercevoir les configurations
Répondre Bonne chance.-
13 janvier 2009 15:41
Merci de m’avoir répondu, Cependant lorsque je double clique sur le calque ( nommé « arrière plan » ) ; je ne me retrouve pas avec la fenêtre des calques mais avec une fenêtre nommée « nouveau calque ».
Merci de m’éclaircir de nouveau. Bonne journée !
Répondre-
-
16 janvier 2009 21:31
:D faut double cliquer sur où alors ( encore désolé pour toutes ces questions )
Bonne soirée !
Répondre-
17 janvier 2009 17:33, par Wonka
Sur le calque qui posséde les styles, on remarque ces calques car il y a une petite flèches sur leurs droites. Cependant on ne peux appliquer de styles sur l’arrière plan.
Répondre-
17 janvier 2009 23:01
Euh.. je trouve ça nul part... Peut être que nous n’avons pas la même version de photoshop : moi j’ai « photoshop CS4 »
Bah en tout cas merci de m’avoir consacré ton temps et bonne soirée à tous !
Répondre
-
-
-
-
-
-
-
-
-
