Comment créer cette forme ?(débutante totale et pas trés douée)

Comment créer cette forme ?(débutante totale et pas trés douée) - Web design - Graphisme

Marsh Posté le 20-06-2004 à 21:07:33    

Salut  :hello:  
 
je voudrai créer une forme qui l'a l'air asser simple (c pour présenter un bilan social dans l'entreprise ou je fais mon stage)
 
LE probléme c'est que je ne sais absolument pas me servir de photoshop et je n'ai pas trouvé de tutoriel là dessus (j'ai du mal chercher parceque ca doit exister  :sarcastic: )
 
Pourriez vous m'indiquer comment faire ? Mais soyez indulgents je n'y connait rien et je suis un peu blonde quand meme   :o  
 
ca ressemble a ca (je veusx juste la forme et l'ombre, les couleurs et le carré je m'en fiche à la limite):
 
http://membres.lycos.fr/pichany/forme%20.jpg
 
merci


Message édité par fanou le 20-06-2004 à 21:08:06
Reply

Marsh Posté le 20-06-2004 à 21:07:33   

Reply

Marsh Posté le 20-06-2004 à 21:22:09    

Les formes sont tellement basiques que tu pourrais limite les faire sur paint...
 
Enfin bon, j'dis ça parce que je ne maitrise pas très bien toshop :D

Reply

Marsh Posté le 20-06-2004 à 21:26:04    

Drake83 a écrit :

Les formes sont tellement basiques que tu pourrais limite les faire sur paint...
 
Enfin bon, j'dis ça parce que je ne maitrise pas très bien toshop :D


 
ben je vois bien que c simple, mais photoshop c une usine a gaz.  [:sisicaivrai]  j'ai essayé avec la plume mais ca part dans tt les sens.
 
 
 
 

Reply

Marsh Posté le 20-06-2004 à 22:17:43    

fanou a écrit :

ben je vois bien que c simple, mais photoshop c une usine a gaz.  [:sisicaivrai]  j'ai essayé avec la plume mais ca part dans tt les sens.


 
fait avec un rectangle puis tu efface petit a petit avec la gomme


---------------
E6600+, P5LD2-VM DH, 2x1go GEIL c4, NSK3300
Reply

Marsh Posté le 20-06-2004 à 22:27:27    

essaye de le faire avec des angle droit et ensuite d'adoucir ta selectoin pour avoir t bord arrondi
moi j'aurai fait comme ça :hello:

Reply

Marsh Posté le 20-06-2004 à 23:21:13    

Ce serait plus simple de faire la forme de pase sous illustrator puis de rajouter l'effet d'ombre un calque sous toshop

Reply

Marsh Posté le 21-06-2004 à 16:02:41    

sinon tu peux plus simplement tricher en ouvrant l'image que tu viens de poster dans photoshop, puis tu cliques avec la baguette magique dans le blanc de l'image, ensuite tu vas dans selection > inverser la selection et la t'auras la forme toute faite

Reply

Marsh Posté le 21-06-2004 à 16:43:40    

Oula c'est un problème délicat ^_^
Je pense qu'il faudrait que tu passes le travailler chez moi, je pense avoir le matos nécessaire pour retravailler cette image. Ca n'a pas l'air être bien facile il faudra bien quelques heures... :p
 
Bon plus serieusement je pense que le conseil de guiltysoguilty devrait te convenir si tu sais pas utiliser du tout photoshop essai son explication.

Reply

Marsh Posté le 21-06-2004 à 19:21:02    

Le mieux serait d'utiliser fireworks pour ce type de travail, mais sous toshop, le plus simple est encore de se servir de l'outil "plume" et des tracés vectoriels (plus logn mais permet toutes les retouches souhaitées).
 
Soit tu connais un minimum l'exercice de tracé vectoriel et tu retraces tout (il y en a pour moins de 10mn).
 
Soit tu utilises la baguette magique, réglée sur une faible tolérance (par ex. 20) afin de délimiter chaque portions de ta forme et pour chacune, tu fais bouton droit, convertir en tracé (les tracés apparaissent dans la palettes des calques, 3ème onglet, juste après les couches).
 
Une fois toutes les portions définies en tracés, tu peux modifier les formes à volonté et rattraper les petits défauts créés par la baguette magique.  
Ensuite, une fois satisfaite des formes ainsi corrigées, tu sélectionnes chacune d'elles et tu fais bt. droit, définir une sélection (rayon de 0pixels).  
 
Puis, tu repasses sur l'onglet calques, tu en crées un nouveau et tu remplies la sélection (bt. droit remplir) avec la couleur préalablement sélectionnées pour la forme en cours.
 
Répéter cette dernière opération pour chaque formes (tracés).
 
L'aide de photoshop pourrait être utile en ce qui concerne les tracés, F1 section dessin de l'aide. Sinon pour des cours de toshop, je te conseil le sujet regroupant les tutoriels de la section sur le forum :
http://forum.hardware.fr/forum2.ph [...] 359&cat=12
 
et bien sûr la crème des topics :
http://forum.hardware.fr/forum2.ph [...] 237&cat=12
 
Je te donne un fichier PSD qui te montre l'organisation de ce travail :
http://www.3e-type.com/images/formes.psd


Message édité par seb63 le 21-06-2004 à 20:03:56
Reply

Marsh Posté le 21-06-2004 à 19:42:09    

Merci beaucoup à tous  :jap:  
 
je vais essayer avec vos conseils, je pense qu'entre tout j'arriverai a m'en sortir, bien que je n'ai jamais touché a toshop
 
je vous montre mon oeuvre qd j'ai terminé  :D  
 
 :hello:

Reply

Marsh Posté le 21-06-2004 à 19:42:09   

Reply

Marsh Posté le 21-06-2004 à 22:29:22    

me revoilou
 
j'ai utilisé le lasso polygonal pour faire mon onglet avec des angles droits, puis j'ai appliqué un filtre (flou gaussien) et enfin j'ai joué sur les courbes (j'ai trouvé tt ca dans un tuto, j'ai pas eu une révélation  :sarcastic:  :D )
 
le probléme c'est que tous mes angles sont arrondis maintenant, et pas exactement comme je voudrai. Comment je dois faire pour arrondir juste un angle et jouer sur l'arrondi comme je veux ?
 
http://membres.lycos.fr/pichany/essai%20onglet%202%20copie.jpg
 
le PSD est ici (essai onglet.psd)
http://membres.lycos.fr/pichany/essai%20onglet.psd
 
merci  :hello:


Message édité par fanou le 21-06-2004 à 22:39:18
Reply

Marsh Posté le 21-06-2004 à 22:52:05    

A mon avis, il vaut vraiment mieux travailler avec une forme vectorielle sous, même sous Photoshop !
 
Je t'ai fait un truc très simple en utilisant une forme vectorielle (faite avec la plume) ... Si tu ne comprends pas comment ça marche, tu peux poser tes questions ! =)
 
www.sanctuary-game.com/yan/help.psd

Reply

Marsh Posté le 22-06-2004 à 16:54:29    

yannick_frere a écrit :

A mon avis, il vaut vraiment mieux travailler avec une forme vectorielle sous, même sous Photoshop !
 
Je t'ai fait un truc très simple en utilisant une forme vectorielle (faite avec la plume) ... Si tu ne comprends pas comment ça marche, tu peux poser tes questions ! =)
 
www.sanctuary-game.com/yan/help.psd


 
C'est exactement ce que je lui explique 3 messages + haut, mais apparement ça n'a pas porté ses fruits. :D
 
Si tu veux travailler des formes vectorielles et bitmap, de façon plus souple, utilise fireworks.

Reply

Marsh Posté le 22-06-2004 à 19:38:59    

j'ai essayé d'utiliser une forme vectorielle (en utilisant la plume) mais j'arrive pas a faire l'arrondi de l'onglet  [:sisicaivrai] . J'ai essaté en utilisant l'outil conversion de points, mais ca me donne pas du tout ce ke je veux. Bon c la premiere fois que je m'en sers, donc je manque de pratique  :sarcastic:  
 
yannick_frere : merci pour le PSD c exactement ce ke j'aimerai savoir faire. Eske j'utilise la bonne méthode (la plume et l'outil conversion) ? tu as fais comment pour obtenir ca toi ?
 
Je suis en train de telecharger la version demo de fireworks pour voir si j'y arrive plus facilement avec ce logiciel. (c pas gagné quand meme  :D )


Message édité par fanou le 22-06-2004 à 19:49:09
Reply

Marsh Posté le 22-06-2004 à 20:40:03    

Je ne pense pas que Fireworks soit nécessaire pour ne faire que cela ! Surtout que si tu ne comprends pas comment utiliser les outils vectoriels dans Photoshop, je pense que tu n'y arriveras pas non plus dans Fireworks.
 
Voici une brève explication de l'outil plume, conversion etc.
Donc quand tu prends l'outil plume, tu peux cliquer sur ton image et définir une forme. Cette forme se compose de points (chaque fois que tu cliques) et de segments qui relient ces points.
Ces segments ne sont pas forcément rectilignes, ils peuvent devenir des courbes comme celle que tu cherches à faire (la partie droite de l'onglet). Tu comprends bien qu'il va falloir trouver une manière d'indiquer à Photoshop la forme que tu veux donner à ta courbe !
On va donc utiliser les tangentes à cette courbe : en chaque point que tu as créé, tu vas avoir la possibilité d'associer une droite tangente (l'outil conversion sur un point permet de créer la tangente en ce point). Les segments rectilignes qui étaient attachés à ce point vont alors devenir courbes et s'orienter de manière à coller la tangente que tu as tracé.
 
Dans le fichier psd que je t'ai passé, j'ai placé 6 points pour définir grossièrement la forme rouge, tous les bords étant rectilignes.
Ensuite, j'ai utilisé l'outil de conversion sur les deux points qui bordent la courbe (un à la fois) et pour chacun d'eux, j'ai orienté la tangente horizontalement.
 
 
J'espère que tu pourras te débrouiller un petit peu avec ça ... Le tout est de bien visualiser l'effet des tangentes ! Pour cela, tu devrais essayer de tracer une forme très simple (carré) et appliquer l'outil de conversion sur certains points et voir ce que ça donne ...
 
Au fait, l'outil de conversion fonctionne comme ceci : tu cliques sur le point de ta forme, tu laisses le bouton enfoncé et tu déplaces la souris (en maintenant toujours enfoncé !) : tu devrais voir la tangente arriver. Déplace-la lentement et regarde la déformation qui s'applique sur les segments ! =)
 
Si tu ne comprends pas avec cela, je te posterai une petite explication avec des images, mais je n'ai pas le temps pour l'instant ... je suis en examens -_-
 
Bonne chance en tout cas ! ;)

Reply

Marsh Posté le 22-06-2004 à 21:18:04    

Merci beaucoup pour tes explications yannick :jap:  j'y suis arrivé ! (je viens de mettre le vin blanc au frais d'ailleurs  :D ) CT pas si dur, une fois kon a compris comment ca marche les points d'ancrage. (je suis un peu blonde donc il faut m'expliquer longuement  :o )
 
