Skata palešu jauda

Ievads:

Labdien, dārgie PSD kopiena. Prieks mani redzēt atpakaļ vienā no maniem pamācību materiāliem. Šodien kopā izveidosim vienu tādu pogu (Attēls 01). Taču šai pogai ir kaut kas īpašs. Jo, mainot šeit rakstu, poga automātiski pielāgojas izmēram. Kā tas darbojas un kā jūs paši varat izveidot tādu pogu vai līdzīgu lietu Adobe Illustrator, to uzzināsiet šajā pamācībā. Izcili jums veiksme šajā procesā ...

Adobe Illustrator - Izskatu paletes iespējas

1. solis: Izveidojiet rakstu

Izveidojoties Illustrator, vispirms dodieties uz Faila>Jauns un izveidojiet jaunu darba dokumentu. Izvēlieties lielumu 300x150mm un apstipriniet, nospiežot Labi.

Adobe Illustrator - Izskatu paletes iespējas

Paņemiet tagad Teksta rīku no Rīku palešu un vienu reizi noklikšķiniet uz jūsu darbvirsmas. Tagad jūs varat izmantot jebkuru vārdu pēc savas izvēles. Manā gadījumā es rakstu vārdu VINTAGE lielos burtos. Man īpaši izvēlēju šriftu Myriad Pro ar Treknraksta stilu. Šrifta izmēru esmu izvēlējies 150pt.

Adobe Illustrator - Izskatu paletes iespējas

Izlīdzināšanas palešu, nodrošiniet, ka jūsu teksts ir centrālā pozīcijā jūsu darba vietā arī (Attēls 04).

Ja jūs neatrodat šo palešu sev, jūs varat to atrast ar izvēlni Logs>Izlīdzināt.

Adobe Illustrator - Izskatu paletes iespējas

Mazs padoms:

Lai jūsu pogai vēlāk būtu patīkams izskats, es jums ieteiktu izvēlēties diezgan resnu un spēcīgu šriftu, jo mēs vēlāk strādāsim ar nemanāmu krāsu pāreju un tā uz ļoti plānas rakstīšanas būtu nepamanāma.

Tagad atlasiet savu rakstu un izslēdziet plaknes krāsu, tādejādi jūs vairs neredzēsiet tekstu. (Nebaidieties, tas jādara tā ;-)) (skatiet Attēlu 05).

Adobe Illustrator - Izskatu paletes iespējas

2. solis: Tagad nāk īpašais šajā pogā

Pēc tam, kad esat izveidojis savu rakstu, mēs tagad varam sākt uzcelt pogu ap tekstu. Un tagad nāk īpašais: Mēs uzskatīsim visu pogu Skata palešu, lai to izveidotu un stilizētu. (Tātad vēlāk jūs atradīsit tikai vienu objektu savā Slāņu palešu).

Skata paleša Illustrator. Ja jums tas vēl nav pieejams, to varat atrast, izmantojot Logi>Skata.

Tagad atlasiet savu rakstu un klikšķiniet Skata palešā uz mazā pogas apakšējā kreisajā stūrī (skatiet Attēlu 06). Tas radīs jaunu plaknes krāsu un jūs atkal redzēsiet savu tekstu.

Adobe Illustrator - Izskatu paletes iespējas

Tagad noklikšķiniet uz balto/melnā pāreja un pagrieziet to Grādientu palešā uz -90° (Attēls 07).

Adobe Illustrator - Izskatu paletes iespējas

Tagad jums vajadzētu nedaudz nosilt šo momentāni ļoti stingro pāreju. To var izdarīt, noklikšķinot uz melnā krāsas lauka Grādientu palešā un mainot tīro melno par gaišu pelēko (Attēls 08).

Adobe Illustrator - Izskatu paletes iespējas

Pēc tam atgriezieties Skata palešā un šoreiz izveidojiet Kontūru. (To varat atkal izdarīt, nospiežot mazo pogu apakšējā kreisajā stūrī - redziet Attēlu 09).

Adobe Illustrator - Izskatu paletes iespējas

Tagad dodieties uz Kontūras palešu (ja tā nebūs redzama, to var atrast, izmantojot Logi>Kontūra vai arī, izmantojot īsceļu Command+F10) un padariet tur krustiņu pie Punktais līnijas (Attēls 10).

Adobe Illustrator - Izskatu paletes iespējas

Tā kā šai Kontūrai jābūt līdzīgai šujam, jums vajadzētu to nedaudz pārvietot iekšpusē, lai tas būtu uz raksta. To var izdarīt, ieejot Efektu>Ceļš>Ceļš pārvietot ... Ievadiet tur -1mm un apstipriniet, nospiežot Labi.

Adobe Illustrator - Izskatu paletes iespējas

Šai punktētajai kontūrai piešķirat 70% pelēku krāsu (attēls 12).

Adobe Illustrator - Izskatu paletes iespējas

Nākamais solis ir izveidot pogas rāmi. Lai to paveiktu, atveriet atkal Izskata paneļu un izveidojiet jaunu laukuma krāsu, tāpat kā iepriekšējos soļos. Piešķiriet šim laukumam sarkanu krāsu un rūpējieties, lai šis laukums būtu vispazīstams Izskata paneļā apakšā (attēls 13). (Ja tas jums tā nav, šo laukuma krāsu var viegli vilkt uz leju ar poga un vilkšanas funkciju).

Adobe Illustrator - Izskatu paletes iespējas

Pašlaik šai laukuma krāsai vēl ir uzraksta formas un tāpēc nav redzama. Lai pārveidotu visu par taisnstūri, dodieties uz Effektu>Pārvērst formas>Noapaļots taisnstūris. Nākamajā dialoglodziņā varat saglabāt noklusējuma vērtības vai mainīt tās pēc savas izvēles. Apstipriniet dialoglogu ar OK.

Adobe Illustrator - Izskatu paletes iespējas

Pēc jaunizveidotā sarkanā taisnstūra jums tagad tas nepieciešams dublēt. Lai to paveiktu, atlasiet laukumu Izskata paneļā un noklikšķiniet uz mazā simbola apakšējā labajā stūrī (skatiet attēlu 15).

Adobe Illustrator - Izskatu paletes iespējas

Tagad jums ir divi sarkanie laukuma krāsu Izskata panelī. Zemākajam no tiem piepildiet ar gaišu pelēku (30% melns).

Adobe Illustrator - Izskatu paletes iespējas

Tad dodieties uz Effektu>Cels>Pārvietot ceļu … Nākamajā logā varat droši atkal pieņemt noklusējuma vērtības (3,5278 mm) un apstiprināt ar OK. Ar šo komandu tagad esat izveidojis sava sarkano taisnstūra apmala cieto griestu.

Tagad viss jums vajadzētu izskatīties aptuveni šādi (Attēls 17):

Adobe Illustrator - Izskatu paletes iespējas

Nākamajā solī jums ir jāiekļauj vēl viena šūna jeb punktēta līnija sarkanajā laukumā. Lai to paveiktu, dodieties tāpat kā iepriekš Izskata paneļā un izveidojiet jaunu kontūru virs sarkana laukuma (atkal izmantojot mazo pogu apakšējā kreisajā Izkārtojuma paneļa apgabalā).

Adobe Illustrator - Izskatu paletes iespējas

Šī kontūra atkal tiek izveidota tieši ap rakstzīmju un ir arī atsevišķu burtu formas. Lai pārvērstu šo kontūru par apaļu stūru taisnstūri, jums ir jāspiež uz augšējās izvēlnes joslas Effekts>Pārvērst formas>Noapaļots taisnstūris ….

Aktivizējiet Skatīšanu nākamajā dialoglodziņā un izvēlieties 4mm vērtību Platums. To pašu iestatiet arī pie Augstums. Lai šī kontūra labāk harmonizē ar sarkanu laukumu aiz tā, iestatiet apaļo stūru rādiusu 2 mm vērtībā un apstipriniet visu ar OK.

Adobe Illustrator - Izskatu paletes iespējas

Ar noklusējuma biezumu 1pt šī kontūra vēl ir nedaudz par plāna. Tāpēc Izskata paneļā iestatiet to uz 2pt augstumā.

Adobe Illustrator - Izskatu paletes iespējas

Lai šī līnija nebūtu tik saspiesta un nepievilcīga, Kontūru paneļā iestatiet platumu no 2pt uz 6pt. Pēc tam mainiet kontūras krāsu no melnas uz balto.

Pēc tam visam jums vajadzētu izskatīties aptuveni šādi (Attēls 21):

Adobe Illustrator - Izskatu paletes iespējas

Solīši 3: Pilnveidojums

Tagad, kad pamata struktūra jūsu pogai ir gatava, ir laiks veikt vairākas detaļas, lai viss kopumā izskatītos vēl stilīgāk.

Šīs pamācības sekojošos soļus esmu izvēlējies saskaņā ar savu viedokli, un katrai personai ir tiesības pielāgot tos pēc saviem ieskatiem. Es ieteiktu jums eksperimentēt ar iestatījumiem, lai izveidotu pēc iespējas individuālāku pogu.

Kā pirmo soli piešķiram sarkanajai platībai nedaudzāku gradientu, lai saņemtu nedaudz vairāk dziļuma pogā. Lai to izdarītu, ieejiet Izskata paletē un piešķiriet sarkanajai platībai melnbalto gradientu.

Jo šis gradient, tāpat kā teksta gadījumā, nedrīkst iet no kreisās uz labo pusi, bet no augšas uz leju, jums atkal jāievada 90° leņķis gradienta paletē (attēls 22).

Adobe Illustrator - Izskatu paletes iespējas

Sarkanajam gradientam esmu jums sagatavojis divus CMYK vērtības, ko varat vienkārši pārņemt vai, protams, atkārtoti mainīt pēc sava ieskata.

Augšējā daļā izvēlējos nedaudz gaišāku sarkanu nokrāsu: CMYK - 0/100/100/0

Lai pieskirtu šīm krāsām melnbalto gradientu, jums jādubultklikšķina uz krāsu laukuma gradienta paletē un jāievada attiecīgā CMYK vērtība (attēls 23).

Adobe Illustrator - Izskatu paletes iespējas

Pēc tam jūsu rezultātam vajadzētu izskatīties aptuveni šādi (attēls 24):

Adobe Illustrator - Izskatu paletes iespējas

Beigās dodam pogai nedaudz ēnu. Uzklikšķiniet uz visām pelēkajām platībām Izskata paletē, tad dodieties uz augšējo joslas izvēlni Effekt>Stilizācijas filtrs>Ēna … Nākamajā logā varat noteikt, uz kuru pusi jūsu ēna novirzīsies un cik mīksta būs malas. Manā ēnā izvēlējos 2 mm x-nobīdei un y-nobīdei. Miglas vērtībai izvēlējos 1,8 mm. Ja esat apmierināts ar saviem iestatījumiem, apstipriniet logu ar OK.

Adobe Illustrator - Izskatu paletes iespējas

Jūsu poga ir gatava.

Adobe Illustrator - Izskatu paletes iespējas

Pro & Kontra:

Visiem tiem, kuri pēc šīs pamācības jautā sev, kādas ir šāda veida Izskata paletē izveidotās pogas priekšrocības un trūkumi, esmu sagatavojis īsu sarakstu ar Pro un Kontrām.

Pro:

• Ja pēc šādas pogas izveides saprotat, ka vēlaties mainīt tekstu, varat to darīt bez papildus problēmām, jo poga automātiski pielāgojas teksta augstumam un garumam.
• Visas kontūras, platumkrāsas un gradijenti ir centrāli izkārtoti Izskata paletē, un tos vienmēr var viegli mainīt un pielāgot jebkurā laikā.
• Šāda poga Slāņu paletē tiek attēlota tikai kā viens vienīgs objekts un nodrošina to, ka viss paliek pārredzams, strādājot ar citiem objektiem tajā pašā failā.

Kontra:

• Sākumā var šķist nedaudz sarežģīti iestatīt visu tikai ar Izskata paleti, taču, pēc tam, kad esat izveidojis vienu vai divas šādas pogas, ātri sapratīsiet un varēsiet ātri strādāt ar tām.
• Ja vēlaties pārvērst tekstu ceļos, tas ir iespējams, taču atsevišķas platības, kontūras un krāsu gradijenti tiek sadalīti dažādos objektos Slāņu paletē.

Noslēgums:

Tagad jau esam nonākuši pamācības beigās. Ceru, ka jums bija jautri un ka esat iemācījušies kādu padomu vai triku. Ja jums ir jautājumi par šo tēmu, lūdzu, vienkārši atstājiet tos komentāros zem šīs pamācības. Mēģināšu atbildēt uz tiem cik ātri vien iespējams.

Jūsu Julijs