Adobe Photoshop gör det enkelt att skapa en unik design för en webbsida . Photoshops kraftfulla grafiska verktyg och effekter förse användare med omfattande kontroll över layout , färg och bilder . Istället för att få förväxlas med komplexa kodning och andra skript , kan du planera och skapa din kompletta Web design i Photoshop , och sedan enkelt exportera dem till webben via ett HTML- program . Saker du behöver Logo Computer
eller huvudsakliga grafiska
Adobe Photoshop
HTML editor som Adobe Dreamweaver
Visa fler instruktioner
1 Photoshop
Användning att öppna logotyp eller bild som du vill använda som den viktigaste bilden på din webbsida .
2
Besluta om ett färgschema för din webbsida använder din bild som en guide . På verktygspanelen väljer du verktyget Pipett . Ta med pipett över en färg på din bild . Klicka och verktyget kommer att ta ett prov på den färg du just valde . Du kommer att kunna se specifik information , t.ex. RGB numret , för färgen i " Color " -panelen . Ta del av den specifika RGB- numret för varje färg som du prov . Fortsätt att använda pipetten för att prova de olika färgerna på bilden . Efter att du har prov flera färger , välj minst tre färger som du vill använda som färg systemet för din webbsida . Färgerna bör kontrastera varandra och vara ljus, medium och mörk .
3
Gå till " File " i Photoshop främsta navigeringsmenyn . Välj " Ny ... " och skapa ett nytt dokument med en bredd på 600 pixlar och en höjd på 300 pixlar . Detta kommer att vara den huvudsakliga banderollen och navigationshjälpmedel rubrik för din webbsida .
4
Bestäm typsnitt för din sida . Tänk tanken att du vill förmedla . Gå till Verktyg -panelen och välj " Text " -knappen . Dra musen för att skapa en rektangel på det nya dokumentet . Skriv in texten på din webbsida header . Markera texten du just skrev och sedan gå till texten alternativen överst i Photoshop . Prova olika typsnitt och storlekar , och experimentera med text färg och justering tills du är nöjd . Använd " Move " verktyget i panelen för att flytta din header text till där du vill ha det i dokumentet .
5
Skapa en bakgrund för din nya banner genom att använda någon av färgerna från din förutbestämda färgschema . Gå till Layers fönstret och välj " Fill eller justeringslager " knappen på botten . Klicka på " Solid Color " och ange RGB informationen du tog ner om den färg du vill använda . Lagret kommer nu täcker texten du skrev i föregående steg . På panelen Lager drar " Solid Color " lager du just skapade så att det är under " Text " lagret . Färgen bör nu vara i bakgrunden .
6
Kontrollera att " Text " fil väljs på panelen Lager . Välj sedan din logotyp eller grafisk fil så att det kommer i förgrunden . På panelen Verktyg , klicka Flytta verktyget , som bör vara i toppen . Dra din logotyp bild på din nya webbsida dokument . Ett nytt lager omedelbart skapas på ditt dokument med din logotyp . Med din logotyp lagret markerat , klicka på " fx " -knappen på panelen Lager . Klicka på " Blending Options ... " och prova Photoshops olika blandningslägen verktyg för att hjälpa din logotyp sömlöst matchar bakgrundsfärgen .
7
Gå till " Layer " i övre navigations menyn och välj " Ny Layer . " Gå till verktygspanelen och välj textverktyget . Dra musen över det område där du vill skapa navigeringslänkar för din webbsida . Lägg till text för din navigering med hjälp av en mindre storlek på typsnittet du använde tidigare för att skapa sidhuvud .
8
Gå till " File " och klicka på " Spara för webben . " På den översta rullgardinsmenyn väljer du vilket format du vill spara filen ( . Jpg , . Png eller . Gif ) . Photoshop kommer att spara och optimera din banner för webben .
9
Öppna din HTML- redigerare och skapa ett nytt HTML- dokument som har en tabell med fem rader och en kolumn . Sätt din banner i den första raden . Skapa en bildkarta för alla dina navigations ord och lägga till länken destination . De återstående fyra rader kan fyllas med din webbsida text .