bonne chance pour tes exams yannick et encore merci, t'es mon sauveur,  [:wormskiller]  :o  
 
et merci a tous  :hello:  
 

Reply

Marsh Posté le 22-06-2004 à 23:51:35    

Non pas que fireworks soit indispensable pour ce type de travail, mais li offre beaucoup plus de souplesse pour une conception mélangeant bitmap et vectoriel de part sa fonction web qui le dédie un peu à cela.
Pouvoir réaliser des interfaces web vectorielles afin de les modifier rapidement en ayant un contrôle total de touts les objets, avec plus de facilité que dans toshop, mais moins de possibilités que dans illustrator.
 
Par ailleurs, il propose plus d'options sur les formes géométriques de bases comme l'arrondi des angles par exemple ou encore la modification des bordures, trames etc...


Message édité par seb63 le 23-06-2004 à 15:01:42
Reply

Marsh Posté le 23-06-2004 à 13:54:25    

Fanou> Content d'avoir pu t'aider ! =)
 
Seb63> Je ne doute pas qu'il soit meilleur ou plus adapté, mais bon c'était juste pour un petit onglet, donc ... ;)

Reply

Marsh Posté le 23-06-2004 à 15:05:54    

Oui justement, comme elle est débutante, je disais cela pour qu'elle puisse s'orienter directement vers le bon logiciel en fonction du besoin donné, et non pas qu'elle se hasarde à ouvrir toshop qui est je pense moins simple à appréhender, pour réaliser ce genre de petits travaux.
En même temps, cela a étét positif, on dirait puisque fanou connaît mieux maintenant les outils vectoriels qui sont deplus assez standards, c'est ça de gagné pour tous les autres logiciels du genre...


Message édité par seb63 le 23-06-2004 à 15:06:42
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed