Tutoriel - Création d'un passeport pour votre signature

Paul GTP

Légende vivante
VIP
Inscription
15 Août 2013
Messages
6 194
Réactions
7 545
Points
24 772
d46f8115f9e84738bf34bc1a7c640195.png


Salut à tous :p
Aujourd'hui on se retrouve pour un petit tutoriel de Graphisme !
Bon, cela va vous paraître bizarre mais ce tutoriel se déroulera pour ma part... sur Photofiltre !
Vous pouvez le réaliser sur Photoshop, mais personnellement, je ne l'utilise pas :espion:
En effet, simple débutant, je me débrouille mieux avec ce logiciel que j'utilise depuis 7/8 ans :mmh:

Je vous fait ce tutoriel aujourd'hui car j'ai retrouvé une vieille image sur mon PC.
Sur un forum où j'étais, ce type de signatures « les passeports » étaient très à la mode :p

On va se servir d'un modèle que j'avais fait il y a 3 ans et peaufiner l'idée. Voici un aperçu:

98013e6787b54296a7b93e645668774c.png


4fc4e31d4b3445ac98bd1006d069fd97.png


Créer votre passeport

Dans ce topic, je vais vous apprendre à créer votre passeport tout seul...
Je voulais vous donner une version modifiable en téléchargement...
Mais j'ai accidentellement tout supprimer sans faire de sauvegarde :rofl:

De toute façon, vous pouvez clairement améliorer le côté esthétique.
Je lance le concept, à vous de développer l'idée :love:

6427c7f6bf4142e091a1b59fbe95792b.png


Étape 1: Création de la base

Pour faire votre passeport, nous allons créer une image de 500px de largeur et 230px de hauteur.
Nous allons ensuite tout simplement faire un contour noir avec les bords arrondis et laisser la page blanche.
Coloriez le fond dans une couleur que vous n'utiliserez pas (on s'en servira pour mettre de la transparence).

4c1f5632b4224c5fa75c886b10bf65fe.png


Bon, jusque là, vous n'êtes pas des déficients mentaux, vous devriez avoir réussi :trollface:
Si ce n'est pas le cas (et alors là c'est vraiment triste) vous pouvez copier l'image ci-dessus :)

Vous allez ensuite devoir choisir une couleur de fond.
Cela peut être une étape compliquée (couleur trop flashy, trop fade, etc...).
Je vous renvoie donc vers le site , qui vous permettra de choisir une jolie couleur.



Fier membre de la GTP et en cette période d'Halloween, je vais me servir de la couleur orange Pumpkin !
Vous allez donc simplement choisir une couleur et remplir votre cadre blanc avec.
Vous allez donc prendre un screen de la page Flat UI Colors et la mettre sur Photofiltre.
Ensuite, vous allez sélectionner la couleur qui vous plaît en faisant Ctrl + Clique gauche !

d4ab4a9809094c17a484fe78d51528ad.png


Bravo... Vous avez terminé le passeport début ! :oui:

6427c7f6bf4142e091a1b59fbe95792b.png


Étape 2: Création de la « member card »

Nous allons ici créer et positionner une member card sur la gauche du passeport.
Comme sur une pièce d'identité, cela servira comme pour la photo, un moyen de vous reconnaître :p
Comme vos messages/appréciations/points changent constamment, on va minimiser les informations !

Nous allons donc recréer une member card similaire à celle de RealityGaming...
Pour cette étape je laisse libre court à votre imagination.

Personnellement, j'obtiens quelque chose comme ça (vous pouvez copier le modèle):

cdbc1041547444ef9d28a3fe88478db8.png


Nous allons donc l'ajouter à notre passeport...
Il doit y avoir une marge de 30px sur la gauche et être centré verticalement !

b41362fae3fa459a9a763d9fcfc173c4.png


6427c7f6bf4142e091a1b59fbe95792b.png


Étape 3: Création des boxs (boîtes)

Bon, c'est un peu vide pour un passeport, vous ne trouvez pas ? :p
Nous allons donc pouvoir rajouter des informations basiques telles que: Pseudo, Team, etc.
Ce que vous souhaitez mettre comme informations va dépendre de vous...

Pour les boxs, ça sera à vous de choisir le style et la taille.

Voici ce que ça donnerait par exemple:

87638534d9594130952e14a53f9620f3.png


Après ce n'est qu'un exemple, vous pouvez très bien faire 1 seule, 3, ou 5 boxs !
De plus, libre à vous de les remplir comme vous le souhaiter !

INFO: Je vous conseille la police d'écriture Open Sans pour vos boxs, c'est celle utilisée par RG.


6427c7f6bf4142e091a1b59fbe95792b.png


Étape 4: Finitions

Il vous suffira désormais d'écrire du texte dans vos boxs et de rajouter la transparence.
Voici 2 exemples de ce que ça pourrait donner avec la GTP et la SEC :p

(je vous concède que ça n'est pas très esthétique, mais ce sont des exemples)

2e1cc04a4ad84941a7cf368af12d8a7d.png


130f5ec089434772bc6f524d179acf41.png


4fc4e31d4b3445ac98bd1006d069fd97.png


Téléchargez votre passeport


Voici un lien pour télécharger les templates en .pfi (modifiable sous photofiltre)

Version rouge: xxx
Version verte: xxx
Version bleue: xxx
Version orange: xxx



4fc4e31d4b3445ac98bd1006d069fd97.png


Voilà ! J'espère que ce tutoriel vous aura plu :p
Je vous l'accorde, ce n'est pas très jolie...
Je compte donc sur vous pour améliorer le concept pour que ça soit plus esthétique !
Partagez vos psd/créations dans l'espace commentaire ! :D
À bientôt ! :D
 

✌️ Le S

Vendeur de Crédit FIFA 17 PS4 Rédacteur SEE
Premium
Inscription
22 Octobre 2012
Messages
3 349
Réactions
1 439
Points
17 095
Très bien rédiger je trouve que sa change comme signature ;) merci du partage
 

Rivals

Ancien staff
Inscription
27 Août 2016
Messages
1 705
Réactions
895
Points
13 104
C'est vrai que c'est facile à modifier sans les psd / pfi ..
J'ai dis ça car une fois que nous l'avons réalisé nous pouvons le modifier facilement grâce à sa rédaction qui explique proprement comment réaliser une création avec une hiérarchie organisée.
 

Paul GTP

Légende vivante
VIP
Inscription
15 Août 2013
Messages
6 194
Réactions
7 545
Points
24 772

Krazyx' SEC

Graphiste
Premium
Inscription
26 Juillet 2015
Messages
223
Réactions
277
Points
4 201
d46f8115f9e84738bf34bc1a7c640195.png


Salut à tous :p
Aujourd'hui on se retrouve pour un petit tutoriel de Graphisme !
Bon, cela va vous paraître bizarre mais ce tutoriel se déroulera pour ma part... sur Photofiltre !
Vous pouvez le réaliser sur Photoshop, mais personnellement, je ne l'utilise pas :espion:
En effet, simple débutant, je me débrouille mieux avec ce logiciel que j'utilise depuis 7/8 ans :mmh:

Je vous fait ce tutoriel aujourd'hui car j'ai retrouvé une vieille image sur mon PC.
Sur un forum où j'étais, ce type de signatures « les passeports » étaient très à la mode :p

On va se servir d'un modèle que j'avais fait il y a 3 ans et peaufiner l'idée. Voici un aperçu:

98013e6787b54296a7b93e645668774c.png


4fc4e31d4b3445ac98bd1006d069fd97.png


Créer votre passeport

Dans ce topic, je vais vous apprendre à créer votre passeport tout seul...
Je voulais vous donner une version modifiable en téléchargement...
Mais j'ai accidentellement tout supprimer sans faire de sauvegarde :rofl:

De toute façon, vous pouvez clairement améliorer le côté esthétique.
Je lance le concept, à vous de développer l'idée :love:

6427c7f6bf4142e091a1b59fbe95792b.png


Étape 1: Création de la base

Pour faire votre passeport, nous allons créer une image de 500px de largeur et 230px de hauteur.
Nous allons ensuite tout simplement faire un contour noir avec les bords arrondis et laisser la page blanche.
Coloriez le fond dans une couleur que vous n'utiliserez pas (on s'en servira pour mettre de la transparence).

4c1f5632b4224c5fa75c886b10bf65fe.png


Bon, jusque là, vous n'êtes pas des déficients mentaux, vous devriez avoir réussi :trollface:
Si ce n'est pas le cas (et alors là c'est vraiment triste) vous pouvez copier l'image ci-dessus :)

Vous allez ensuite devoir choisir une couleur de fond.
Cela peut être une étape compliquée (couleur trop flashy, trop fade, etc...).
Je vous renvoie donc vers le site , qui vous permettra de choisir une jolie couleur.



