apeescape2.com
  • Põhiline
  • Disaineri Elu
  • Ui Disain
  • Insenerihaldus
  • Andmeteadus Ja Andmebaasid
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.

ruumi illustratsioon

Allikas: Nina Georgieva



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.

valmis illustratsioon

1. Alusta tähtedest.

tähtede illustratsioon

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.

pilv

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

planeedil

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.

tekstuur

Enne planeedi kuju rakendamist lihtsustage lainelist mustrit.

Eemaldage tekstuuri ühelt küljelt lisapunktid ja tasandage see.

5. Loo tekstuuriga planeet.

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.

planeedi atmosfääri illustratsioon

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.

dubleerivad planeedid

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

planeedid

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.

heliseb ilustratsiooni

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.

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.

viimane illustratsioon

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.

Telli ApeeScape

Looge ApeeScape'i ajaveebi illustratsioonide stiil

ApeeScape

Allikas: ApeeScape'i ajaveeb



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.

viimane illustratsioon

1. Joonista lihtne praad.

prae illustratsioon

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.

majoneesikonteineri illustratsioon

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.

ketšupi ja sinepi illustratsioon

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.

salati illustratsioon

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.

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.

burgerileib

Peegeldage leivaviilu vertikaalselt ja lisage pealmisele kihile kallutuspunkt.

Ümardage see serv ülespoole, et saada sile burgerikukkel.

7. Lõpeta burger valmis.

valmis burger

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.

hot dogi illustratsioon

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.

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.

tomatite kuju

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.

lihaviilude illustratsioon

Joonistage duplikaadiga „Pliiatsi tööriist (P)“ orgaaniline pruun kuju ja mõõtke see oma pitsa peale.

12. Lisage täiendavaid lisandeid.

lisatäidete illustratsioon

Lisage pitsakatete viimistlemiseks tühjadesse ruumidesse väiksemad, värvilised, ümarad jooned.

13. Loo kõrs.

õlgede illustratsioon

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.

sooda purk

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.

näpistama illustratsioon

Kujundite muutmiseks liigutage punkte ümber, seejärel muutke purk ja põhk suhteliselt suureks proportsiooniks.

16. Lõpeta purgi lainekujundusega.

laine kujundus

Joonistage purgile kujunduse orgaaniline ja laineline kuju.

Seejärel looge paneeliga 'Pathfinder' jaotis ja kustutage täiendavad välimised kujundid.

Siin on lõpptulemus.

viimane illustratsioon

Taastage Monument Valley mängust inspireeritud illustratsioon

monumendioru illustratsioon

Allikas: Monumendi org



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.

lõplik monumendioru illustratsioon

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.

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.

näod

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.

saare baas

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.

kuubi näod

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.

komponeerida 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.

puu aluse illustratsioon

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.

puu illustratsioon

Puude koore vähendamine; dubleerida kuup; ja värvige oma nägu täpselt nagu maa kuju roheliseks.

8. Kasutage ehitusplokkide loomiseks kuupi

ehituskivid

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.

tornid

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.

tornide illustratsioon

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.

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 illustratsioon

Treppide vahede sulgemiseks joondage punktid vasakult küljelt.

llc vs c corp vs s corp

13. Pöörake treppe.

keerake 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.

ühendage trepid

Kinnitage trepile mõned kuubikud, et luua vahekive, ja ühendage need tornidega.

15. Loo veesügavuse efekt.

vee sügavus

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

olemasolevad lennukid

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.

lisage sambad

Teki sammaste loomiseks valige puu koor, seejärel kopeerige, vähendage skaalat ja asetage see kohale.

Siin on lõpptulemus.

viimane illustratsioon

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

Kuidas olla hämmastav finantskonsultant

Finantsprotsessid

Kuidas olla hämmastav finantskonsultant
Kuidas teha Androidi ja iOS-i rakendust Macis C # -ga

Kuidas teha Androidi ja iOS-i rakendust Macis C # -ga

Tagumine Ots

Lemmik Postitused
Efektiivse tarkvara tootmise kaheksa reeglit
Efektiivse tarkvara tootmise kaheksa reeglit
Tarkvara määratletud raadioõpetus: pildid rahvusvahelisest kosmosejaamast ja sinkide kuulamine RTL-SDR abil
Tarkvara määratletud raadioõpetus: pildid rahvusvahelisest kosmosejaamast ja sinkide kuulamine RTL-SDR abil
Kirjutage olulised testid: lahendage kõigepealt kõige keerukam kood
Kirjutage olulised testid: lahendage kõigepealt kõige keerukam kood
Kuidas tehisintellekt rahandusmaailma mõjutab
Kuidas tehisintellekt rahandusmaailma mõjutab
Lõplik juhend WordPressi pistikprogrammi loomiseks
Lõplik juhend WordPressi pistikprogrammi loomiseks
 
5-sammuline protsess blogi muutmiseks suure konversiooniga lehtrisse
5-sammuline protsess blogi muutmiseks suure konversiooniga lehtrisse
5-sammuline protsess oma ajaveebi muutmiseks kõrgeks konversioonitunneliks
5-sammuline protsess oma ajaveebi muutmiseks kõrgeks konversioonitunneliks
Ethereumi Oracle'i lepingud: kas me võime Oracle'i usaldada?
Ethereumi Oracle'i lepingud: kas me võime Oracle'i usaldada?
ApeeScape käivitab kaugtöö tegemise põhjaliku juhendi „The äkki kaugjuhtimisraamat“
ApeeScape käivitab kaugtöö tegemise põhjaliku juhendi „The äkki kaugjuhtimisraamat“
Nurga 5 õpetus: samm-sammult juhend teie esimese nurga 5 rakenduse jaoks
Nurga 5 õpetus: samm-sammult juhend teie esimese nurga 5 rakenduse jaoks
Lemmik Postitused
  • mis on nurgakomponent
  • c ++ sisaldab päisefaili
  • parimad sans serif-fondid printimiseks
  • kui palju droone on müüdud
  • erandite käitlemine kevadel mvc
Kategooriad
Projekti Juht Insenerihaldus Innovatsioon Vilgas Puldi Tõus Brändikujundus Elustiil Kasumlikkus Ja Tõhusus Veebi Kasutajaliides Tooteinimesed Ja Meeskonnad

© 2021 | Kõik Õigused Kaitstud

apeescape2.com