Želite li naučiti dizajnirati a banner u Photoshopu? Ovaj kratki vodič o tome kako dizajnirati banner pomoći će vam da ga, ako imate malo ili nimalo iskustva u dizajnu, izradite sami. Pozivamo vas da ostanete s nama.
Dizajn bannera u Photoshopu
Slijedite ove jednostavne korake jedan po jedan i u trenu ćete imati dizajniran banner spreman za ispis.
Metoda 1: Dizajn bannera u osnovnom Photoshopu
- korak 1: Stvorite novi dokument u Photoshopu, odaberite Arhiva i Nova.
- korak 2: Ovo će otvoriti prozor Nova datoteka gdje možete odabrati sva svojstva svog bannera.
- korak 3: Odaberite veličinu (odabrali smo 8 stopa x 2 stope) i razlučivost (u ovom slučaju dovoljno je 120 piksela/inču jer će se ovaj banner vidjeti s udaljenosti od oko 10 stopa).
NAPOMENA: Što je gledatelj dalje, to je niža razlučivost. Na taj način nećete dobiti golemu datoteku. Ako niste sigurni koju rezoluciju odabrati, provjerite svoj pisač. Provjerite je li vaš način boje CMYK. To je način rada koji se koristi za ispis, a pozadinski sadržaj postavljen je na bijelo za bijelu pozadinu.
Ovdje možete naučiti o: Kako cenzurirati u Photoshopu – metode za pikselizaciju lica
- korak 4: Nakon što kliknete gumb prihvatiti, otvorit će se ovakav sloj.
- korak 5: Umetnite odabir slike Arhiva y mjesto
- korak 6: Otvorit će se prozor lokacije. Odaberite sliku po svom izboru i kliknite mjesto.
NAPOMENA: Slika koju ste odabrali pojavit će se na vašem natpisu ovako.
- korak 7: Za pomicanje slike jednostavno kliknite i povucite. Da biste mu promijenili veličinu, zadržite pokazivač iznad jednog od njegovih kutova dok se pokazivač ne pojavi kao dvostrana strelica.
PRIJEDLOG: pritisnite i držite tipku smjena i povucite za proporcionalnu promjenu veličine.
- korak 8: Ponavljanjem postupka možete dodati onoliko slika koliko želite. Ovdje dodajemo logo.

- korak 9: U slučaju da želite promijeniti veličinu fotografije nakon postavljanja, odaberite Uredi y luego Slobodna transformacija.
- korak 10: i granični okvir će se ponovno pojaviti.
- korak 11: Dodajte tekst odaberite alat za tekst iz bočnog izbornika.
- korak 12: Kliknite bilo gdje na natpisu da biste počeli tipkati.

NAPOMENA: Nakon što završite, potvrdite radnju na isti način kao što ste to učinili s postavljanjem slika.
- korak 13: Za pomicanje teksta, odaberite sloj na kojem se nalazi (s vaše desne strane) i alat za pomicanje s lijeve strane izbornika, zatim kliknite i povucite.
- korak 14: Ponovite postupak za dodavanje više teksta ako je potrebno.

NAPOMENA: Možete promijeniti veličinu teksta na isti način na koji mijenjate veličinu slika (Uredi > Slobodna transformacija) i pomaknite ga alatom Potez.

- korak 15: Promjena boje pozadine
- korak 16: Odaberite alat Lonac za bojanje u izborniku s lijeve strane i pozadinski sloj. Odaberite boju iz uzoraka ili miksera boja.
- korak 17: Jednostavno kliknite na natpis kako biste promijenili boju pozadine.
- korak 18: Spremite datoteku i odaberite arhiva, i kasnije Spremi kao…
NAPOMENA: Otvorit će se prozor Spremi kao. Najprije spremite datoteku u Photoshop formatu kako biste je mogli mijenjati u budućnosti.

- korak 19: Zatim prijeđite na sloj – poravnajte sliku i ponovite postupak (Datoteka > Spremi kao…) i spremite ga u formatu PDF iz Photoshopa. Ovo je datoteka koja će biti poslana na vaš pisač. Kliknite na
- korak 20: Otvorit će se novi prozor Spremite Adobe PDF. Provjerite jeste li odabrali ispis visoke kvalitete kao zadani.
Metoda 2: Napravite banner s vrpcom u Photoshopu
Stvaranje elemenata dizajna u Photoshopu odličan je način za dodavanje jedinstvenih gumba i zaglavlja vašim projektima web dizajna. U ovom tutorijalu izradit ćemo jednostavnu i laku traku u Photoshopu.
Ovaj dio vodiča savršen je za početnike, no pretpostavit ćemo da znate osnove Photoshopa, uključujući otvaranje dokumenta, stvaranje slojeva i dupliciranje slojeva. Nastavimo s koracima:
Napravite srednji pojas bannera u Photoshopu
- korak 1: Na novom sloju izradite pravokutnik pomoću alata Pravokutni okvir (ne alat za pravokutnik).
- korak 2: Koristite alat Lonac za bojanje da ispunite pravokutnik bojom po svom izboru.
Napravite krajeve bannera u Photoshopu
- korak 1: Napravite manji pravokutnik koji je iste visine kao srednja traka. Možete stvoriti novi sloj i koristiti alat Pravokutni okvir ponovno ili duplicirajte sloj srednje trake i promijenite mu veličinu. Pomaknite ovaj manji pravokutnik prema dolje i u stranu.
- korak 2: Koristite alat Poligonalni laso nacrtati trokut na vrhu vašeg novog manjeg kvadrata. Pritisnite backspace ili delete da biste uklonili trokutasto područje.
VIJEĆE: cmd + D / ctrl + D izlazi iz laso alat
- korak 3: Duplicirajte sloj i okrenite vodoravno (Edit > Transform > Flip Horizontal). Pomaknite okrenuti sloj na drugu stranu trake i postavite posljednja dva sloja ispod sloja srednje trake.
- korak 4: Zatim ćemo stvoriti sjene, iako to možete učiniti u bilo kojem trenutku nakon što napravite središnju i bočnu vrpcu. Na srednjem dijelu stvorite sjenu. Kopirajte stilove slojeva na oba kraja vrpce.
Napravite unutrašnjost bannera u Photoshopu
- korak 1: Na novom sloju upotrijebite alat Poligonalni laso nacrtati trokut. Ispunite trokut tamnijom bojom pomoću kante za boju.
- korak 2: Duplicirajte sloj i premjestite ga na drugu stranu vrpce, prilagođavajući slojeve prema potrebi.
BONUS: Neka traka bude zakrivljena
Možete ga ostaviti ovdje, dodati tekst na vrpcu i gotovi ste. Ili, svoju vrpcu možete malo zaobliti. Stvaranje krivulje na vrpci izvrstan je način za stvaranje poboljšanih zaglavlja za vaš web projekt.
- korak 1: Odaberite srednji dio i idite na Edit > Transform > Warp.
- korak 2: Postavlja vrijednost opsega na željeni iznos; vjerojatno oko 5-10 je dobro.
- korak 3: Zakrenite krajnje dijelove da odgovaraju kutu, dodajte malo teksta ako želite i gotovi ste!
Metoda 3: Napravite dugačak banner u Photoshopu
Banner je dugački reklamni komad poput ploče ili zastave koji nosi slogan, logo ili drugu relevantnu informaciju. Banneri su često prisutni oko nas, kako u stvarnom životu tako i na internetu.
- Na primjer, plakati se nalaze u trgovinama, jumbo plakatima, školama i na društvenim mrežama. Različite tvrtke koriste bannere u marketinške svrhe kako bi promovirale svoju marku i proizvode ili usluge.
Za izradu bannera možete upotrijebiti razne programe za izradu bannera na mreži ili koristiti Adobe Photoshop, desktop softver. Ako ne znate koristiti Photoshop, ne brinite!
Danas vam kažemo kako brzo i jednostavno napraviti banner u Photoshopu i online. Započnimo!
Kako napraviti banner u Photoshopu
Da biste naučili kako izraditi banner u Photoshopu, slijedite ove korake u nastavku:
- korak 1- Pokrenite aplikaciju Photoshop. Prije svega pokrenite aplikaciju Adobe Photoshop na radnoj površini.
- korak 2: Odaberite platno. Sada idite na Datoteka i kliknite na prvu opciju, tj. “ novi. ”
- korak 3: Unesite željenu širinu, visinu i druge zahtjeve u skočni prozor za pokretanje platna za vaš banner. Za ovaj vodič koristit ćemo dimenzije 1920 x 1080.

- korak 4: Dizajn. Sada, uz pomoć različitih dostupnih alata za crtanje, počet ćemo dizajnirati banner u Photoshopu.
NAPOMENA: Osnovni alati za crtanje prisutni su na lijevoj strani ekrana, uključujući:
- alati za kretanje i selekciju
- alat za dotjerivanje i slikanje
- pribor za crtanje i pisanje itd.
Na desnoj strani zaslona, ploča za oblikovanje dostupna je za podešavanje i uređivanje.
- korak 5: Kliknut ćemo na alat za boju da bismo dodali željenu boju i na alat za tekst da bismo dodali tekst na platnu.
- korak 6: uredite i prilagodite. Koristite kartice na vrhu prozora (Datoteka, slika, 3D itd.) za dodavanje različitih značajki i prilagodbi vašem banneru.
- korak 7: Za uređivanje svakog elementa kliknite na odgovarajući sloj naveden u kartici za oblikovanje na desnoj strani zaslona.

Najlakši način da napravite banner u Photoshopu
Izrada bannera doista je jednostavan zadatak, no izrada bannera u Photoshopu nije laka. Razlog je taj što korištenje softvera Adobe Photoshop može biti vrlo komplicirano jer se radi o naprednom alatu. Dakle, kako bismo vam pomogli da naučite kako jednostavno izraditi bannere u Photoshopu, odabrali smo Edraw max.
Edraw Max je višenamjenski softver za izradu dijagrama koji vam omogućuje stvaranje različitih vrsta vizualnog sadržaja.
- Na primjer, organizacijski dijagrami, dijagrami toka, mentalne mape, tlocrti, mrežni dijagrami, dijagrami tijeka rada, inženjerski dijagrami, poslovni dijagrami itd.
To je vrlo čist i jednostavan softver i dolazi s mnogim prednostima; To uključuje:
- Multi platforma: Edraw Max nudi mrežni alat, Edraw Max Online, i desktop aplikaciju koja se može koristiti u različitim OS kao LinuxMicrosoft Windows y Mac OS.
- Jednostavan je za korištenje: Edraw Max Online nudi alate jednostavne za korištenje i softver prilagođen korisnicima koji ga čine zabavnim softverom za korištenje.
- Jeftinije od Photoshopa- Edraw Max Online nudi pristupačne planove pretplate u usporedbi s jednogodišnjom pretplatom na Edraw Max Online koja košta samo 119.4 USD, dok godišnji plan za Adobe Photoshop košta oko 239.88 USD za jednu aplikaciju.
- Širok izbor šablona- Edraw Max korisnicima nudi tisuće besplatnih unaprijed dizajniranih predložaka koji se mogu brzo prilagoditi i urediti kako bi odgovarali vašim potrebama.
- Svatko može koristiti: Edraw Max je svestran alat za izradu dijagrama koji mogu koristiti i profesionalci u industriji i početnici. Jednostavno i čisto sučelje savršeno je za početnike, dok napredni alati i značajke odgovaraju potrebama iskusnog korisnika.
Kako sačuvati dizajn bannera u Photoshopu i Edraw Maxu
Spremite banner u Photoshopu: Za spremanje bannera u Photoshopu idite na karticu arhiva i kliknite "Uštedjeti". Imenujte datoteku, odaberite željeno mjesto i kliknite "Uštedjeti" da biste svoju Photoshop datoteku spremili na radnu površinu.
Spremite svoju datoteku u Edraw Max: Za spremanje datoteke u Edraw Max Online idite na karticu arhiva i kliknite na «uštedjeti«. Odaberite željenu lokaciju datoteke, imenujte dokument i kliknite opciju "uštedjeti". Edraw također nudi jedinstveni "Spremi i izvezi» koji vam omogućuje spremanje datoteke u skladištenje lokalni ili in Google Drive i Dropbox. Također možete jednostavno izvesti svoju datoteku u različite formate koji se često koriste kao što su .pdf, .doc, .xlsx itd..
Također možete pročitati o: Kako stvoriti tekst s efektom dima u Photoshopu
Zaključak
Ovo je samo jedna od mnogih opcija prilikom stvaranja elemenata dizajna u Photoshopu za vaš web ili fizički projekt. Budući da je ravni UI dizajn i dalje popularan i moderan trend među web dizajnerima, korištenje Photoshop stvaranje zanimljivih elemenata pomoći će vašem dizajnu dati svjež izgled.
Koje biste još elemente dizajna željeli naučiti stvarati u Photoshopu? Pozivamo vas da pregledate našu web-stranicu kako biste otkrili više vodiča. Nadamo se da smo vam pomogli s ovim informacijama o tome kako izraditi banner u Photoshopu
Moje ime je Javier Chirinos i strastven sam za tehnologiju. Otkad pamtim volio sam računala i video igre i taj hobi je završio u poslu.
Više od 15 godina objavljujem o tehnologiji i gadgetima na internetu, posebno u mundobytes.com
Također sam stručnjak za online komunikaciju i marketing te poznajem razvoj WordPressa.