Kako stvoriti banner u Photoshopu: korak-po-korak vodič, savjete za početnike

Svaki od nas se svakodnevno suočava s oglašavanjem, gledanjem televizije, sjedenjem na internetu, boravkom na otvorenom, trgovačkim centrom i još mnogo toga. U ovom članku govorit ćemo o jednoj od najpopularnijih vrsta oglašavanja - bannerima. Saznat ćete što su banneri, koje su vrste i kako stvoriti banner u Photoshopu.

Što je banner oglašavanje

Banner oglašavanje - grafička slika oglašivačke prirode. Reklamne ploče na ulicama, koje se protežu preko trgovina, slike na stranicama na internetu, kada kliknete na to premjestite se na drugu stranicu - sve su to banneri. Ulični banneri pojavili su se davno, kad nije bilo ni radija. No, na internetu procurila je 1994. i brzo je počela dobivati ​​popularnost. Do danas, nijedan posao ne može bez oglašavanja, a posebno, oglašavanje na internetu, i banneri - je jedan od vrlo učinkovit alat za promicanje roba i usluga.


Koje vrste bannera postoje

  • Vanjski reklamni banner. Izrađena je od posebnog polivinilkloridnog filma, vinila, lateksa ili najlona. To je pravokutno platno raznih veličina, na kojem se ispisuju reklamne informacije. Tiskanje obavljaju pisači velikih formata - ploteri.
  • Oglašavanje bannera na internetu. Isprva je bilo sjajne nezaboravne slike, ali s razvojem tehnologije pojavili su se banneri s animiranim sadržajem, u obliku kratkog videa, kao i interaktivne mini-igre. U svakom slučaju, ovo je oglas,jer sadrži hiperveze koje vode do određene web-lokacije. Čak i ako ne kliknete na baner, informativna slika reklamnog lika će i dalje ostati u memoriji.
  • Vrste internetskih bannera po metodama implementacije

    Prije nego što saznamo kako stvoriti banner u Photoshopu, upoznat ćemo se s različitim načinima njihove implementacije.


  • Statički. Najjednostavniji banner je slika s oglasnim sadržajem. Veličina datoteke je mala, tako da se brzo učitava čak i na sporoj internetskoj vezi. Lako je stvoriti baner u "Photoshopu" i drugim grafičkim urednicima.
  • Animirani. Vagaju ih nekoliko puta više statično, u tom smislu se učitavaju sporije, ali više bacaju u oči korisnika. Mnogo je kompliciranije stvoriti takav reklamni banner u Photoshopu.
  • Obogaćeni tekst (bogat tekst). Banner, sličan informativnom članku iz grafičke komponente.
  • HTML5 JS, flash animacija. To su banneri koji su interaktivni mini-programi. Na primjer: razni testovi, primitivne igre, upitnici. Kao što možete razumjeti, stvaranje takvog bannera u "Photoshopu" neće uspjeti.
  • Određivanje veličine bannera

    Prije nego saznate kako stvoriti izgled bannera u Photoshopu, morate odrediti njegovu veličinu. Standardna veličina je 100 x 100 piksela. Najčešće korištena opcija je 468 x 60 i 234 x 60. Prva znamenka definira širinu i drugu duljinu. Tako će vertikalna traka imati veličinu, na primjer, 60 x 468 piksela. Stoga je važno znati gdje ćete postaviti svoj banner.

    Od čegastart

    Ovdje smo pronašli da možete stvoriti banner u Photoshopu i velikih i minijaturnih. Ali nije potrebno žuriti i prije nego što otvorite program za stvaranje bannera, kao iu bilo kojem kreativnom poslu, morate shvatiti dizajn i sadržaj. Savjetujemo vam da to učinite s papirom i olovkama. Prvo nacrtamo pravokutnik, uzimajući u obzir razmjere budućeg bannera. Izradit ćemo potreban tekst oglašavanja. Zatim odredite koja će pozadina biti. Nužnost u crtanju svega toga nije dovoljna, jednostavno napišite zamišljenu riječ. Zatim možete sažeti koje slike možete umetnuti i gdje ih stilski smjestiti, uključujući i mogući logotip marke. Najvjerojatnije će primljeni papir izgledati kao shematski plan. Završna faza treninga: Tražimo slike na internetu koje odgovaraju vašoj ideji. Važno je zapamtiti autorska prava, stoga odaberite slike za besplatne resurse.

    Izrađujemo vlastiti reklamni banner

    Dakle, vaš izgled je spreman. Sada idemo ravno u glavni proces. U ovom članku napravit ćemo statičku horizontalnu veličinu bannera od 468 x 60 piksela i tekst "iPhone 5. Prodaja nije šansa" u programu Photoshop CS6.
  • Pokrenite program. Izrađujemo novi dokument dimenzija 468 x 60 piksela.
  • Napravit ćemo pozadinu plavu, glatko se pomaknuti u bijelu. Da biste to učinili, odaberite boju u donjem bijelom kutu, a zatim odaberite alat Gradient Fill. Da biste primijenili ispunu, pritisnite kursor na jednoj strani tkanine i, bez otpuštanja, povucite prstom na drugu stranukraju Isprobajte različite opcije dok ne otkrijete da vam to odgovara.
  • U sljedećoj stavci ubacit ćemo sliku koja se nalazi u tražilici. Otvorite ga u Photoshopu. Za početak ćemo povećati veličinu slike ispod bannera - odabiremo karticu "Slika" u izborniku i kliknemo na "Veličina slike". Postavili smo visinu od 60 piksela, a širina će biti proporcionalna smanjenju. Sada morate odvojiti sliku pametnog telefona od pozadine. Odaberite alat "Polygon Lasso" i odaberite potreban prostor. Nakon toga pomičemo odabrano područje pomoću naredbe "copy-paste".
  • Umetanje teksta pomoću alata "Tekst". Podesite veličine, odaberite font i boju. U okviru stila možete koristiti gotove predloške. Obratite pozornost na karticu Slojevi. Tamo je svaki element bannera zaseban sloj. Možete kopirati, brisati, mijenjati različita svojstva pojedinačno. Umnožili smo sloj sa slikom i premjestili drugu sliku na suprotnu stranu platna. Ostaje samo spremanje datoteke. Odaberite JPG, GIF ili PNG format tijekom spremanja.
  • Vaš prvi banner je spreman, samo ga morate postaviti na željenu stranicu. Zapravo, sve se pokazalo vrlo jednostavnim. Ovo je uvodni članak za početnike s minimalnim detaljnim uputama za izradu bannera. Na Internetu postoji mnogo stručne literature i video tutorijala. Nakon što ste proveli nekoliko dana istražujući ovaj izvrstan program, možete stvoriti mnogo kvalitetnije reklamne bannere. Također vrijedi spomenutida postoje slični proizvodi s lakoćom funkcionalnosti, kao i aplikacije posebno napravljene za izradu oglasnih jedinica.

    Povezane publikacije