Jak vytvořit banner ve Photoshopu: průvodce krok za krokem, tipy pro začátečníky

Každý z nás každý den stojí před reklamou, sleduje televizi, sedí na internetu, je venku, nákupní centrum a mnoho dalších. V tomto článku budeme hovořit o jednom z nejpopulárnějších typů reklamních bannerů. Zjistíte, jaké jsou bannery, jaké jsou a jak vytvořit banner ve Photoshopu.

Co je to bannerová reklama

Bannerová reklama - grafický obraz reklamní povahy. Reklamní tabule v ulicích, které se táhnou přes obchody, obrázky na internetových stránkách, když kliknete na tento přesun na jiné místo - to jsou bannery. Uliční bannery se objevily už dávno, kdy nebylo ani rádio. Ale na internetu unikal v roce 1994 a rychle začal získávat popularitu. K dnešnímu dni žádné podnikání nemůže udělat bez reklamy, a zejména reklamy na internetu a bannery - je jedním z velmi účinných nástrojů pro propagaci zboží a služeb.


Jaké jsou bannery

  • Externí reklamní banner. Vyrobeno ze speciálního polyvinylchloridového, vinylového, latexového nebo nylonového papíru. Jedná se o obdélníkové plátno různých velikostí, na které jsou vytištěny reklamní informace. Tisk se provádí pomocí tiskáren velkoformátového tisku - plotrů.
  • Reklamní bannery na internetu. Zpočátku to byly zářivé nezapomenutelné obrázky, ale s vývojem technologií se objevily bannery s animovaným obsahem, a to formou krátkého videa, stejně jako interaktivní mini-hry. V každém případě je to reklama,protože obsahuje hypertextové odkazy, které vedou k určitému webu. Dokonce ani když kliknete na banner, informační obrázek o reklamě bude stále zůstat v paměti.
  • Typy internetových bannerů podle způsobů implementace

    Předtím, než zjistíme, jak vytvořit banner ve Photoshopu, seznámíme se s různými způsoby, jak je realizovat.


  • statické. Nejjednodušší banner je obrázek s reklamním obsahem. Velikost souboru je malá, takže se rychle načítá i při pomalém připojení k internetu. Je snadné vytvořit banner v obrazech "Photoshop" a dalších grafických editorech.
  • Animovaný. Oni je váží několikrát více statické, v tomto ohledu jsou naloženy pomaleji, ale více hodil do očí uživatele. Je mnohem složitější vytvořit takový reklamní banner ve Photoshopu.
  • Rich Text (Rich Text). Banner, podobný informačnímu článku z grafické komponenty.
  • HTML5 JS, flash animace. Jedná se o bannery, které jsou interaktivními mini-programy. Například: různé testy, primitivní hry, dotazníky. Jak můžete pochopit, vytvoření takového banneru ve Photoshopu nebude úspěšné.
  • Určení velikosti banneru

    Než se naučíte, jak vytvořit rozvržení banneru ve Photoshopu, musíte určit jeho velikost. Standardní velikost je 100 x 100 pixelů. Nejčastěji používaná volba je 468 x 60 a 234 x 60. První číslice definuje šířku a druhou délku. Vertikální banner tak bude mít velikost, například 60 x 468 pixelů. Proto je důležité vědět, kam umístíte svůj banner.

    Z čehostart

    Zde jsme zjistili, že můžete vytvářet banner ve Photoshopu jak velké velikosti, tak miniatury. Není však nutné spěchat a než otevřete program k vytvoření banneru, stejně jako v jakékoli tvůrčí činnosti, musíte zjistit návrh a obsah. Doporučujeme, abyste to udělali papírem a tužkami. Nejprve nakreslíme obdélník, vezmeme-li v úvahu poměry budoucího praporu. Přijdeme s potřebným reklamním textem. Pak určit, jaké pozadí bude. Nezbytnost při kreslení všech to nestačí, jednoduše napište pojaté slovo. Dále můžete shrnout, které obrázky můžete vložit a kde je stylově umístit, včetně možného loga značky. S největší pravděpodobností přijatý papír bude vypadat jako schématický plán. Závěrečná fáze výcviku: Hledáme obrázky na internetu, které odpovídají vašemu nápadu. Je důležité si pamatovat autorská práva, takže si vyberte fotky pro volné zdroje.

    Vytváříme vlastní reklamní banner

    Takže vaše uspořádání je připraveno. Nyní se dostaneme přímo k hlavnímu procesu. V tomto článku vytvoříme statický vodorovný banner o velikosti 468 x 60 pixelů a text "iPhone 5. Prodej není šance" v programu Photoshop CS6.
  • Spusťte program. Vytvoříme nový dokument o rozměrech 468 x 60 pixelů.
  • Udělíme pozadí modré, bude hladce přejíždět do bílé. Chcete-li to provést, vyberte barvu ve spodním bílém rohu a vyberte nástroj Gradient Fill. Chcete-li naplnit náplň, stiskněte kurzor na jedné straně látky a bez toho, abyste ji pustili, přejděte na druhou stranukonec Vyzkoušejte různé možnosti, dokud se vám to nebude hodit.
  • Do další položky vložíme obrázek nalezený ve vyhledávači. Otevřete jej ve Photoshopu. Chcete-li začít, zvětšíme velikost obrázku pod nápisem - v nabídce vybereme kartu "Obrázek" a klikneme na "Velikost obrázku". Nastavíme výšku 60 pixelů, šířka bude úměrná poklesu. Nyní musíte oddělit obrázek smartphonu od pozadí. Vyberte nástroj "Polygon Lasso" a vyberte požadovaný prostor. Poté přesučíme vybranou oblast pomocí příkazu "copy-paste".
  • Vložte text pomocí nástroje "Text". Upravte velikost, vyberte písmo a barvu. Můžete použít hotové šablony v poli stylu. Dávejte pozor na kartu Vrstvy. Každý bannerový prvek je samostatnou vrstvou. Můžete jednotlivě kopírovat, odstraňovat nebo upravovat různé vlastnosti. Duplikovali jsme vrstvu s obrázkem a přesunuli druhý snímek na protilehlou stranu plátna. Zbývá pouze uložit soubor. Při ukládání vyberte formát JPG, GIF nebo PNG.
  • Váš první banner je připraven, stačí ho umístit na požadované místo. Ve skutečnosti se všechno ukázalo jako poměrně jednoduché. Jednalo se o úvodní článek pro začátečníky s minimálními podrobnými pokyny pro vytváření banneru. Na internetu je spousta speciální literatury a video tutoriálů. Po strávení několika dnů průzkumu tohoto skvělého programu můžete vytvořit mnohem kvalitnější reklamní bannery. Za zmínku také stojí za zmínkuže existují podobné produkty s jednoduchostí funkčnosti, stejně jako aplikace speciálně vytvořené k vytváření reklamních jednotek.

    Související publikace