Adobe Photoshop gør det nemt at skabe et unikt design til en webside. Photoshop magtfulde grafiske værktøjer og effekter giver brugerne med omfattende kontrol over layout, farver og billeder. I stedet for at blive forvirret med komplekse kodning og andre scripts , kan du planlægge og oprette din komplette Webdesign i Photoshop , og derefter nemt eksportere dem til internettet via en HTML -program. Hvad du har brug
Computer Logo eller væsentligste grafiske
Adobe Photoshop
HTML editor som Adobe Dreamweaver
Vis Flere Instruktioner
1
Brug Photoshop at åbne logo eller billede, du vil bruge som den primære grafik på din webside .
2
Beslut dig for et farveskema til din webside , ved hjælp af dit billede som en vejledning. På værktøjet panelet , skal du vælge pipetteværktøjet . Bring pipetten end én farve på dit billede. Klik og værktøjet vil tage en prøve af den farve, du netop har valgt . Du vil være i stand til at se specifikke oplysninger , såsom RGB nummer, af farven i " Color" panel. Vær opmærksom på specifikke RGB antallet af hver farve, som du prøve. Fortsæt med at bruge pipetteværktøjet til at prøve de forskellige farver på dit billede. Når du har samplet flere farver , skal du vælge mindst tre farver, som du gerne vil bruge som farvesammensætning til din webside. Farverne bør kontrast hinanden og være lys , medium og mørke.
3
Gå til "Filer" i Photoshop vigtigste navigations menu. Vælg "Ny ... " og oprette et nyt dokument med en bredde på 600 pixels og en højde på 300 pixels . Dette vil være det vigtigste banner og navigationsudstyr header for din webside .
4
Beslut om skrifttype til din side. Tænk på den idé, du ønsker at formidle . Gå til værktøjet panel og vælg "Tekst "-knappen. Træk musen til at oprette et rektangel på dit nye dokument. Indtaste teksten i din web header. Fremhæv den tekst, du lige har skrevet og derefter gå til tekstindstillinger i toppen af Photoshop. Prøv forskellige skrifttyper og størrelser , og eksperimentere med tekstens farve og justering indtil du er tilfreds . Brug " Move" værktøjet i Tool panel til at flytte din header tekst , hvor du ønsker det på dokumentet.
5.
Opret en baggrund for din nye banner ved at bruge en af farverne fra din forudbestemte farveskema. Gå til vinduet Lag , og vælg " Fyld eller justeringslag " knappen i bunden . Klik på " Solid Color" og indtast RGB oplysninger, du tog ned om den farve, du vil bruge. Laget vil nu dække den tekst, du skrev i det forrige trin. I panelet Lag , skal du trække " Solid Color" layer du lige har oprettet , så det er under "Tekst" lag. Farven skal nu være i baggrunden.
6
Sørg for, at "Tekst "-fil er valgt i panelet Lag. Vælg derefter dit logo eller grafisk fil, så det kommer i forgrunden. På panelet Værktøjer , klik på farten værktøj, som bør være helt i top . Træk dit logo billede på din nye webside dokument. Et nyt lag bør straks oprettes på dit dokument med dit logo. Med dit logo layer markeret, skal du klikke på "ix " knappen på panelet Lag. Klik på " Blending Options ... " og afprøve Photoshops række blande værktøjer til at hjælpe dit logo problemfrit matche baggrundsfarven.
7
Gå til " Layer " øverst i navigations -menuen og vælg "Ny lag . " Gå til værktøjet panelet , og vælg tekstværktøjet . Træk musen over det område, hvor du gerne vil skabe navigations links til din webside. Tilføj teksten til din navigation ved hjælp af en mindre størrelse af skrifttype, du brugte tidligere til at oprette overskriften.
8
Gå til "Filer" og klik på " Gem til web ". På det øverste drop- down menu, vælg hvilket format du ønsker at gemme filen ( . Jpg , . Png eller . Gif ) . Photoshop vil spare og optimere dit banner til internettet.
9
Åbn din HTML-editor og oprette et nyt HTML-dokument , der har et bord med fem rækker og én kolonne . Sæt dit banner ind i den første række. Skabe et billede kort for hver af dine navigations ord og tilføje linket destination. De resterende fire rækker kan fyldes med din webside tekst.