Napravite portret iz teksta u Photoshopu

Napisao Steve Patterson.

U ovom vodiču za Photoshop naučit ćemo kako stvoriti efekt tekstualnog portreta. Drugim riječima, stvorit ćemo iluziju da je slika koja se vidi na fotografiji zapravo stvorena pomoću višestrukih linija teksta. Vidio sam da se ovaj efekt koristi na mnogim fotografijama slavnih, od Andyja Warhola i Marilyn Monroe do Michaela Jacksona, Davida Beckhama, čak i Baracka Obame.



Naravno, nije vam potrebna fotografija nekoga poznatog da biste stvorili ovaj efekt. Zapravo, što više znate o osobi na fotografiji, efekt može postati zanimljiviji jer možete dodati više personaliziranog teksta. Možda želite pisati o tome što vam znači osoba na fotografiji ili podijeliti smiješnu priču ili opisati nešto što je postigla. Ili, možete jednostavno zgrabiti neki nasumični tekst odnekud i zalijepiti ga. To u potpunosti ovisi o vama. Koristit ću Photoshop CS4 za ovaj vodič, ali svaka verzija Photoshopa bi trebala raditi.



Evo slike s kojom ću početi:

  Izvorna fotografija. Slika je licencirana s iStockphoto by Photoshop Essentials.com. Izvorna slika

Evo kako će izgledati nakon što ga izrežemo i zatim pretvorimo u tekst:

  Photoshop tekstualni portretni efekt. Konačni efekt 'tekstualnog portreta'.

Kako stvoriti portret iz teksta

Korak 1: Izrežite sliku oko lica osobe

Prije nego što počnemo, trebao bih napomenuti da ćete vjerojatno htjeti raditi na kopiji svoje fotografije za ovaj efekt, a ne na originalnoj slici, budući da ćemo prvo izrezati dio nje. Da biste spremili kopiju slike, idite gore na Datoteka izbornik na vrhu zaslona i odaberite Spremi kao . Dajte dokumentu neki drugi naziv, kao što je 'text-portrait-efect' ili kako god vam ima smisla, i spremite ga kao Photoshop .PSD datoteku. Na taj način sa slikom možete raditi što god želite i ne brinuti se da ćete oštetiti original.



Počnimo s obrezivanjem slike kako bismo dobili lijep pogled izbliza na lice osobe. Photoshopov službeni alat za obrezivanje slika je Crop Tool, ali za jednostavna izrezivanja poput ovog, često ćete otkriti da Alat za pravokutni okvir je sve što stvarno trebate. Zgrabit ću Rectangular Marquee Tool s vrha ploče Tools (paneli se u ranijim verzijama Photoshopa zovu 'palete'). Također bih mogao pritisnuti slovo M na tipkovnici da ga odaberem prečacem:

  Alat Rectangular Marquee u Photoshopu. Alat Rectangular Marquee izvrsno funkcionira za jednostavne usjeve.

Zatim, s odabranim Rectangular Marquee Tool, kliknut ću i povući odabir oko muškarčevog lica, počevši od gornjeg lijevog kuta i povlačeći prema donjem desnom kutu. Ako trebate premjestiti svoj odabir dok ga povlačite, držite pritisnutim razmaknica , povucite odabir na novu lokaciju pomoću miša, zatim otpustite razmaknicu i nastavite povlačiti odabir. Želim da moj odabir bude savršeni kvadrat, pa ću držati svoj Shift dok povlačim, što će forsirati oblik odabira u kvadrat. Kada završite, trebali biste imati odabir koji izgleda otprilike ovako:

  Povlačenje odabira alatom Rectangular Marquee Tool u Photoshopu. Sve izvan odabira bit će izrezano u trenutku.

S odabranim mjestom idite gore do Slika izbornik u Traka izbornika na vrhu zaslona i odaberite Usjev naredba:



  Odabir naredbe Crop u Photoshopu. Idite na Slika > Izreži.

Čim odaberete naredbu Crop, Photoshop izrezuje sve izvan obrisa odabira, ostavljajući nam naš portret iz velike blizine:

  Slika je sada izrezana. Ostaje samo područje unutar odabira.

Korak 2: Dodajte novi prazan sloj

Ako pogledamo našu ploču Slojevi (paleta), vidimo da trenutno imamo samo jedan sloj u našem Photoshop dokumentu. Ovaj sloj, nazv Pozadina , je sloj koji sadrži našu sliku. Moramo dodati novi prazan sloj iznad pozadinskog sloja, a to možemo učiniti klikom na Novi sloj ikona na dnu ploče slojeva:

  Klikom na ikonu New Layer u paleti slojeva u Photoshopu. Kliknite na ikonu New Layer na ploči (paleti) slojeva.

Čini se da se ništa nije dogodilo u prozoru dokumenta, ali ploča Slojevi sada prikazuje novi sloj iznad pozadinskog sloja. Photoshop automatski imenuje novi sloj 'Layer 1'. Ako pogledamo slojeve sličica pregleda lijevo od naziva sloja vidimo sivo-bijeli uzorak šahovnice. Ovako Photoshop predstavlja prozirnost, a budući da prozor za pregled nije ispunjen ničim osim ovim uzorkom šahovnice, znamo da je sloj trenutno prazan (proziran):



  Minijatura pregleda slojeva u paleti slojeva. Minijatura pregleda za svaki sloj pokazuje nam što se trenutno nalazi na sloju.

Korak 3: Ispunite novi sloj crnom bojom

Zatim, moramo ispuniti naš novi sloj crnom bojom. Idi gore do Uredi izbornik na vrhu zaslona i odaberite Ispunite naredba:

  Odabir naredbe Fill u Photoshopu. Odaberite naredbu Fill iz izbornika Edit.

Ovo otvara Photoshopov dijaloški okvir Ispuna, dajući nam jednostavan način ispunjavanja sloja ili odabira bilo punom bojom ili uzorkom. Budući da više nemamo aktivan odabir na sloju, cijeli će sloj biti ispunjen bojom koju god odaberemo. Odaberi Crno s popisa desno od riječi Koristiti u Sadržaj odjeljak na vrhu dijaloškog okvira:



  Odabir crne boje za ispunu u dijaloškom okviru Ispuna. Odaberite crnu za boju ispune.

Pritisnite OK za izlazak iz dijaloškog okvira i Photoshop će ispuniti 'Layer 1' crnom bojom. Budući da se 'Sloj 1' nalazi iznad pozadinskog sloja, naša je slika sada blokirana od pogleda u prozoru dokumenta bojom ispune:

  Photoshop dokument sada je ispunjen crnom bojom. Fotografija privremeno nestaje iza pune crne boje.

Korak 4: Odaberite alat Type

Spremni smo dodati naš tekst. Trebat će nam Photoshop Vrsta alata za to, odaberite ga na ploči Alati ili pritisnite slovo T na tipkovnici da biste ga brzo odabrali pomoću prečaca:

  Alat Type u Photoshopu. Kad god poželite dodati tekst u Photoshop dokument, trebat će vam Alat za upisivanje.

Photoshop nam daje mogućnost dodavanja bilo kojeg točkasti tip ili vrsta područja na naše dokumente. Vrsta točke je vaš osnovni jedan redak teksta, obično ili naslov ili kratki natpis. Dodavanje tipa točke jednostavno je poput klika s alatom Type na točku u dokumentu gdje želite da se pojavi redak teksta i zatim dodavanja teksta. Sve dok je tekst koji dodajete dovoljno kratak da se ne brinete da će se proširiti izvan ruba dokumenta, tip točka obično je pravi način.



Vrsta područja, s druge strane, koristi se kada imate velike količine teksta, recimo jedan ili više odlomaka, i morate biti sigurni da sav tekst ostaje unutar granica dokumenta ili unutar određenog područja dokumenta . Budući da cijeli dokument trebamo ispuniti tekstom, morat ćemo koristiti tip područja.

Da bismo dodali vrstu područja, prvo moramo definirati granice za tekst, a to radimo povlačenjem okvir teksta , koji izgleda vrlo slično istoj vrsti osnovnog odabira koji smo izvukli ranije s Rectangular Marquee Tool. Nakon što postavimo tekstni okvir, svaki tekst koji dodamo bit će zatvoren unutar okvira.



S odabranim alatom Type, kliknite u gornjem lijevom kutu dokumenta, a zatim povucite prema dolje do samog donjeg desnog kuta dokumenta tako da okvir teksta prekriva cijelo područje dokumenta kada završite. Dok povlačite, vidjet ćete kako se pojavljuje obris okvira teksta. Baš kao kada povlačite odabir s Rectangular Marquee Tool, možete premjestiti tekstni okvir dok ga povlačite ako je potrebno držeći razmaknica , povlačeći okvir na novu lokaciju, zatim otpuštajući razmaknicu i nastavljajući povlačiti. Kada završite, otpustite tipku miša i trebali biste vidjeti tekstni okvir koji okružuje cijeli dokument, iako je to možda malo teško vidjeti na maloj snimci zaslona:

  Okvir vrste područja dodan Photoshop dokumentu. Svaki tekst koji dodamo sada će biti ograničen unutar granica dokumenta zahvaljujući tekstualnom okviru.

Korak 5: Odaberite svoje opcije fonta na traci s opcijama

Sada kada imamo tekstni okvir na mjestu, možemo dodati naš tekst. Prije nego što to učinimo, morat ćemo odabrati koji font želimo koristiti. Svaki put kad se odabere Type Tool, Traka s opcijama na vrhu zaslona prikazat će se razne opcije za rad s tekstom u Photoshopu, uključujući opcije za odabir fonta, stila fonta, veličine fonta, boje teksta i tako dalje. Točne fontove koje morate odabrati ovisit će o tome koje fontove trenutno imate instalirane na računalu. Vjerojatno ćete morati nekoliko puta eksperimentirati s ovim budući da će font koji odaberete, posebno veličina fonta, imati veliki utjecaj na cjelokupni izgled efekta. Kako biste sačuvali što više detalja na portretu, trebali biste koristiti malu veličinu fonta. Naravno, što je font manji, to ćete morati dodati više teksta da biste ispunili cijelo područje dokumenta.

Držat ću se nečeg jednostavnog, kao što je Arial Black, i odabrat ću 12 pt za veličinu fonta kako bi bio dovoljno mali da zadrži mnogo detalja na portretu:

  Opcije tipa na traci s opcijama u Photoshopu. Odaberite font, stil i veličinu na traci s opcijama.

Trebat će nam da naša boja teksta bude bijela, pa ako je vaša trenutno postavljena na neku drugu boju, kliknite na uzorak boje u traci s opcijama, koja će prikazati Photoshop Birač boja , i odaberite bijelu. Pritisnite U redu kada završite da izađete iz Birača boja. Uzorak boje na traci s opcijama sada bi trebao biti ispunjen bijelom bojom:

  Uzorak boje tipa na traci opcija u Photoshopu. Kliknite na uzorak boje na traci s opcijama i odaberite bijelu iz alata za odabir boja ako boja teksta već nije postavljena na bijelu.

Korak 6: Dodajte svoj tekst u dokument

Sve što sada trebamo učiniti je dodati tekst. Kao što sam spomenuo na početku vodiča, možete personalizirati efekt tekstualnog portreta tako da napišete nešto konkretno o osobi na fotografiji ili možete jednostavno kopirati i zalijepiti dovoljno teksta odnekud da popunite dokument. Budući da za ovaj vodič koristim originalnu fotografiju i zapravo ne poznajem osobu na slici (iako sam siguran da je fin dečko s puno dobrih priča za podijeliti), jednostavno ću dodati neki standardni ' lorem ipsum' tekst za popunjavanje stranice. Kada završite, cijeli bi dokument trebao biti ispunjen bijelim tekstom:

  Popunjavanje Photoshop dokumenta lorem ipsum tekstom. Dodajte dovoljno teksta da ispunite cijeli dokument od vrha do dna.

Za prihvaćanje teksta i izlazak iz moda za uređivanje teksta kliknite na malu Kvačica na traci opcija:

  Klikom na kvačicu prihvaćate tekst u Photoshopu. Pritisnite kvačicu na traci s opcijama kako biste prihvatili tekst.

Korak 7: Dodajte masku sloja sloju tipa

Da bismo naš Photoshop dokument pun teksta pretvorili u naš tekstualni portretni efekt, morat ćemo dodati a maska ​​sloja na tekstualni sloj. Ako pogledamo ploču Slojevi, vidjet ćemo da sada imamo tri sloja, s tim da se naš tekstualni sloj nalazi iznad druga dva sloja. Znamo da je to tekstualni sloj jer sličica za pregled sloja prikazuje veliko slovo T u sredini. Da biste sloju dodali masku sloja, kliknite na ikonu Maska sloja na dnu ploče Slojevi:

  Klikom na ikonu Layer Mask na ploči Slojevi u Photoshopu. Provjerite je li tekstualni sloj odabran (označen plavom bojom) na ploči Slojevi, zatim kliknite na ikonu Layer Mask.

Još se ništa neće dogoditi u prozoru dokumenta, ali sličica maske sloja pojavit će se desno od minijature pregleda sloja:

  Sličica maske sloja pojavljuje se na ploči Slojevi. Maske slojeva prema zadanim su postavkama ispunjene bijelom bojom, što znači da je sve na sloju potpuno vidljivo u dokumentu.

Korak 8: Kopirajte izvornu fotografiju na pozadinski sloj

Sada ćemo stvoriti naš učinak kopiranjem i lijepljenjem portretne fotografije izravno u masku sloja koju smo upravo dodali. Klikni na Pozadinski sloj na ploči Slojevi da biste ga odabrali. Vidjet ćete da postaje označen plavom bojom, govoreći nam da je to sada trenutno odabrani sloj:

  Odabir pozadinskog sloja u Photoshopu. Maske slojeva prema zadanim su postavkama ispunjene bijelom bojom, što znači da je sve na sloju potpuno vidljivo u dokumentu.

Pritisnite Ctrl+A (pobjeda) / Command+A (Mac) za brzi odabir cijelog sloja. Vidjet ćete da se oko rubova dokumenta pojavljuje obris odabira, što pokazuje da je cijeli sloj sada odabran. Iako još uvijek možemo vidjeti naš bijeli tekst naspram pune crne boje ispune u prozoru dokumenta, mi zapravo odabiremo sadržaj pozadinskog sloja jer je to sloj koji smo trenutno odabrali na ploči Slojevi. Zatim pritisnite Ctrl+C (pobjeda) / Command+C (Mac) za privremeno kopiranje sadržaja sloja (portretna fotografija) u memoriju vašeg računala.

Korak 9: Zalijepite fotografiju izravno u masku sloja

Držite svoje Sve (pobjeda) / Opcija (Mac) i kliknite na sličica maske sloja na tekstualnom sloju na ploči Slojevi:

  Odabir maske sloja na ploči Slojevi. Pritisnite sličicu maske sloja dok držite Alt (Win) / Option (Mac).

Držeći pritisnutu tipku Alt / Option dok klikamo na sličicu maske sloja, ne samo da odabiremo masku sloja, već je činimo vidljivom unutar prozora dokumenta, što nam omogućuje da svoju sliku zalijepimo izravno u njega. Budući da je maska ​​trenutno ispunjena bijelom bojom, prozor vašeg dokumenta pojavit će se ispunjen bijelom bojom. Pritisnite Ctrl+V (pobjeda) / Command+V (Mac) za lijepljenje portretne fotografije izravno u masku sloja. Budući da maske slojeva rade samo s crnom, bijelom i nijansama sive, slika će se pojaviti kao crno-bijela slika u prozoru dokumenta:

  Lijepljenje fotografije izravno u masku sloja u Photoshopu. Slika je sada zalijepljena izravno u masku sloja na tekstualnom sloju.

Za izlazak iz maske sloja i povratak na normalni pogled u prozoru dokumenta, jednostavno držite Sve (pobjeda) / Opcija (Mac) još jednom i kliknite na sličica maske sloja , baš kao što smo učinili maloprije. Primijetite da je portretna fotografija sada vidljiva unutar minijature maske sloja:

  Isključivanje iz načina prikaza maske sloja. Držite pritisnutu tipku Alt (Win) / Option (Mac) i ponovno kliknite na sličicu maske sloja za izlazak iz maske sloja.

Pritisnite Ctrl+D (pobjeda) / Command+D (Mac) za uklanjanje obrisa odabira oko rubova prozora dokumenta. Sada smo se vratili u normalni način prikaza unutar dokumenta, a tekst je sada maskiran fotografijom koju smo zalijepili izravno u masku sloja, stvarajući naš efekt 'tekstualnog portreta':

  Tekst je sada maskiran portretom. Tekst je sada maskiran fotografijom.

Korak 10: Duplicirajte sloj tipa

Ako ste zadovoljni rezultatima u ovom trenutku, možete preskočiti ovih zadnjih nekoliko koraka, ali ako ustanovite da efekt izgleda malo pretamno, provjerite je li tekstualni sloj odabran na ploči Slojevi, a zatim pritisnite Ctrl+J (pobjeda) / Command+J (Mac) za brzo dupliciranje sloja. Kopija tekstualnog sloja pojavit će se iznad izvornika:

  Stvaranje kopije sloja tipa u Photoshopu. Također možete kopirati slojeve tako da odete do izbornika Layer, odaberete New, zatim odaberete Layer via Copy, ali tipkovnički prečac je puno brži.

Slika će sada biti svjetlija:

  Učinak je sada svjetliji. Efekt se čini svjetlijim nakon dupliciranja tekstualnog sloja.

Korak 11: Podesite neprozirnost sloja za fino podešavanje svjetline

Ako smatrate da je efekt još uvijek pretamni, jednostavno duplicirajte tekstualni sloj drugi put. Ili, ako ustanovite da je sada presvijetao, možete fino podesiti rezultate smanjivanjem neprozirnosti sloja. Naći ćete Neprozirnost opciju na vrhu ploče Slojevi. Što nižu postavite neprozirnost gornjeg sloja, to više dopuštate slojevima ispod njega da se vide, što će u ovom slučaju imati učinak potamnjenja slike. Snizit ću neprozirnost svog kopiranog tekstualnog sloja na oko 65% samo da malo potamnim efekt:

  Opcija neprozirnosti na ploči slojeva u Photoshopu. Smanjite neprozirnost gornjeg sloja kako biste fino podesili svjetlinu efekta.

I s tim smo gotovi! Evo, nakon podešavanja svjetline s Opacity opcijom, moj konačni 'tekstualni portret' Photoshop efekt:

  Photoshop tekstualni foto efekt portreta. Konačni efekt 'tekstualnog portreta'.