Fier membre de la GTP et en cette période d'Halloween, je vais me servir de la couleur orange Pumpkin !
Vous allez donc simplement choisir une couleur et remplir votre cadre blanc avec.
Vous allez donc prendre un screen de la page Flat UI Colors et la mettre sur Photofiltre.
Ensuite, vous allez sélectionner la couleur qui vous plaît en faisant Ctrl + Clique gauche !

d4ab4a9809094c17a484fe78d51528ad.png


Bravo... Vous avez terminé le passeport début ! :oui:

6427c7f6bf4142e091a1b59fbe95792b.png


Étape 2: Création de la « member card »

Nous allons ici créer et positionner une member card sur la gauche du passeport.
Comme sur une pièce d'identité, cela servira comme pour la photo, un moyen de vous reconnaître :p
Comme vos messages/appréciations/points changent constamment, on va minimiser les informations !

Nous allons donc recréer une member card similaire à celle de RealityGaming...
Pour cette étape je laisse libre court à votre imagination.

Personnellement, j'obtiens quelque chose comme ça (vous pouvez copier le modèle):

cdbc1041547444ef9d28a3fe88478db8.png


Nous allons donc l'ajouter à notre passeport...
Il doit y avoir une marge de 30px sur la gauche et être centré verticalement !

b41362fae3fa459a9a763d9fcfc173c4.png


6427c7f6bf4142e091a1b59fbe95792b.png


Étape 3: Création des boxs (boîtes)

Bon, c'est un peu vide pour un passeport, vous ne trouvez pas ? :p
Nous allons donc pouvoir rajouter des informations basiques telles que: Pseudo, Team, etc.
Ce que vous souhaitez mettre comme informations va dépendre de vous...

Pour les boxs, ça sera à vous de choisir le style et la taille.

Voici ce que ça donnerait par exemple:

87638534d9594130952e14a53f9620f3.png


Après ce n'est qu'un exemple, vous pouvez très bien faire 1 seule, 3, ou 5 boxs !
De plus, libre à vous de les remplir comme vous le souhaiter !

INFO: Je vous conseille la police d'écriture Open Sans pour vos boxs, c'est celle utilisée par RG.


6427c7f6bf4142e091a1b59fbe95792b.png


Étape 4: Finitions

Il vous suffira désormais d'écrire du texte dans vos boxs et de rajouter la transparence.
Voici 2 exemples de ce que ça pourrait donner avec la GTP et la SEC :p

(je vous concède que ça n'est pas très esthétique, mais ce sont des exemples)

2e1cc04a4ad84941a7cf368af12d8a7d.png


130f5ec089434772bc6f524d179acf41.png


4fc4e31d4b3445ac98bd1006d069fd97.png


Téléchargez votre passeport


Voici un lien pour télécharger les templates en .pfi (modifiable sous photofiltre)

Version rouge: xxx
Version verte: xxx
Version bleue: xxx
Version orange: xxx



4fc4e31d4b3445ac98bd1006d069fd97.png


Voilà ! J'espère que ce tutoriel vous aura plu :p
Je vous l'accorde, ce n'est pas très jolie...
Je compte donc sur vous pour améliorer le concept pour que ça soit plus esthétique !
Partagez vos psd/créations dans l'espace commentaire ! :D
À bientôt ! :D
Merci pour le tuto sa à l'aire stylé je vais essayer sa tout de suite :neo:
 

Lebossdu33

Premium
Inscription
2 Avril 2017
Messages
658
Réactions
111
Points
1 006
d46f8115f9e84738bf34bc1a7c640195.png


Salut à tous :p
Aujourd'hui on se retrouve pour un petit tutoriel de Graphisme !
Bon, cela va vous paraître bizarre mais ce tutoriel se déroulera pour ma part... sur Photofiltre !
Vous pouvez le réaliser sur Photoshop, mais personnellement, je ne l'utilise pas :espion:
En effet, simple débutant, je me débrouille mieux avec ce logiciel que j'utilise depuis 7/8 ans :mmh:

Je vous fait ce tutoriel aujourd'hui car j'ai retrouvé une vieille image sur mon PC.
Sur un forum où j'étais, ce type de signatures « les passeports » étaient très à la mode :p

On va se servir d'un modèle que j'avais fait il y a 3 ans et peaufiner l'idée. Voici un aperçu:

98013e6787b54296a7b93e645668774c.png


4fc4e31d4b3445ac98bd1006d069fd97.png


Créer votre passeport

Dans ce topic, je vais vous apprendre à créer votre passeport tout seul...
Je voulais vous donner une version modifiable en téléchargement...
Mais j'ai accidentellement tout supprimer sans faire de sauvegarde :rofl:

De toute façon, vous pouvez clairement améliorer le côté esthétique.
Je lance le concept, à vous de développer l'idée :love:

6427c7f6bf4142e091a1b59fbe95792b.png


Étape 1: Création de la base

Pour faire votre passeport, nous allons créer une image de 500px de largeur et 230px de hauteur.
Nous allons ensuite tout simplement faire un contour noir avec les bords arrondis et laisser la page blanche.
Coloriez le fond dans une couleur que vous n'utiliserez pas (on s'en servira pour mettre de la transparence).

4c1f5632b4224c5fa75c886b10bf65fe.png


Bon, jusque là, vous n'êtes pas des déficients mentaux, vous devriez avoir réussi :trollface:
Si ce n'est pas le cas (et alors là c'est vraiment triste) vous pouvez copier l'image ci-dessus :)

Vous allez ensuite devoir choisir une couleur de fond.
Cela peut être une étape compliquée (couleur trop flashy, trop fade, etc...).
Je vous renvoie donc vers le site , qui vous permettra de choisir une jolie couleur.



Fier membre de la GTP et en cette période d'Halloween, je vais me servir de la couleur orange Pumpkin !
Vous allez donc simplement choisir une couleur et remplir votre cadre blanc avec.
Vous allez donc prendre un screen de la page Flat UI Colors et la mettre sur Photofiltre.
Ensuite, vous allez sélectionner la couleur qui vous plaît en faisant Ctrl + Clique gauche !

d4ab4a9809094c17a484fe78d51528ad.png


Bravo... Vous avez terminé le passeport début ! :oui:

6427c7f6bf4142e091a1b59fbe95792b.png


Étape 2: Création de la « member card »

Nous allons ici créer et positionner une member card sur la gauche du passeport.
Comme sur une pièce d'identité, cela servira comme pour la photo, un moyen de vous reconnaître :p
Comme vos messages/appréciations/points changent constamment, on va minimiser les informations !

Nous allons donc recréer une member card similaire à celle de RealityGaming...
Pour cette étape je laisse libre court à votre imagination.

Personnellement, j'obtiens quelque chose comme ça (vous pouvez copier le modèle):

cdbc1041547444ef9d28a3fe88478db8.png


Nous allons donc l'ajouter à notre passeport...
Il doit y avoir une marge de 30px sur la gauche et être centré verticalement !

b41362fae3fa459a9a763d9fcfc173c4.png


6427c7f6bf4142e091a1b59fbe95792b.png


Étape 3: Création des boxs (boîtes)

Bon, c'est un peu vide pour un passeport, vous ne trouvez pas ? :p
Nous allons donc pouvoir rajouter des informations basiques telles que: Pseudo, Team, etc.
Ce que vous souhaitez mettre comme informations va dépendre de vous...

Pour les boxs, ça sera à vous de choisir le style et la taille.

Voici ce que ça donnerait par exemple:

87638534d9594130952e14a53f9620f3.png


Après ce n'est qu'un exemple, vous pouvez très bien faire 1 seule, 3, ou 5 boxs !
De plus, libre à vous de les remplir comme vous le souhaiter !

INFO: Je vous conseille la police d'écriture Open Sans pour vos boxs, c'est celle utilisée par RG.


6427c7f6bf4142e091a1b59fbe95792b.png


Étape 4: Finitions

Il vous suffira désormais d'écrire du texte dans vos boxs et de rajouter la transparence.
Voici 2 exemples de ce que ça pourrait donner avec la GTP et la SEC :p

(je vous concède que ça n'est pas très esthétique, mais ce sont des exemples)

2e1cc04a4ad84941a7cf368af12d8a7d.png


130f5ec089434772bc6f524d179acf41.png


4fc4e31d4b3445ac98bd1006d069fd97.png


Téléchargez votre passeport


Voici un lien pour télécharger les templates en .pfi (modifiable sous photofiltre)

Version rouge: xxx
Version verte: xxx
Version bleue: xxx
Version orange: xxx



4fc4e31d4b3445ac98bd1006d069fd97.png


Voilà ! J'espère que ce tutoriel vous aura plu :p
Je vous l'accorde, ce n'est pas très jolie...
Je compte donc sur vous pour améliorer le concept pour que ça soit plus esthétique !
Partagez vos psd/créations dans l'espace commentaire ! :D
À bientôt ! :D
Merci du partage
 
Haut