Créer un effet 'Plastic'

Les polices ou icônes plastic sont très à la mode en ce moment. Avec ce didacticiel vous allez voir que ce n'est pas si compliqué de créer cet effet sur un texte.

Créez un nouveau document RVB de 300x300 pixels transparent. A l'aide de l'outil 'Texte' créez une lettre d'une couleur de votre choix (#007fff sur l'exemple)


La police utilisée dans ce didacticiel est la police BlackwoodCastle

plastic - image 1
plastic - image 2

Créez un nouveau calque, que vous nommez 'Clair'. Récupérez la sélection du calque 'Arrière-plan', puis réduisez-la de 10 pixels. Remplissez cette sélection de blanc, puis dé-sélectionnez, et enfin appliquez un flou gaussien IIR de 20 pixels.

Changez le mode du calque, et passez-le en 'Superposer', puis dupliquez-le.

plastic - image 3
plastic - image 4

Ajoutez un nouveau calque, que vous nommez 'Carte'. Récupérez la sélection du calque 'Arrière-plan', puis remplissez-la de blanc, inversez la sélection, puis remplissez de noir. Annulez la sélection, et appliquez un flou gaussien de 20 pixels.

Ce calque va nous servir uniquement pour l'effet d'éclairage, on peut donc le masquer.

Ajoutez un nouveau calque du nom de 'Eclairage' que vous remplissez intégralement de noir. Puis vous passez ce calque en mode 'Ecran'.

plastic - image 5
plastic - image 6

En ayant toujours le calque 'Eclairage' de sélectionné, vous allez dans 'Filtres -> Effets de lumière -> Effets d'éclairage...'.

Dans l'onglet 'Lumière', choisissez une lumière type directionnel de couleur blanche et d'intensité 5.

Dans l'onglet 'Repoussage d'après une carte', cochez la case 'Activer le repoussage', puis sélectionnez notre calque 'Carte', réglez la hauteur maximum sur 0,05.

Puis validez l'effet.

plastic - image 7
plastic - image 8

Voilà votre lettre façon plastic, vous pouvez ajouter un fond ou un effet d'ombre sur les bords.

Résultat final :

plastic - image finale

Fichier d'exemple au format xcf : plastic.xcf

Ce didacticiel est l'adaptation/traduction d'un didacticiel paru sur le Gug. ( tomcat's tutorial - iText )


Retour en haut - Ajouter un commentaire - Voir les commentaires ( 12 )