6 načina za stvaranje web bannera

Sadržaj:

6 načina za stvaranje web bannera
6 načina za stvaranje web bannera
Anonim

Morate biti upoznati sa web bannerima (web bannerima). Ovaj grafički materijal općenito se nalazi na vrhu web stranice i prikazuje naziv kompanije i logotip, ili u obliku oglasa - ili kombinaciju obojega, na komercijalnoj web stranici. Baneri bi trebali biti informativni, atraktivni i pozivni-Baneri bi trebali učiniti da se stalni posjetitelji osjećaju kao kod kuće. U nastavku ćemo vam pokazati nekoliko načina za stvaranje bannera.

Korak

Metoda 1 od 6: Photoshop

Napravite banner Korak 1
Napravite banner Korak 1

Korak 1. Kreirajte novi dokument

Navedite veličinu banera, dostupan je niz standardnih veličina banera. Za potrebe ovog članka fokusirat ćemo se na standardnu veličinu "punog bannera" (468x60 piksela).

Napomena: ovo je standardna veličina bannera, ali nije obavezna. Ako želite drugu veličinu, upotrijebite tu veličinu kao vodič

Napravite banner Korak 2
Napravite banner Korak 2

Korak 2. Postavite boju pozadine banera

Popunite pozadinski sloj (poznat i kao sloj) bojom koja podržava dizajn vaše web stranice.

  • Pritisnite Boja prednjeg plana da otvorite birač boja, a zatim odaberite boju ispune.
  • Pomoću alata Paint Bucket ispunite pozadinski sloj bannera bojom po vašem izboru.
Napravite banner Korak 3
Napravite banner Korak 3

Korak 3. Kreirajte novi sloj

Ovaj sloj ćemo ispuniti bogatijom bojom kako bismo uljepšali tekst i logotip. Veličina ovog sloja treba biti proporcionalna veličini banera i centrirana.

  • Na novom sloju napravite odabir nešto manji od izvornog bannera, a zatim ga ispunite željenom bojom.
  • Ispunjeno područje centrirajte. Odaberite cijeli sloj pritiskom na CTRL+A (PC) ili Command+A (Macintosh).
  • Na izborniku Sloj odaberite Poravnaj slojeve prema odabiru> Okomiti centri. Ponovite ovaj korak, ali odaberite Horizontalni centri. Ova radnja će centrirati kontrastni sloj vodoravno i okomito.
Napravite banner Korak 4
Napravite banner Korak 4

Korak 4. Dodajte logotip

Otvorite datoteku logotipa, kopirajte je, a zatim je zalijepite u banner dokument tako da se pojavi kao novi sloj. Promijenite veličinu prema potrebi. Pritisnite CTRL+T na računaru ili Command+T na Macintosh -u i pomoću ručica promijenite veličinu dokumenta. Upotrijebite tipku Shift na ručki da biste joj proporcionalno promijenili veličinu.

Napravite banner Korak 5
Napravite banner Korak 5

Korak 5. Dodajte naziv kompanije ili web stranice

Odaberite alatku za tekst, odaberite font (poznat i kao font) koji želite, a zatim upišite tekst u njega. Ako je potrebno, prilagodite veličinu fonta, kao što je opisano u prethodnom koraku.

Napravite banner Korak 6
Napravite banner Korak 6

Korak 6. Dodajte dodatne elemente

Ponekad će logo i naziv biti dovoljni. Ali dodavanje nekih linija i ukrasa dodat će zanimljivost za banner. Da biste to učinili, stvorite novi sloj tako da vaša prilagođavanja ne ometaju ostale slojeve.

Napravite banner Korak 7
Napravite banner Korak 7

Korak 7. Očistite

Fino podesite položaj logotipa i naslova i sve dodatne elemente, a zatim spremite banner.

Metoda 2 od 6: Microsoft Paint

Napravite banner Korak 8
Napravite banner Korak 8

Korak 1. Kreirajte novi dokument

Napravite banner Korak 9
Napravite banner Korak 9

Korak 2. Nacrtajte izbor veličine bannera

Možete stvoriti bilo koju veličinu koju želite ili kliknite ovdje za pregled standardnih veličina bannera.

Napravite banner Korak 10
Napravite banner Korak 10

Korak 3. Da biste stvorili obojenu pozadinu, upotrijebite alat za kantu s bojom da popunite banner bilo kojom bojom koja vam se sviđa

Koristite boje koje odgovaraju web stranici.

Napravite banner Korak 11
Napravite banner Korak 11

Korak 4. Dodajte fotografije, slike i tekst

Kliknite na karticu Zalijepi, a zatim u izborniku odaberite Zalijepi iz.

Pronađite sliku koja vam se sviđa, a zatim kliknite gumb Otvori

Napravite banner Korak 12
Napravite banner Korak 12

Korak 5. Promijenite veličinu slike ako je potrebno

Kliknite karticu Promijeni veličinu, a zatim odaberite Pikseli. Podesite njegovu okomitu visinu tako da odgovara visini banera.

  • Pomerite sliku na mesto.
  • Dodajte onoliko slika koliko želite (i uklopite se!)
Napravite banner Korak 13
Napravite banner Korak 13

Korak 6. Dodajte ime

Pomoću alata za tekst (dugme A) dodajte svoje ime ili bilo koji drugi tekst koji želite.

Napravite banner Korak 14
Napravite banner Korak 14

Korak 7. Izrežite banner

Upotrijebite alat Select i nacrtajte okvir oko banera. Uvjerite se da odgovara veličini konačnog rezultata koji želite. Zatim kliknite Obreži.

Napravite banner Korak 15
Napravite banner Korak 15

Korak 8. Nakon što završite, spremite

Metoda 3 od 6: Korištenje programa Microsoft PowerPoint

Napravite banner Korak 16
Napravite banner Korak 16

Korak 1. Kreirajte novi, prazan PowerPoint dokument

Podesite prikaz na 100%

Napravite banner Korak 17
Napravite banner Korak 17

Korak 2. Nacrtajte pozadinu banera

Koristite jednu od standardnih veličina bannera ili bilo koju drugu veličinu koja vam je potrebna.

  • Kliknite karticu Oblik, a zatim odaberite osnovni pravokutnik.
  • Nacrtajte željenu veličinu, a zatim je napunite do mile volje. Možete koristiti jednobojnu boju ili iz izbornika boja za ispunu odaberite Efekti ispune ili kliknite gumb Brzi stilovi i odaberite unaprijed postavljenu boju ispune.
Napravite banner Korak 18
Napravite banner Korak 18

Korak 3. Dodajte sliku ili logotip

Baneru možete dodati fotografiju, logotip ili drugu sliku. Koristit ćemo neke isječke kao ukras. Pritisnite gumb Slika i odaberite vrstu slike koju želite umetnuti. Dodajte sliku, promijenite joj veličinu, a zatim je postavite na banner.

Napravite banner Korak 19
Napravite banner Korak 19

Korak 4. Dodajte tekst ili druge elemente

Unesite naziv kompanije, slogan ili druge komplementarne informacije za banner.

Napravite banner Korak 20
Napravite banner Korak 20

Korak 5. Odaberite baner

U izborniku Uređivanje odaberite Odaberi sve ili upišite CTRL+A (PC) ili Command+A (Mac). Važno: provjerite je li vaš banner upravo onakav kakvog želite i ništa drugo se ne nalazi na slajdu (poznatom i kao slajd)!

Desnom tipkom miša kliknite bilo koji element koji nije tekstualni na banneru, a zatim odaberite Spremi kao sliku…

Napravite banner Korak 21
Napravite banner Korak 21

Korak 6. Sačuvajte baner

Otvorite ga i provjerite je li banner upravo ono što želite, a zatim ga upotrijebite po potrebi!

Metoda 4 od 6: Korištenje internetskog alata za izradu bannera

Napravite banner Korak 22
Napravite banner Korak 22

Korak 1. Posjetite jednu od sljedećih web lokacija:

BanneriABC.com, Addesigner.com, mybannermaker.com itd. (Pretražite na Google -u bilo šta drugo). Na internetu postoji mnoštvo proizvođača bannera. Odvojite nekoliko minuta za usporedbu različitih funkcija, a zatim odaberite onu koja vam najviše odgovara.

Napravite transparent 23. korak
Napravite transparent 23. korak

Korak 2. Dodajte tekst i slike

Slijedite upute na ekranu i upute za stvaranje bannera. Ove web stranice obično nude svoja umjetnička djela koja možete dodati na banner, ali možete i uvesti slike vlastite kreacije.

Napravite banner Korak 24
Napravite banner Korak 24

Korak 3. Generirajte banner

Kada to učinite, općenito će postojati funkcija izvoza koja će vam omogućiti da odredite direktorij u koji će se banner spremiti, zajedno s formatom (JPEG je obično dobre kvalitete). Slijedite upute, spremite, preuzmite i koristite banner prema potrebi.

Metoda 5 od 6: Stvaranje avatara prikladnog za banner

Napravite banner Korak 25
Napravite banner Korak 25

Korak 1. Ovaj korak nije obavezan

Možete koristiti avatar koji odgovara banneru ako ga koristite na forumima.

Napravite banner Korak 26
Napravite banner Korak 26

Korak 2. Koristite opciju Crop

Ova je funkcija dostupna u većini grafičkih aplikacija. Izrežite transparent na malu veličinu.

Alternativno, možete dizajnirati malu verziju koja uključuje elemente na velikom transparentu. To može biti logotip, slika ili samo naziv kompanije. Ključ je olakšati čitanje

Napravite banner Korak 27
Napravite banner Korak 27

Korak 3. Veličina avatara bi trebala biti mala

Zadana veličina je 48x48 piksela.

Napravite banner Korak 28
Napravite banner Korak 28

Korak 4. Sačuvajte avatar

Metoda 6 od 6: Dodavanje bannera za potpise na forumima, web stranice itd

Napravite banner Korak 29
Napravite banner Korak 29

Korak 1. Kreirajte nalog

Koristite web mjesto za razmjenu fotografija poput Photobucket, Flickr, Tumblr ili slično.

Nakon stvaranja računa, na web stranicu možete postavljati bannere, avatare i druge slike

Napravite banner Korak 30
Napravite banner Korak 30

Korak 2. Preuzmite kôd

Pomoću alata za dijeljenje nabavite HTML kôd za dodavanje bannera potpisima foruma, web stranicama ili bilo čemu drugom.

Savjeti

  • Instalirajte više fontova na računaru.
  • Puno vežbajte!
  • Pogledajte uzorke bannera na forumima ili drugim mjestima.

Upozorenje

  • Za izradu bannera potrebno je vrijeme i strpljenje!
  • Da biste banner sačuvali u najboljem mogućem stanju, spremite ga u 24-bitnom formatu bitmape, a zatim ga kopirajte u JPEG i GIF, jer JPEG i GIF-ovi mogu dodati nasumično zamućenje slike.
  • Ako za stvaranje bannera koristite PowerPoint, krajnji rezultat može biti u EMF formatu koji Photobucket ne podržava. Da biste je pretvorili, obavezno sačuvajte sliku (korak #9) u JPEG ili-g.webp" />

Preporučuje se: