6 spôsobov, ako vytvoriť webový banner

Obsah:

6 spôsobov, ako vytvoriť webový banner
6 spôsobov, ako vytvoriť webový banner
Anonim

Musíte poznať webové bannery (webové bannery). Tento grafický materiál je spravidla umiestnený na webovej stránke a zobrazuje názov spoločnosti a logo, alebo vo forme reklamy - alebo kombináciu oboch, na komerčných webových stránkach. Bannery by mali byť informatívne, atraktívne a pozývajúce-Vďaka bannerom by sa pravidelní návštevníci mali cítiť ako doma. Nižšie si ukážeme niekoľko spôsobov, ako vytvoriť banner.

Krok

Metóda 1 zo 6: Photoshop

Vytvorte banner 1. krok
Vytvorte banner 1. krok

Krok 1. Vytvorte nový dokument

Zadajte veľkosť bannera, k dispozícii je niekoľko štandardných veľkostí bannerov. Na účely tohto článku sa zameriame na štandardnú veľkosť „celého bannera“(468 x 60 pixlov).

Poznámka: toto je štandardná veľkosť bannera, ale nie je povinná. Ak chcete inú veľkosť, použite ju ako vodítko

Vytvorte banner, krok 2
Vytvorte banner, krok 2

Krok 2. Nastavte farbu pozadia bannera

Vyplňte vrstvu pozadia (alias vrstva) farbou, ktorá podporuje dizajn vašich webových stránok.

  • Kliknutím na položku Farba popredia otvorte výber farieb a potom vyberte farbu výplne.
  • Pomocou nástroja Vedro na farbu vyplňte vrstvu pozadia bannera vami zvolenou farbou.
Vytvorte banner 3. krok
Vytvorte banner 3. krok

Krok 3. Vytvorte novú vrstvu

Túto vrstvu vyplníme sýtejšou farbou, aby sme pomohli skrášliť text a logo. Veľkosť tejto vrstvy by mala byť úmerná veľkosti bannera a mala by byť vycentrovaná.

  • Na novej vrstve urobte výber o niečo menší ako pôvodný banner a potom ho naplňte požadovanou farbou.
  • Vyplnenú oblasť vycentrujte. Vyberte celú vrstvu stlačením klávesov CTRL+A (PC) alebo Command+A (Macintosh).
  • V ponuke Vrstva vyberte Zarovnať vrstvy s výberom> Zvislé stredy. Tento krok zopakujte, ale vyberte položku Horizontálne stredy. Táto akcia vycentruje kontrastnú vrstvu horizontálne aj vertikálne.
Vytvorte si banner Krok 4
Vytvorte si banner Krok 4

Krok 4. Pridajte logo

Otvorte súbor s logom, skopírujte ho a potom prilepte do bannerového dokumentu tak, aby vyzeral ako nová vrstva. Podľa potreby upravte veľkosť. Na počítači stlačte kombináciu klávesov CTRL+T alebo na počítačoch Macintosh a pomocou klávesov Ctrl+T upravte veľkosť dokumentu. Pomocou klávesu Shift na rukoväti ho proporcionálne zmeňte.

Vytvorte si banner Krok 5
Vytvorte si banner Krok 5

Krok 5. Pridajte názov spoločnosti alebo webovej stránky

Vyberte nástroj pre text, vyberte požadované písmo (alias písmo) a potom doň zadajte text. V prípade potreby upravte veľkosť písma podľa popisu v predchádzajúcom kroku.

Vytvorte banner 6. krok
Vytvorte banner 6. krok

Krok 6. Pridajte ďalšie prvky

Niekedy postačí logo a názov. Ale pridanie niektorých riadkov a ozdôb zvýši banner. Vytvorte novú vrstvu, aby vaše úpravy nerušili ostatné vrstvy.

Vytvorte banner, krok 7
Vytvorte banner, krok 7

Krok 7. Vyčistite

Dolaďte umiestnenie loga, názvu a ďalších prvkov a banner potom uložte.

Metóda 2 zo 6: Microsoft Paint

