Det er mange i dag som bruker Adobe Photoshop til å utforme og designe sine nettsider. Derfor har vi valgt å lage en video tutorial om hvordan du skal komme deg fra en Photoshop fil over til HTML og CSS. Denne tutorialen tar som selvfølge at du har grunnleggende kunnskaper innenfor Adobe Photoshop.
Vi regner med at du vet hvordan du henter ut deler av en Photoshop fil og lagrer de som .png eller .jpg (alt etter hva som er nødvendig).
Enkelt forklart
Du kopierer den delen av bildet du vil lagre og lager et nytt dokument i Photoshop. Deretter limer du inn det kopierte elementet (og fjerner bakgrunns laget – om nødvendig). Etter dette velger du File > Save for Web & Devices (ALT + SHIFT + CTRL + S) og velger det formatet som passer best for bruken.
PS: Prøv å få filen i så liten størrelse som mulig, da dette sparer lastingstid.
Dårlig kvalitet? Se videoen i full størrelse.
Tiny URL for dette innlegget: http://tinyurl.com/ydks3bg
kult dette! håper det kommer mere snart…
Dette har jeg sett etter lenge
flott tutorial Kenneth
Tusen takk! Dette var kjempenyttig!
Fint å høre.
Kom gjerne med spørsmål, eller forslag til hva vi kan skrive tutorial om.
Meget fint guide. Lett forståelig og informativ.
Denne tutorialen var genial. Veldig enkel å følge, også for nybegynnere.
Som forslag kan vel være at siden denne tutorialen går litt på basics, at du kunne gi tips til de mer avanserte koderne.
Åja, kanskje du kunne ha tatt en tutorial om blogg. Kommentarer, post forms, kategorier osv?
Vi tenkte vi skulle gå gjennom grunnleggende innenfor de fleste kategorier før vi begynner å gå over til mer avanserte ting. Slik at om noen går inn for å se en tutorial, og lurer på hvordan vi gjør det, kan de finne det i arkivet
Tusen takk for en flott tutorial. Håper på flere i fremtiden!
Ingen problem
Det vil nok komme flere ja, kom gjerne med forslag til tutorials!