Comment créer un logo similaire à celui de skype ?

Snake's

Administrateur
Ancien staff
Inscription
5 Juin 2012
Messages
8 792
Réactions
6 916
Points
29 965
RGCoins
50
1397319836-skypeflat.png

CRÉER UN LOGO SIMILAIRE A CELUI DE SKYPE

Bonjour à tous,
Aujourd'hui je vais vous expliquer comment créer un logo comme celui de skype.

1397320604-ligne-rg.png

1397320737-docuement.png

LA CRÉATION DU DOCUMENT

Tout commence par la création du document, réfléchissez si vous voulez faire un avatar ou une bannière. :)
Dans cet exemple nous allons faire un avatar.

1397321005-creationdocument.png

Voici les paramètres pour un avatar.
Maintenant, nous allons commencer les étapes pour le logo.

1397320604-ligne-rg.png

1397326547-parametres.png

PARAMÉTRAGES DU TEXTE

Pour commencer, vous aurez besoin de la police .
Télécharger la police, ouvrez le fichier TTF puis cliquer sur installer :
1397328213-polices.png


Allez dans photoshop, sélectionné l'outil texte et taper le votre.
1397328213-photoshoptexte.png


Ensuite, double-cliquez sur le calque de texte.

Mettez ensuite un contour d'environ 18px, cela varie en fonction de votre texte.
Changer le style de remplissage, de couleur passer le à dégradé.

1397392223-teuom5r.png


Dans la première flèche du dégradé, mettez cette couleur : #aee8fe.
Dans la dernière flèche du dégradé mettez cette couleur : #1aa9de
Vous devriez tomber sur ceci :

1397392399-w9s7nnt.png

Cliquez sur "enregistrer".

Retournez dans le menu du style de calque, et cochez la case "inverser" dans les paramètres du contour.
1397392561-ogxsa3q.png


Ensuite, nous allons ajouter de l'ombre interne.
1397392785-chvm4dh.png

Mode de fusion : Produit
Opacité : 50%
Angle : 120°
Distance : 2px
Maigri : 0%
Taille : 0px


Validez en cliquant sur OK.

Ensuite, faites clique gauche sur votre calque texte, puis pixeliser le style de calque.
Une fois ceci fait, double cliqué sur le calque pour avoir les paramètres des options de fusion.
Nous allons ajouter un contour.
1397393087-0aecapp.png

Mettez le type de remplissage en couleur #1aa9de.

Voici le résultat final :

qyCuiVV.png

La ressemblance est choquante :troll:

1397393208-ligne-rg.png


1397393419-fin.png

FIN DU TUTORIEL

C'est la fin de ce tutoriel, j'espère que celui ci vous a plu.
Je suis ouvert à toutes questions si vous avez des problèmes pour réaliser ce tutoriel.
Je recommande de mettre le texte en minuscule uniquement, ça rend plus beau pour ce style de logo. :)

A très bientôt. :)

1397394069-snake-s.png

:tchuss:
 
Merci du partage, tutoriel vraiment bien rédigé.

Tu mérite ton j'aime.

Cordialement,
Y a n i s
 
Tutoriel super bien rédigé, je te met un jolie +1 :)
 
Waouw la ressemblance est choquante :troll:
Nan franchement GG :)
 
Merci pour le tuto :)
 
Dernière édition:
La rédaction et propre belle présentation beau tuto!
1 j aimes !!!
 
1397319836-skypeflat.png

CRÉER UN LOGO SIMILAIRE A CELUI DE SKYPE

Bonjour à tous,
Aujourd'hui je vais vous expliquer comment créer un logo comme celui de skype.

1397320604-ligne-rg.png

1397320737-docuement.png

LA CRÉATION DU DOCUMENT

Tout commence par la création du document, réfléchissez si vous voulez faire un avatar ou une bannière. :)
Dans cet exemple nous allons faire un avatar.

1397321005-creationdocument.png

Voici les paramètres pour un avatar.
Maintenant, nous allons commencer les étapes pour le logo.

1397320604-ligne-rg.png

1397326547-parametres.png

PARAMÉTRAGES DU TEXTE

Pour commencer, vous aurez besoin de la police .
Télécharger la police, ouvrez le fichier TTF puis cliquer sur installer :
1397328213-polices.png


Allez dans photoshop, sélectionné l'outil texte et taper le votre.
1397328213-photoshoptexte.png


Ensuite, double-cliquez sur le calque de texte.

Mettez ensuite un contour d'environ 18px, cela varie en fonction de votre texte.
Changer le style de remplissage, de couleur passer le à dégradé.

1397392223-teuom5r.png


Dans la première flèche du dégradé, mettez cette couleur : #aee8fe.
Dans la dernière flèche du dégradé mettez cette couleur : #1aa9de
Vous devriez tomber sur ceci :

1397392399-w9s7nnt.png

Cliquez sur "enregistrer".

Retournez dans le menu du style de calque, et cochez la case "inverser" dans les paramètres du contour.
1397392561-ogxsa3q.png


Ensuite, nous allons ajouter de l'ombre interne.
1397392785-chvm4dh.png

Mode de fusion : Produit
Opacité : 50%
Angle : 120°
Distance : 2px
Maigri : 0%
Taille : 0px


Validez en cliquant sur OK.

Ensuite, faites clique gauche sur votre calque texte, puis pixeliser le style de calque.
Une fois ceci fait, double cliqué sur le calque pour avoir les paramètres des options de fusion.
Nous allons ajouter un contour.
1397393087-0aecapp.png

Mettez le type de remplissage en couleur #1aa9de.

Voici le résultat final :

qyCuiVV.png

La ressemblance est choquante :troll:

1397393208-ligne-rg.png


1397393419-fin.png

FIN DU TUTORIEL

C'est la fin de ce tutoriel, j'espère que celui ci vous a plu.
Je suis ouvert à toutes questions si vous avez des problèmes pour réaliser ce tutoriel.
Je recommande de mettre le texte en minuscule uniquement, ça rend plus beau pour ce style de logo. :)

A très bientôt. :)

1397394069-snake-s.png

:tchuss:
Rédaction et Tutoriel parfait un j'aime pour toi ;)
 
Beau tuto mais c'est hyper bien écrit :o
 
Ouaaah trop magique ce tutoriel :o
 
Merci pour le partage tuto complet et bien expliqué du coup je vais testé :P.

Bonne fin d'après midi DreaM GTP
 
Retour
Haut