Accueil - Créations Numériques - Créer votre bannière comme google avec Photoshop (TUTO)

Vous avez aimé cet article ? Alors partagez-le avec vos amis en cliquant sur les boutons ci-dessous :

Créer votre bannière comme google avec Photoshop (TUTO)

Un petit ' tuto ' ou tutoriel, ou encore mode d'emploi, pour vous aider à créer une bannière, comme les graphistes de Google à l'aide de Photoshop, ou autre logiciel de création numérique ou graphique, à la portée de tous ceux qui ont un peu de patience ...

 Un petit tutoriel pour Photoshop: créer sa bannière à la mode 'google'.

Les images présentées ici ne sont pas en taille réelle, mais adaptées à la largeur du site.
Au niveau des polices de caractères, un petit conflit se pose: Book Antiqua ou Bookman Old Style, mais l'une des deux comporte un copyright, alors à vous de voir ... Les dimensions et certains paramètres indiqués ici seront bien sur à adapter en fonction de la longueur du titre que vous voudrez mettre ...
Commençons par le résultat final !
votre bannière à la mode google avec Photoshop
votre bannière à la mode google avec Photoshop

Pour y parvenir, voici un petit mode d'emploi assez facile.
Etape 1  : Ouvrez Photoshop, créez un nouveau document de 1200 par 300 pixels.
Prenez comme police Book Antiqua en taille 90 environ et écrivez votre titre au centre de l’image.
à la mode google avec Photoshop
à la mode google avec Photoshop

Etape 2
  : Maintenant nous allons mettre le texte en couleur, lettre par lettre, avec les variations que vous voudrez.
Prenez pour le :
  • bleu #425ABD
  • rouge #DD2500
  • jaune #EDD100
  • vert #59BB00
autres variations possibles des couleurs :
  • bleu :#415ABE
  • rouge :#DC2800
  • jaune :#F0D200
  • vert :#5ABE00

tutoriel Photoshop
tutoriel avec Photoshop

Etape 3 : Appliquez une ombre portée et réglez les paramètres de celle-ci comme sur l'exemple, en adaptant légèrement selon l'effet désiré.
tuto Photoshop
tuto Photoshop

Etape 4
  : Appliquez ensuite un biseautage/estampage comme montré ici:
tutoriel title=
tutoriel

Voici ce que vous devriez obtenir en jouant sur certains paramètres si nécessaire :
google et Photoshop
google et Photoshop

Etape 5
: Ajouter ensuite le "nom du pays", avec la police arial, taille 20 et avec la couleur #777675. (voire aussi : #777777)
bannière google
bannière google

Etape 6
: Nous allons ensuite ajouter ce qui correspond au 'TM' de google en prenant la police Times New Roman en taille 8 et avec la couleur #777675.
créer sa bannière
créer sa bannière

Vous devez parvenir ensuite, avec l'option 'rogner' de photoshop, à l'image finale présentée en haut de page et ici .
votre bannière à la mode google avec Photoshop
votre bannière à la mode google avec Photoshop

Si vous voulez aller plus loin, vous pouvez créer des bannière en 'gif animé' en faisant tourner l'ombre autour des lettres ou encore en faisant changer les couleurs des différents caractères ... les possibilités sont à l'image de votre imagination.
heureux
origine 'unesourisetmoi.info" : 12/03/2008 / 09:46
Catégorie : Créer votre bannière à la mode google avec Photoshop
Tous les articles de blog, ainsi que leur contenu, comme indiqué en page index du site principal, sont mis à disposition sous les termes de la licence Creative Commons. Vous pouvez le copier, distribuer et modifier tant que cette note apparaît clairement. " source: longuetraine.fr - Paternité - Pas d'Utilisation Commerciale - Partage des Conditions Initiales à l'Identique 3.0 France ", ainsi qu'un lien vers la source .
à voir également :

1 commentaire

#1  - Julia a dit :

Merci pour ce tuto! Finalement c'est plus simple que je ne le pensais. Le résultat est vraiment original!

Répondre

Fil RSS des commentaires de cet article

Écrire un commentaire

Quelle est la dernière lettre du mot nbgc ?

Pour laisser un petit avis au passage, nul besoin d'avoir un site ou une adresse Internet, juste se donner un 'pseudo' ...
Les commentaires sont en 'dofollow', mais modérés à priori. Ils ne seront publiés qu'après vérification de votre message.
Si vous pensez ou désirez obtenir un backlink, votre commentaire doit être construit de manière cohérente, rédigé correctement ET avoir un minimum de contenu et de pertinence.