6 načina za stvaranje web bannera

Sadržaj:

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

Video: 6 načina za stvaranje web bannera

Video: 6 načina za stvaranje web bannera
Video: Množenje polinoma 2024, Svibanj
Anonim

Morate biti upoznati s web bannerima (web bannerima). Ovaj grafički materijal općenito se nalazi na vrhu web stranice i prikazuje naziv tvrtke i logotip, ili u obliku oglasa - ili njihovu kombinaciju, na komercijalnoj web stranici. Transparenti bi trebali biti informativni, atraktivni i privlačni-baneri bi trebali omogućiti stalnim posjetiteljima da se 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. Izradite novi dokument

Navedite veličinu bannera, dostupne su brojne standardne veličine bannera. Za potrebe ovog članka usredotočit ć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 bannera

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

  • Pritisnite Boja prednjeg plana za otvaranje alata za odabir boje, 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. Izradite novi sloj

Ovaj ćemo sloj ispuniti bogatijom bojom kako bismo uljepšali tekst i logotip. Veličina ovog sloja trebala bi biti proporcionalna veličini bannera 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 Layer odaberite Align Layers to Selection> Vertical Centers. Ponovite ovaj korak, ali odaberite vodoravna središta. Ova će radnja 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čunalu ili Command+T na Macintosh -u i pomoću ručica promijenite veličinu dokumenta. Za promjenu proporcionalne veličine upotrijebite tipku Shift na ručki.

Napravite banner Korak 5
Napravite banner Korak 5

Korak 5. Dodajte naziv tvrtke ili web stranice

Odaberite alat za tekst, odaberite font (poznat i kao font) koji želite, a zatim upišite tekst u njega. Ako je potrebno, prilagodite veličinu fonta, kako 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. No dodavanjem nekih linija i ukrasa banner će se povećati. Da biste to učinili, stvorite novi sloj tako da vaše prilagodbe ne ometaju ostale slojeve.

Napravite banner Korak 7
Napravite banner Korak 7

Korak 7. Očistite

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

Metoda 2 od 6: Microsoft Paint

Napravite banner Korak 8
Napravite banner Korak 8

Korak 1. Izradite 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 pozadinu u boji, upotrijebite alat za kantu s bojom da biste banner ispunili 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

Pritisnite karticu Zalijepi, a zatim na izborniku odaberite Zalijepi iz.

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

Napravite transparent 12. korak
Napravite transparent 12. korak

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 natpisa.

  • Pomaknite sliku na mjesto.
  • Dodajte onoliko slika koliko želite (i stanite!)
Napravite transparent 13. korak
Napravite transparent 13. korak

Korak 6. Dodajte ime

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

Napravite banner Korak 14
Napravite banner Korak 14

Korak 7. Izrežite transparent (poznat i kao usjev)

Upotrijebite alat Odaberi i nacrtaj okvir oko bannera. Pazite 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. Izradite novi, prazan PowerPoint dokument

Prilagodite prikaz na 100%

Napravite banner Korak 17
Napravite banner Korak 17

Korak 2. Nacrtajte pozadinu bannera

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 upotrijebiti jednobojnu boju ili na izborniku boja ispune odabrati Učinci ispune ili kliknuti gumb Brzi stilovi i odabrati unaprijed postavljenu boju ispune.
Napravite transparent 18. korak
Napravite transparent 18. korak

Korak 3. Dodajte sliku ili logotip

U banner 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 tvrtke, slogan ili druge dodatne informacije za banner.

Napravite banner Korak 20
Napravite banner Korak 20

Korak 5. Odaberite banner

Na 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 transparent 21. korak
Napravite transparent 21. korak

Korak 6. Spremite banner

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

Metoda 4 od 6: Korištenje mrežnog 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. (Potražite na Googleu bilo što drugo). Na internetu postoji mnoštvo proizvođača bannera. Odvojite nekoliko minuta za usporedbu različitih značajki, a zatim odaberite onu koja vam odgovara.

Napravite transparent 23. korak
Napravite transparent 23. korak

Korak 2. Dodajte tekst i slike

Slijedite upute na zaslonu 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 vlastitih djela.

Napravite banner Korak 24
Napravite banner Korak 24

Korak 3. Generirajte banner

Kad to učinite, općenito će postojati značajka izvoza koja će vam omogućiti da odredite direktorij u koji će banner biti spremljen, zajedno s formatom (JPEG je obično dobre kvalitete). Slijedite upute, spremite, preuzmite i upotrijebite 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. Upotrijebite opciju Crop

Ova je značajka 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 tvrtke. Ključno je olakšati čitanje

Napravite banner Korak 27
Napravite banner Korak 27

Korak 3. Veličina avatara trebala bi biti mala

Zadana veličina je 48x48 piksela.

Napravite banner Korak 28
Napravite banner Korak 28

Korak 4. Spremite avatar

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

Napravite banner Korak 29
Napravite banner Korak 29

Korak 1. Izradite račun

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. Uzmite 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čunalo.
  • Puno vježbajte!
  • Pogledajte uzorke bannera na forumima ili drugim mjestima.

Upozorenje

  • Za izradu bannera potrebno je vrijeme i strpljenje!
  • Da biste banner spremili 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. Za pretvaranje slike spremite (korak #9) u JPEG ili-g.webp" />

Preporučeni: