Učinek prikaza slike v obliki grozda - Photoshop Tutorial

Kazalo:

Anonim

V tej učilnici o Photoshopu se bomo naučili, kako prikazovati posamezno fotografijo kot grozd oblik, podobno večjim zaslonom "stenske kopice", kjer je več fotografij, običajno različnih oblik in velikosti okvirja, razporejenih skupaj na steni, da tvorijo večji dizajn. V tem primeru bomo s programom Photoshop ustvarili nekaj podobnega, vendar v manjšem obsegu s samo eno sliko.

Takole bo izgledal končni rezultat:

Končni rezultat.

Kako ustvariti učinek prikaza fotografije v obliki grozda

1. korak: Ustvarite nov dokument

Začnimo z ustvarjanjem novega dokumenta Photoshop. Pojdite do menija Datoteka v menijski vrstici na vrhu zaslona in izberite Novo :

Pojdite v Datoteka> Novo.

S tem se odpre pogovorno okno Novi dokument Photoshopa. Dokument v kvadratni obliki najbolje deluje za ta učinek, zato bom širino in višino svojega dokumenta nastavil na 1000 slikovnih pik, in ker tega ne nameravam tiskati, bom pustil vrednost ločljivosti na 72 slikovnih pik / palec . Dimenzije in ločljivost, ki jih potrebujete, so lahko različne, še posebej, če to ustvarite za tisk. Vsebino ozadja nastavite na belo, nato pa kliknite OK, da zaprete pogovorno okno. Na zaslonu se bo prikazal nov dokument, napolnjen z belo barvo:

Širino in višino nastavite na 1000 slikovnih pik, ločljivost na 72 slikovnih pik / palca in vsebino ozadja na belo.

2. korak: Spremenite velikost mreže v nastavitvah Photoshopa

Uporabili bomo mrežo Photoshopa, da nam bo pomagalo ustvariti oblikovalsko obliko, najprej pa moramo spremeniti velikost mreže in to storiti v nastavitvah. V računalniku pojdite na meni Urejanje na vrhu zaslona, ​​izberite Nastavitve in izberite Vodniki, Mreža in rezine . V računalniku Mac pojdite na meni Photoshop, izberite Nastavitve in izberite Vodniki, Mreža in rezine :

V osebnem računalniku so nastavitve najdene v meniju Urejanje. Na Macu so pod menijem Photoshop.

Odpre se pogovorno okno Nastavitve, nastavljeno na možnosti Vodniki, Mreža in Rezi. V razdelku Grid nastavite možnost Gridline Every na 2, 5% . Ostale možnosti pustite privzete. Ko končate, da zaprete pogovorno okno: kliknite V redu:

Gridline nastavite na vsakih 2, 5% v razdelku Mreža.

3. korak: Vklopite mrežo

Spremenili smo velikost omrežja, vendar moramo v našem dokumentu še vedno vklopiti mrežo. Če želite to narediti, pojdite na meni Pogled na vrhu zaslona, ​​izberite Prikaži in nato Mreža :

Pojdite na Pogled> Prikaži> Mreža.

Rešetka je zdaj vidna v dokumentu. Čeprav vidimo, mreža dejansko ni del zasnove. Samo za vizualne reference nam pomaga:

Dokument z vklopljeno mrežo.

4. korak: Dodajte nov sloj

Kliknite ikono New Layer na dnu plošče Sloji:

Kliknite ikono New Layer.

To doda novo prazno plast z imenom "Layer 1" nad plastjo Ozadje:

Photoshop doda novo plast in jo poimenuje "Layer 1".

5. korak: Izberite Pravokotno orodje Oznaka

Na plošči Orodja izberite orodje Pravokotna oznaka :

Izbira orodja Pravokotna oznaka.

6. korak: Narišite začetno izbiro okoli mreže

Z izbranim orodjem Pravokotna oznaka narišite začetni izbirni obris okoli mreže, vendar pustite obrobje širine dveh kvadratov med izbirnim orisom in robovi dokumenta. Okvirji izbire so na zaslonu lahko nekoliko težko vidni, zato sem svojo rdečo barvo poudaril samo zato, da lažje vidim, da sem okoli nje pustil mejo dva kvadrata:

Okrog rešetke narišite izbirni obris, pri čemer ob robovih pustite obrobo, dva kvadrata.

7. korak: Izbiro napolnite s črno

Ko je izbira na mestu, pojdite na meni Urejanje na vrhu zaslona in izberite Izpolni :

Pojdite na Uredi> Izpolni.

Odpre se pogovorno okno Izpolni Photoshop. Spremenite možnost Uporaba na vrhu pogovornega okna v Črna :

Spremenite možnost Uporaba v črno.

Kliknite V redu, da zaprete pogovorno okno. Photoshop izbiro napolni s črno v dokumentu. Izbirni oris ne potrebujemo več, zato ga odstranite tako, da odprete meni Izberi na vrhu zaslona in izberite Prekliči izbiro. Lahko tudi pritisnete Ctrl + D (Win) / Command + D (Mac), da ga hitro prekličete z uporabo hitrejše bližnjice na tipkovnici:

Pojdite na Izberi> Označi, da odstranite izbirni obris iz območja, napolnjenega s črno.

Zdaj bi morali imeti začetno črno napolnjeno kvadratno obliko v dokumentu. Resnično ni pomembno, s katero barvo smo izbrali barvo, saj se bo fotografija na koncu videla nad njo. Izbrala sem črno preprosto zato, ker jo je enostavno videti pred belim ozadjem, poleg tega pa je enostavno videti mrežne črte:

Začetna oblika, napolnjena s črno.

8. korak: Narišite serijo ozkih pravokotnih izborov

Svojo začetno obliko bomo razdelili na več manjših oblik in to bomo storili tako, da izbrišemo njene dele. Najprej moramo izbrati področja, ki jih bomo izbrisali. Ko je orodje Pravokotna oznaka še vedno izbrano, začnite z leve strani oblike in odštejte 10 navpičnih stolpcev kvadratkov navznoter proti desni, nato pa začnite na vrhu oblike in narišite izbor navzdol okoli 11. stolpca, vendar pustite 10 kvadratki med dnom po izbiri in dnom oblike. Zavedam se, da lahko zveni zmedeno, zato sem poskušal to narediti bolj jasno na posnetku zaslona, ​​tako da sem izbirni obris še enkrat poudaril v rdeči barvi. Upoštevajte, da je moj izbor širok samo en stolpec in da je med mojo izbiro in levo stranjo oblike 10 kvadratov ter 10 kvadratov med dnom mojega izbora in dnom oblike:

Izberite okrog 11. stolpca kvadratov na levi strani, 10 dna na dnu ne bo izbranih.

Ko narišete prvo izbiro, pridržite tipko Shift, ki vas bo začasno preklopila v način Dodaj v izbirnik Photoshopa, nato pa od dna oblike odštejte 10 vodoravnih vrstic kvadratkov navzgor in podobno izberite okoli 11. vrstica kvadratov, ki se začne z leve, tako da 10 desk ostane med desnim robom po izbiri in desno stranjo oblike. Znova posnetek zaslona upam, da je lažje videti. Z držanjem tipke Shift se temu drugemu izboru doda prvi in ​​zdaj smo izbrani deli enega stolpca in ena vrstica kvadratov:

Držite Shift in narišite izbiro okoli 11. vrstice kvadratov od spodaj, tako da 10 kvadratkov na desni ni izbranih.

Dve izbiri dol, še dve. Še naprej držite tipko Shift, nato odštejte 10 stolpcev kvadratov na desni strani oblike in okoli 11. stolpca narišite izbiro navzgor, pri čemer 10 zgornjih robov izberite in zgornji del oblike. Temu tretjemu izboru dodamo prvi dve:

Spet držite Shift in narišite izbor okoli 11. stolpca kvadratov na desni, pri čemer 10 kvadratkov od zgoraj ostane neizbrano.

Na koncu s pritisnjeno tipko Shift odštejte 10 vrstic kvadratkov od vrha oblike in narišite izbor okoli 11. vrstice, začenši z desne strani, tako da bo med levim robom izbranega polja ostalo 10 kvadratov in levi rob oblike. Ko končate, naj bodo izbrani deli dveh vrstic in dveh stolpcev kvadratov:

Držite Shift in narišite izbiro okoli 11. vrstice kvadratov od zgoraj, 10 levih kvadratkov na levi ne izberete.

9. korak: Izbrišite izbrana območja

Pritisnite tipko Backspace (Win) / Delete (Mac) na tipkovnici, da izbrišete izbrana območja oblike, ki takoj ločijo večjo obliko na pet manjših oblik. Pritisnite Ctrl + D (Win) / Command + D (Mac), da hitro odstranite obrise izbire iz oblik. V dokumentu ne potrebujemo več svoje mreže, zato se vrnite nazaj na meni Pogled, izberite Prikaži, nato pa izberite Grid, da izklopite mrežo. Lahko tudi pritisnete Ctrl + ' (Win) / Command +' (Mac), da ga izklopite s hitrejšo bližnjico na tipkovnici. Tukaj je, kako izgleda dokument, po odstranitvi izbirnih kontur in izklopu omrežja:

Začetno večjo obliko smo razdelili na pet manjših oblik.

10. korak: Dodajte kapljico

Kliknite ikono slojev slojev na dnu plošče Sloji:

S klikom na ikono slojev slojev.

Izberite Spustite senco s seznama slogov slojev, ki se prikaže:

Izberite Spustite senco.

To odpre Photoshopovo pogovorno okno Slog sloja, nastavljeno na možnosti Spustite senco v srednjem stolpcu. Nastavil bom kot odtenka na 120 ° in nastavil bom tako razdaljo in velikost na 12 px . Morda boste morali uporabiti različne vrednosti za možnosti Razdalja in Velikost, če ste ustvarili večji dokument od velikosti, ki jo uporabljam za to vadnico. Končno bom za zmanjšanje intenzivnosti sence znižal vrednost nepreglednosti na 60% :

Možnosti Spustite senco v pogovornem oknu Slog sloja.

Kliknite V redu, da zaprete pogovorno okno Slog sloja. Oblikam je zdaj dodana kapljica senčila:

Slika po dodajanju kapljice.

11. korak: Odprite svojo fotografijo

Odprite fotografijo, ki jo želite postaviti v oblike. Odpre se v posebnem oknu dokumenta. Tukaj je slika, ki jo bom uporabil:

Izvirna slika.

12. korak: Kopirajte in prilepite fotografijo v dokument o oblikah

Pritisnite Ctrl + A (Win) / Command + A (Mac), da hitro izberete celotno fotografijo, nato pritisnite Ctrl + C (Win) / Command + C (Mac), da jo kopirate v odložišče. Preklopite na dokument z obrazci in pritisnite Ctrl + V (Win) / Command + V (Mac), da fotografijo prilepite v dokument. Pojavi se na svojem sloju (Layer 2) nad plastjo oblik (Layer 1) na plošči Sloji:

Photoshop postavi sliko na svoj sloj nad plastjo oblik.

Korak 13: Ustvarite izrezno masko

Odprite meni Layer na vrhu zaslona in izberite Ustvari izrezno masko :

Pojdite na Layer> Create Clipping Mask.

To fotografijo "prilepi" v oblike na sloju neposredno pod njo, kar ustvari iluzijo, da se fotografija razdeli in prikaže na oblikah:

Učinek po izrezu fotografije na oblike.

Če pogledamo v ploščo Sloji, vidimo, da je nivo 2 zdaj vdolben na desni strani z majhno puščico na levi strani sličice predogleda, ki kaže navzdol na sloj 1 pod njim. Tako nam Photoshop sporoča, da je nivo 2 zdaj prirezan na vsebino 1. stopnje:

Photoshop plasti vdolbine, ki so prirezane na plast pod njimi.

14. korak: premikanje in spreminjanje velikosti fotografije s prostim preoblikovanjem

Če želite spremeniti velikost in premestiti fotografijo znotraj oblik, pojdite na meni Urejanje na vrhu zaslona in izberite Brezplačno preoblikovanje ali pritisnite Ctrl + T (Win) / Command + T (Mac), da izberete ukaz Free Transform z bližnjica na tipkovnici:

Pojdite na Edit> Free Transform.

V ta namen je nameščeno okno Photoshop Free Transform in je okrog fotografije. Čeprav lahko vidimo le območje fotografije, ki sedi nad oblikami, se bo okno dejanske velikosti fotografije pojavilo v polju Free Transform in ročajih. Če ročajev ne vidite, ker je fotografija prevelika in sega zunaj trenutnega vidnega območja dokumenta, pojdite na meni Pogled na vrhu zaslona in izberite Fit on Screen . S pritiskom na Ctrl + 0 (Win) / Command + 0 (Mac) lahko izberete ukaz Fit on Screen s bližnjico na tipkovnici:

Pojdite na Pogled> Fit on Screen.

Photoshop bo takoj zmanjšal, kolikor je potrebno, da celotno fotografijo prilega v vidno območje dokumenta, tako da lahko dostopate do ročajev Free Transform. Če želite spremeniti velikost fotografije, pridržite tipko Shift, ki bo omejila razmerje stranic fotografije, ko jo spremenite, in povlecite katerega koli od štirih vogalov (majhnih kvadratov). Če želite premakniti fotografijo, preprosto kliknite kamor koli v omejevalnem polju Prosti preoblikovanje in povlecite sliko z miško. Ko spremenite velikost slike in jo preusmerite, jo boste videli premikati po oblikah:

Po potrebi spremenite velikost slike in jo postavite v oblike.

Ko ste zadovoljni s tem, kako stvari izgledajo, pritisnite Enter (Win) / Return (Mac), da sprejmete spremembe in zapustite program Free Transform. In s tem smo končali! Tu je moj končni rezultat za prikaz fotografij v obliki grozda:

Končni rezultat.