Adobe Photoshop brede vifte af kreative værktøjer gør det muligt at designe et fuldt tilpasset hjemmeside med ubegrænsede kreative muligheder. Uanset om du planlægger at lancere en personlig , forretning eller community website , Photoshop har alt hvad du behøver for at opbygge dit layout. Simpelthen sat, processen med at designe en hjemmeside i Photoshop består i at skabe en side som et billede, dividere den pågældende side i stykker , derefter igen samle billedet som en fuldt funktionel webside med et websted bygherre . Hjemmesiden bygherre kombinerer både billede og kode til at oprette en fuldt funktionel hjemmeside. Instruktioner
1
Scan og importere et billede til Photoshop , hvis du har en. Ellers oprette et nyt dokument . Brug din design idé at begynde at opbygge dit layout. Opret et nyt lag på lagpaletten , grab malerspandværktøjet , vælg din baggrundsfarve og dump farven på lærredet .
2
rektangler som pladsholdere til at blokere ud pladser til en header , navigation barer og knapper , billeder , indhold områder osv. Opret et nyt lag for en given rektangel , grab markeringsværktøjet , trække en rektangel af en passende størrelse og fylde det med farve med malerspandværktøjet .
< br > 3
" Flesh out" de enkelte elementer i din webside design. Udskift dine pladsholdere med disse elementer. Sætte hver enkelt element på sit eget lag , samt. Placer et baggrundsbillede , hvis du vælger at arbejde med én. Dette lag skal være second fra bunden af stakken og oven på baggrundsfarven lag . Opret en side banner hjælp af en kombination af fotos , illustration og tekst. Opret en logoer, navigationsknapper og grafik , du har brug for din side. Fyld tekstområder med din faktiske tekst eller " lorem ipsum " copy ved at snuppe tekstværktøjet , placerer teksten på et nyt lag , og redigere det gennem afsnitsindstillinger i Window drop- down menu.
4
Gør siden sammensætning afbalanceret og behagelig for øjet . Medtag fælles elementer inden for forskellige områder på siden design for at skabe en følelse af flydende. Gør hvert element på siden ligne det hører til og matcher siden.
5.
Duplicate dit lærred , når du er tilfreds med din webside design. Klik på Lag drop- down menuen og vælge " Sammenkopier billede . " Opdeler de forskellige faglige områder af din side og adskille dem i individuelle billedfiler. Grab markeringsværktøjet trække et rektangel omkring et grafisk element , skal du højreklikke og vælge " Kopier". Indsæt denne kopi i en ny billedfil og beskære billedet til kanten af det visuelle element . Gentag dette trin for alle sideelementer og gemme hver enkelt fil i en web - venligt image format .