Texte en perspective style « disco »

Et un tutoriel pour inkscape..  Cette fois ci, ce sera un peu plus technique. Cet article sera l’occasion de découvrir l’effet perspective.

Je me suis inspiré d’un tutoriel photoshop du site PSDTUTS. Visitez le, on peut y trouver de bonnes idées !

 

Tout d’abord , créez votre texte avec la police disponible ici. Cette police est celle qui compose le logo « sega ».

Faite quelque chose de court , j’ai choisis « dom web ». ;)

 

Deux soucis, les deux « mots » sont trop espacés verticalement et ils ne sont pas bien centrés. Pour remédier à l’espacement , on peut déja faire ceci … L’outil texte (CTRL + SHIFT + T) contient l’option « espacement entre les lignes ». Réduisez le pourcentage pour réduire l’espacement.

 

Reste l’alignement  … Sélectionnez le texte et convertissez le en chemin. (menu chemin / objet en chemin). Cliquez sur l’outil noeud et sélectionnez le texte du dessous. Maintenez la touche CTRL enfoncée et cliquez sur un des noeuds. Le texte « en sélection » pourra ainsi être déplacé avec la souris.

 

(les noeuds sélectionnés sont bleus)

 

 

Tracez ensuite un rectangle sans remplissage (comme sur l’image suivante) et convertissez le en chemin. (menu chemin / objet en chemin)

 

 

Rapprochez les noeuds sur un côté avec l’outil noeud. Maintenez le touche CTRL enfoncée pour rester droit.

 

Sélectionnez ensuite le rectangle déformé ainsi que notre texte de départ…

Allez ensuite dans le menu Effets / Modification de chemin / Perspective.

 

Ah , ce n’est pas le résultat que je voulais obtenir :( Si il vous arrive la même mésaventure annulez et appliquez une rotation sur la gauche au texte avant de lancer l’effet perspective.

 

Le rectangle déformé peut être supprimé , il n’est plus utile. Ensuite , cela se complique :

– Dupliquez le texte ( ctrl + d )

– Décalez légèrement le texte en position supérieur vers la gauche. Celui du dessous sera l’ombre, appliquez un remplissage gris.

– Le texte au dessus sera jaune avec un dégradé linéaire. Placez des couleurs jaune clair -> jaune foncé et ainsi de suite sur la ligne du dégradé.

 

Ensuite , tracez deux formes comme sur l’image avec l’outil crayon.

 

Sélectionnez les deux formes et allez dans le menu Chemin / combiner. Appliquez un remplissage assez clair et supprimez le contour. Floutez également les deux formes. (on ne les vois plus trop sur l’image qui suit)

 

Dupliquez le texte jaune dégradé. Sélectionnez cette copie ainsi que l’objet constitué des deux formes. Allez dans le menu Objet / Découpe / Définir.

 

Changeons la couleur du fond de la page. Allez dans le menu Fichier / Propriétés du document et cliquez  sur « couleur de fond ». N’oubliez pas d’augmenter l’alpha avec a réglette en bas.

 

 

Tracez ensuite des rectangles mauves sans bordures. Faites plusieurs copies pour former une sorte de grille.

 

Une fois assez de rectangle, sélectionnez les tous et allez dans le menu Chemin / combiner.

 

A partir de la même technique au début de cet article, tracez un rectangle déformé qui va nous servir avec l’effet perspective.

 

 

 

Sélectionnez ces deux objets et allez dans le menu Effets / Modification de chemin / Perspective. Si le resultat n’est pas dans le bon sens, appliquez une rotation sur la gauche à l’objet a déformer avec cette icone :

 

J’ai appliqué un dégradé linéaire mauve foncé -> mauve a la « grille ». On peut mettre une autre si on veut . :)

 

Revenons au texte. Sélectionnez tout les objets qui le constitue et créez un groupe.

Dupliquez ce groupe et appuyez sur la touche V pour appliquer une inversion verticale. Cet objet va être le reflet de notre texte. Déplacez le reflet en bas. Problème , l’inclinaison n’est pas la bonne !

 

Allez dans le menu Objet / Transformer.

 

Dans cette dialogue il va falloir trouver le bon angle pour que les deux textes soient alignés. Dans mon cas , j’ai utilisé un angle de -23°. Faites un essai, si cela ne va pas , annulez et recommencez. ( CTRL + Z pour annuler)

 

 

Tracez en suite une forme avec un remplissage blanc qui recouvre le texte « reflet ».

 

 

Appliquez un dégradé linéaire blanc vers transparent. Ne laissez pas trop de blanc.

 

Maintenant, sélectionnez la forme blanc dégradé et le texte reflet. Des soucis pour sélectionner les deux objets ? Pour vous faciliter la vie , utilisez le mode contour. Menu affichage / Mode d’affichage / Mode contour.

 

Une fois le texte reflet sélectionné et la forme blanche , allez dans le menu Objet / Masque / définir.

 

 

Avec un peu d’imagination et de l’effet de flou , on peut créer un petit effet de lumière.

 

 

Voici les objets sans reflet.

 

SVG : étape 1, étape 2, étape 3

 

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *