Formations web et création graphique - L'élégance du gris… riche avec Photoshop

Fermer



Connexion

L'élégance du gris… riche avec Photoshop

Ce logo a été créé avec Photoshop en moins de 10 minutes. Chut, il ne faut pas le dire, on l'a vendu 30 000 euros… Non ce n'est pas vrai. encore que… Voici comment vous allez opérer.

verger-fini

Placer les éléments en noir et blanc

Ici nous avons copié le principe du Musée d'Orsay. Pour faire les bons choix en matière de typographie, travaillez toujours d'abord en Noir et Blanc. Seulement ainsi vous pourrez définir les bonnes graisses et les bon styles.

Par exemple Ici :

  • Le "V" est en Bauer Bodoni regular - capitales
  • Le "m" est en Bauer Bodoni Old Style Figures - bas de casse
  • Le" Verger des Muses" est en Myriad regular
  • "Votre Espace Culturel" est en Myriad Light

Vous constatez qu'avec seulement 2 polices, les variations de style permettent une grande finesse et des variations infines..

Un logo élégant avec Photoshop : tutoriel gratuit de didier mazier

Ajouter un fond gris

L'ajout d'un fond gris basique permet de vérifier les contrastes. Nous avons rassemblé les éléments de texte dans un groupe de calques. Pour le fond gris, le plus pratique est de créer un calque de réglage Couleur, ce qui permettra de la changer ensuite à volonté.

Un logo élégant avec Photoshop : tutoriel gratuit de didier mazier

Par défaut le gris est neutre, c'est à dire :

  • En RVB : 204-204-204
  • En  Quadri C23 - M17 - J17.
  • Il y a quelques points de plus pour le Cyan (+5) pour précisément obtenir un effet plus neutre.

Un logo élégant avec Photoshop : tutoriel gratuit de didier mazier

Avec toutes les valeurs quadri à 15%, vous obtiendrez un encrage de 45% au total, mais l'effet général sera cependant plus chaud.

Un logo élégant avec Photoshop : tutoriel gratuit de didier mazier

Vous pouvez donc jouer sur ces valeurs pour obtenir le gris voulu (plus jaune, ou plus rouge…)

Un logo élégant avec Photoshop : tutoriel gratuit de didier mazier

Il est également possible d'intégrer du noir comme ci-dessous :

  • C5 - M5 - J15 - N20

Un logo élégant avec Photoshop : tutoriel gratuit de didier mazier

Changer la couleur du texte

Le choix final pour notre fond est C25 - M25 - J25, ce qui produit un gris assez dense (75%) et rosé. On est plus proche du saumon, mais malgré tout, cette couleur reste neutre. Il n'y a pas de réelle dominante.

Une fois la couleur du fond précisée, vous pouvez vous attaquer au texte :

Commencez par le passer en blanc. Si le fond est assez dense il n'y aura pas de problème de lisibilité.

Dans le cas contraire il faudra modifier le fonod pour le densifier.

Un logo élégant avec Photoshop : tutoriel gratuit de didier mazier

Ensuite, laissez le logo "V/m" avec un contraste maxi (donc blanc sur fond gris) et essayez d'atténuer l'intitulé 'Le Verger des Muses" en optant pour une couleur ton sur ton.

Un logo élégant avec Photoshop : tutoriel gratuit de didier mazier

Ajout d'un pictogramme

Nous avons utilisé une forme prédéfinie de Photoshop.

Notez que même si la forme est de la même couleur que le texte, elle paraît cependant plus dense!.

Un logo élégant avec Photoshop : tutoriel gratuit de didier mazier

Pour atténuer cet effet, vous pouvez simplement jouer sur l'opacité du calque de forme.

Un logo élégant avec Photoshop : tutoriel gratuit de didier mazier

Comment viennent les idées?

Souvent par hasard : En réduisant l'opacité, nous nous sommes dit qu'un filigrane ne serait pas vilain.

Et voilà. On a agrandi le pictogramme qui est maintenant partiel mais occupe la totalité du fond.

Un logo élégant avec Photoshop : tutoriel gratuit de didier mazier

Attention : ci dessus l'ordre des calques perturbe la lisibilité, car la forme se superpose avec le texte et dans les parties blanches de celui-ci, l'effet est désastreux.

Il faut que le calque de forme du pictogramme soit placé en dessous des calques de texte.

Comme dans la version finale ci-après.

verger-fini

Dommage que le Verger des Muses soit en train de fermer, pas vrai? Au fait vous avez trouvé la contrepèterie?

Bises