[Tutoriel]Créer des titres (logos) web 2.0 avec photoshop
ybouane [Tutoriel]Créer des titres (logos) web 2.0 avec photoshop Note : 4.5/5 (1 vote) Derniéres modifications : 31/07/2009 à 20:04:22 Mots-Clés : tutoriel photoshop web 2.0 titre texte logo tutoriaux Faire des titres ou logos web 2.0 avec photoshop Bonjour, dans ce tutoriel photoshop je vais vous apprendre à faire des titres ou logos style Web 2.0, Voici à quoi ressemblera votre réalisation à la fin de ce tutoriel: Titre Web 2.0 fait avec photoshop grâce à ce tutoriel Bon ouvrez photoshop, créez un document 500x100 avec un fond blanc. Prenez l'outil texte (T) et écrivez votre texte. J'ai choisi la police de caractère Arial Rounded MT Bold. Vous pouvez aussi modifier sa couleur. Faites un double clic sur le calque du texte pour ouvrir les options de fusion. Cochez le menu Ombre portée, et mettez y les paramètres comme dans l'image ci-dessous: Cochez maintenant le menu Incrustation de dégradé et mettez y les paramètres comme dans l'image ci-dessous: Ensuite, cochez le menu Contour et mettez y les paramètre comme dans l'image ci-dessous et cliquez sur OK pour valider. Créez un nouveau calque, choisissez l'outil Ellipse de sélection(M) et tracez un ellipse comme ci-dessous: Remplissez la avec du blanc grâce à l'outil Pot de peinture(G): Restez dans le calque de l'ellipse et tout en maintenant la touche Ctrl de votre clavier enfoncée, cliquez sur le calque du texte. Il est maintenant sélectionné, avec l'outil rectangle de sélection(M), faites un clic droit sur la sélection et cliquez sur Invertir et cliquez sur la touche de votre clavier Supp ou Delete pour supprimer. Ensuite, Réduisez l'opacité du calque à 50%. Vous devez avoir quelque chose de similaire à : Vous pouvez lire le tutoriel sur les reflets pour améliorer le logo Web 2.0 Vous pouvez mettre votre texte dans différentes couleurs si vous le désirez: merci de la lecture de ce tutoriel Scripts et tutoriaux similaires à celui ci: [Tutoriel]Créer des boutons web 2.0 [Tutoriel]Effet de perspective avec reflet sur une image avec photoshop [Tutoriel]Faire un texte en or style "Le seigneur des anneaux" [Tutoriel]Cadre sur une image avec GIMP [Tutoriel]Faire un texte enflammé sous photoshop [Tutoriel]Faire un texte en métal sous photoshop [Tutoriel]Mettre un texte sur des lignes lumineuses abstraites [Tutoriel]Reproduire le logo de Google avec photoshop Commentaires Ajouter un commentaire Pseudo: Message: Code anti-bot: (recharger) Vous n'êtes actuellement pas connecté, certaines de vos informations(tel que votre Adresse IP) seront enregistrées pour éviter du spam. Votre message ne doit pas contenir certains mots ou une adresse internet, sinon, il ne sera pas envoyé. Les commentaires Envoyé par hyplayer le 29/08/2009 à 15:18:13 super ce tuto merci!! :) Envoyé par internaute le 18/01/2011 à 15:21:17 re salut, c' est encore moi !! lol une fois de plus, quand je fais comme tu l' indiques pour selectionner le texte, je n' ai pas le texte de selectionner en lui meme, c' est à dire des pointillés sur le contour du texte, mais plutot un rectangle qui entoure le texte !!!!! Pourquoi ai je un rectangle qui entoure le texte et non le texte lui même de selectionné ??? Pourtant je fais comme tu as dis: clic + ctrl !!!?????? J' attends toujours une réponse s' il te plait, je pije pas pourquoi je peux pas selectionner de texte alors que toi tu sembles y arriver !! merci d avance Envoyé par graph_junior le 27/01/2011 à 03:19:58 salut, moi c'est pareil j'ai pas le texte de selectionner mais au mieux la selection rectangulaire ca rend pas trop mal mais c'est pas aussi jolie que toi, quand j'essaye de décliner dans d'autre couleur (je click sur le calque de texte ensuite je selectionne mon texte avec l'outil texte ca change bien de couleur mais juste sur la partie de l'elipse le bas du text et lui trés foncé et change jamais de couleur. Envoyé par vetxnhid le 24/01/2012 à 12:30:05 20 Envoyé par Tortue le 03/03/2012 à 14:28:02 Super le tutoriel, j'ai fais grâce à vous un super logo, merci beaucoup ^^

[Tutoriel]Créer des titres (logos) web 2.0 avec photoshop

ybouane

[Tutoriel]Créer des titres (logos) web 2.0 avec photoshop
Note : 4.5/5 (1 vote)
Derniéres modifications : 31/07/2009 à 20:04:22
Mots-Clés : tutoriel photoshop web 2.0 titre texte logo tutoriaux Faire des titres ou logos web 2.0 avec photoshop

Bonjour, dans ce tutoriel photoshop je vais vous apprendre à faire des titres ou logos style Web 2.0, Voici à quoi ressemblera votre réalisation à la fin de ce tutoriel:

Titre Web 2.0 fait avec photoshop grâce à ce tutoriel

Bon ouvrez photoshop, créez un document 500x100 avec un fond blanc. Prenez l'outil texte (T) et écrivez votre texte. J'ai choisi la police de caractère Arial Rounded MT Bold. Vous pouvez aussi modifier sa couleur.

Faites un double clic sur le calque du texte pour ouvrir les options de fusion. Cochez le menu Ombre portée, et mettez y les paramètres comme dans l'image ci-dessous:

Cochez maintenant le menu Incrustation de dégradé et mettez y les paramètres comme dans l'image ci-dessous:

Ensuite, cochez le menu Contour et mettez y les paramètre comme dans l'image ci-dessous et cliquez sur OK pour valider.

Créez un nouveau calque, choisissez l'outil Ellipse de sélection(M) et tracez un ellipse comme ci-dessous:

Remplissez la avec du blanc grâce à l'outil Pot de peinture(G):

Restez dans le calque de l'ellipse et tout en maintenant la touche Ctrl de votre clavier enfoncée, cliquez sur le calque du texte. Il est maintenant sélectionné, avec l'outil rectangle de sélection(M), faites un clic droit sur la sélection et cliquez sur Invertir et cliquez sur la touche de votre clavier Supp ou Delete pour supprimer. Ensuite, Réduisez l'opacité du calque à 50%.

Vous devez avoir quelque chose de similaire à :

Vous pouvez lire le tutoriel sur les reflets pour améliorer le logo Web 2.0

Vous pouvez mettre votre texte dans différentes couleurs si vous le désirez:

merci de la lecture de ce tutoriel

Scripts et tutoriaux similaires à celui ci:

Commentaires

Ajouter un commentaire

Les commentaires

Envoyé par hyplayer le 29/08/2009 à 15:18:13

super ce tuto
merci!! :)

Envoyé par internaute le 18/01/2011 à 15:21:17

re salut,

c' est encore moi !! lol
une fois de plus, quand je fais comme tu l' indiques pour selectionner le texte, je n' ai pas le texte de selectionner en lui meme, c' est à dire des pointillés sur le contour du texte, mais plutot un rectangle qui entoure le texte !!!!!

Pourquoi ai je un rectangle qui entoure le texte et non le texte lui même de selectionné ??? Pourtant je fais comme tu as dis: clic + ctrl !!!??????

J' attends toujours une réponse s' il te plait, je pije pas pourquoi je peux pas selectionner de texte alors que toi tu sembles y arriver !!

merci d avance

Envoyé par graph_junior le 27/01/2011 à 03:19:58

salut, moi c'est pareil j'ai pas le texte de selectionner mais au mieux la selection rectangulaire ca rend pas trop mal mais c'est pas aussi jolie que toi, quand j'essaye de décliner dans d'autre couleur (je click sur le calque de texte ensuite je selectionne mon texte avec l'outil texte ca change bien de couleur mais juste sur la partie de l'elipse le bas du text et lui trés foncé et change jamais de couleur.

Envoyé par vetxnhid le 24/01/2012 à 12:30:05

Envoyé par Tortue le 03/03/2012 à 14:28:02

Super le tutoriel, j'ai fais grâce à vous un super logo, merci beaucoup ^^