Créer l’icône de Twitter, Facebook et Google plus avec Photoshop

Dans ce nouveau tutoriel nous allons apprendre comment réaliser des icônes des célèbres réseaux sociaux ; Facebook, Twitter et Google plus en utilisant les styles de calque pour un rendu professionnel.

Créer l’icône de Twitter, Facebook et Google plus avec Photoshop

Bienvenu dans ce nouveau tutoriel, dans ce dernier nous allons créer des icônes sociaux media en utilisant les styles de calque et voilà un aperçu du résultat final

Pour commencer, ouvrez un nouveau document de 800×600 pixels , résolution 72Dpi , couleurs RVB8bits et remplissez le fond avec du gris #cdcdcd en utilisant l’outil pot de peinture (G) .

Puis ajoutez un calque de remplissage dégradé en allant dans Menu > Calque > Nouveau calque de remplissage > Dégradé.

Changez son mode de fusion en incrustation et réduisez son opacité à 30%

Puis prenez l’outil rectangle arrondi (U) avec un rayon de 50px et dessinez un rectangle bleu #407bcc au centre.

Puis dupliquez-le trois fois en appuyant sur le raccourci Ctrl+J , vous obtiendrez alors quatre calques de rectangle bleu.

mettez-vous sur le premier et rendez-vous dans les options de fusion

Mettez-vous sur le deuxième calque et agrandissez ce derniers de quelques pixels en allant dans Menu > Edition > Transformation manuel ( Ctrl+T ), tout en transformant la forme maintenez les touche Alt+Shift pour appliquer la même transformation tout en conservant les proportions du cadre

Rendez-vous de nouveau dans les options de fusion

Mettez-vous sur le troisième calque et appliquez dessus un filtre flou gaussien en allant dans Menu > Filtre > Atténuation > Flou gaussien

Maintenant mettez vus sur le quatrième calque et agrandissez de la même façon que le deuxième calque

Dans les options de fusion appliquez dessus une ombre portée comme ceci.

Ensuite dessinez un autre rectangle arrondi de la même taille que le dernier calque en utilisant l’outil rectangle arrondi (U) et la couleur #175e7c .

Puis déplacez-le vers le bas comme ceci

Allez dans les options de fusion pour lui appliquer une ombre interne

Dessinez un autre rectangle arrondi avec la couleur # 58a1cf ou simplement dupliquez votre dernier calque, déplacez le vers le haut puis changez ça couleur.

Puis rendez-vous dans les options de fusion

Ce qui vous donne le résultat suivant

Maintenant soit vous dessiner le logo de Twitter soit de Facebook ou de Google+ ; prenez l’outil plume (P) en mode calque de forme et dessinez un des logos (voilà un tutoriel pour apprendre comment faire des courbes et des segments avec l’outil plume )

Dupliquez votre forme deux fois en utilisant le raccourci ( Ctrl+J ) mettez-vous sur le premier et appliquez dessus une ombre portée dans les options de fusion.

Mettez-vous sur le deuxième calque et de nouveau rendez-vous dans les options de fusion

De la même façon appliquez une ombre interne sur le troisième calque.

Et voilà le résultat final

Vous pouvez aussi créer plusieurs icônes en changeant les logos et les couleurs pour obtenir le résulta suivant