Den 26 maj 2012

ONMEDIA: Kurser Photoshop Webbdesign del 2

Webbdesign i Photoshop, del 2

Skicka sidan Skriv ut PDF
webdesign2_litenDetta är andra kursen av ett flertal som kommer att fokusera på flödet i den kreativa processen då vi skapar webbsajter, webbkampanjer eller webbapplikationer (AIR). I denna andra kurs kommer vi titta på hur vi kan designa webbsidor med Photoshop CS3. Vi kommer här att titta på hur vi kan strukurera upp sidan på ett bra sätt. För strukturen som vi bygger upp här kommer att användas i både Fireworks och Dreamweaver. Vi kommer använda många funktioner i Photoshop som man normalt kanske inte använder men som är mycket användbara för denna typ av produktion. Dock så är det så att vi fokuserar på vad som skall produceras och inte på funktionerna i sig. Låter detta väldigt likt beskrivningen för del 1. Javisst, vi gör en webbsida med en annan design och använder många andra Photoshop funktioner.

För vem: Kursen vänder sig till dig som är AD, Formgivare eller dig som på annat sätt skall skissa på webbsidor och webbkampanjer. Du bör ha en viss förståelse för Photoshop innan kursen.

Typ av kurs: Case, dvs vi går igenom och visar hur vi arbetar och fokuserar mer på ett sätt att arbeta än enskilda funktioner.

Vad ingår: 18 guider

Read More

Nedan finner du kursupplägget. Vid inloggning blir länkar till videoguider aktiva.

När du klickar på någon av lektionerna (dvs länkarna) kommer ett nytt fönster att öppnas och en video med lektions innehållet att startas. Du behöver inte stressa med inlärningen. Du kan se lektionen hur många gånger som helst. Lycka till...

 

Webbdesign med Photoshop CS3

Guide: Kort introduktion till kursen (Intro är ej klart. Detta är för webbdesign del 1).

Guide: Skapa ett nytt dokument för din webbsajt.

Guide: Bygg upp lagerstrukturen för webbsajten.

 

knappar.gif

Guide: Första guiden av flera där vi fokuserar oss på knapparna överst i designen.

Guide: Andra guiden där vi gör knappar.

Guide: Tredje guiden där vi gör knappar.

Guide: Fjärde guiden där vi gör knappar.

Guide: Femte guiden där vi gör knappar.

 

header.gif

Guide: Bygg upp lagerstrukturen för webbsajten.

Guide: Bakgrundsområde till företagsnamn.

Guide: I denna guide arbetar vi med text funktionen för att lägga in företagsnamnet.

Guide: Idenna guide så fortsätter vi med att lägga in text. Men denna gång för knapparna.

Guide: Mera text skall läggas in.

Guide: Vi ritar upp sökrutan och lägger in texterna.

Guide: I denna guide ritar vi upp huvudområdet för dragarbilden.

Guide: Vi visar hur du hämtar in bilder till sidan.

Guide: Vi skapar en tonad platta för bildtexten.

 

botten.gif

Guide: Vi skapar botten delen av webbsajten i denna guide.

Guide: Vi storleksförändrar, monterar och speglar kameran.