Vytvorte banner, krok 8
Vytvorte banner, krok 8

Krok 1. Vytvorte nový dokument

Vytvorte si banner Krok 9
Vytvorte si banner Krok 9

Krok 2. Nakreslite výber veľkosti bannera

Môžete vytvoriť ľubovoľnú požadovanú veľkosť alebo kliknutím sem zobrazíte štandardné veľkosti bannerov.

Vytvorte si banner Krok 10
Vytvorte si banner Krok 10

Krok 3. Ak chcete vytvoriť farebné pozadie, pomocou nástroja vedra s farbami vyplňte banner ľubovoľnou farbou

Používajte farby, ktoré zodpovedajú webovým stránkam.

Vytvorte banner, krok 11
Vytvorte banner, krok 11

Krok 4. Pridajte fotografie, obrázky a text

Kliknite na kartu Prilepiť a potom v ponuke vyberte položku Prilepiť z.

Nájdite požadovaný obrázok a kliknite na tlačidlo Otvoriť

Vytvorte banner, krok 12
Vytvorte banner, krok 12

Krok 5. V prípade potreby zmeňte veľkosť obrázku

Kliknite na kartu Zmeniť veľkosť a potom vyberte položku Pixely. Upravte jeho zvislú výšku tak, aby zodpovedala výške bannera.

  • Presuňte obrázok na miesto.
  • Pridajte ľubovoľný počet obrázkov (a hodia sa!)
Vytvorte si banner Krok 13
Vytvorte si banner Krok 13

Krok 6. Pridajte meno

Pomocou textového nástroja (tlačidlo A) zadajte svoje meno alebo iný požadovaný text.

Vytvorte banner Krok 14
Vytvorte banner Krok 14

Krok 7. Orežte (aka orezajte) banner

Použite nástroj na výber a nakreslite rámček okolo bannera. Uistite sa, že zodpovedá veľkosti požadovaného konečného výsledku. Potom kliknite na Orezať.

Vytvorte banner, krok 15
Vytvorte banner, krok 15

Krok 8. Po dokončení uložte

Metóda 3 zo 6: Používanie programu Microsoft PowerPoint

Vytvorte banner, krok 16
Vytvorte banner, krok 16

Krok 1. Vytvorte nový prázdny dokument programu PowerPoint

Upravte zobrazenie na 100%

Vytvorte si banner Krok 17
Vytvorte si banner Krok 17

Krok 2. Nakreslite pozadie bannera

Použite jednu zo štandardných veľkostí bannerov alebo ľubovoľnú veľkosť, ktorú potrebujete.

  • Kliknite na kartu Tvar a potom vyberte základný obdĺžnik.
  • Nakreslite požadovanú veľkosť a potom ju naplňte podľa svojho vkusu. Môžete použiť plnú farbu alebo z ponuky farby výplne vybrať Efekty výplne alebo kliknúť na tlačidlo Rýchle štýly a zvoliť prednastavenú farbu výplne.
Vytvorte banner, krok 18
Vytvorte banner, krok 18

Krok 3. Pridajte obrázok alebo logo

Na banner môžete pridať fotografiu, logo alebo iný obrázok. Ako dekoráciu použijeme nejaký klipart. Kliknite na tlačidlo Obrázok a vyberte typ obrázku, ktorý chcete vložiť. Pridajte obrázok, zmeňte veľkosť a umiestnite ho na banner.

Vytvorte banner, krok 19
Vytvorte banner, krok 19

Krok 4. Pridajte text alebo iné prvky

Zadajte názov spoločnosti, slogan alebo iné doplňujúce informácie k banneru.

Vytvorte banner, krok 20
Vytvorte banner, krok 20

Krok 5. Vyberte banner

V ponuke Úpravy zvoľte Vybrať všetko alebo napíšte CTRL+A (PC) alebo Command+A (Mac). Dôležité: uistite sa, že je váš banner presne taký, ako ho chcete, a na snímke (alias snímke) nie je nič iné!

Kliknite pravým tlačidlom myši na ľubovoľný netextový prvok v banneri a potom vyberte položku Uložiť ako obrázok …

