Aide - Recherche - Membres - Calendrier
Version complète : [Vos créations] tous programmes confondus
Forum Mobiles > Divers > Images
Pages : 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41, 42, 43, 44, 45, 46, 47, 48, 49, 50, 51, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, 62
Dattic
NON,cette fois ci je l'ai fait a la plume,et désormais,je sais au moins les bases de la plume,j'ai suivi un tutoriel,bien complet pour apprendre,mais je ne la maitrise toujours pas,en tout cas,le plus dur était de faire la bouche happy.gif
Magic-Hyrulean
On peut avoir l'adresse du tuto pour voir ce que ça donne? innocent.gif
Dattic
MP thumbsup.gif
Magic-Hyrulean
Merci huglove.gif
Ryuzaki
pourquoi ne pas mettre le lien du tuto o_O si il a été fait c'est pour que tout le monde puissent le voir nan??
Dattic
Voila le tutoriel,merci a k-net:

CITATION
Ce petit tuto facile va vous familiariser avec l'outil plume, qui est un des plus utiles et puissants de Photoshop. La plume permet de créer facilement des formes vectorielles, et vous allez vous rendre compte qu'utiliser la plume est très simple.
Dans ce tuto nous allons partir d'une image plate à transformer en patron PSD, pour cela nous allons séparer les différentes partie du dessin en créant des formes sur des calques différents.

1. Téléchargez cette image :

Vous remarquez qu'elle a des effets "escalier" sur les bords, qu'elle n'est pas lisse, elle fera un bon exemple.
Ouvrez-la sous Photoshop.

2. Nous allons commencer par séparer la ligne horizontale. Créez un nouveau calque qui la contiendra.
Sélectionnez l'outil plume :
En haut, sélectionnez l'option du milieu (Tracés) :
A chaque fois que vous cliquerez, vous placerez un point.
Placez des points à chaque angle de la forme ou à chaque endroit ou la courbe de contour change d'orientation. Suivez bien le contour de la forme en allant dans le même sens. Commencez par le point en haut à gauche. En suivant ces instructions, vous devriez avoir placé 5 points, comme ceci :

Il faut maintenant refermer la forme en recliquant sur le 1er point. L'icône devient comme ceci :


3. Le tracé est refermé. Mais il ne correspond pas encore à la forme du trait horizontal : le bout à droite était rond.
Nous allons donc le modifier. Pour cela, il faut sélectionner le tracé : cliquez longtemps sur l'outil plume, et dans le menu déroulant qui apparaît, sélectionnez "Conversion de point". Cliquez sur le tracé, il redevient actif et les points qui le composent réapparaissent.
L'outil Conversion de point sert à la fois à sélectionner un tracé et à "convertir des points", c'est-à-dire leur ajouter des vecteurs qui "arrondisseront" la forme.
Pour convertir un point, il faut cliquer dessus, et sans relacher le bouton, bouger la souris. C'est ce que nous allons faire ici avec le point à l'extrémité droite : cliquez et descendez la souris comme ceci :

Relachez, ça y est, le bout est arrondi !
Vous avez compris l'essentiel de l'utilisation de la plume. Maintenant, nous allons nous entraîner à l'utiliser et voir comment faire des formes particulières.
Nous voulons que la forme soit remplie d'une couleur, alors il faut faire : Clic droit sur la forme > Créer un masque vectoriel. Le calque devient comme ça :

Il ne reste plus qu'à remplir la forme de rouge ou d'une autre couleur.
Si vous êtes sur(e)s que cette forme est la bonne et que vous n'allez plus la modifier, alors faites clic droit sur cette icône :

et > Pixelliser le masque vectoriel ; puis à nouveau Clic droit sur l'icône > Appliquer le masque de fusion.

4. Passons à la lettre N. Créez un nouveau calque, sélectionnez l'outil plume et placez les points selon la méthode que l'on a vu plus haut :

Ici, il n'y a pas vraiment besoin d'arrondir, sauf à deux endroits. Resélectionnez donc le tracé avec l'outil Conversion de point (un clic suffit), et avec ce même outil, cliquez sur le 1er des deux points dans les angles à arrondir, et bougez la souris sans lâcher le bouton, pour faire comme ça :

Petite remarque : il faut toujours déplacer la souris dans le sens ou vous avez tracé la figure. Moi je l'ai fait dans le sens des aiguilles d'une montre, donc ici je déplace ma souris vers la droite.
Si vous trouvez que ce n'est pas bien, que vous vous êtes trompés, vous pouvez recommencer en cliquant une fois sur le point.
Faites pareil avec l'autre (rappelez vous : dans le sens ou vous avez tracé la figure, donc dans mon cas c'est vers la gauche).
Clic droit sur la forme > Créer un masque vectoriel ; et remplissez la forme d'une couleur.

5. Passons au S. Créez un nouveau calque.
Pour les points, vous devriez être en mesure de savoir où les placer, mais je vous montre quand même au cas ou :

Resélectionnez le tracé, et commencez à arrondir les angles (déplacez la souris dans le sens ou vous avez tracé la figure).
Comme vous allez le voir sur certaines images, il est possible de faire en sorte que les 2 traits qui apparaissent lorsque vous convertissez un point n'aient pas la même longueur (ce qui modifie la courbure). Pour cela, il suffit de les créer en convertissant un point, et de les allonger ou les rétrécir en bougeant le losange à leur extrémité :
->->->->->->->->
Lorsque c'est fait, clic droit sur la forme > Créer un masque vectoriel ; et remplissez la forme d'une couleur (vous pouvez aussi faire un dégradé ou n'importe quoi d'autre)

6. A ce stade, vous pouvez déjà regarder le résultat provisoire en créant un nouveau calque juste au dessus du calque d'arrière plan et en le remplissant de noir.

Masquez ce calque et revenons au tuto.

7. Remarque : normalement, pour séparer la tache blanche sur un autre calque, on aurait utilisé la baguette magique car cette forme blanche est lisse et sans escalier, mais ici c'est pour s'entraîner et voir trois nouvelles techniques.
Positionnez vous sur le calque du S et Créez en un nouveau.
Maintenant, vous savez comment placer les points, alors faites-le. Je montre quand même :

Oups ! Vous l'avez sans doute remarqué, j'ai mis un point de trop. Pour l'enlever, nous allons sélectionner l'outil Supprimer un point d'ancrage () et cliquer sur le point à supprimer.
Maintenant passons à la conversion des points. Voici un aperçu de comment doivent être mis les petits traits représentant les vecteurs de chaque points :

Lorsque c'est fait, clic droit sur la forme > Créer un masque vectoriel ; et remplissez la forme de blanc.
J'ai soudainement envie de mettre un A en haut de la forme blanche. Mais j'ai déjà placé les points... Comment faire ? Je vais rajouter des points où je veux grâce à l'outil Ajout d'un point d'ancrage (). Je sélectionne le tracé (avec l'outil Conversion de point), les points apparaissent et je peux en placer des nouveaux avec l'outil Ajout d'un point d'ancrage comme ceci :

Toujours avec cet outil, je déplace le point du milieu :

La, il faut faire "un trou" dans le tracé vectoriel. Prenez l'outil Plume, et en haut à droite, sélectionnez la 4ème option...

...et tracez le trou en bas du A :

Faites pareil pour le trou du haut.

Ca y est, les formes sont finies, rendez à nouveau visible le calque noir juste au dessus du calque de l'image originale. Le résultat est bien plus lisse et plus beau que l'original, et en plus, les formes sont sur des calques différents !
Avant ; Après :


Voila, j'espère que ce tuto vous a permis de savoir comment utiliser la plume, et que maintenant vous pourrez facilement créer des patrons PSD à partir d'image "plates", dessiner des formes personnalisées lisses, etc...
Pour finir et pour voir si vous avez bien compris, essayez de créer une forme de ce genre (personnalisée avec les premières lettres de votre pseudo, par exemple), en n'utilisant que la plume :
Ryuzaki
pour le vectorielle (ce que semble faire la plume o_O) adobe illustrator est plus approprié nan??
Dattic
Absolument,c'est pour ça qu'avec Illustrator on parle de DAO et non de PAO...

Il est spécialisé dans le dessin vectoriel... thumbsup.gif
METALIC
La plume est l'un des outils que j'utilise le plus sous photoshop surtout pour les sélections (en particulier sur des photos) car je trouve que le lasso magnétique ou autre baguette magique ne marche pas à tout les coup avec la plume on est sur d'avoir de beaux tracés bien lisses

allé a+

ps : j'aime bien vos créas c'est super sympa spoton.gif
Dattic
Merci METALIC huglove.gif
Ryuzaki
je pense que l'on est pas mal a utiliser photoshop...

http://www.octopussy-world.com/tutoriaux/splash.php?t=47

aller y faire un tour est montrer vos créa wink.gif
Magic-Hyrulean
J'essaierai quand j'aurai du temps! thumbsup.gif
Pourquoi ne pas en faire un dédié à ForumMobiles? innocent.gif
Triunfo
Voila ce que j'ai fais à la va vite (faut que j'aille voir Valence - Chelsea tongue.gif)



Dites moi ce que vous en pensez thumbsup.gif
Ryuzaki
c sympa!! le blanc un peu vide mais sympa!!
Triunfo
Ba après il y a tout le blabla de Adobe qui doit rentré dans fenêtre d'où le blanc...
Ryuzaki
tu pouvais incruster un téléphone est reduire l'opaciter, le texte serait passer au dessus et sa ne se serait pas vu..
Triunfo
J'y avais pensé avec le mobile qui se trouve dans le Header du forum, mais je connais ni le fabriquant, ni le model blushing.gif

J'ai oublié de dire que le blabla d'Adobe est entouré de blanc, donc les possibilités de changement du fond de l'image sont très minimes
Ryuzaki
c'est l'iphone il me semble smile.gif http://www.apple.com/iphone/
Ryuzaki
blush.gif z'en penser quoi pour un début??

après essai c'est vrai que l'on ne peut pas trop personaliser le blanc blushing.gif
Dattic
J'essaie ça dès aujourd'hui
Dattic
Nouvelle création pour moi:

METALIC
Bon moi j'ai test un petit tuto trouvé sur emob

[IMGdim]http://img160.imageshack.us/img160/6276/fightwithmecopiejv1.jpg[/IMGdim]

allé a+
Dattic
Hello,je voulais savoir,vous préférez le kit que j'ai actuellement,ou celui là:





wink.gif
Triunfo
Celui que tu as actuellement wink.gif
Dattic
Merci ! thumbsup.gif
Triunfo
Je m'ennuyais un peu alors j'ai lancé photoshop et je me suis dis "Et si je faisais une signature assez simpliste" et hop cette signature m'est venu à la tête : tooth.gif



Qu'est ce que vous en dites ? C'est trop simple ou pas assez simple ?
Dattic
Trop simple blushing.gif
Triunfo
Trop simple :s pourtant j'aime bien et j'aime pas tout ce qui est trop simple wink.gif

Enfin bon, voila l'avatar :

METALIC
L'avatar est super beau moi je trouve spoton.gif j'adore w00t.gif

la signature est simple mais efficace

thumbsup.gif
Dattic
Bien l'avatar w00t.gif
Triunfo
Merci ^^

j'ai même pensé à une mini signature pour les post tongue.gif

PS : Je sais j'abuse...

Dattic
Je confirme,tu abuses un peu là happy.gif
METALIC
Triunfo tu ma donné envie de faire un nouveau avatar...


bon j'ai fait ça...

je pense que j'aurai pue faire mieux mais bon je n'ai pas trop le niveau encore... vous en pensez quoi sinon ?
Triunfo
C'est pas mal, c'est pas mal thumbsup.gif

Faudrait juste enlever les contours noir et se sera bon

METALIC
j'arrive pas trop encore a garder un bon rendu à la fin faudra que je m'entraine
Triunfo
C'est déjà mieux, dommage que le contour soit un peu "brouillon", mais bon c'est avec de la pratique que l'on s'améliore spoton.gif
METALIC
oui faudra que je m'entraine c'est vrai qu'à une si petite résolution je fait souvent des truc assez moches
Dattic
Oui,c'est vrai,l'idée est vraiment bien,seul l'aliasing dérange,mais sinon c'est bien...

Essai d'arranger ça avec la goutte d'eau thumbsup.gif
Sinklar
Le problème vient certainement du fait que tu détoures le rectangle arrondi à la fin, au lieu de commencer à dessiner directement sur un fond transparent. Non ?
Därknite
Sa fait un bout de temps que je n'ai pas toucher a photoshop.
J'ai essayer un truc s'en trop savoir ce que je voulais.
Voila ce que sa donne, je sais pas quoi en pencer tooth.gif


Dattic
Les écritures sont trop floues thumbsup.gif
Därknite
Surement a cause du biseautage et de l'ombre porté wacko.gif
Dattic
Tu as pas mis de flou gaussien ???
Därknite
Non, je n'ai appliqué aucun flou. L'effet flou n'etait meme pas voulu angry.gif
Dattic
Comment peux-tu arrivé à un tel flou,avec seulement un biseautage,et une ombre portée ??? blink.gif tooth.gif
Triunfo
Bonne question... Il y a forcement un petit flou gaussien quelque part ou un flou directionnel... wink.gif
Dattic
Il dit pourtant qu'il n'y a pas de flou blink.gif
Därknite
Oui je le dis, car je sais tout de meme ce que j'ai fait wink.gif

Meme principe que pour la premiere >



Ici, je ne vois pas de flou unsure.gif
METALIC
CITATION(Sinklar @ 14/04/2007 - 13:50) [snapback]1272584[/snapback]
Le problème vient certainement du fait que tu détoures le rectangle arrondi à la fin, au lieu de commencer à dessiner directement sur un fond transparent. Non ?


ben en fait j'ai commencé par créer un image en 1600x1600 fond transparent ensuite hop j'ai créé mon avatar... et puis j'ai redimensionné tout ça en 128x128, conversion en .gif et voila terminé
Dattic
Darknite:Un peu d'aliasing sur ton texte il me semble tooth.gif

METALIC:C'est pas un problème de résolution ???

Ceci une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquez ici.
Invision Power Board © 2001-2008 Invision Power Services, Inc.