Ar ūdeni pildītā stikla teksts apvieno caurspīdīgumu un kustību, radot iespaidīgu efektu. Šo izskatu var izveidot un animēt Photoshop programmā, un tas ir lieliski piemērots digitāliem projektiem, piemēram, reklāmas baneriem vai sociālo plašsaziņas līdzekļu grafikām. Izmantojot slāņu stilus, maskas un laika līnijas animācijas, jūsu teksts ar reālistisku ūdens pildījumu un plūstošu kustību kļūs par pievilcīgu. Šajā pamācībā soli pa solim parādīšu, kā izveidot animētu, ar ūdeni pildītu stikla tekstu. Sāksim un atdzīvināsim jūsu tekstu!
1. Jauns dokuments
Sāksim, izveidojot jaunu dokumentu ar 2090 x 1000 Px.
Pēc tam dodamies uz sxc.hu, lai atrastu savu fona attēlu. Meklēšanas maskā vienkārši ievadām šādu attēla numuru: 1327434.
Pēc tam noklikšķinām uz attēla un velkam to savā Photoshop dokumentā.
Iespējams, mums būs nepieciešams nedaudz paplašināt attēlu (Ctrl+T ), lai tas ietilptu mūsu darba laukumā.
2. Izveidojiet tekstu
Tagad uzrakstām tekstu, uz kura vēlamies izveidot efektu. Mēs izmantojam krāsu #dbdbdb, izmēru 300 Px un fontu "FutonCondensed" Bold. Derētu arī cits treknraksts. Mums ir nepieciešams tikai daudz vietas, lai ūdens skaidri izceltos.
Dublējam teksta slāni un pārdēvējam abus slāņus. Apakšējo nosaucam par "apakšējo", bet augšējo - par "augšējo".
3. Slāņa efekti slānim "apakšējais".
Divreiz noklikšķinām uz slāņa "apakšējais" un pievienojam šādus slāņa stilus:
- Pievienojiet slāņa "Pilienveida ēna" un pievienojiet slāņa "Pilienveida ēna:
| Krāsa:. | #707070 |
| Leņķis: | 120°, deaktivizējiet "Globālā gaisma". |
| Attālums | 1 Px |
| Izmērs | 10 Px |
- Ēna uz iekšu:
| Leņķis | Deaktivizēt "Globālā gaisma" |
| Attālums | 0 Px |
| Izmērs | 10 Px |
| Kontūrs | Ielādējiet "Water 1", noklikšķinot uz bultiņas blakus kontūrai un pēc tam uz mazās bultiņas labajā pusē, tad uz Load contours un izvēlieties "water-1.shc". |
- Saplacināta mala un reljefs:
| Izmērs | 10 Px |
| Izplūšana | 3 Px |
| Ēnošana | 120°, deaktivizēt "Globālā gaisma", 11° augstums |
| Kontūrs | Ielādējiet "Water 2", noklikšķinot uz bultiņas blakus kontūrai un pēc tam uz mazās bultiņas labajā pusē, tad uz Load contours un izvēlieties "water-2.shc". |
Starprezultāts:
- Izlīdzināta mala un reljefa kontūra:
| Gluda | Atzīmējiet lodziņu |
| Kontūra | Ielādējiet "Water 3", noklikšķinot uz bultiņas blakus kontūrai un pēc tam uz mazās bultiņas labajā pusē, tad uz Load contours un izvēlieties "water-3.shc". |
| Diapazons | 100% |
Starprezultāts ("augšējais" slānis iepriekš jāizslēdz):
Mēs iestatām "augšējā" slāņa necaurspīdīgumu uz 0%, lai vēlāk būtu redzami tikai slāņa efekti.
Pēc tam divreiz noklikšķinām uz "augšējā" teksta slāņa nedaudz tālāk pa labi un iestatām šādus slāņa efektus:
- Ēnu uz iekšu:
| Leņķis: | Deaktivējiet "Globālā gaisma". |
| Attālums | 0 Px |
| Izmērs | 7 Px |
| Izlīdzināt | Atzīmējiet lodziņu |
| Kontūras | Ielādējiet "Water 4", noklikšķinot uz bultiņas blakus kontūrai un pēc tam uz mazās bultiņas labajā pusē, tad uz Load contours un izvēlieties "water-4.shc". |
Starprezultāts:
- Izlīdzināta mala un reljefs:
| Izmērs: | 12 Px (vēlāk varat eksperimentēt ar 24 Px, lai iegūtu vēl lielāku plastiskumu) |
| Izplūšana | 2 Px |
| Ēnošana: | Deaktivizēt 120° "Globālā gaisma", 16° augstums |
| Kontūrs | Ielādējiet "Water 5", noklikšķinot uz bultiņas blakus kontūrai un pēc tam uz mazās bultiņas labajā pusē, tad uz Load contours un izvēlieties "water-5.shc". |
Starprezultāts:
- Izlīdzināta mala un reljefa kontūra:
| Kontūra | ielādējiet "Water 6", noklikšķinot uz bultiņas blakus kontūrai un pēc tam uz mazās bultiņas labajā pusē, tad uz Load contours un izvēlieties "water-6.shc". |
| Diapazons | 100% |
Starprezultāts:
5. aizpildīt tekstu ar ūdeni
Tagad ņemam taisnstūra rīku...
... un uzzīmējam taisnstūra formu, kas nosedz teksta apakšējo daļu.
Krāsai jābūt #4594ab. Šim jaunajam slānim jāatrodas starp diviem teksta slāņiem "apakšējais" un "augšējais".
6. Iestatiet pirmos enkurpunktus
Tagad mēs izmantojam rīku pievienot enkurpunktu...
... un iestatām enkurpunktus katras rakstzīmes ārējās malās.
7. izveidojiet vilni
Kad esam to paveikuši, rakstzīmju iekšpusē iestatām vēl citus enkurpunktus.
Izmantojot tiešās atlases rīku, nedaudz pārvietojam tos uz augšu un uz leju, lai izveidotu vilni. Ja ir pārāk daudz punktu, tos atkal varam noņemt, izmantojot rīku dzēst enkurpunktu.
Starprezultāts:
8. noņemt kontūras
Tālāk rasterizējam taisnstūra slāni , tāpēc vispirms to dublējam, paslēpjam apakšējo slāni, pēc tam ar peles labo taustiņu noklikšķinām uz kopijas un izvēlamies Rasterizēt slāni.
Nospiežam taustiņu Ctrl un, kamēr tas ir nospiests, noklikšķinām uz ikonas slāņu paletē "apakšējā" teksta slānī, lai izveidotu atlasi ap tekstu.
Pēc tam nospiežam Ctrl+Shift+I, lai invertētu atlasi, vēlreiz izvēlamies ūdens formas kopiju un nospiežam Del. Pēc tam paslēpiet apakšējo ūdens formas slāni.
9. Pievienojiet slāņa efektus ūdenim
Pēc tam divreiz noklikšķinām uz ūdens slāņa, lai pievienotu slāņa efektus un piešķirtu ūdenim īsta ūdens tekstūru.
- Pilienveida ēna:
| Blendēšanas režīms | Daudzināt, #4494ab |
| Deaktivējam globālo gaismu | Deaktivējiet |
| Attālums | 3 Px |
| Trapping | 12 % |
| Aizpildījuma lielums | 3 Px |
Starprezultāts:
- Ēna uz iekšu:
| Aizpildīšanas metode | Daudzināt, #4494ab |
| Leņķis | -75° |
| Attālums | 0 Px |
| Izmērs | 16 Px |
Starprezultāts:
- Izlīdzināta mala un reljefs:
| Izmērs | 9 Px |
| Izplūšana | 3 Px |
| Leņķis | 120°, deaktivizēt "Globālo gaismu", augstums 42° |
| Kontūrs | Ielādējiet "Water 7", noklikšķinot uz bultiņas blakus kontūrai un pēc tam uz mazās bultiņas labajā pusē, tad uz Load contours un izvēlieties "water-7.shc". |
| Dziļuma režīms | Krāsu pēcekspozīcija, #4295ac |
Starprezultāts:
Ar nākamajiem iestatījumiem tiek izveidota ūdens tekstūra:
- Struktūra:
| Pattern | 9 Px |
| Mērogs: | 101 % |
| Dziļums | +356 % |
- Spīdums:
| Aizpildīšanas metode | Daudzināt, #4293aa |
| Izmērs | 10 Px |
| Kontūras | plata konusa forma, skatiet tālāk. |
Starprezultāts:
Tagad ūdens ir nedaudz tumšs, tāpēc pievienosim krāsu pārklājumu. Un, lai gaišākā krāsa neizskatītos pārāk plakana, mainīsim arī aizpildīšanas metodi. Specifikācijas ir šādas:
- Krāsu pārklājums:
| Blending mode: Krāsas krāsa: Krāsas krāsu sadalījums: Krāsas krāsu sadalījums: Krāsas krāsu sadalījums | Cietā gaisma, #24bce1 |
Starprezultāts:
- Gradienta pārklājums:
| Blendēšanas režīms | Mīkstā gaisma |
Starprezultāts:
Starprezultāts palielināts:
Lai atlikušais teksts izskatītos kā stikla burka, nevis tikai pelēks, mēs vienkārši pārejam uz "apakšējo" slāni un iestatām necaurspīdīgumu uz 0%.
Galīgais rezultāts:
10 variācijas: Zilā toņa maiņa
Šeit es vēlos parādīt, ko vēl varam izdarīt ar tekstu, izmantojot dažas nelielas optimizācijas. Cita starpā mēs varam mainīt ūdens zilo toni, slāņu paletē pievienojot korekcijas slāni Hue/Saturation....,
pārvietojiet to virs mūsu ūdens formas slāņa un izveidojiet apcirpšanas masku, turot nospiestu taustiņu Alt un klikšķinot, lai efekts ietekmētu tikai šo apakšējo slāni.
Varat piešķirt ūdenim nedaudz lielāku dziļumu, veicot dažas korekcijas slīdņiem.
11 Variācijas: Ūdens animēšana
Vēl viena iespēja būtu dublēt ūdens slāni (vispirms atkal piemērojiet apcirpšanas masku, nospiežot Alt+klikšķinot uz tā) un pēc tam divreiz noklikšķiniet uz Flatten Edge and Relief (izlīdzināt malas un reljefu ), lai piekļūtu slāņa stila iestatījumiem.
Pēc tam dodieties uz Struktūra un mainiet dziļumu uz 280 %. Tas nedaudz izmaina ūdens kustību.
Tad vēlreiz dublējam ūdens slāni, lai otro reizi mainītu struktūru...
... un iestatām dziļuma vērtību 470 %.
Pēc tam dodamies uz Window>Animation (logs>Animācija), lai izsauktu animācijas paneli.
Pēc tam noklikšķinām uz šāda simbola apakšā, lai piekļūtu kadra skata režīmam:
Tagad 2x noklikšķinām uz turpmāk parādītā simbola, lai izveidotu vēl 2 kadrus.
Pēc tam izvēlamies pirmo kadru, noklikšķinot uz tā:
Pēc tam paslēpjam divus apakšējos ūdens slāņus. Jābūt redzamam tikai augšējam slānim ar apgriešanas masku.
Tad noklikšķinām uz otrā kadra apakšā, paslēpjam augšējo un apakšējo ūdens slāni un parādām tikai vidējo. Pievienojam nokrāsas un piesātinājumakorekcijas slāni.
Tagad darām to pašu ar trešo kadru, lai būtu redzams tikai apakšējais ūdens slānis. Pēc tam izvēlamies visus 3 kadrus un iestatām sekundes 0,2.
Kreisajā pusē noklikšķiniet uz trīsstūra blakus vienreiz un izvēlieties Neierobežots, lai animācija netiktu atskaņota tikai vienu reizi, bet atkārtotos atkal un atkal.
Noklikšķiniet uz pogas atskaņot, lai redzētu, kā kustas ūdens. Tagad mēs varam saglabāt šo animāciju kā GIF failu, atverot sadaļu File>Save for Web and Devices (Failu>Saglabāt tīmeklim un ierīcēm).
Tur izvēlamies GIF un noklikšķinām uz Saglabāt.
Lai to visu apskatītu, labāk ir failu ievilkt pārlūkprogrammā. Tad tas tiks atskaņots tur.
Tagad esam gatavi. Es ceru, ka šis seminārs jums patika. Zemāk varat apskatīt mūsu animēto galarezultātu:
