Yshopnoosa.com

Hur man gör en Simple Webblayout i Adobe Photoshop CS

Personliga hemsidor är inte längre ovanligt i World Wide Web. Skapa och hantera sina egna hemsidor för precis vad som helst; Business, hobbies, konstverk, etc. Ett bra verktyg som används för att designa anpassade webbplatser är Adobe Photoshop. Användarna ska kunna skapa en bild som kan användas som bakgrund layout för deras hemsida och enkelt konvertera en bild av en webbsida till en fullt fungerande HTML-sida. Photoshop är ett verktyg för val bland webbdesigners och med några enkla steg kan du lära dig att utnyttja vissa kraftfulla funktioner att utforma dina egna webbplatser.

Instruktioner

1 Öppna Adobe Photoshop och skapa ett tomt dokument med en upplösning på minst 800 pixlar x 600 pixlar. Ange 72 pixlar/tum som värde för upplösning.

2 Designa din Webblayout. Använd din fantasi, eller ta inspiration från en webbplats som du beundrar. Börja med att välja en bakgrundsfärg och fylla i din canvas med verktyget Färgpyts (kortkommandot G). Infoga bilder och mönster att skräddarsy din sida med ett anpassat utseende.

Tänk på de grundläggande komponenterna i en fungerande hemsida. Tänk på att innehålla utrymmen för ett navigeringsfält, huvudsakliga kan din text, samt någon form av en titel banner till din webbsida. Om du planerar att placera widgets inbäddade på webbsidor, måste du lämna utrymme för det också.

3 Skiva upp din webbplats layout. När du har avslutat designa din hemsida, måste du använda verktyget segment (K) för att dela upp delar av din sida. Segmentverktyget kommer att dela upp din sida i rektangulära, som exporteras som separata bilder att bit tillsammans för att skapa din webbsida. Klicka och dra verktyget och beskriva viktiga utrymmen och knappar som kommer att vara på dina sidor. Till exempel, du har skivor för varje knapp som kommer att vara din navigeringsfältet, så när bilderna exporteras kan du använda knappen som en länk till en annan sida på webbplatsen.

4 Exportera din designade sida från Photoshop. När du är klar att skapa skivor att optimera din webbsida, är du redo att exportera bilden från Photoshop att arbeta med filen i en HTML redaktör. Exportera din Webblayout genom att välja "File", "Spara för webben & amp; Enheter..."från huvudmenyn. En dialogruta dyker upp frågar för filformat som du vill exportera avbildningen. Alla filformat kommer att göra, och detta är en fråga om personlig preferens. Välj JPEG- eller BMP som format, klicka på "OK" och spara filen. Du har nu exporteras din Webblayout från Photoshop som en HTML-fil med bilder, och är redo att publicera webbplatsen eller fortsätta till tweak den med en HTML-redigerare.

Tips & varningar

  • Övning ger färdighet. Det tar många insatser för att skapa en ren, effektivt sammanhängande webbdesign. Det bästa sättet att lära sig är genom att observera andra väl utformade webbplatser, och med beaktande av hur de fungerar navigering, display och stil.