Shellsec

Fuld version: PSD -> HTML
Du ser lige nu en skrabet udgave af vores indhold. Se den fulde version med ordentlig formatering.
Hej!
Er begyndt at lege lidt med web designs i PS, bare for sjov men har undret mig over hvordan jeg kan få det lavet om til HTML?

Har fx. dette: (Don't judge, andet design)
Og jeg vil gerne have laver det om men ved ikke rigtigt hvordan? Prøve med Slice tool men kunne ikke rigtigt få det til at virke.. Nogle forslag?
Det gør man oftest ved at skrive HTML'en, og derefter skrive nogle stylesheets der får dem til at ligne det man har lavet i Photoshop.
Slice tool er genialt til hurtigt at gemme de enkelte dele du skal bruge som mindre billeder, men der er ikke et magisk værktøj der kan konvertere det til HTML, og hvis der gør, vil jeg ikke anbefale at du bruger det.
Det er bare med og bruge lidt tid på at kode det. Tror ikke det vil tage meget mere end et par timer, gem de enkelte billeder og put dem ind på siden når du kommer der til. Men hvis du mener at på mystisk vis lave filen om til html, tror jeg ikke er muligt men som doctor'en skriver så ville jeg ikke forvente et ordentligt resultat :)
Hvis du ikke selv gider at bruge tid på det så få en over fiverr til at lave det for dig for 5$. Har dog ikke prøvet det af selv. Ellers kig på Youtube :)

Fiverr link: https://www.fiverr.com/search/gigs?sub_c...tml&page=1
Det er en god løsning hvis det endelig skal være. Men oftes som er mit problem er når jeg arbejder med kode som andre har skrevet kan det godt være svært at finde rundt i. Måske er det alligevel rimelig til at overskue når vi snakker html og css... :)
Hey Serty
Ved dette er en gammel tråd, men jeg kan da give dig lidt hints fra en der har gået på uddannelse indenfor web programmering.

Regel nummer 1. Lav så meget stylesheet du kan med CSS og CSS3. Færre billeder = bedre loadtid/optimering. F.eks din menu, der kan du gå ind og få google fonts til skrifttypen hvis det ikke er en standard html. Den horizontale baggrund under menuen, den kan du lave med et gradient tool. http://www.colorzilla.com/gradient-editor/

Gå under import from image, og bare smid 1px bredde men hele billedets højde, altså bare en lang pind og du kan så bare skrive i css'en hvor lang den skal være. Så har du sparret noget grafisk.
Ud fra det jeg har lært, så er det klart nemmest at lave hele møget i css. Du drømmer ikke om hvilke sider jeg har kunne lave bare med ren css. Photoshop's slice tool er ok. Bruger den dog kun til direkte ting jeg ikke kan lave med css eller billeder der direkte skal ind :)

Du skal være velkommen til at kontakte mig hvis du har brug for hjælp :)