Visandõpetused

10 visandit, mis panid Owen Wilsoni ütlema „Wooow!“ (Tonni GIF-i!)

Kui te ei saanud pealkirjas viidet, palun teil seda videot vaadata. Te olete oodatud :)

Üks minu lemmik asju, mida rakenduses teha, on pistmine kõigi seadete ja menüüde ümber. Mõnikord löön isegi klaviatuuril juhuslikke klahve, et näha, kas see käivitab mingi peidetud funktsiooni, mis võluväel tasub minu õppelaenu ära.

Sellel pole veel õnne.

Asi pole selles, et proovin rakenduse lahti lüüa ringi nokitsedes. Mulle lihtsalt meeldib suruda oma piire, et näha, mis juhtub.

Siin on lühike loetelu mõningatest trikkidest, mille ma ringi minnes avastasin:

1. Kritseldusmeetod

Alustame asjad pauguga, kas pole?

Avastasin selle meetodi umbes kuu aega tagasi ja see on olnud minu varjatud anne esimestel kohtingutel. Tibud kaevavad selle, ma ütlen sulle. Kõrvalmärkus: võite juba teada seda trikki minu artiklist diagrammide kohta.

Alustuseks kritseldage nagu lasteaed pliiatsi tööriistaga (vajutage klaviatuuril P). Tihedamate alade jaoks kritseldage hunnik samasse kohta. Ärge unustage oma kritselduste massist välja kiigata, et luua mõned kõrvalekalded.

Seadke oma piir nii, et kriipsude vahe oleks lai ja kumerad. Presto! Lõite just mõned juhusliku hajumise andmed. Pange siia, partner

2. Piiriraadius üksikute tippudel

Nii et me teame juba nüüd, et saate kaldkriipsude abil piiriraadiuse kastis seada erinevad piiriraadiused:

SUUR ASI. Jk, päris lahe!

Aga! Samuti saate korraga sihtida üksikuid tippe, mis on keerukamate hulknurkade jaoks reaalajasäästja.

3. Pööratud kuju tasandamiseks, et piirdekast lähtestada

Pilt sellest: lõite just radikuju ja pöörate asja umbes 45º. Nüüd on asi kõik kokku keeratud, suuruse muutmine on keeruline ja see on nagu oleksite laine alla imetud, sest te ei tea, mis viis on ülespoole.

Lihtsalt tasandage see, et lähtestada kasti hea ol ristkülikuni:

4. Valikute lohistamine, seejärel käsk D vormide ja toimingute dubleerimiseks

Üksuste loendi koostamine? Lõpetage kujundite / rühmade kopeerimine, kleepimine ja teisaldamine nagu doofus.

Hoidke all nuppu, kui lohistate kuju / rühma soovitud kohta, seejärel vajutage selle kopeerimiseks nuppu Command + D. See mitte ainult ei dubleeri kuju, vaid kopeerib ka teie liigutatud vahemaad:

Pssst ... see töötab ka kunsttahvlitega!

5. Muutke Pathfinderi sätteid kombineeritud kujunditel

Mitu korda on seda teiega juhtunud, kui proovite hunniku kujundeid üheks ühendada:

Päris tüütu, eriti kui LobsterFest on kohe nurga taga ja TE EI JUBA LOGO LÕPPENUD, JON.

Olgu, hinges. Valige lihtsalt kombineeritud objekti kujundid ja seadke need olekusse Union:

Võite arvata, et see toimiks, kuid kuna on kujundeid, mis moodustavad tähtede augud, on need ka ametiühingud. Imeline.

Õnneks on Sketch nutikas ja võimaldab teil seada iga alakuju jaoks kombineeritud kujul erinevad teede ühendamise toimingud, nii et saaksime need augud hõlpsalt lahutada:

MUUDATUS: Kuigi on ikka hea teada, et saate kohandada üksikute kihtide liitmise toiminguid, on Steffen Karspeck fantastiline ja tõi välja, et oleksin oma täitmise eelistuse määramisega suutnud esimeses etapis augud ära hoida. Olen seda sada korda näinud, kuid tegelikult pole ma kunagi võtnud aega, et lugeda, mida need kaks võimalust tähendavad. Oleksin võinud endale natuke peavalu päästa :)

Aitäh, Steffen!

6. Objektide olekute sümbolite virnastamine

Ma ei mäleta oma elu jooksul seda, kus ma seda tehnikat esimest korda nägin, seega ei võta ma selle eest tunnustust. Kuid see on tark nagu põrgu, nii et siin me ikkagi läheme.

Sümboli kasutamine rakenduse navigeerimisel on suurepärane, kuna saate seda jagada lehtede vahel. Negatiivne külg on see, et aktiivse lehe kuvamiseks navigatsioonisüsteemis peab teil alati olema mingi kiht Valitud Nav üksus.

Loobugem lisakihist, kasutades tehnikat, mida ma nimetan sümbolite virnastamiseks:

Navigeerimist kavandades pange kõik oma lehe olekud üksteise peale. Koondage nii palju kui soovite, olenemata paljudest riikidest, mida soovite või peate esindama.

Kui olete lõpetanud, muutke see kõik suureks sümboliks!

Kuna visand võimaldab kohandatud teksti kasutada erinevates sümbolites, saate teksti kohandada igas oleku kihis. Olek väljalülitamiseks tippige lihtsalt tühik, et tekstikihi olek „tühjendada”. Allpool olevas GIF-is soovin, et seaded oleks valitud ja ülejäänud oleksid valged (minu vaikeolek):

Ülaltoodud GIF-is vaatate nelja täpselt sama sümbolit, millest igaüks tähistab sümbolite virnastamise tehnikat kasutades erinevaid olekuid. See on suurepärane, sest nüüd on näiteks kirjastiili ja fondi suuruse kohandamine palju lihtsam, kuna te ei pea muretsema selle kohal asuva kihi Valitud üksus värskendamise pärast.

7. Leidke kiht

Kui kiht ei ole kihtide loendi vaates, kui käsku klõpsate objektil objektil, ei näe te seda esiletõstetud. See on üsna tüütu.

Õnneks on kihtide loendis kihi paljastamiseks olemas osaliselt varjatud funktsioon, viies selle keritavasse vaatesse. Kasutage käsku Shift-J:

See teeb super mugavaks otse valitud kihile hüppamise, seejärel Tab selle grupi õdede-vendade kihtide ümber.

Käsk - klõpsake kihil, seejärel vajutage Command-Shift-J, et kiht kihtide loendis kuvada.

Boonusnõuanne

Kui teil pole veel kihtide ahendamise pistikprogrammi, klõpsake selle sisu kiireks ahendamiseks kaustal Valik ja klõpsake valikul:

Kui avate ahendatud loendi, näete, et ka lapsed on ahendatud.

8. Kiire PNG-d - 4 viisi!

Mõnikord peate lihtsalt PNG-faili kopeerima, kuid ei soovi eksportimisseadete konfigureerimise vaeva näha ja seejärel faile läbi kaevata, et leida, kuhu neetud asjad salvestati.

Brilliant Technicolor GIF ™ -is on neli viisi PNG-i raputamiseks:

1. meetod: lohistage tahvli kiht2. meetod: lohistage Artboard Export / Slice3. meetod: lohistage individuaalne rühm või kiht4. meetod: lohistage visand teistesse rakendustesse
Kiire näpunäide: kui töötate modaalse kujunduse kallal, kasutage all kihi all PNG-d. See säästab teid sellest, et peate kogu modaali all oleva rakenduse kujundust dubleerima, ja säästate teid allpool asuvatele kihtidele tahtmatult klõpsamast.

Boonus! Tyler Howarth tuletas mulle meelde, et saate ka PNG-sid eksportida, lihtsalt kiht või artboard ise kopeerides. Panime selle artikli vahele väga vahet, nii et Tyler saab selle eest tunnustuse. Siin on tema lisand:

Samuti saate kopeerida / kleepida mis tahes artboardi / rühma / kihi Sketchisse ja sealt välja. Kopeerige artboard, vahetage Medium / Slack, kleepige ja minge!
- Tyler

Kuum koer, kutt. See üks reegel!

9. Kiire mustri täitmine

See on omamoodi kahe-ühe hinnaga nipp.

1. nõuanne: õmblusteta mustri loomiseks looge ruudukujuline artboardi sümbol ja ümbritsege see iseenda eksemplaridega. See aitab teil saada aimu, kuidas teie valmis muster välja näeb.

2. nõuanne. Selle mustri kiireks täitmiseks mõne teise kuju jaoks hakkame kasutama 8. etapis õpitud tehnikat.

Valige oma mustriga täidetav kuju, avage menüü „Pildiga täitmine“ ja lohistage alusmustri kujunduse pilt eelvaate kasti:

10. Objektiiv Bokeh

Ilmselt peaksite alati viimast kokku hoidma.

Olen parem kui amatöör-fotograaf, kuid mitte päris professionaalne fotograaf ja üks parimatest fotoefektidest on bokeh. Tõenäoliselt pole te kunagi sõna kuulnud, kuid olete seda juba kümneid tuhandeid kordi näinud.

bokeh (n): fotopildi fookusest väljas olevate alade visuaalne kvaliteet, eriti kui see on antud konkreetse objektiivi poolt.
(pildi allikas)

See on tõesti ilus efekt ja liialdatud teravussügavus tõmbab silma kohe foto fookuses olevale osale.

Uurisin oma kritseldusmeetodil ringi, proovisin seda erinevas suuruses, erinevate kritseldatud joonte ülekatmist ja efektide lisamist igaühele.

Allolev pilt on 100% visand, ilma pildistamiseta. Lihtsalt peen gradienditaust, millel on kolm erinevat värvi, läbipaistmatuse ja gaussi hägususega joonistamismeetodit. Lisage ülekatteks seatud mürakiht ja libistage peal klaasjas tekst (gradient täitke ülemise ja alumise sisemise äärega). Teil on üsna veenev bokehi efekt:

Jälgige mind keskkonnas / Twitteris, tellige UX-i tööriistade väljaanne ja jälgige meid Twitteris, et saada värskendusi, uut sisu ja muud uudset. Meeldib, armastage ja jagage, kui olete sellega nõus!

Armasta teid inimesi.