psd to html css

Internet: PHP, CGI, stb.

Azt szeretném megkérdezni, hogyan tudnék psd file-ból html-t, css-t készíteni. Vagy valamilyen linux-os segédprogi érdekelne, vagy az az elve, amit követhetek, hogy a megjelenés ugyan azt tükrözze.

  • 1515 megtekintés

Még egy tipp: ha nem akarsz minden opcióban elmélyedni, akkor a következő módszer jó lehet egyszerűbb, de sokszínű grafikánál:
- minden nagyobb egységet külön rétegre (+crop layer)
- miután kész van, készíts egy egyszerűsített "sablont" a rétegen található grafikai elemekről, azaz pl. ahol egy logó volt, ott egy egyszínű, a logó max. méreteivel egyező téglalapot használj
- ezt a sablont töltsd fel és kérj róla css-t
- a kész stíluslapba a nevek alapján helyettesítsd vissza a valódi grafikai elemeket (természetesen előtte ezeket szét kell vágnod rétegenként, ugyanakkorára, mint a "sablontéglalapok" voltak)
- ha minden téglalapot más színűre színeztél, akkor könnyebb dolgod lesz
- átlátszósággal érdemes vigyázni (png vs jpg)
- sokat segíthetnek a bekapcsolt guide, ruler opciók + saját segédvonalak az elemek határolására (vágáshoz ideális)
- természetesen az egyszerűbb trükköket (pl. 1px magasságú, hosszú szelet kivágása a háttérből ismétlődő kitöltéshez; betűtípus és igazítások pl.) első körben valószínüleg kézzel jobban le tudod kódolni css-ben