A logó a márka egyik legreprezentatívabb vizuális eleme, képes közvetíteni a nyilvánosság számára, mi a lényege, és nagyon erős szimbólum. Ebben az oktatóanyagban bemutatom az Illustrator által kínált alapvető eszközöket a logó tervezéséhez, és megtanítom, hogyan hozhatja ki a legtöbbet belőlük. Ha szeretné tudni, hogyan készíthet logót az Adobe Illustrator alkalmazással, akkor nem hagyhatja ki ezt a bejegyzést!
Logó, izotípus vagy imagotípus
Normál esetben a logó szót arra használjuk, hogy a márkát jelképező szimbólumra utaljunk. Ezt a kifejezést azonban nem teljesen használják. Mielőtt nekilátnánk a tervezésnek, tisztázzuk ezt.
- El logo a márkát képviselő szimbólum, amelyből összeáll képek és szöveg (vagy tipográfia).
- Amikor a szimbólum csak egy kép, nincs szöveg, helyesebb a kifejezés használata izotípus.
- Vannak márkák, amelyek néha egymástól függetlenül használják logójuk különböző részeit. Például a Nike-t gyakran csak a swoosh. Amikor a logó kép társul a márkához anélkül, hogy szükség lenne a tipográfia kísérésére, úgy hivatkozhatunk rá képpel.
Hozzon létre új dokumentumot az Illustrator alkalmazásban, és figyelje meg a modellt
Hozzunk létre egy új dokumentum. Megadjuk a munkaasztalt a A4 méret, így nem fog hiányozni a hely a munkához. Megváltoztattam a színmód RGB-re.
Kezdjük egy egyszerű logóval, amelyet már korábban megterveztem. Ezt a modellt megnézve meglátjuk lépésről lépésre miként hoztam létre és milyen eszközökkel. Ők az, hogy képet kapnak arról, hogyan lehet a legtöbbet kihozni abból, amit az Illustrator kínál. A logó lebontásával azt látjuk Kombinált alakzatokból és szövegből áll.
Hozza létre az összes szükséges alakzatot az Adobe Illustrator programban
A bagoly teste
Koncentráljunk először a formákra. Az eszköztáron megtalálja a alakzatok eszköz. Ha rákattintunk, lehetőséget adunk téglalapok, ellipszisek, csillagok, sokszögek vagy vonalszakaszok létrehozására. Ebben az esetben szükségünk van hozzon létre egy téglalapot. Válassza ki az eszközt és az egeret húzva hozzon létre egy téglalapot, amely nagyjából megegyezik a fenti képen látható méretekkel.
Hogyan juthatunk el ettől a téglalaptól a bagoly testét alkotó alakig? Meg kell vetemednünk, és ehhez megvan a közvetlen kiválasztási eszköz az eszköztáron. Ha kiválasztja, látni fogja, hogy a téglalap sarkaiban egyfajta kezelők (a körök). Ha közvetlenül bármelyikre húzza, látni fogja, hogy a sarkok megfordulnak. Egyetlen sarok megvetéséhez csak kattintson egyszer, majd húzza meg. Látni fogja, hogy az a sarok elmozdul, a többi pedig a régi marad.
A bal alsó saroknál indulunk, a fogantyút a határig vesszük. Tovább haladunk a bal felső sarokban, és végül a jobb felsőt kerekítjük. Így megkapja a kívánt alakot.
A bagoly szeme
Széles, hogy alaposan szemügyre vegye a modellt. A szemek ugyanolyan alakúak, mint a test és két körre, egyik a másikban. Létrehozunk egy kisebb téglalapot, és megvetítjükMintha az előző lépésben tettük volna. Most létrehozzuk a köröket. Válaszd ki a ellipszis eszköz. Tökéletes kör létrehozásához meg kell nyomnunk a gombot váltás húzás közben, különben deformálódhat, és inkább ellipszis, mint kör.
Miután megvan a szem összes eleme, itt az ideje, hogy összeállítsuk. Bármely, az Illustratorban elvégzett tervezési feladathoz az igazítási eszköz alapvető. Lehet, hogy nem látható, mindig beléphetsz ablak>sorakozni. Ez automatikusan segít a különböző elemek összehangolásában. Hivatkozhat a rajztáblára, a kijelölésre vagy egy kulcsobjektumra. Az igazításhoz csak ki kell választania több objektumot és eválasszon egy igazítási lehetőséget. Ha referenciaobjektumot szeretne választani, végezze el a és kattintson arra az objektumra, amelyet kulcsobjektummá kíván alakítani, anélkül, hogy bármilyen gombot megnyomna. A pupillát a szem külső részén belül fogjuk központosítani.
Ismételje meg és fordítsa meg a másik szem létrehozását
Ha észreveszi, a másik szem pontosan ugyanaz, de ellentétes helyzetben van. Annak érdekében, hogy ne kelljen megismételnünk az egész folyamatot, meg fogjuk tenni duplicar a már létrehozott. Megteheti a + c (másolás), majd a + v (beillesztés) paranccsal, vagy választhatja nyomja meg az opció gombot és húzza. Megfordításához kattintson rá, és a tulajdonságok panelen, a "transzformáció" részben, a fenti képen látható szimbólumokkal, megfordíthatja az alakot, ebben az esetben vízszintesnek kell lennünk.
Hozza létre a szárnyat az útkeresővel vagy a toll eszközével
Térjünk vissza a nagy alakzathoz, látni fogja, hogy van egyfajta szárnya. Valójában ugyanaz az alakzat, amelyet a testhez használunk, hátrafelé fordítva. Megragadom az alkalmat, hogy elmagyarázzam két szuper hasznos eszköz a logók létrehozásához: a toll eszköz és az útkereső.
La toll eszköz Megvan az eszköztáron, és felhasználható a szárny létrehozására. Használata nagyon egyszerű. Egyszerűen kattintson csúcsok létrehozásához, és a vonalak automatikusan megrajzolásra kerülnek a csatlakozáshoz.
A szárny építésének másik módja az útkereső használata. Ha nincs látható, akkor az ablak fül> útkereső menüpontban találja meg. Ezzel az eszközzel egyesítheti vagy kivonhatja az alkatrészeket. Ebben az esetben ki kell választanunk az opciót: kevesebb elöl. Ismételje meg a test alakját, helyezze a szárny képződése mögé, és másolja újra, nyomja meg kevésbé elöl és törölje a felesleget. Már megvan a szárnyunk. Miután az összes forma elkészült, összeállíthatja a logót.
A logó színe és színátmenete az Illustrator alkalmazásban
Eddig nem érintettük a szín kérdését. Fontos, hogy a logó megtervezésekor ügyeljen a színére, olyan hangokat válasszon, amelyek harmonizálnak és képviselik a márka szellemét. Rózsaszínt választottam, otthagyom a fenti színkódot, hátha Önnek beválik. A szemek nincsenek kitöltve, fehér vonalúak, vastagságuk 0,25.
A test rózsaszín része nem lapos színű, a leromlott. A logisztikákkal gradienssel vagy anélkül ellentmondó vélemények vannak. Használatuk előtt kockázatot jelentett, mert a színátmenet elveszhet, amikor feltölti az internetre. Ez azonban megoldott probléma. Sok márka gradienseket használ logóiban, olyan márkák, amelyek felismerhetők, mint az Instagram. Én személy szerint szeretem őket, mert ha jól használják őket, akkor hangot adnak a logónak.
A színátmenetek alkalmazásához ki kell választanunk a színátmenet eszközt, és duplán kattintson az objektumra. A billentyűparancs megnyomásával duplán kattinthatunk. A Tulajdonságok panel színátmenetében kiválaszthatja a színátmenet típusát, és megjelenítheti a módosítani kívánt menüt a három pontban. Ebben az esetben olyan színátmenetet választottunk, amely feketéről fehérre változik, és a feketét rózsaszínűre, a fehéret pedig nagyon világos rózsaszínűre, majdnem fehérre cseréljük. Az alakban megjelenő sáv és a pontok mozgatásával módosíthatja a színátmenet helyzetét és felépítését.
Tipográfia a logóban
A szövegnek nincsenek komplikációi, az Oswlad Medium betűtípussal íródott, amelyet ingyen letölthet a Google Fonts oldalról. 17 pontot adtunk neki, és ugyanazt a rózsaszín tónust választottuk, így nézne ki!
A betűtípusok testreszabása az Adobe Illustrator alkalmazásban
Beszéljünk többet a tipográfiáról! A betűtípusok vonalakká alakíthatók, törni, deformálódni, és játszhatunk velük. Nagyon vonakodom ezt megtenni, de hé, a logók készítése jó erőforrás, és tudnia kell. Lássunk egy példát:
Válasszuk a File Black betűtípust, és én írom ezt a nevet. Ahogy most van, keveset tudunk tenni vele. A tipográfiát agyvérzéssé kell alakítanunk. Azért, kiválasztjuk a kiválasztó eszközzel, és lépjünk a szöveg fülre> körvonalak létrehozása. Mielőtt ezt megtenné, ellenőrizze, hogy a szöveg jól meg van-e írva, mert többé nem lesz képes szerkeszteni!
A körvonalak létrehozásával úgy kezelheti a szövegét, mint bármely más Illustrator vonást. Ahogy az alakzatokkal tettük, a közvetlen kiválasztó eszközzel meg fogjuk görbíteni az i végeit és a második „i” pontját, majd egyfajta levéllé alakítjuk, aminek ezt meg fogom adni türkiz hang. Érdekesség, hogy az egész szó használható logóként, vagy az „i” független képtípusként.
Tesztelje logóit a Photoshop makettjeivel
Érdemes megnézni, hogy működik-e a logója, ha maketteket készít a Photoshop segítségével. Ez a legjobb módja annak, hogy gyorsan lássa, hogyan is nézne ki a valóságban, és hogyan lehetne megvalósítani.