Design Spartan : Blog sur le graphisme, l'art digital, le webdesign, le digital painting, Photoshop : Articles - Tutoriels - Inspiration

Art digital, digital painting, webdesign, inspiration... le blog tenu par Gaétan Weltzer


22 Tutoriels pour créer un Webdesign du PSD à l’HTML

Posté dans Tutoriels avec pour thème le février 5th, 2010

Tutoriels PSD > HTML

Les tutoriels montrant étape par étape la réalisation d’un webdesign sur Photoshop ainsi que son intégration HTML/CSS sont assez rares et pourtant très utiles et recherchés, alors voici pour vous une liste de 22 tutoriels sur le webdesign.

Lorsque j’ai vu cette liste sur le site de Slodive d’où elle est extraite, j’ai tout de suite pensé à en faire un article car on me demande régulièrement ce type de tutos plutôt dur à trouver et peu nombreux. Rien de tel pour apprendre comment découper et intégrer un design de site en HTML/CSS !


22 Tutoriels pour créer un Webdesign du PSD à l’HTML


Et ci-dessous quelques-uns des webdesigns issus de la liste explicités sur Photoshop ainsi que le découpage et l’intégration :



2. Minimal and Modern Layout: PSD to XHTML/CSS Conversion

Minimal and Modern Layout: PSD to XHTML/CSS Conversion


3. Slice and Dice that PSD

Slice and Dice that PSD


5. Coding: Design Lab TV Styled Layout

Coding: Design Lab TV Styled Layout


10. How to Convert a Photoshop Mockup to XHTML/CSS

How to Convert a Photoshop Mockup to XHTML/CSS


14. Web Design Layout #9 SiteBuild

Web Design Layout #9 SiteBuild


15. How To Build Your Own Single Page Portfolio Website

How To Build Your Own Single Page Portfolio Website


21. From PSD to HTML, Building a Set of Website Designs Step by Step

From PSD to HTML, Building a Set of Website Designs Step by Step

10 Commentaires pour “22 Tutoriels pour créer un Webdesign du PSD à l’HTML”

  1. 1

    Lightning dit:

    Merci pour le lien spart’ =D , c’est vrai que c’est rare les tutos de A à Z  , certes le faire c’est une chose mais le mettre en sur le net…X_x

  2. 2

    Nomad dit:

    Merci, très utile !

  3. 3

    Arnaud dit:

    Mais à quoi bon recopier un article ? Je rigole  ;-) merci pour le lien Spartan on en a toujours besoin.

  4. 4

    Bboy SiolA dit:

    Aaah merci ! Ça me sera très très utile ! :D

  5. 5

    Design Spartan dit:

    Haha Arnaud, ça te connaît ça ! Content que ces tutos soient utiles, rien de tel pour apprendre l’intégration.

  6. 6

    t-ib-o_o dit:

    Ouaaaah depuis le temps que je cherchais ça!!! Super!! Merci Spartan!!

  7. 7

    Niko0oS dit:

    Ou comment me remotiver à créer mon portfolio… merci Spartan :D

  8. 8

    Design Spartan dit:

    Ca me fait plaisir. ;)

  9. 9

    Neo dit:

    Certains liens ne fonctionnent plus je crois.

  10. 10

    Design Spartan dit:

    J’en ai essayé 3 au hasard, ils marchaient. Après étant donné que les tutoriels ne sont pas sur mes sites, c’est possible que les liens ou les pages n’existent plus.

Laisser un commentaire