Facebook Cover

U Photoshop-u se često koriste razni text efekti u razne svrhe neke od njih su posteri, reklame, u ovom primeru naslovna fotografija za Facebook i u još mnogim drugim.

Prvo što trebate da uradite je da otvorite novi dokument (Ctrl + N) veličine 1700px X 630px:


Pravljenje pozadine

Za pozadinu ćemo koristi -ovu sliku-. Sačuvajte sliku, ubacite je u predhodno otvoren dokument i pozicionirajte je ovako:

Nakon poziconiranja slike napravite novi layer (Ctrl+Shift+N) kliknite dva puta na njega ili idite na Layer->Layer Style-> Blending Options i podesite ovako sledeće parametre:

Izaberite Gradient Tool (G) podesite ove boje: #ff6e02 i #ffff00 , i podesite ga da bude Linear Gradient:

Sada povucite Gradient Tool-om od dole ka gore:

i dobićete ovakav efekat:

Napravite novi layer i podesite Bland Mode na Color Burn i Opacity na 15%:

Podesite Gradient Tool (G) sa ovim bojama: #a300c1 i #ffffff i podesite ga na Radial Gradient:

I povucite sa Gredient Tool-om iz sredine ka desnoj ili levoj ivici slike:

i pozadina je gotova:


Pravljenje teksta

Sada trebamo da napravimo tekst. Da bi ste koristili fontove koji se koriste u ovom tutorialu morate ih instalirati u svoj operativni sistem (npr. Windows). Preuzmite ova dva fonta:

i kopirajte ih u sistemski folder fontova (Start->Control Panel->Fonts). Kada ste ih kopirali oni su spremni da se koriste u Photoshop-u.
Uzmite Horizontal Type Tool (T), izaberite Nevis font, podesite veličinu slova na 100px i boju #7843ce :

Kliknite na pozadinu koju ste napravili i sada napišite tekst, kada ga napišete pritisnite Enter.
Sa Move Tool-om (V) pozicionirajte tekst ako Vam se čini da je to potrebno:

Ponovo uzmite Horizontal Type Tool (T), kliknite na leyer sa pozadinom, podesite ga ovako:

Napišite tekst i pozicionirajte ga kao predhodnog:

I ostaje nam samo još par podešavanja. Kliknite dva puta na layer sa tekstom da bi se otvorio prozor Layer Style i podesite ovako sledeće parametre:

Kada podesite i poslednji parametar kliknite na OK:

Sledeći korak je da kliknete desnim klikom na layer na kome je tekst i iz padajuće liste odaberete Copy Layer Style:

I poslednji korak je da kliknete desnim klikom na drugi tekst koji nismo podešavali i iz padajuće liste izaberete Paste Layer Style:

I Facebook Cover je gotov:


Ostavite komentar, lajkujte ako Vam se svideo tutorial i podelite ga sa prijateljima.

Marko Petrović

Grafičkim dizajnom sam počeo da se bavim u osnovnoj školi. Od tada slobodno vreme često provodim u Photoshopu. Spajam lepo sa korisnim. Takođe, volim fotografiju. Smatram sebe krativnom i ozbiljnom osobom. Uvek sam spreman za sticanje novih znanja, saslušam i uvažim kritike drugih o mom radu.

TwitterFacebookLinkedIn

retusiranje

Uklanjanje bubuljica – retuširanje

pre 2 godine

naslovna

Wallpaper od Mehurića

pre 2 godine

10 thoughts on “Facebook Cover”

  1. Gde mogu da pronadjem sliku koja je izabrana za pozadinu… tj. da bude iste velicine i kako sta… ako samo ovde kliknem na save as hoce li biti dobra rezolucija?

    1. Marija,

      Sliku trebaš da preuzmeš sa linka koji je napisan odmah ispod podnaslova „Pravljenje pozadine“. Ako ne možete da se snađete to je ova slika.
      Sačuvajte je (save as), ubacite u predhodno otvoreni dokument (na samom početku je opisano kako napraviti dokument) i pozicionirajte je, nije bitno da li je slika iste veličine kao i dokument.

      Slobodno postavite još pitanja ako imate još nedoumica. :)

  2. Eep..ne kontam ovu foru sa ubacivanjem..koristim Cs6 jel ima neke veze sa tim…? Ja ubacim, a sa leve i desne strane ove slike „pozadina“ ostanu mi oni sivo beli kvadratici :D a j a nmg. da provalim kako su kod vas gore slike tako nalegle..? :/

    1. Nema veze što koristiš CS6.
      Sa leve i desne strane ostanu sivo-beli kvadratići jer je slika manja od veličine dokumenta, to je normalno. Sliku trebaš da povećaš. Povećavaš je tako što u ćoškovima slike imaš male crne kvadratiće, ako ih nemaš pritisni Ctrl + T da bi se pojavili, i samo jedan od njih uhvati i povuci, pritom drži dugme Shift na tastaturi. Povećaj je toliko da po širini bude jednaka širini dokumenta i nakon toga je pozicioniraj kako je pokazano.

Ostavite odgovor

Vaša adresa e-pošte neće biti objavljena. Neophodna polja su označena *

Možete koristiti ove HTML oznake i atribute: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>