Commentaires

1. Le samedi, décembre 12 2009, 02:24 par filipo

Ce kit graphique est simple graphiquement mais cela ne l'empêche pas d'être vraiment joli.
Etant donné que je suis nouveau sur ce site, je ne sais pas si un tuto expliquant la découpe du psd existe déjà. Si non, pourriez vous, s'il vous plait, en rédiger un.
En tout cas, merci pour ce tuto ;)

2. Le lundi, décembre 21 2009, 22:51 par Benjamin

Super jolie. Mais je trouve que c'est plutôt bizarre à coder!
:)

Sinon merci pour le tuto ;)

3. Le vendredi, décembre 25 2009, 04:47 par aMa

Bonjour, Merci pour le tutoriel, objectif atteint :D Connaitriez vous un logiciel de découpage pour la suite ? Merci encore, Bonne journée.

4. Le dimanche, décembre 27 2009, 14:56 par Mangasource

Très jolie, est assez simple.

Il est vrai qu'un tuto sur la découpe serait super.
Ainsi que sur le codage, comment mettre en place avec du code CSS.

5. Le lundi, décembre 28 2009, 09:47 par kallimero

jolie tuto, beau travail

6. Le lundi, janvier 4 2010, 20:30 par Nikita

Voila,
http://img63.imageshack.us/img63/97...
C'est encore un brouillon mais...
Même question que mes predecesseurs sinon (codage css, découpe...) svp ^^

7. Le lundi, janvier 4 2010, 20:38 par Grafolo

Patience, Patience, les Amis Il sera bientôt en ligne

8. Le jeudi, janvier 7 2010, 17:52 par web design montreal

tresconcernant joli ! mais concernant decoupage et css ? a l'aide !!!!

9. Le mercredi, janvier 20 2010, 12:44 par webzimo

Photoshop permet de faire des decoupes de site. Utiliser tout simplement l'outil TRANCHE. ...

10. Le vendredi, janvier 22 2010, 18:08 par lougra

Pour le découpage dans CS3,
vous pouvez aussi tout simplement mettre des guides à partir de la règle et cliquer sur:

          créer des tranches à partir des guides.

qui est juste en dessus du menu filtre.

Par la suite il vous est possible d'enregistrer chaque image ou parti de votre design séparément.

11. Le lundi, février 1 2010, 23:47 par hamza

svp quelle est le programme css pur le découper ?

12. Le mercredi, mars 24 2010, 21:44 par ptifou78

Bon pour la découpe je vous conseille d'apprendre le html/css sur le site du zéro
Vous verrez que ce langage n'est pas compliquez et qu'il est simple d'apprentissage
Après comme IDE(Integrated Development Environment) je vous conseille Dreamweaver(suite adobe) ou sinon NVU,Firstpage qui sont des logiciel gratuit et encore pourquoi pas le bloc note ;)

En espérant vous avoir aidez

13. Le mercredi, mars 24 2010, 22:29 par Saesee

Pfffff, dès le début je plante =(.

Au niveau du dégradé du bas, rien ne vas comme sur le tuto...
Je pige rien ...
J'vais laissez tomber le graphisme je crois, sa me fait toujours ça ...

Nicolas.

14. Le jeudi, mars 25 2010, 00:55 par Saesee

C'est re-moi ^^.

Bon bah j'ai trouver, en fait il faut cliquer bien sur le rectangle et pas que sur le calque ^^.

Merci pour ce tuto, j'ai enfin réussi à faire quelque chose \o/.
Et moi qui voulais refaire mon site web :p.
Faut juste que je trouve comment découper le tout.

Nicolas.

15. Le samedi, avril 24 2010, 01:03 par jilou2010

bonsoir je viens de suivre le tuto j y suis arrive apres plusieur jour il faut dire je suis debutant ma question est pour pouvoir l utiliser sur un site comme page d accueil et pouvoir y affecter des lien quel langage dois je utiliser car j ai essaye avec php mais j ai du tous decoupe et le texte du menu j ai du l efface et remplacer par le texte par defaut de php qui ne donne pas aussi bien merci d avance pour vos reponse

16. Le dimanche, mai 9 2010, 13:50 par besky

Bonjour, Sympa ce tutoriel, ceci dit il y a moyen de faire une bonne partie de la page en css uniquement et ca allégerais grandement le chargement. M'enfin beau design quand même :)

17. Le mardi, mai 18 2010, 01:18 par Bingo

SVP comment découper le design

Et Merciiiiiiii pour le Tuto!

18. Le dimanche, mai 30 2010, 17:07 par dg1

Merci pour le tuto très intéressant!
J'aimerais juste savoir comment faire les petits motifs à coté des titres de menu; ou bien c'est trivial.

19. Le dimanche, mai 30 2010, 19:31 par dg1

Voici un lien de tuto pour la découpe:
http://www.photoshop-school.org/tut...

20. Le lundi, juin 7 2010, 20:28 par cawdel

bonjour,

je n'ai pas compris : "Ensuite allez dans Menu > Sélection > Intervertir puis appuyez sur le bouton supprimer pour enlever la partie extérieur du footer " --->c'est quoi ce bouton supprimer ?

Merci si quelqu'un peut m'éclairer.

21. Le lundi, juin 7 2010, 21:25 par Zaratoustra49

@ cawdel : touche "SUPPR" de ton clavier

22. Le samedi, août 14 2010, 00:52 par eNkz0r

J'adore tes tutos, je les trouves très bien fait mais j'arrive pas à supprimer l'extérieur du footer comme tu explique.

Et j'aimerai aussi savoir si qqn à trouvé comment découper son psd^^

23. Le lundi, août 23 2010, 23:49 par Mawx

Pour la découpe, il existe un outil intégré à photoshop nommé "outil tranche", qui permet de diviser son site en bloc (qui seront ensuite des div ou table en CSS). Exemple :
- Je sélectionne mes bloc avec l'outil
- Je sélectionne enregistrer pour le web et les périphériques
- Photoshop crée un dossier avec vos images découpées.

Je reviendrais vers vous car j'ai bientôt fini un projet de site pour apprendre à créer des sites très design de A à Z.

Si je peux aider, je suis disponible par mail/messenger à 78450@live.fr,

Mawx, 17 ans, Webdesig, Graphisme, Programmation.

24. Le jeudi, août 26 2010, 22:23 par jane1974

superbe !

25. Le dimanche, août 29 2010, 17:51 par Fred

Ce tuto est super !!! Comme tout les autres d'ailleur Dommage qu'il n'y ait pas plus de tutoriels sur le webdesign

26. Le jeudi, septembre 2 2010, 21:29 par Mawx

http://www.advancedweb.fr/index.php Fouillez un peu, j'ai trouvé plus d'une centaine de tuto de webdesign ;)

Mawx, 17 ans, Webdesig, Graphisme, Programmation.

27. Le samedi, octobre 23 2010, 23:35 par Shadow

Bonjour, j'ai découper mes images mais maintenant je ne peut plus modifier le texte sur les bouton par exemple ou encore le texte des menu, comment faut il procéder ?

28. Le dimanche, janvier 16 2011, 09:53 par Jey

shadow, facile il faut REFAIRE la partie ou tout a refaire dsl c le petit probleme ou bien tu créer que le bouton ou a la place du texte de toshop tu ecris toi même mais il faut connaître le html ;)

29. Le dimanche, janvier 16 2011, 09:53 par Jey

shadow, facile il faut REFAIRE la partie ou tout a refaire dsl c le petit probleme ou bien tu créer que le bouton ou a la place du texte de toshop tu ecris toi même mais il faut connaître le html ;)

30. Le samedi, février 12 2011, 09:09 par Mat

Merci pour ce super tuto!
Mais on attend toujours le tuto pour le découpage CSS.

31. Le lundi, avril 4 2011, 18:34 par debut

Merci bien pour le super tuto , le résultat m'a plut
mais je bloc un peu prés au début exactement la :
Ensuite allez dans Menu > Sélection > Intervertir
l'option 'Intervertir' est désactivée chez mois (en gris) , je comprends pas qu'est ce qu'il l'empêche d'être en cas d'activation !..qlq'un peut m'expliquer ou je me suis trompé ?

32. Le vendredi, avril 8 2011, 13:59 par debut

en fin j'ai trouvé j'explique pour les débutants comme moi : Ctrl+D pour dé-sélectionner puis maintenez la touche CTRL enfoncé et cliquez sur LA VIGNETTE de calque du grand rectangle arrondi pour avoir sa sélection.
je répète c'est la vignette du calque qui doit etre cliquer et il vas pas avoir la selection bleu comma ca on trouvera l'option 'Intervertir' active dans la menu (désolé pour mon français)

33. Le mardi, juillet 5 2011, 20:53 par Impact Texte

Hey quelqu'un sais comment en faire un theme pour Wordpress ?

34. Le mardi, juillet 19 2011, 10:55 par blackmanshadow

@Impact Texte

tu as Artisteer pour faire des themes wordpress

35. Le vendredi, août 5 2011, 15:21 par Flo

Merci à toi je debut je bloqué maintenant j'ai réussi :D

"en fin j'ai trouvé j'explique pour les débutants comme moi : Ctrl+D pour dé-sélectionner puis maintenez la touche CTRL enfoncé et cliquez sur LA VIGNETTE de calque du grand rectangle arrondi pour avoir sa sélection.
je répète c'est la vignette du calque qui doit etre cliquer et il vas pas avoir la selection bleu comma ca on trouvera l'option 'Intervertir' active dans la menu (désolé pour mon français)"

36. Le mardi, mars 27 2012, 16:20 par webdesigner bordeaux

Super! Merci pour ce tuto !

37. Le lundi, avril 30 2012, 15:06 par shada

j'ai chercher ce genre de tuto pendant tres longtemp merci

38. Le vendredi, juillet 27 2012, 16:11 par copou87

Comment fait-on pour mettre un rectangle tout pile en plein milieu?

39. Le vendredi, août 17 2012, 20:16 par lepoulpy

Merci pour ton tuto. Il est simple, beau et bien fait. T'es génial.

40. Le jeudi, août 30 2012, 15:14 par SEID Sohaib

Merci

41. Le dimanche, septembre 16 2012, 18:51 par zodiaquestar

Merci pour ce super tuto, toujours trés util, il y avait bien longtemps que je n'avais pas plongé le nez dans Photoshop mais pour raison professionnel crétion d'un site web pour mon entreprise d'ailleurs voici le lien
http://lutun-nett.perso.sfr.fr/Inde...
(si le design lors de votre visite parait pourri, ça doit être que l'ancien est toujours en place le temps de coder tout çà)
Encore merci pour ce super tuto.

Abonnement aux commentaires

S'abonner pour recevoir les commentaires suivants par email

La discussion continue ailleurs