Tööriistad Ja Õpetused
Samm-sammuline juhend kohandatud illustratsioonide kujundamiseks ilma joonistusoskuseta
Näen, et paljud ettevõtted kasutavad täna aktsiaillustratsioone või pilte. Kuigi need võimalused on odavad, lahjendatakse kaubamärgisõnumit, kuna visuaal ei ole tootele ainus.
google materjali kujunduse stiilijuhend
Maailmas, kus 74 protsenti sotsiaalmeedia ja B2B turundajate reklaamid kasutavad visuaale. Kriitiline on see, kuidas te ennast visuaalselt eristate.
Kui teie bränd on viljakas, õpivad inimesed teie brändiga seotud visuaalset keelt. Niipea kui nad näevad sama tootega seotud samu illustratsioone, nõrgeneb teie brändi identiteet.
Kohandatud illustratsioonide abil saavad brändi identiteedi elemendid ühineda ühise vaatenurga ja isikupära ümber. Nad suhtlevad klientidega intuitiivsel tasandil ja aitavad brändidel oma lugu püsivalt rääkida.
Paljud disainerid hoiduvad aga töötamast illustraatorid kartuses, et neil pole joonistamisoskust. Näitame teile, kuidas saab iga disainer välja töötada ilusad illustratsioonid, joonistamist pole vaja.
Vaatame kolme populaarset illustratsioonistiili ja rakendame väga lihtsaid samme omaenda kunstiteoste arendamiseks nullist. Järgmise projekti jaoks saate suurepärase väljanägemisega teoseid jälgida ja õpituid rakendada.
Taasta kuulus kosmoseillustratsioon.
Disainer ja illustraator Nina Georgieva on selle kurikuulsa Dribbble'i teose teerajaja ja nüüd on stiil muutunud omaette trendiks.
Varastades Georgievalt inspiratsiooni, loome mõned lihtsad sammud järgides oma ruumiillustratsiooni.
Selle saate lõpuks kätte.
1. Alusta tähtedest.
Illustratori „tähetööriista” abil saate luua nelja punkti. Seejärel muutke see 75 protsenti läbipaistvaks.
Valimise ajal kopeerige see oma kohale, vajutades klahvikombinatsiooni Ctrl + C, seejärel Ctrl + F.
Skaala vähendage ees olevat kuju.
Järgmisena lisage hõõguv efekt; vali suurem kuju; ja rakendage paneelil „Välimus” „Gaussi hägususe” efekt.
Lõpuks saate oma tähekuju salvestada paneeli “Sümbolid” sisse, et seda hiljem kompositsioonis kasutada.
2. Looge pilve kuju.
Pange ristkülikud kokku erinevate laiustega.
Ühendage need koos paneeliga 'Rajaleidja'.
Lõpuks andke kogu kujule kõrge nurgasraadiuse väärtus.
3. Tehke planeedist tekstuur pilvedest
Alustades pilve kujust, looge planeedi tekstuuri efekt, nagu eespool näidatud.
Virnastage paljud pilvekujud kokku ja lainelise mustri loomiseks veenduge, et teil oleks järjestikku välja- ja sissepoole kõveraid.
4. Timmige tekstuuri.
Enne planeedi kuju rakendamist lihtsustage lainelist mustrit.
Eemaldage tekstuuri ühelt küljelt lisapunktid ja tasandage see.
5. Loo tekstuuriga planeet.
Laineline muster kattub ringiga ja looge jaotis paneeli „Rajaleidja” suvandi „Jaga” abil.
Kustutage väljaspool ringi loodud lisakujundus ja looge valgusefekt, rakendades planeedi mõlemale küljele erinevaid halli väärtusi.
6. Lisage planeedile atmosfäär.
Looge kaks suuremat ringi ja kleepige need planeedi taha klahvidega Ctrl + X ja seejärel Ctrl + B.
Joondage need korralikult.
Lisage uutele ringidele läbipaistvus ja kolmandale ringile hägususe efekt (paneelil „Välimus”).
Grupeerige (Ctrl + G) ja salvestage tulemus paneeli “Symbol” sisse.
7. Planeete dubleerige ja värvige.
Kopeerige paneelilt „Sümbolid” mitu planeedikuju ja muutke need mõlemal küljel kahe erineva värviga.
Kasutage värvi valimiseks „Otsevaliku tööriista (A)“ ja värvi valimiseks ning rakendamiseks „Pipetitööriista (I)“.
8. Muutke oma planeetide suurus ja positsioneerimine
Liigutage planeete “Selection Tool (V)” abil erinevatesse asenditesse ja määrake neile erinevad suurused, lohistades valimisel ilmuvad valged nurgad (proportsionaalse suuruse suurendamiseks hoidke klahvi “Shift”).
9. Lisage rõngad.
Rõngaste tegemiseks tõmmake planeetide ümber paar jooneringi.
Väiksemate planeetide kleepimiseks rõngaste ette valige need, seejärel vajutage klahvikombinatsiooni Ctrl + X (lõika) ja Ctrl + F (kleepige ette).
10. Lisage taevasse mõned pilved ja tähed.
Paneelile „Sümbol” naastes lohistage pilvi ja tähe kuju.
Kopeerige, skaleerige ja paigutage need oma ruumi ulatuses nii, nagu soovite.
Siin on lõpptulemus.
Mängige skaala, asendi ja värvidega ringi, et see tõesti endale sobiks.
Lisage tüpograafia ja voila, teil on uus kohandatud töölaua taust.
Looge ApeeScape'i ajaveebi illustratsioonide stiil
ApeeScape'i ajaveeb on väärtuslik teadmiste ja inspiratsiooni allikas, mille on loonud tipptalendid kogu maailmas. Täpselt nagu see, mida praegu loete, sisaldab ka enamik artikleid sisu toetavaid illustratsioone. Objektide kujutamiseks kasutame lihtsaid geomeetrilisi kujundeid ja erksaid värve.
Vaatame, kuidas saate seda stiili rakendada mõne oma toiduillustratsiooni loomiseks.
Selle saate lõpuks kätte.
1. Joonista lihtne praad.
Prae loomiseks alustage pika ristkülikuga ja lisage „Pliiatsitööriista (P)” abil mitu serva üle serva.
Muutke kuju, liigutades punkte ümber, kasutades otsevalimise tööriista (A).
2. Loo majoneesikonteiner.
Looge kolm väheneva suurusega ringi tagant ette.
Välimine ring on anum, keskmine (valges) on majonees ja sisemine väiksem (värvilise joonega) ring on mõeldud valgusefektiks.
Lõigake sisemine ring pooleks ja veenduge, et paneeli “Stroke” “kork” ja “nurk” oleksid ümmargused.
3. Valmistage ketšup ja sinep.
Sinepi ja ketšupi loomiseks dubleerige majotops.
c korporatsioon või s korporatsioon
Kandke kastmele ja heledale lihtsalt erinevaid värve, nagu eespool soovitatud.
4. Lisage lainekujuline salat.
Jälgige pliiatsi tööriista (P) sirgjoont ja lisage sellele mitu punkti.
Jaotage nende horisontaalsed vahed paneelilt „Joondamine”.
Lohistage muutuvad punktid alla ja ümardage iga nurk maksimumini, kuni see on täiesti sile.
5. Loo leivaviil.
Loo pikk ovaalne; kattuks see lainekujuga ja looge jaotis, kasutades paneeli „Pathfinder” suvandit „Jaga”.
Eemaldage tööriistast „Jaga“ saadud lisakujundus, seejärel värvige leivaviil.
6. Valmistage burgerileib.
Peegeldage leivaviilu vertikaalselt ja lisage pealmisele kihile kallutuspunkt.
Ümardage see serv ülespoole, et saada sile burgerikukkel.
7. Lõpeta burger valmis.
Värvige salat roheliseks.
mis vahe on ac ja s corp vahel
Seejärel looge liha, juustu ja tomatite jaoks erinevad ümarad ristkülikud, kasutades vastavalt pruuni, kollast ja punast värvi.
Burgeri korralikuks kihistamiseks liigutage asju ümber.
8. Looge burgerist hot dog.
Alustades oma burgeri illustratsioonist, eemaldage tomatid ja juust, muutke salat majoneesiks ja sinepiks ning dubleerige alumine leib sümmeetrilisema hot dogi jaoks.
9. Kujundage pitsa kuju.
Alustage burgeri pealmisest kihist, viige alumised punktid alla ja viige need üksteisele lähemale.
Kopeerige kolmnurga kuju, vähendage seda ja muutke see juustulise aluse jaoks kollaseks.
10. Lisage tomatite kujundid.
Kattke suur punane ring väiksemate siseringidega ja kasutage paneeli „Rajaleidja” valikut „Miinus ees”.
Pange pitsa kujule mitu erineva suuruse ja asendiga tomativiilu.
11. Loo mõned lihaviilud.
Joonistage duplikaadiga „Pliiatsi tööriist (P)“ orgaaniline pruun kuju ja mõõtke see oma pitsa peale.
12. Lisage täiendavaid lisandeid.
Lisage pitsakatete viimistlemiseks tühjadesse ruumidesse väiksemad, värvilised, ümarad jooned.
13. Loo kõrs.
Pika valge ristkülikuga täht.
Lisage „Pliiatsi tööriista (P)” abil kaks punkti ja liigutage õlgede painutamiseks ülemisi servi.
Kopeerige ja kleepige keskmine punkt paremast servast, seejärel tehke punane joon ja täitke seda.
Liigutage punane joon valge ristküliku keskel.
14. Loo sooda kuju.
Joonistage kahepoolne hulknurk; lisage purk; liigutage neli ülemist punkti ülespoole; ja suunake (S) ülemine ja alumine serv väljapoole, et see sarnaneks pigem purgiga.
Velgede loomiseks lisage ülaosas ja allosas ümardatud ristkülikud.
15. Tõmmake purgi kuju ja mõõtke õlgi.
Kujundite muutmiseks liigutage punkte ümber, seejärel muutke purk ja põhk suhteliselt suureks proportsiooniks.
16. Lõpeta purgi lainekujundusega.
Joonistage purgile kujunduse orgaaniline ja laineline kuju.
Seejärel looge paneeliga 'Pathfinder' jaotis ja kustutage täiendavad välimised kujundid.
Siin on lõpptulemus.
Taastage Monument Valley mängust inspireeritud illustratsioon
Monument Valley on enimmüüdud mäng, mille on loonud UsTwo stuudio. See võitis kümneid auhindu, sealhulgas Apple'i 2014. aasta parima iPadi mängu, ja selle illustratsioonistiil on inspireeritud Escheri kaunist geomeetrilisest kunstiteosest.
Nüüd saate teada, kuidas hõlpsasti luua sama visuaalset stiili, mis tegi selle mängu nii tohutu edu.
Selle saate lõpuks kätte.
Kogu illustratsiooni jaoks kasutate ehitusplokkidena ainult lennukeid ja kuubikuid.
Värvipaletil on vee, rohu, puidu ja hoone jaoks neli värvi - kumbki kolmes toonis, et simuleerida loomulikku valgust.
1. Loo isomeetriline tasapind.
Alustage ruuduga, seejärel järgige isomeetrilise kuju loomiseks neid kolme sammu. Pöörake tähelepanu, sest kordate seda protsessi iga kord, kui vajate mõnda muud isomeetrilist kuju.
Nimetame seda 'isomeetriliseks efektiks'
Valige Effect> 3D> Extrude & Bevel Valige ilmuva suvandi paneeli rippmenüüst „Position” „Isometric Top”. Esimese valiku „Extrude & Bevel“ all määrake „Extrude Depth“ väärtuseks null.
Nüüd on teil isomeetriline tasapind.
Kujuga paremaks mängimiseks minge valikutele Objekt> Laienda välimust.
See võimaldab teil muuta lennuki värvi ja vabalt punkte liigutada.
Nimetame seda laiendusefektiks.
2. Jälgige saare nägusid.
Saare kuju kolme näo loomiseks looge ruut ja kaks piklikku ristkülikut.
Korrake igaühe puhul isomeetrilist efekti.
Teise sammu jaoks rakendage vastavalt valikuid „Isometric Top”, „Isometric Left” ja „Isometric Right”.
3. Täiendage ja värvige saare alus.
Rakendage laiendusefekt ja värvige iga nägu erinevate roheliste toonidega, nii et alati oleks kõige heledam.
erinevus s corp ja c corp
4. Looge kuupide näod perspektiivis.
Rakendage “Isometric Effect” kolmele ruudule, teisel sammul isomeetrilise vasakule, ülemisele ja paremale ruudule. See annab teile kolm nägu, mida vajate isomeetrilise kuubi saamiseks.
Pange tähele, et iga teie illustratsiooni objekt kasutab ainult kolme nägu. Selles peitub isomeetrilise perspektiivi ilu.
5. Koostage kuup.
Vabastage kuju laiendamise efektiga, viige näod kokku ja kandke valguse simuleerimiseks kolm halli tooni.
Näpunäide: heledaim toon on alati peal; kõige tumedam, paremale; ja keskmist tooni vasakule. Selle rakendamine igale kujundil olevale kujundile loob loomuliku valguse mulje.
6. Käivitage puu alus.
Järgige samu samme nagu isomeetriline kuup ja seekord pikendage vasakut ja paremat külge enne terviku ühendamist.
Seejärel kandke puidu tähistamiseks kolm pruuni tooni.
7. Lõpeta puu.
Puude koore vähendamine; dubleerida kuup; ja värvige oma nägu täpselt nagu maa kuju roheliseks.
8. Kasutage ehitusplokkide loomiseks kuupi
Kopeerige kuup ja värvige see ehitusmaterjali jaoks roosaks.
Mängi skaalaga; tornaluse loomiseks liigutage madalamaid punkte alla; ja vähendage seda samba loomiseks.
9. Pange tornid kokku.
Joondage torni alus ja roosa kuup.
Jätke nende vahele veidi ruumi ja asetage selle sammu sisse kolm sammast.
Täiusliku joondamise tagamiseks veenduge, et menüüvalikus „Vaade” oleksite määranud suvandid Snap to Point ja Nutikad juhendid.
10. Silda tornid.
Valige ülaltasandilt ülemine ja parem punkt ning klõpsake kaksiktornis samaväärse tasapinnaga punktide poole.
Tornsilla jaoks serva loomiseks kopeerige lihtsalt parempoolne tasapind ja muutke selle suurust.
11. Loo trepid.
Kopeerige ja kleepige tornist kolm nägu; bloki loomiseks joondage servad; ja seejärel liigutage alumistest punktidest ühe trepiastme loomiseks.
Kopeerige ja paigutage samme mitu korda.
12. Sulgege trepid.
Treppide vahede sulgemiseks joondage punktid vasakult küljelt.
llc vs c corp vs s corp
13. Pöörake treppe.
Valige oma valmis trepid ja kasutage peegeldustööriista (O), et luua teine vasakule suunatud plokk.
Valgustuse efekti austamiseks muutke kindlasti vasaku ja parema näo värve - paremale tumedam toon, vasakule keskmist tooni ja pealt heledamat tooni.
14. Ühendage trepid.
Kinnitage trepile mõned kuubikud, et luua vahekive, ja ühendage need tornidega.
15. Loo veesügavuse efekt.
Kopeerige ja vähendage helesinist pinda.
Asetage see erinevatesse asenditesse ja lisage meresügavuse efekti saavutamiseks veelgi tumedam sinine varjund.
16. Käivitage tekk olemasolevate tasapindade abil
Täpselt nagu treppide ja tornsilla puhul, alustage olemasolevatest nägudest, seejärel joondage punktid kuju sulgemiseks korralikult ja lõpetage pruunide puidust varjunditega.
17. Lisage tekile sambad.
Teki sammaste loomiseks valige puu koor, seejärel kopeerige, vähendage skaalat ja asetage see kohale.
Siin on lõpptulemus.
Muru ja lillede simuleerimiseks võite lisada suuremad tumedad laigud merele või väiksemad värvilised isomeetrilised ruudud saarel lennukisse.
Üldiselt on teil lõbus, liikuge asjadega ringi ja ehitage mõned lahedad tornid, kasutades lihtsalt õpitud lihtsaid ehitusplokke.
Kokkuvõtteks
Nagu nägime nende kolme juhendiga, ei vaja te mõne nägusa illustratsiooni loomiseks palju joonistamisoskust.
Kõik, mida peate meeles pidama, on need kolm põhimõtet:
- Alustage selge mõtte või kontseptsiooniga - mida te kujutate?
- Saage inspiratsiooni olemasolevate kunstiteoste ja stiilide kohta - varastage nagu kunstnik.
- Vaadake keerukaid elemente ja tõlkige need põhilisteks geomeetrilisteks kujunditeks, millest saate töötada - hoidke seda lihtsana.
Lõbutsege ise oma illustratsioone luues ja laadige oma uus kunstiteos üles Dribbble'is ja mujal veebis. Nautige!
• • •
Lisalugemine ApeeScape'i disainiblogist:
- e-kaubanduse kasutajaliides - ülevaade parimatest tavadest (koos infograafikaga)
- Inimkeskse disaini tähtsus tootedisainis
- Parimad UX-i disainerite portfellid - inspireerivad juhtumianalüüsid ja näited
- Mobiilsete liideste heuristilised põhimõtted
- Ennetav disain: kuidas luua maagilisi kasutajakogemusi
