A megjelenítés palettájának ereje
Bevezetés:
Kedves PSD Közösség. Örülök, hogy ismét részt vesztek az egyik oktatóanyagomban. Ma egy ilyen gombot fogunk létrehozni együtt (1. ábra). Azonban ennek a gombnak van egy különlegessége. Ha itt megváltoztatjuk a feliratot, akkor a gomb mindig automatikusan méretre igazodik. Hogy hogyan működik ez, és hogyan hozhatot létre egy ilyen gombot vagy hasonlót az Adobe Illustratorban, most az alábbi oktatóanyagban megtudhatjátok. Jó szórakozást ...
1. lépés: Felirat létrehozása
Amikor az Illustratorban vagy, először menj a Fájl>Új menüpontra, és hozz létre egy új munkaterületet. Válassz egy 300x150mm-es méretet, majd erősítsd meg az OK gombra kattintva.
Válaszd ki most a Szöveg eszközt a Eszköztár-ból, majd kattints egyszer a munkaterületedre. Most bármilyen szót választhatsz. A példámban a VINTAGE szót nagybetűkkel írom. Ehhez a Myriad Pro betűtípust használtam félkövér stílussal. A betűméretet 150 pt-ra állítottam.
A Igazítás paletta-val segítségével középre igazítsd a szöveget a munkaterületeden (4. ábra).
Ha hiába keresed ezt a palettát, a Ablak>Igazítás menüpont alatt találod meg.
Kis tipp:
Azért válassz egy erős betűtípust a gombhoz, hogy később jól nézzen ki, mert később még finom színátmenettel dolgozunk majd, ami egy nagyon finom betűn nem lenne látható.
Válassza most ki a feliratát, és kapcsolja ki a kitöltőszínt, így a felirat nem lesz látható. (Ne ijedj meg, így kell lennie ;-) ) (lásd 5. ábra).
2. lépés: Most jön a gomb egyedisége
Miután létrehoztad a feliratot, most kezdhetjük meg az eszköz körül a gomb felépítését. És most jön a különlegesség: Az egész gombot a Megjelenés palettában fogjuk felépíteni és formázni. (Tehát később csak egyetlen objektumot fogsz találni a réteg palettádban).
Először lássuk meg a Megjelenés palettát az Illustratorban. Ha még nem látható számodra, akkor megtalálhatod az Ablak>Megjelenés menüpont alatt.
Válaszd ki most a feliratodat és kattints a Megjelenés palettában a kis gombra a bal alsó sarokban (lásd 6. ábra). Ezáltal létrejön egy új kitöltőszín, és újra látni fogod a feliratodat.
Kattints most a Fekete/Fehér színátmenetre, majd a Színátmenet palettában fordítsd el -90°-val (7. ábra).
Most ezt a jelenlegi nagyon kemény színátmenetet kissé lágyítsd. Ehhez a Színátmenet palettában kattints a fekete színmezőre, és változtasd meg a tiszta feketét világosszürkévé (8. ábra).
Ezután menj vissza a Megjelenés palettába és hozz létre ezúttal egy Kontúrt. (Ezt újra egy kis gombbal a bal alsó sarokban teheted meg - lásd 9. ábra).
Menj most a Kontúr palettába (ha ez nem látható, megtalálod az Ablak>Kontúr menüpont alatt, vagy a Command+F10 billentyűkombinációval) és jelöld be az Szaggatott vonal opciót (10. ábra).
Mivel ez a Kontúr valamiféle varrást kell ábrázoljon, kissé befelé kell tolni, hogy a betűn legyen. Ezt tedd meg az Effekt>Útvonal>Útvonal eltolás... menüponton keresztül. Add meg a következő ablakban az -1 mm értéket, majd erősítsd meg az OK gombbal.
Ehhez a szaggatott Külsőéhez még adj egy 70% -os szürke színt (12. ábra).
A következő lépés az, hogy elkészítsd a gomb keretét. Ismét a Lenyíló menű -be mentek, és mint az előző lépésekben, készítenek egy új teljes színt. Oldjátok meg ezt a területet piros színnel, és ügyeljetek arra, hogy ez a terület teljesen legalul legyen az Lenyíló menű -ben (13. ábra). (Ha ez nem így van nálatok, egyszerűen húzzátok lefelé a színt az egérrel).
Jelenleg ez a terület még a felirat alakját mutatja, így nincs látható. Hogy ezt egy Téglalapmá alakítsátok, menjetek a Fitílus > Áthelyezés formára > Kerekített téglalap opcióhoz. A megnyíló párbeszédablakban megtarthatod az alapértelmezett értékeket, vagy szabadon megváltoztathatod őket. Erősítsd meg az ablakot az OK gombbal.
Ezt a frissen létrehozott piros téglalapot mostmár kell sokszorosítani. Kattintsatok az Lenyíló menű -ben a területre, majd kattintsatok a bal alsó sarokban lévő kis ikonra (lásd a 15. ábrán).
Most kétféle piros színű területetek van az Lenyíló menű -ben. Az alul lévőt töltsétek meg világos szürkével (30% fekete).
Ezután menjetek a Fitílus > Út > Út eltolása ... menüponthoz. A következő párbeszédablakban bátran elfogadhatjátok az alapértelmezett értékeket (3,5278 mm), majd a OK gombbal erősíthetitek meg. Ezzel a parancs segítségével egy vékony szürke keretet hoztatok létre a piros téeglak köré.
Most így kell kinéznie (17. ábra):
A következő lépés most az, hogy ismét egy varrás vagy szaggatott vonallal integráljátok a piros területbe. Ehhez menjetek a már megszokott Lenyíló menü -be, és most készítsetek egy új Keret -et a piros terület fölé (ismét az Lenyíló menü bal alsó részén található kis gombbal).
Ez a Keret alapértelmezésük csak a felirat körül kerül kialakításra, és az egyes betűk alakjára emlékeztet. Hogy ezt a Keret-ot egy kerek sarkú Téglalappá alakítsátok, menj az Ffitílus > Áthelyezés formára > Kerekített téglalap menüpontra.
A következő párbeszédpanelben aktiváljátok a Megtekintés lehetőséget, és válasszatok a Szélesség lehetőségnél egy 4mm-es értéket. Ugyanezt állítsátok be a Magasság esetén is. Hogy ez a Keret kicsit jobban illeszkedjen a mögötte lévő piros területtel, állítsátok be a Sarok sugara értékét 2mm-re, majd erősítsétek meg az egészet az OK gombbal.
A Keret a beállított 1pt-es vastagsága még kicsit vékony. Ezért a Lenyíló menü -ben a 2pt-esre állítsátok be.
Mivel ez a vonal még eléggé összenyomott és nem túl szép, állítsátok 6pt-re a vonal vastagágását a Keret menüben. Ezután váltsátok meg a kontúrszínt a feketéről a feherre.
Ezután a Combined should look something like this (Ábra 21):
Lépés 3: Finomítás
Most, hogy az alapot letettük a gomb számára, eljött az idő a finomításhoz, hogy minden még szebb legyen.
Az oktató során következő lépések saját belátásom szerint lettek kiválasztva, és mindenki számára egyénileg módosíthatók. Javaslom, hogy mindenképpen kísérletezzenek az beállításokkal, hogy minél egyedibb gallért tudjatok tervezni.
Az első lépésben adjunk egy enyhe átmenetet a piros területnek, hogy még több mélységet kapjunk a gombba. Ehhez ismét a Kinézet palettába kell menni, és adjunk egy fekete-fehér átmenetet a piros területnek.
Mivel ez az átmenet nem csak a szöveggel ellentétben vízszintesen, hanem függőlegesen is haladjon, ismét be kell írni egy 90°-os szöget a Gradiens palettába (22. ábra).
A piros átmenet számára két CMYK értéket állítottam elő nektek, melyeket vagy azonnal elfogadhatsz, vagy természetesen szabadon módosíthatsz az ízlésed szerint.
A felső részhez egy kissé világosabb piros árnyalatot választottam: CMYK - 0/100/100/0
Az alsó részhez egy sötétebb tónust használok: CMYK - 0/100/90/20.
Ezeket a színeket a fekete-fehér átmenethez rendelnünk, ehhez ismét a Gradiens palettában egy Színmezőre kell duplán kattintani, majd be kell írni a CMYK értékeket (23. ábra).
Ezután valami ehhez hasonló képet kell látnotok (24. ábra):
Végül adjunk a gombnak egy enyhe árnyékot. Kattints az Kinézet palettában a legkülső szürke területre, majd a felső menüsorban válaszd az Effekt>Stílusosítók>Árnyékolás … A megjelenő ablakban állítsd be, hogy a szín lefelé irányuljon, és milyen lágyak legyenek a szélek. Én 2 mm-re állítottam az x-Verseny és y-Verseny mellett. Az Elmosás értékét 1,8 mm-re választottam. Ha elégedett vagy a beállításokkal, nyomd meg az OK gombot.
Íme, kész a gomb.
Pro & Contra:
Azoknak, akik most azt kérdezgetik magukban ezt a tutorialt követve, hogy milyen előnyök és hátrányok vannak egy ilyen gomb létrehozásakor a Kinézet palettában, készítettem egy rövid listát a Prok és Kontrák kiemelésére.
Pro:
• Ha létrehoztál egy ilyen gombot, és rájössz, hogy szeretnéd még módosítani a szöveget, ezt könnyedén megteheted anélkül, hogy problémákba ütköznél, mert a gomb mérete mindig automatikusan igazodik a szöveg magasságához és hosszához.
• Az összes kontúr, területi szín és színháromlás központilag található a Kinézet palettában, és bármikor könnyedén módosítható és testreszabható.
• Egy gombot az Egység palettában csak egyetlen objektumként jelenít meg, és gondoskodik arról, hogy minden áttekinthető maradjon, ha más objektumokkal dolgozol ugyanabban a fájlban.
Contra:
• Kezdetben talán kissé bonyolultnak tűnhet mindent a Kinézet palettában beállítani, de miután létrehozol egy-két ilyen gombot, gyorsan megérted a dolgot, és könnyen tudsz vele dolgozni.
• Ha a szöveget útvonalakká alakítod, bár lehetséges, azonban a különböző területek, kontúrok és színháromlások külön objektumokként jelennek meg az Egység palettában.
Befejező gondolatok:
Így véget ért a tutorial. Remélem, jó élmény volt számodra, és el tudtad sajátítani egy-két útmutatást vagy trükköt. Ha bármilyen kérdésed van a témával kapcsolatban, írj nekem bátran a kommentekben ennek a tutorialnak az alá. Igyekszem minél gyorsabban válaszolni.
Julian