Vytvorte banner, krok 21
Vytvorte banner, krok 21

Krok 6. Uložte banner

Otvorte ho a skontrolujte, či je banner presne to, čo chcete, a potom ho použite podľa potreby!

Metóda 4 zo 6: Použitie Online Banner Makera

Vytvorte banner, krok 22
Vytvorte banner, krok 22

Krok 1. Navštívte jednu z nasledujúcich stránok:

BannersABC.com, Addesigner.com, mybannermaker.com atď. (Hľadajte na Googli čokoľvek iné). Na internete je veľa výrobcov bannerov. Nájdite si pár minút na porovnanie rôznych funkcií a potom si vyberte tú, ktorá vám vyhovuje.

Vytvorte banner, krok 23
Vytvorte banner, krok 23

Krok 2. Pridajte text a obrázky

Pri vytváraní bannera postupujte podľa pokynov na obrazovke. Tieto webové stránky zvyčajne ponúkajú svoje vlastné umelecké diela, ktoré môžete pridať na banner, ale tiež môžete importovať obrázky z vlastnej tvorby.

Vytvorte banner, krok 24
Vytvorte banner, krok 24

Krok 3. Vygenerujte banner

Po dokončení bude spravidla existovať funkcia exportu, ktorá vám umožní určiť adresár, kde bude banner uložený, spolu s formátom (formát JPEG je zvyčajne dobrej kvality). Postupujte podľa pokynov, banner uložte, stiahnite a podľa potreby použite.

Metóda 5 zo 6: Vytvorenie avatara vhodného pre banner

Vytvorte banner, krok 25
Vytvorte banner, krok 25

Krok 1. Tento krok je voliteľný

Môžete ho vytvoriť avatar, ktorý sa zhoduje s bannerom, ak ho používate vo fórach.

Vytvorte si banner, krok 26
Vytvorte si banner, krok 26

Krok 2. Použite možnosť Orezať

Táto funkcia je k dispozícii vo väčšine grafických aplikácií. Orežte banner na malú veľkosť.

Prípadne môžete navrhnúť malú verziu, ktorá obsahuje prvky na veľkom banneri. Môže to byť logo, obrázok alebo len názov spoločnosti. Základom je, aby bol čitateľný

Vytvorte banner, krok 27
Vytvorte banner, krok 27

Krok 3. Veľkosť avatara by mala byť malá

Predvolená veľkosť je 48 x 48 pixlov.

Vytvorte banner, krok 28
Vytvorte banner, krok 28

Krok 4. Uložte avatar

Metóda 6 zo 6: Pridávanie bannerov pre podpisy na fórach, webové stránky atď

Vytvorte banner, krok 29
Vytvorte banner, krok 29

Krok 1. Vytvorte si účet

Použite web na zdieľanie fotografií, ako sú Photobucket, Flickr, Tumblr alebo podobne.

Po vytvorení účtu môžete na webovú stránku nahrávať bannery, avatary a ďalšie obrázky

Vytvorte banner 30
Vytvorte banner 30

Krok 2. Získajte kód

Pomocou nástroja na zdieľanie získate kód HTML a pridajte svoj banner k podpisom na fóre, na webové stránky alebo k čomukoľvek.

Tipy

  • Nainštalujte si do počítača viac písem.
  • Veľa cvičte!
  • Pozrite si vzorové bannery na fórach alebo na iných miestach.

Pozor

  • Výroba bannerov vyžaduje čas a trpezlivosť!
  • Ak chcete banner uložiť v čo najlepšom stave, uložte ho v 24-bitovom bitmapovom formáte a vytvorte si jeho kópiu vo formáte JPEG a GIF, pretože obrázky JPEG a-g.webp" />
  • Ak na vytvorenie bannera použijete PowerPoint, konečný výsledok môže byť vo formáte EMF, ktorý Photobucket nepodporuje. Ak ho chcete previesť, uistite sa, že obrázok (krok č. 9) uložíte vo formáte JPEG alebo GIF. Oba tieto formáty môže podporovať aplikácia Photobucket.

Odporúča: