Kā izveidot ekrāna maketu programmā Photoshop

Daudzi dizaineri un mākslinieki izmanto maketus, lai parādītu savus darbus. Šajā ekrāna maketa pamācībā jūs uzzināsit, kā izveidot maketus no jauna, izmantojot viedos objektus un maskas programmā Photoshop. Tas ir vieglāk, nekā jūs domājat. Iesim tieši iekšā.

Kas ir maketi un kā tie darbojas?

Maketi ir attēli, kas ir formatēti tā, lai jūs varētu aizstāt daļu attēla ar savu dizainu. Tos bieži izmanto ekrāna noformējumiem, iepakojuma noformējumiem vai apģērbam.

Tiešsaistē atradīsit daudz bezmaksas PSD maketu, kurus varat izmantot. Šie maketi ir nodrošināti ar fotoattēlu vai pat ar datoru ģenerētu sižetu un papildināti ar viedo objekta slāni, tādējādi jūsu dizainu var piemērot maketam.

Viedais objekts manipulē ar jūsu dizaina perspektīvu, lai plakanu dizainu varētu izliekt uz jebkuras fotoattēla virsmas, piemēram, tālruņa ekrāna vai t-krekla. Varat lejupielādēt gatavus maketus ar viedā objekta slāni, kas ir novietots uz noformējuma, viss, kas jums jādara, ir jāpievieno savs dizains, un viedais objekts paveiks pārējo jūsu vietā.

Saistīts: Kā lietot Adobe Camera RAW kā viedo objektu programmā Photoshop

Ir ļoti vienkārši izveidot savu un iekļaut viedo objekta slāni, kas darbojas ar jūsu fotoattēlu un uzlabo jūsu dizainu. Sāksim ar apmācību.

1. Sagatavojiet savu fotoattēlu

Jums jāsāk ar augstas kvalitātes ekrāna fotoattēlu. Pārlūkojot fondu fotogrāfiju vietnes, pamanīsit, ka ekrānu attēli maz novērš uzmanību.

Apsveriet sava galīgā dizaina izskatu, kas tiks parādīts ekrānā, un pārliecinieties, ka pārējā fotoattēla daļa atbilst līdzīgai tēmai. Ja jūsu dizains ir sievišķīgs un viegls, ieveidojiet fotoattēlu ar nelielu ziedu vāzi vai ziedu audumu. Ja jūsu dizains ir paredzēts kafijas reklāmai, fotoattēlā blakus ekrānam iekļaujiet kafijas tasīti.

Kopumā nodrošiniet, lai fotoattēlā ap primāro objektu (kas būs sava veida ekrāns) ir tīrs fons.

Varat izmantot savu fotoattēlu vai meklēt vietnes, piemēram, Unsplash vai Pixabay, lai atrastu to, kas jums nepieciešams. Ja tas prasa rediģēšanu, tagad ir pienācis laiks to izdarīt.

2. Izveidojiet viedo objektu

Lai izveidotu maketu, vispirms atveriet ekrāna fotoattēlu programmā Photoshop. Pēc tam mums ir jāizveido viedais objekts. Lai to izdarītu, izmantojiet Taisnstūra rīks (U) un attēla ekrānā uzzīmējiet aptuvenu taisnstūri. Izvēlieties taisnstūra aizpildījuma krāsu un noņemiet svītru.

Slāņu panelī ar peles labo pogu noklikšķiniet uz slāņa ar savu taisnstūri un noklikšķiniet uz Pārvērst par viedo objektu. No šejienes mēs varam pārveidot viedo objektu. Lai ieslēgtu Pārveidošanas rīks nospiediet [Cmd + T] operētājsistēmā Mac un [Ctrl + T] operētājsistēmā Windows.

Kad ir ieslēgts pārveidošanas rīks, turiet Cmd (Mac) vai Ctrl (Windows) nospiediet pogu uz leju un virziet kursoru uz taisnstūra stūra, līdz tas kļūst par baltu bultiņu. Izmantojot šo bultiņu, noklikšķiniet uz katra taisnstūra stūra un velciet to uz fotoattēla ekrāna stūriem.

Kad taisnstūris ir sakārtots, veiciet dubultklikšķi jebkurā vietā, lai piemērotu efektu. Tādējādi tagad ir izveidots vieds objekts, kurā tiks izmantots jūsu dizains.

3. Ja nepieciešams, pievienojiet masku

Ja jūsu attēlā ir papildu šķēršļi, piemēram, klēpjdatora ekrāns aizsedz datora ekrānu mūsu attēlā, varat izmantot slāņa masku, lai strādātu ar viedo objektu.

Izveidojiet viedo objektu, kas sedz šķēršļus, izmantojot iepriekšējā sadaļā norādītās darbības. Pēc tam slāņu panelī noklikšķiniet uz Izveidojiet slāņa masku. Izmantojot atlases rīku (L), atlasiet visu fotoattēlā redzamo, izņemot ekrānu, kurā būs jūsu makets.

Kad viss pārējais ir atlasīts, nospiediet Dzēst taustiņu uz tastatūras. Slāņu maskas sīktēls jūsu slāņu panelī ekrāna vietā parādīs baltu formu, un viss pārējais būs melns un maskēts.

4. Pievienojiet savus dizainus

Kad esat izveidojis viedo objektu, ir pienācis laiks pievienot savu dizainu savam maketam.

Atveriet paredzēto dizainu programmā Photoshop un atlasiet visu, nospiežot [Cmd + A] operētājsistēmā Mac vai [Ctrl + A] operētājsistēmā Windows. Kopējiet atlasi un atgriezieties logā ar sava maketa dizainu. Atrodiet slāni, kurā atrodas jūsu viedais objekts, un veiciet dubultklikšķi uz viedā objekta lodziņa slāņu panelī. Tādējādi viedais objekts tiek atvērts jaunā logā.

Tagad varat ielīmēt savu iepriekš kopēto dizainu. Pārveidojiet izmēru tā, lai tas aptvertu visu taisnstūri. Kad izmērs ir iestatīts, saglabājiet attēlu, nospiežot [Cmd + S] operētājsistēmā Mac vai [Ctrl + S] operētājsistēmā Windows. Kad tas ir saglabāts, izejiet no loga.

Dodieties atpakaļ uz galveno logu; jums vajadzētu redzēt, ka maketa dizains ir pabeigts ar jauno ekrānu.

5. Padariet to reālistisku

Varat atstāt maketu tādu, kāds tas ir, taču, lai paceltu savu dizainu uz nākamo līmeni, datora ekrānam virs viedā objekta varat pievienot reālistisku atspīdumu vai atspulgus.

Lai skatītu dabisko atspīdumu, izmantojiet Redzamība pogu viedā objekta slānī. Skatieties, kā gaisma krīt uz ekrāna oriģinālajā fotoattēlā. Ieslēdzot redzamību, ekrāna dabiskais atspīdums pazūd un izskatās nedaudz plakans.

Atlasiet slāņa maskas sīktēlu paredzētajā slānī, ar peles labo pogu noklikšķiniet uz tā un izvēlieties Pievienot masku atlasei. Pēc tam pievienojiet jaunu slāni un noklikšķiniet uz gradients rīks. Mēs izmantosim melnbalto lineāro gradientu, novietojot balto toni vietā, kur gaisma skar ekrānu.

Kad gradients ir vietā, mainiet slāņa sajaukšanas režīmu uz Pavairot. Tas nodrošina ekrāna atspīdumu polarizējošo efektu, kas padara jūsu maketu reālistiskāku.

Tagad jums ir pabeigts makets, ko varat saglabāt kā PSD, lai turpmāk izmantotu vairākiem dizainiem. Viss, kas jums jādara, ir mainīt attēlu viedā objekta slānī.

Saistīts: Kā saglabāt augstas kvalitātes attēlus programmā Photoshop

Izveidojiet savus ekrāna maketus programmā Photoshop

Izmantojot savus maketu fotoattēlus un dizainus, jūsu darbs tiek nodrošināts vairāk integritātes un nošķirs jūs no citiem māksliniekiem. Tas piešķir jūsu dizainam personisku pieskārienu un sniedz jums lielāku kontroli pār gala rezultātu. Lai no jauna izveidotu savu ekrāna maketu, skatiet šo vienkāršo rokasgrāmatu.

Behance vs. Dribbls: kura platforma ir labāka māksliniekiem?

Ja esat grafiskais dizainers vai mākslinieks, jums ir nepieciešama platforma, lai demonstrētu savu darbu. Šeit mēs salīdzinām Behance un Dribbble.

Lasiet Tālāk

Par autoru