Pievilcīgs fons ir viss un viss veiksmīgam skrejlapam. Izmantojot Photoshop, dažu minūšu laikā varat izveidot iespaidīgu dizainu, kas piesaista uzmanību. Šajā pamācībā es jums parādīšu piecas ātras un vienkāršas metodes, kā izveidot populārus skrejlapu fonus - no dinamiskiem krāsu gradientiem un vēsām grunge tekstūrām līdz moderniem ģeometriskiem rakstiem. Ideāli piemērots ballītēm, pasākumiem vai biznesa skrejlapām. Sāksim un pacelsim jūsu skrejlapas jaunā līmenī!
1. skenēšanas līnijas
Klasiskā par excellence ir skenlīnijas, kas skrejlapas fonā tiek izvietotas vertikāli, pa diagonāli vai horizontāli.
1. solis: Izveidojiet jaunu dokumentu
Lai izveidotu šādu fonu, man vienkārši ir nepieciešams piemērots modelis, lai ievietotu skenlīnijas attēlā. Lai to izdarītu, es izveidoju jaunu dokumentu (Ctrl+N) ar izmēriem 4x4 pikseļi. Fons ir caurspīdīgs.
Solis Nr. 2: Izvēlieties skenēšanas līniju rakstu
Palielinu dokumentu, cik vien iespējams.
Tagad, izmantojot atlases rīku, izvēlos precīzi četrus atlases kvadrātiņus, kas pārvietojas pa diagonāli no kreisās puses lejasdaļas uz augšu pa labi. Lai esošajai atlasei pievienotu vēl vienu, velkot turu nospiestu taustiņu Shift.
3. solis: Aizpildiet atlasi ar melnu krāsu
Izmantojot D, rīku joslā iestatu standarta krāsas, ja tās vēl nav iestatītas, un, izmantojot Alt+Reset, aizpildu atlases laukus ar melnu priekšplāna krāsu.
4. solis: Iestatīt kā rakstu
Es varu atcelt atlasi, izmantojot Ctrl+D. Izvēlnē izvēlos Edit>Set pattern. Atvērtajā dialoglogā piešķiru jaunajam rakstu nosaukumam "Skenlīnijas diagonāle".
Solis Nr. 5: Ievieto skenlīniju
Tagad jaunā slānī savā skrejlapā ar aizpildu dokumentā savu skenlīnijas rakstu, izmantojot aizpildīšanas rīku. Izvēlnes joslā ir iestatīts iestatījums Pattern. Atlases izvēlnē izvēlos nupat definēto rakstu. Tagad es vienkārši noklikšķinu uz dokumenta.
Ja nepieciešams, es varu samazināt necaurredzamību. Šajā piemērā es iestatīju necaurredzamību uz 25 procentiem.
Solis Nr. 6: Vertikālo un horizontālo skenēšanas līniju variācija
Ja man vairāk patīk taisnas skenlīnijas uz augšu vai uz leju, nevis diagonālas skenlīnijas, es varu tās viegli izveidot ar savu rakstu.
Vertikālām skenēšanas līnijām mans raksta dokuments ir šāds: 4x1 pikseļi.
Horizontālām skenēšanas līnijām mans parauga dokuments ir: 1x4 pikseļi.
Es vienkārši ievietoju dokumentā melnu punktu, kā aprakstīts iepriekš. Pēc tam, izmantojot izvēlni Edit (rediģēt), es definēju rakstus. Šajā piemērā slānis ar horizontālajām skenēšanas līnijām ir iestatīts kopēt katrā citā režīmā.
Ja vēlos samazināt vai saīsināt attālumus starp līnijām, man vienkārši attiecīgi jāpielāgo rakstu faila lapas izmērs. Lai iegūtu lielākus attālumus, es izvēlos proporciju 5:1, 6:1 vai lielāku, lai iegūtu mazākus attālumus - 3:1 vai 2:1.
Diezgan intuitīvi es varu arī vienkārši palielināt dokumentu, izmantojot apgriešanas rīku. Tas palielina malu attiecību tā, kā man tas patīk.
7. posms: skenēšanas līniju mērogošana
Raksturojumu var izmantot arī kā raksta pārklājumu. Lai to izdarītu, es izveidoju jaunu slāni, izmantojot Ctrl+Shift+Alt+N, un aizpildu to ar paša izvēlētu krāsu. Iestatīju apgabala slīdni 0 %. Aizpildīšanas opcijās izvēlos cilni Pattern overlay (raksta pārklājums). Tur es varu izsaukt nupat definēto rakstu. Es varu mērogot šo rakstu un tādējādi nedaudz optimizēt skenēšanas līnijas izskatu.
Ekskurss: Skenlīniju fotoefekts
Mūsu moderators Mosh ir iepazīstinājis ar pamācību par to, kā skenlīnijai līdzīgs efekts var izskatīties pikants fotogrāfijās.
Piemērs: bākas attēls - attēla avots: Denis Pepin @ Fotolia.com
Vispirms es dublēju fona slāni, izmantojot kombināciju Ctrl+J. Izmantojot atlases rīku: Single Column (Viena kolonna), atlasu pikseļu kolonnu redzamajā attēla daļā.
Es varu pārveidot savu atlasi, izmantojot Ctrl+T. Velku atlases rāmi pa kreisi un pa labi līdz attēla malai.
Es varu atcelt atlasi ar Ctrl+D. Es mainu sajaukšanas režīmu uz Luminance ar 30 procentu necaurredzamību.
Es dublēju slāni, izmantojot Ctrl+J, un iestatu dublēšanai slāņa režīmu Mīksts gaismas slānis ar 30 procentu necaurredzamību.
Visbeidzot, bet ne mazāk svarīgi, es varu pievienot vinjeti savam fona slānim, izmantojot izvēlni Filter>Lens Correction. Es izvēlos stiprumu -100 ar centra vērtību +20. Visbeidzot pievienoju īsu tekstu "Rügen 2010" ar 150 pt jelliku melnā krāsā.
Neliels ātrs foto efekts. Vienkārši izmēģiniet to un eksperimentējiet ar aizpildīšanas metodēm.
2. punktēts un ar reljefu
1. solis: vienkārši punktēts
Tādā pašā veidā, kā tiek veidotas skenlīnijas, es varu izveidot arī punktētus rakstus kā skrejlapu fonu. Lai to izdarītu, es vienkārši izveidoju jaunu dokumentu ar izmēru 4x4 pikseļi.
Izmantojot atlases rīku, izvēlos četrus pikseļus apakšējā labajā pusē un aizpildu tos ar melnu krāsu. Pēc tam, izmantojot izvēlni Rediģēt, definēju rakstu.
Režīmā Kopēt vienu otrā ar 70 procentu necaurspīdīgumu šis ir arī ātrs veids, kā izveidot interesantu fonu skrejlapām.
2. solis: punkti ar reljefu
Es varu uzlabot punktoto izskatu, izveidojot pikseļu reljefu.
Vispirms izveidoju jaunu dokumentu ar izmēru 3x3 pikseļi. Vidējo pikseli aizpildu ar melnu krāsu. Diviem blakus esošajiem pikseļiem apakšā un labajā pusē piešķiru 50 % pelēku krāsu. Pikselu apakšējā labajā pusē aizpildu ar 80 % gaiši pelēku krāsu.
Reljefa izskats piedāvā vēl vienu interesantu iespēju skrejlapas elementu noformēšanai režīmā Interlocking.
Solis Nr. 3: apļa mozaīka
Izveidoju vēl vienu jaunu dokumentu 20x20 pikseļu izmērā. Arī šeit fons ir caurspīdīgs.
Izmantojot elipses rīku, dokumentā uzzīmēju apli, turot nospiestu taustiņu Shift (tas nodrošina, ka mans aplis ir arī sfērisks). Krāsa ir melna, bet tas nav svarīgi.
Pēc tam aplis tiek definēts arī kā raksts, un to var izmantot kā fona efektu. Kā alternatīvu es varu vienkārši atstāt apli caurspīdīgu un ārējās zonas iekrāsot melnā krāsā. Tas ir arī lielisks veids, kā izcelt fotogrāfiju dizainu.
3. Rastrēšanas efekti
Solis Nr. 1. Rastrēšanas filtrs kā alternatīva rakstu definēšanai
Punktu fonu ir iespējams izveidot arī, izmantojot rakstus bez rakstu definēšanas novirzēm.
Es izveidoju jaunu slāni un aizpildu to ar 50 % pelēku krāsu. Iestatīju režīmu Kopēt vienu otrā.
Tagad atveru Rasterizācijas efekta filtru, izmantojot izvēlni Filtrs>Rakstīšanas filtrs.
Raksta tips ir Dot ar lielumu 1 un kontrastu 30. Ieteicams krietni palielināt priekšskatījumu, lai noteiktu kontrastu (labi der 400 procenti).
Es apstiprinu ar OK. Mans punktveida režģis ir pabeigts.
Solis Nr. 2: Variācija ar apļiem un līnijām
Kā alternatīvu punktu raksta veidam es varu atrast apļus un līnijas arī Rasterizācijas efekta filtrā. Arī šie divi rakstu tipi ir ļoti jauki varianti vienkāršiem skrejlapu foniem.
Horizontālu līniju piemērs:
3. posms: līniju transformācijas
Rasterizācijas efektu ģenerēšanas trūkums, izmantojot filtru, ir tas, ka man nav plašu variāciju iespēju izmēru ziņā. Ja vēlos, lai attēlā būtu ļoti smalkas līnijas, ar šo filtru es sasniedzu savas robežas. Tad man vienīgā iespēja ir vai nu palaist rastrēšanas efektu lielākā dokumentā, vai dublēt to pašreizējā dokumentā un samazināt izmēru, nospiežot Ctrl+T.
To pašu es varu izdarīt arī vienkārši samazinot esošā slāņa izmēru no paša sākuma, izmantojot Ctrl+T, dublējot to ar Ctrl+J un ievietojot to izveidotajā atstarpē.
Secinājums: Rasterizācijas efekta filtrs spēj man sniegt visātrākos risinājumus gludu skrejlapu fonu veidošanai. Tomēr smalki noregulētiem attālumiem starp līnijām un punktiem es nevaru tikt galā ar šabloniem.
Piemērs apļiem:
4. režģa un līniju raksts
Lai prezentētu produktus, logotipus vai burtu elementus, dažkārt ir lietderīgi skrejlapas fonā izvietot efektīvu režģi vai rakstu. Vēlos parādīt divus iespējamos veidus, kā vienkāršā veidā izveidot interesantu fonu.
4.1. Līniju raksts ar iluzoru efektu
Pirmajā piemērā parādīšu, kā izveidot līnijas rakstu ar iluzoru efektu.
1. solis: jauns dokuments
Izveidoju jaunu dokumentu 1200 x 800 pikseļu izmērā. Fons ir melns.
Solis Nr. 2: Izveidoju divus jaunus slāņus
Izveidoju jaunu slāni, izmantojot kombināciju Ctrl+Shift+Alt+N. Es izpildīju šo saīsni divas reizes.
Solis Nr. 3: izvēlos līnijas apgabalu un aizpildīšu to ar baltu krāsu.
Izmantojot rīku laso, izvēlos aptuveno līnijas raksta apgabalu. Tiek aktivizēts augšējais slānis. Aizpildu atlasi ar baltu krāsu.
Solis Nr. 4: izplūšana
Izsaucu Gausa izplūšanas filtru, izmantojot izvēlni Filter>Blur filter.
Jāizvēlas tāds rādiuss, lai malas būtu skaisti izplūdušas. Manā piemērā ļoti labi der aptuveni 50 pikseļi.
Solis 5: Izplūdums
Es iestatīju slāņa režīmu uz spekle.
6. solis: Samazināt līdz vienam ar pamatā esošo slāni.
Lai saglabātu plankumaino efektu, bet joprojām atgrieztos pie parastā slāņa režīma, izvēlos slāni ar pamatā esošo slāni un samazinu to līdz vienam, izmantojot īsceļu kombināciju Ctrl+E.
7. solis: Kustības izplūdums
Izmantojot izvēlni Filtrs>Gludais filtrs, izvēlos filtru Kustības izplūšana.
Es izvēlos centra attālumu aptuveni 275 pikseļi, lai no maniem plankumiem radītu lineāru efektu.
Solis 8: Slāņa dublēšana un rastrēšanas efekts
Nākamajā solī dubloju slāni, samazinu necaurspīdīgumu līdz 50 procentiem un atveru rasterizācijas efekta filtru, izmantojot izvēlni Filter>Drawing filter.
Iestatīju raksta tipu Line (Līnija) ar izmēru 1 un kontrastu 0.
9. solis: Filtra efekta krāsošana
Izveidoju Hue-Saturation korekcijas slāni. Lai iekrāsotu līnijas efektu, aktivizēju izvēles rūtiņu Krāsa.
- Hue: 224 zilajam tonim
- Piesātinājums: 39
- Spilgtums: -10 līdz 0 - atkarībā no esošā izskata.
Fons ir gatavs, un tam var piešķirt logotipu, tekstu vai tamlīdzīgu elementu:
10. darbība: pārveidošana
Es izvēlos abus līniju slāņus un pēc tam pārveidoju tos par viedo objektu. Es varu izmantot kombināciju Ctrl+T, lai padarītu skatu nedaudz dinamiskāku, ļaujot līnijām virzīties no kreisās apakšējās daļas uz labo augšējo.
Solis 11: Pielāgojiet logotipu un pārlaidumu
Savu logotipu iekrāsoju melnā krāsā, izmantojot krāsu pārklāšanu aizpildīšanas opcijās, un iestatīju ārpusei spožumu baltā krāsā ar 75 % necaurspīdīgumu un 35 px izmēru krāsu izkliedes režīmā.
Dokumenta lielumu varu pielāgot pēc vajadzības, izmantojot apgriešanas rīku.
4.2 Režģa raksts
Režģa raksts ļoti labi izskatās kā fona elements skrejlapā. To var pilnībā izmantot fonā vai kā izceļošu dizaina elementu.
Solis Nr. 1: Izveidojiet rakstu
Jaunā dokumentā ar izmēru 50x50 un caurspīdīgu fonu, izmantojot atlases rīku, augšpusē un kreisajā pusē uzzīmēju šauru atlases joslu. Aizpildu šo atlasi ar baltu vai melnu krāsu.
Pēc tam saglabāju rakstu, izmantojot izvēlni Edit>Set pattern (rediģēt>Izveidot rakstu).
Solis: režģis kā fona raksts
Es varu izmantot rakstu kā parastu fona elementu, aizpildot jaunu slāni ar rakstu, izmantojot aizpildīšanas rīku.
Ja vēlos plašāku režģi, varu to vienkārši izdarīt, izmantojot aizpildīšanas opcijas, piešķirot režģim kontūru, izmantojot to pašu aizpildīšanas metodi.
Ja tā vietā vēlos, lai režģis būtu lielāks vai mazāks, ir lietderīgi izveidot slāni ar jebkuru krāsu, iestatīt apgabala slīdni uz 0 un aizpildīšanas opcijās iestatīt raksta pārklājumu ar režģa rakstu. Pēc tam es varu mērogot režģi pēc vajadzības.
Lai optimizētu turpmāko apstrādi, es varu arī izvadīt savu raksta pārklājumu kā atsevišķu slāni, uzklikšķinot ar peles labo pogu.
Solis: režģis kā dizaina elements
Režģi var izmantot arī kā dizaina elementu.
Šajā piemērā (attēla avots: Mike Liu - Fotolia.com) es vēlos piešķirt gaismai vēl lielāku dinamismu. Tāpēc es pievienoju režģa rakstu jaunam slānim, izmantojot aizpildīšanas rīku.
Lai pielāgotu režģi gaismas gaitai, izmantoju kombināciju Ctrl+T>Bend. Tas piešķir spīdumam dinamisku papildu efektu.
Ja aizpildīšanas opcijās krāsu izkliedes režīmā iestatu ārpusi ar 20 pikseļu lielumu, arī šis efekts patīkamā veidā spīd.
Bākas attēlā varu uzsvērt jūras atmosfēru, imitējot viļņus ar režģi. Arī šajā gadījumā es pievienoju režģi jaunam slānim un salieku to, lai radītu viļņu efektu.
Izmantoju aizpildīšanas opcijas, lai režģim piešķirtu baltu kontūru no ārpuses, kuras izmērs ir 1 piksele. Tādējādi režģis kļūst nedaudz biezāks.
Un tāpat kā režģa formu var mainīt, to izkropļojot, es varu arī akcentēt režģus, līnijas un apļus skatā, izmantojot transformācijas un slāņu maskas. Izmantojot līniju rakstus, es varu pat imitēt sinedoti.
Šajā piemērā esmu iestarpinājis apļveida režģi un, izmantojot slāņa masku, ierobežojis to tikai uz iekšējo apgabalu skatā, kā rezultātā bākas augšdaļā rodas sava veida dzirksteļojošs efekts.
5. Bezgalīgs raksts un bezšuvju flīzes
Bezgalīgos rakstus un bezšuvju flīzes bieži izmanto skrejlapu un tīmekļa vietņu foniem. Savas pamācības pēdējā daļā vēlos parādīt vairākas pieejas bezgalīgo rakstu izveidei.
5.1. Vienkāršais bezgalīgais raksts
Man ir attēla sadaļa, kuru vēlos izveidot kā bezgalīgu rakstu. Izmantojot teksturētus attēlus, man ļoti bieži izdodas izveidot rakstu bez redzamiem savienojumiem. Svarīgi ir tikai tas, ka es pārvaldu atlasi.
1. solis: atlasiet raksta apgabalu
Manā piemērā es vēlos izveidot bezgalīgu rakstu no šīs tekstūras. Es izvēlos visu attēla apgabalu, izmantojot kombināciju Ctrl+A. Tā kā iespēja mainīt atlasi, izmantojot izvēlni Atlase, ir pelēkā krāsā - pat programmā CS5 -, izmantoju alternatīvu metodi, lai izveidotu precīzu atlasi.
Pēc klikšķa ar peles labo pogu>Pārveidot atlasi izvēlnes joslā parādās vairāki ciparu ievades lauki. Es iestatīju savas atlases augstumu un platumu uz 70 procentiem katrā. Pēc tam apstiprinu ar Enter.
Solis Nr. 2: Kopējiet un ielīmējiet atlasi
Izmantojot kombinācijas Ctrl+C un Ctrl+V, es varu kopēt un ielīmēt savu atlasi jaunā slānī.
Solis 3: Apgriežam rakstu un iestatām kā rakstu
Es izmantoju rīku Apcirpt, lai apgrieztu rakstu. Es varu definēt rakstu, izmantojot izvēlni Rediģēt.
4. solis: Izmantot kā fonu
Es izveidoju jaunu slāni savā skrejlapā un aizpildu to ar paša izvēlētu krāsu. Iestatīju apgabala slīdni 0 %. Aizpildīšanas opcijās cilnē Pattern overlay (Modeļa pārklājums) piešķiru iepriekš definēto rakstu savai skrejlapai.
Iestatīju aizpildīšanas metodi Luminance. Necaurspīdīgums tiek samazināts līdz zemākai vērtībai. Es varu mainīt raksta lielumu, izmantojot slīdni Mērogs. Precīzai pozicionēšanai varu izmantot peli, lai pārvietojis rakstu tieši uz pareizo vietu dokumentā.
5.2. Atkārtojošais raksts
Lai panāktu šo tipisko "tapetes izskatu", ko kā atkārtojošos rakstu var atkal un atkal redzēt tīmekļa vietņu un skrejlapu fonos, man ir jāizmanto nobīdes filtrs.
1. solis: velciet formu un iestatiet to kā rakstu
Izmantojot rīku Custom Shape (Pielāgota forma), dokumentā uzzīmēju ziedainu formu 500 x 500 pikseļu izmērā, kas kļūs par manu tapetes rakstu. Es novietoju formu tieši dokumenta centrā. Pēc tam definēju savu zieda formu kā rakstu.
Solis Nr. 2: Nosakiet nobīdi
Tapetes izskats vēl nav pabeigts, pat ja es jau varētu izmantot rakstu atkārtoti. Trūkst nobīde. Lai to panāktu, izveidoju jaunu dokumentu, kura izmērs ir divreiz lielāks par iepriekšējā, t. i., 1000x1000 pikseļu.
Aizpildu slāni ar savu rakstu. Parādās četri elementi. Izmantojot atlases rīku, izvēlos rakstu kolonnu.
Izmantojot izvēlni Filtrs>Citi filtri>Pārbīdes efekts, iestatu vertikālo nobīdi efektam. Es izvēlos pikseļus tā, lai augšējā mala būtu tieši pie apakšējās malas.
Pēc tam, izmantojot izvēlni Rediģēt, iestatu šo rakstu kā rakstu un varu to izmantot kā fonu savā skrejlapā. Arī šeit raksts ir novietots kā raksta pārklājums uz pelēka slāņa Luminance režīmā ar 20 procentu necaurredzamību.
5.3. Bezšuvju flīzes tekstūrām
Protams, reti kad ir tik vienkārši kā pirmajā piemērā radīt rakstu bez redzamiem savienojumiem.
Tomēr arī neregulāras tekstūras var padarīt par bezšuvju flīzēm. Lai to izdarītu, es vēlreiz izmantoju Shift efekta filtru un pēc tam laboju redzamās malas.
Solis Nr. 1.: Pārejas efekta piemērošana
Manas tekstūras izmērs ir 1000 x 1000 pikseļi. Ja es to iestatu kā rakstu un piemēroju to lielākam dokumentam, pārejas izskatās šādi:
Es atgriežos pie savas tekstūras faila ar sākotnējo izmēru 1000 x 1000 pikseļu. Izmantojot izvēlni Filtrs>Citi filtri, izvēlos filtru Pārbīdes efekts. Tajā iestatu horizontālo un vertikālo nobīdi tieši uz pusi, t. i., 500 pikseļu abos gadījumos.
Solis Nr. 2: Redzamās šuves labošana
Tagad redzamā šuve ir redzama centrā.
Kopš CS5 satura labošanas funkcija ir pieejama apgabala labošanas otas sadaļā. Es izmantoju apgabala labošanas otu, lai atzīmētu šuves ar mīkstu otas galu. Ir aktivizēta izvēles rūtiņa Content-aware.
Šuves tagad tiek labotas automātiski. Iespējams, ka būs jālabo vairākas reizes.
Tomēr, manuprāt, visefektīvākais rīks malu labošanai joprojām ir skārienjūtīgais rīks, ko var izmantot arī lietotāji, kuri vēl neizmanto CS5 versiju. Aktivizējot izvēles rūtiņu Avots, es vienkārši izvēlos šuves un velku atlasi tīrā apgabalā. Tiek pielāgots krāsu tonis, piesātinājums, spilgtums un kontrasts, un redzamā šuve tiek pārliecinoši labota.
Kad redzamā šuve ir salabota, es, izmantojot izvēlni Edit (Rediģēt), definēju savu rakstu.
Solis Nr. 3: Ievieto bezšuvju flīžu rakstu
Izveidoju jaunu failu ar izmēru 2000x2000, un tagad varu izmantot aizpildīšanas rīku, lai ievietotu savu bezšuvju flīžu tekstūru.
Tekstura ir īpaši noderīga, ja attēlam jāpievieno novecošanās, grunge u. c. efekti. Skatīt attēlu zemāk (attēla avots: Lev Dolgatsjov - Fotolia.com).
Tāpēc ļoti lieliem dokumentiem ir lietderīgi vienkārši izveidot bezšuvju flīzējamās tekstūras. Šajā parauga attēlā iepriekš parādītā tekstūra ir ievietota attēlā kā pārklājums pārklājuma režīmā un nedaudz desaturēta, izmantojot Hue/Saturation korekcijas slāni kā nogriešanas masku.
Šai pamācībai kā darba fails ir pievienots 16 rakstu komplekts. Tajā ir šajā pamācībā parādītie diagonālās, horizontālās un vertikālās skenēšanas līnijas, pikseļu reljefi un punktu raksti, apļveida mozaīkas raksti un režģa raksti.
