Ako vytvoriť banner vo Photoshope: krok za krokom sprievodca, tipy pre začiatočníkov

Každý z nás každý deň čelí reklame, sledovanie televízie, posedenie na internete, vonku, nákupné centrum a oveľa viac. V tomto článku budeme hovoriť o jednom z najpopulárnejších typov reklamných bannerov. Zistíte, aké sú bannery, aké sú ich a ako vytvoriť banner vo Photoshope.

Čo je bannerová reklama

Bannerová reklama - grafický obraz reklamnej povahy. Reklamné tabule na uliciach, ktoré sa tiahnu cez obchody, obrázky na stránkach na internete, keď kliknete na tento prechod na inú stránku - to sú všetky bannery. Bannery ulíc sa objavili už dávno, keď nebolo ani rádio. Ale na internete unikol v roku 1994 a rýchlo začal získavať popularitu. K dnešnému dňu žiadna firma nemôže urobiť bez reklamy, a najmä reklamy na internete a bannery - je jedným z veľmi účinných nástrojov na propagáciu tovaru a služieb.


Aké sú bannery

  • Externý reklamný banner. Vyrobené zo špeciálneho polyvinylchloridového filmu, vinylového, latexového alebo nylonového papiera. Ide o obdĺžnikové plátno rôznych veľkostí, na ktorom sú vytlačené reklamné informácie. Tlač sa vykonáva tlačiarňami veľkoformátových tlačiarní.
  • Reklamné bannery na internete. Spočiatku to boli jasné nezabudnuteľné fotografie, ale s vývojom technológie sa objavili bannery s animovaným obsahom, a to formou krátkeho videa, ako aj interaktívnych minihier. V každom prípade je to reklama,pretože obsahuje hypertextové odkazy, ktoré vedú k konkrétnemu webu. Aj keď nekliknete na banner, informačný obrázok reklamného znaku zostane v pamäti.
  • Typy internetových bannerov podľa metód implementácie

    Pred zistením, ako vytvoriť banner vo Photoshope, sa oboznámime s rôznymi spôsobmi, ako ich realizovať.


  • Statické. Najjednoduchší banner je obrázok s reklamným obsahom. Veľkosť súboru je malá, takže sa rýchlo načíta aj pri pomalom pripojení k internetu. Je ľahké vytvoriť banner v oboch aplikáciách "Photoshop" a iných grafických editoroch.
  • Animované. Oni vážia niekoľkokrát viac statické, v tomto ohľade sú naložené pomalšie, ale viac hodil do očí užívateľa. Je to oveľa zložitejšie vytvoriť taký reklamný banner vo Photoshope.
  • Rich Text (Rich Text). Banner, podobný informačnému článku z grafickej zložky.
  • HTML5 JS, flash animácia. Ide o bannery, ktoré sú interaktívne mini-programy. Napríklad: rôzne testy, primitívne hry, dotazníky. Ako môžete pochopiť, vytvorenie takého banneru v aplikácii Photoshop nebude úspešné.
  • Určenie veľkosti bannerov

    Predtým, ako sa môžete dozvedieť, ako vytvoriť rozvrhnutie bannerov vo Photoshope, musíte určiť jeho veľkosť. Štandardná veľkosť je 100 x 100 pixelov. Najčastejšie používaná možnosť je 468 x 60 a 234 x 60. Prvá číslica definuje šírku a druhú dĺžku. Vertikálny banner tak bude mať veľkosť, napríklad 60 x 468 pixelov. Preto je dôležité vedieť, kde umiestnite svoj banner.

    Z čostart

    Tu sme zistili, že môžete vytvoriť banner vo Photoshope veľkej aj miniatúrnej. Ale nie je potrebné sa ponáhľať a predtým, ako otvoríte program na vytvorenie banneru, rovnako ako v každej tvorivej činnosti, musíte zistiť dizajn a obsah. Odporúčame vám, aby ste to urobili papierom a ceruzkami. Najskôr nakreslíme obdĺžnik, pričom zohľadníme pomery budúceho banneru. Pripravíme potrebný reklamný text. Potom zistite, aké bude pozadie. Potreba pri kreslení všetkých to nestačí, jednoducho napíšte koncipované slovo. Ďalej môžete zhrnúť, ktoré obrázky môžete vložiť a kde ich štýlovo umiestniť, vrátane možného loga značky. Pravdepodobne prijatý papier bude vyzerať ako schematický plán. Konečná fáza školenia: Hľadáme fotografie na internete, ktoré by vyhovovali vašej myšlienke. Je dôležité pamätať si na autorské práva, preto si vyberte obrázky na bezplatné zdroje.

    Vytvárame vlastný reklamný banner

    Takže vaše rozloženie je pripravené. Teraz sa dostaneme rovno do hlavného procesu. V tomto článku vytvoríme statickú horizontálnu bannerovú veľkosť 468 x 60 pixlov a text "iPhone 5. Predaj nie je šanca" v programe Photoshop CS6.
  • Spustite program. Vytvoríme nový dokument s rozmermi 468 x 60 pixelov.
  • Urobíme modré pozadie, hladko sa premiestnime na bielu. Za týmto účelom vyberte farbu v spodnom bielom rohu a potom vyberte nástroj Gradient Fill. Ak chcete použiť náplň, stlačte kurzor na jednej strane tkaniny a bez toho, aby ste ju pustili, prejdite prstom k druhejkoniec Skúste rôzne možnosti, kým sa vám nepodarí.
  • Nasledujúcou položkou vložíme obrázok vo vyhľadávači. Otvorte ho vo Photoshope. Na začiatok zväčšime veľkosť obrázku pod bannerom - v ponuke vyberieme kartu "Obrázok" a klikneme na "Veľkosť obrázku". Nastavíme výšku 60 pixelov, šírka bude úmerná poklesu. Teraz musíte oddeliť obrázok smartfónu od pozadia. Vyberte nástroj "Polygon Lasso" a vyberte potrebný priestor. Potom presunieme vybranú oblasť pomocou príkazu "copy-paste".
  • Vložte text pomocou nástroja "Text". Upravte veľkosti, vyberte písmo a farbu. V štýle štýlu môžete použiť šablóny, ktoré sú hotové. Dávajte pozor na záložku Vrstvy. Každý bannerový prvok je samostatná vrstva. Môžete kopírovať, mazať a meniť rôzne vlastnosti jednotlivo. Duplikovali sme vrstvu s obrázkom a presunuli druhý obrázok na opačnú stranu plátna. Zostáva iba uložiť súbor. Pri ukladaní vyberte formát JPG, GIF alebo PNG.
  • Váš prvý banner je pripravený, stačí ho umiestniť na požadované miesto. V skutočnosti sa všetko ukázalo ako pomerne jednoduché. Toto bol úvodný článok pre začiatočníkov s minimálnymi podrobnými pokynmi na vytvorenie banneru. Na internete je veľa špeciálnej literatúry a video tutoriálov. Po niekoľkých dňoch skúmania tohto skvelého programu môžete vytvoriť oveľa lepšie reklamné bannery. Treba tiež poznamenaťže existujú podobné produkty s jednoduchou funkčnosťou, ako aj aplikácie špeciálne vytvorené na vytváranie reklamných jednotiek.

    Súvisiace publikácie