whycomputer.com >> Datornätverk >  >> Programvara

Hur man skapar en professionell webbplatsrubrik i Photoshop

Photoshop CC 2014 är ett idealiskt verktyg för att designa professionella bilder för din webbplats, inklusive banners. När du designar din första banner, håll designen enkel så att grafiken inte överbelastas med för mycket visuell information. Om ditt företag har företagets färger och ett företagsteckensnitt, du kan säkert använda dem i din banner.

Steg 1

Starta Photoshop. Tryck på "Ctrl-N" eller välj "Ny" på Arkiv-menyn. I dialogrutan, ange höjd och bredd för din banner, till exempel 900 pixlar breda och 150 pixlar höga. Klicka på "OK".

Steg 2

Välj en solid bakgrundsfärg för bannern om så önskas. Att göra detta, klicka på ikonen "Förgrundsfärg" i verktygsfältet och välj en färg, klicka sedan på "Rektangelverktyget" och dra det över hela bannern. I den här självstudien, dock, vi kommer att överlappa två gradienter istället för att använda en solid bakgrund.

Steg 3

Klicka på "Gradient" -verktyget i verktygslådan. Klicka på "Fyll" -menyn i alternativfältet och välj den svartvita lutningen från tillgängliga förinställningar. Klicka var som helst ovanför bannern i duken och dra markören under bannern. Släpp musknappen för att tillämpa lutningen.

Steg 4

Klicka på "Horisontellt textverktyg" i verktygslådan. Dra markören över bannern för att skapa en textruta. Använd menyerna i alternativfältet för att ange ett teckensnitt, teckenstorlek och färg. Dra textrutan så att den är centrerad på banderollens vänstra sida.

Steg 5

Välj "Öppna" från Arkiv -menyn och välj en bild på din dator som du vill använda för din banner, som en företagslogotyp, en bild på dig själv eller en produkt du säljer. När bilden öppnas, välj "Duplicate" från Layer -menyn. Ändra destinationen till din rubrikfil, som skulle kallas "Untitled-1" om du inte redan sparat det. Klicka på "OK" för att lägga till bilden som ett nytt lager i din banner.

Steg 6

Välj "Transform" från Redigera -menyn och klicka sedan på "Skala". I de flesta fallen, hela bilden syns inte på den smala bannern, men konturen är synlig när du har valt "Skala". Dra i ett hörn av bildens kontur för att ändra storlek på den för din banner. Håll ned "Shift" -knappen medan du drar för att låsa bildformatet. Tryck enter." Dra bilden så att den ligger på banderollens högra sida.

Steg 7

Klicka på ikonen "Förgrundsfärg" i verktygsfältet för att öppna färgväljaren. Klicka var som helst på höger sida av bannern för att matcha dess färg i färgväljaren och klicka sedan på "OK".

Steg 8

Välj "Rektangelverktyget" från verktygslådan. Klicka på "Fyll" -menyn och välj sedan "Gradient" -ikonen högst upp i menyalternativen. Dra markören över bannern precis innanför bildens vänstra sida ända till banners vänstra kant. Den gör en rektangel med en lutning med den färg du matchade från bilden.

Steg 9

Leta upp lagret "Rektangel 1" i panelen Lager, vilket är lagret som innehåller den gradientrektangel som du just lagt till. Dra det här lagret nedåt för att göra det till det tredje lagret uppifrån - under "Lager 1" och lagret som innehåller din text. Klicka på "Opacitet" -menyn högst upp på panelen Lager och dra reglaget så att det är cirka 50 procent. Genom att göra den övre gradienten halvtransparent kan den gå samman med lutningen under den, skapa en rik bakgrund.

Steg 10

Markera lagret som innehåller din text i panelen Lager. Klicka på "Lager" -menyn, välj "Layer Style" och klicka sedan på "Bevel &Emboss". Se till att Style -menyn är inställd på "Emboss" och dra reglaget "Djup" till vänster - cirka "225" procent - för att bara lägga till lite av denna effekt i texten.

Steg 11

Klicka på alternativet "Satin" i fönstret Lagstil. För denna stil, använd ett blandningsläge med "Multiplicera" och minska opaciteten till cirka "15" procent. Detta kombinerar satinstilen med präglingsstilen. Justera inställningarna om så önskas och klicka på "OK".

Spara bilden som en webboptimerad banner genom att välja "Spara för webben" på Arkiv-menyn. Välj "JPEG" från Format -menyn och använd en bildkvalitet på mellan 75 och 80 procent. Detta skapar en bild med en liten filstorlek, som snabbt laddas av vilken webbläsare som helst, utan att göra avkall på bildkvaliteten. Klicka på "Spara" och välj en plats för att lagra filen på din dator. Efter att Photoshop stängts, lägg till filen på din webbsida.


URL:https://sv.whycomputer.com/programvara/1014000293.html

Programvara
  • Hur man skapar en graf i Photoshop

    Adobe Photoshop är ett av de mest populära grafikprogrammen på marknaden. Detta beror inte minst på dess mångsidighet. Photoshop används för en mängd olika projekt, från att skapa annonser och broschyrer till att göra dina animationer. Det kan också användas för att skapa förstklassiga diagram för f

  • Hur man skapar ett prisma i Photoshop

    Photoshop är Adobes programvara för fotomanipulering och grafisk design. Det tillåter konstnärer och fotografer att skapa och redigera bilder för användning i en mängd olika digitala och tryckta medier. Även om många digitala effekter kan erhållas genom Photoshops många filter och blandningsverktyg,

  • Hur man gör en banner i Corel Draw

    CorelDRAW X4 erbjuder flera sätt att anpassa dina mönster och idéer. Även om det hjälper att veta lite om design, det finns självstudier tillgängliga i programmet och även online på Corels hemsida för nybörjare. Alternativ för att utforska de grundläggande knapptryckningsfunktionerna och knapparna f

Datornätverk © https://sv.whycomputer.com