Création d’un Logo Web 2.0

Dimanche 5 octobre 2008

Bonjour,
voici un petit tutoriel pour vous expliquer comment réaliser un logo style Web 2.0 qui est la grande “mode” du moment.

Ce tuto se déroulera sous PhotoShop mais est également adaptable sur d’autres logiciels.

1 - Ouvrez un nouveau document (ctrl + n) de 450px*150px par exemple.

2 - Ecrivez le texte souhaité, pour l’exemple j’utilise deux couleurs différentes pour bien souligner mon pseudo “John Style” le fait de jouer comme cela avec les couleurs permet de donner un effet visuel plutôt sympa, toutefois évitez les couleurs trop vive.

3 - Dirigez-vous vers la palette des calques et double cliquez sur le texte.

4 - Faites les réglages suivant, pour obtenir un effet d’ombre et un contour sur le texte.

5 - Validez puis revenez sur la palette des calques, créez un nouveau calque (bouton en bas de la palette ou Maj+ctrl+n). Placez ce nouveau calque au dessus des autres (clique+glisse).

6 - Toujours dans le palette des calques, sélectionnez le texte puis faites ctrl+clique ce qui sélectionnera le texte sur votre document.

7 - Gardez le texte sélectionné et allez dans le menu => Sélection => Modifier => Dilater. Saisissez 1 comme valeur puis validez. Nous venons d’étendre notre sélection de 1px.

8 - Retournez sur la palette des calques et sélectionnez le calque précédemment créé, ensuite rendez-vous sur la palette d’outils et sélectionnez l’outil “dégradé”.

9 - Sur votre document, appliquez le dégradé sur la zone sélectionné auparavant clique+glisse vers le bas+Maj pour avoir un dégradé droit, vous devriez obtenir ceci :\

10 - Ensuite nous allons rendre le reflet plus jolie :smile: , dans al palette outils, sélectionnez l’outil “ellipse de sélection” juste en dessous de “rectangle de sélection”. Puis créez une sélection sur votre document comme ceci: