Vodiči za skice

10 trikova za skiciranje zbog kojih će Owen Wilson reći "Wooow!" (Tona GIF-ova!)

Ako niste dobili referencu u naslovu, molim vas da pogledate ovaj video. Molim :)

Jedna od mojih najdražih stvari koju radim u aplikaciji je pomicanje oko svih postavki i izbornika. Ponekad ću čak pritisnuti slučajne tipke na tipkovnici da vidim da li aktivira neku skrivenu značajku koja čarobno otplaćuje moje studentske zajmove.

Nema sreće na tom još.

Nije da pokušavam razbiti aplikaciju škakljajući okolo. Samo volim gurnuti njegove granice da vidim što se događa.

Evo kratkog popisa nekoliko trikova koje sam otkrio dok sam se šetao uokolo:

1. Metoda pisanja

Krenimo stvari s praskom, zar ne?

Otkrio sam ovu metodu prije mjesec dana i to je bio moj skriveni talent na prvim sastancima. Pilići to iskopaju, kažem vam. Sporedna napomena, ovaj trik iz mog članka možda znate već o kartama.

Započnite pisanjem poput olovke alat pomoću olovke (pritisnite P na tipkovnici). Za gušća područja ispecite gomilu na istom mjestu. Ne zaboravite da zamahnete iz svoje natpisne mase kako biste stvorili neke odlike.

Postavite obrub tako da ima široki proboj crtica i zakrivljene krajeve. Presto! Upravo ste stvorili neke slučajne podatke rasipanja. Stavite ga ovdje, partneru

2. Polumjer granice na pojedinim vrhovima

Dakle, do sada znamo da pomoću okvira na radijusu možete postaviti različite polumjere obruba:

VELIKA STVAR. Jk, prilično cool!

Ali! Istovremeno možete ciljati i pojedinačne vrhove, što je prava ušteda vremena za složenije poligone.

3. Poravnajte zakrenute oblike za resetiranje okvira za ograničavanje

Zamislite ovo: Upravo ste stvorili oblik rada i rotirali stvar oko 45 °. Sada je stvar kokezirana, mijenjanje veličine je namršteno i izgleda kao da ste se usisali pod valom jer ne znate koji je put.

Samo je spljoštite da biste ograničili okvir na dobar olov pravokutnik:

4. Povucite mogućnost, a zatim Command-D za kopiranje oblika i radnji

Izrada popisa predmeta? Prestanite kopirati, lijepiti i premještati oblike / grupe poput doofusa.

Držite opciju dok povlačite oblik / grupu na predviđeni položaj, a zatim pritisnite Command + D da biste je umnožili. Ne samo da će duplicirati oblik, već će i ponoviti udaljenost koju ste premjestili:

Pssst ... ovo djeluje i sa umjetničkim pločama!

5. Promijenite postavke Pathfinder na kombiniranim oblicima

Koliko vam se puta dogodilo kada pokušavate kombinirati gomilu oblika u jedan:

Prilično je neugodno, pogotovo kada je LobsterFest odmah iza ugla, a vi NIKADA niste dovršili logotip, JON.

Ok, dah. Samo odaberite kombinirane oblike objekata i postavite ih na Union:

Moglo bi se pomisliti da bi to moglo uspjeti, ali pošto postoje oblici u kojima se nalaze rupe na slovima, i oni su spojeni. Divno.

Srećom, Sketch je pametan i omogućuje vam postavljanje različitih operacija spajanja staza za svaki pod-oblik u kombiniranom obliku, tako da te rupe možemo lako oduzeti:

EDIT: Iako je još uvijek dobro znati da možete prilagoditi pojedine operacije spajanja slojeva, Steffen Karspeck je sjajan i istaknuo sam da bih mogao izbjeći rupe u prvom koraku postavljanjem moje postavke ispunjavanja. To sam vidio stotinu puta, ali zapravo nikada nisam uzeo vremena da pročitam što dvije mogućnosti znače. Mogla sam si spasiti glavobolju :)

Hvala, Steffen!

6. Slaganje simbola za stanja objekata

Ne mogu se za života sjećati gdje sam prvi put vidio ovu tehniku, pa neću priznati za to. Ali to je pametno kao pakao, pa idemo ionako.

Upotreba simbola za navigaciju na aplikaciji je sjajna jer je možete podijeliti između stranica. Slaba strana je da ćete uvijek morati imati neku vrstu sloja Odabrani mornarički element da biste prikazali aktivnu stranicu u nav.

Izdvojimo se od dodatnog sloja pomoću tehnike koju nazivam "Slaganje simbola":

Dok dizajnirate navigaciju, složite sve svoje stranice jedan na drugoga. Složite koliko god želite, bez obzira koliko država želite ili želite predstavljati.

Kad završite, učinite sve to velikim simbolom!

Budući da Sketch dopušta prilagođeni tekst u različitim primjercima simbola, tekst možete prilagoditi u svim svojim slojevima stanja. Da biste isključili stanje, samo utipkajte prostor da biste ga očistili. U donjem GIF-u želim odabrati postavke, a ostale će biti bijele (moje zadano stanje):

U gornjem GIF-u gledate četiri potpuno ista simbola, od kojih svaki predstavlja različita stanja pomoću tehnike slaganja simbola. To je sjajno, jer sada je puno lakše prilagoditi stvari poput slova i veličine fonta jer se ne morate brinuti oko ažuriranja sloja odabrane mornarske jedinice iznad njega.

7. Pronađite sloj

Ako sloj nije u prikazu popisa slojeva kada naredbeni klik na objekt na umetničkoj ploči, nećete ga vidjeti istaknutim. To je prilično neugodno.

Srećom postoji poluskrivena značajka koja otkriva sloj na popisu slojeva, pa ga dovodi u prikaz koji se može pomicati. Koristite Command-Shift-J:

Zbog toga je SUPER zgodan za brzi skok izravno na odabrani sloj, a zatim Tab oko slojeva sestre unutar te grupe.

Naredba - Kliknite sloj, a zatim pritisnite Command-Shift-J da biste otkrili sloj na popisu slojeva.

Bonus tip

Ako već nemate dodatak koji bi vam pomogao da srušite slojeve, Option - Kliknite mapu da biste brzo srušili sav njezin sadržaj:

Kad otvorite popis koji ste srušili, vidjet ćete da su i djeca srušena.

8. Brzi PNG-ovi - 4 načina!

Ponekad morate ripati PNG, ali ne želite prolaziti kroz poteškoće konfiguriranja izvoznih postavki, a zatim kopati po datotekama kako biste pronašli gdje se spasila prokleta stvar.

Evo četiri načina kako izbrisati PNG, u Brilliant Technicolor GIF ™:

1. metoda: Povucite sloj umjetničke pločeDrugi način: povucite izvoz / krišku umjetničke ploče3. način: povucite pojedinačnu grupu ili sloj4. metoda: Povucite van skice u druge aplikacije
Brzi savjet: Ako radite na modalnom dizajnu, koristite PNG za "ispod sloja". Spasit će vas da ne trebate duplicirati čitav dizajn aplikacije ispod modala i spasiti vas od slučajnog klika slojeva ispod.

Bonus! Tyler Howarth podsjetio me je da možete i izvoziti PNG kopiranjem samog sloja ili ploče u umjetničku ploču. Sve smo to stavili u članak, tako da je Tyler zaslužan za ovo. Evo njegovog dodatka:

Možete i kopirati i zalijepiti bilo koju umjetničku ploču / grupu / sloj unutar i izvan Skice. Kopirajte artboard, prebacite se na Medium / Slack, zalijepite i krenite!
- Tyler

Hot dog, čovječe. Ovaj jedan vlada!

9. Brzo popunjavanje uzorka

Ovo je vrsta savjeta za kupnju dva za jednog.

Savjet 1: Da biste stvorili bešavni uzorak, izradite kvadratni simbol umetničke ploče i okružite je primjercima. Na taj ćete način dobiti ideju o tome kako će izgledati vaš gotov uzorak.

Savjet 2: Da bismo brzo napravili ovaj uzorak za drugi oblik, upotrijebit ćemo tehniku ​​koju smo naučili u koraku 8.

Odaberite oblik koji će biti ispunjen vašim uzorkom, otvorite izbornik "Ispunite slikom" i povucite osnovnu ploču s umetcima u okvir za pregled slike:

10. Objektiv Bokeh

Očito uvijek trebate najbolje sačuvati za posljednje.

Ja sam bolji od amaterskog fotografa, ali ne baš baš profesionalnog fotografa, a jedan od najboljih fotografskih efekata je bokeh. Vjerovatno nikad niste čuli riječ, ali vidjeli ste je na desetke tisuća puta.

bokeh (n): vizualna kvaliteta fotografskih slika izvan fokusa, posebno ako ih prikazuje određeni objektiv.
(izvor slike)

To je stvarno lijep efekt, a preuveličana dubina polja odmah privlači pogled na dio fotografije u fokusu.

Obilazio sam se svojim metodom pisanja, isprobavao ga u različitim veličinama, presvlačio različite crtane crte i dodavao efekte svakoj.

Slika ispod je 100% Sketch, bez fotografije. Samo suptilna gradijentna pozadina s tri linije "metoda pisanja" različite boje, neprozirnosti i gaussovog zamućenja. Dodajte sloj buke postavljen na Overlay i stavite malo staklasti tekst na vrhu (nagib se ispuni gornjom i donjom unutarnjom granicom). Imat ćete prilično uvjerljiv izgled bokeh efekta:

Slijedite me na Medium / Twitter, pretplatite se na UX Power Tools alate i pratite nas na Twitteru za ažuriranja, novi sadržaj i ostale užurbane stvari. Volite, volite i dijelite ako vam smeta!

Volim te ljudi.