Luonnosoppaat

10 luonnos temppua, jotka saisivat Owen Wilsonin sanomaan "Wooow!" (Tonnia GIF-tiedostoja!)

Jos et saanut viitettä otsikossa, pyydän sinua katsomaan tätä videota. Ole hyvä :)

Yksi suosikkiasioistani sovelluksessa on pistää kaikkien asetusten ja valikoiden ympärille. Joskus osun jopa satunnaisnäppäimiä näppäimistöllä nähdäkseni, käynnistääkö se jonkin piilotetun ominaisuuden, joka taianomaisesti maksaa opintolainani.

Ei onnea siihen.

Ei ole niin, että yritän rikkoa sovelluksen pilailemalla. Tykkään työntää sen rajoja nähdäkseni mitä tapahtuu.

Tässä on nopea luettelo tempuista, jotka olen paljastanut kävellessään ympäri:

1. Scribble-menetelmä

Aloitetaanko asiat tyhjältä, vai mitä?

Löysin tämän menetelmän noin kuukausi sitten ja se on ollut minun menemään piilotettuihin kykyihini ensimmäisinä päivämäärinä. Poikaset kaivaa sen, minä sanon. Sivuhuomautus, saatat jo tietää tämän temppun artikkeleistani kaikesta kaavioista.

Aloita kirjoittamalla kuin lastentarha kynätyökalulla (paina P näppäimistöllä). Tiheämmille alueille kirjoita joukko samaan kohtaan. Älä unohda kääntyä pois scribble massasi luodaksesi joitain poikkeavuuksia.

Aseta reunaan leveä viivaväli ja kaarevat päät. Presto! Loit juuri satunnaisen sirontatiedon. Laita se tänne, kumppani

2. Rajasäde yksittäisissä kärkipisteissä

Joten tiedämme jo nyt, että voit asettaa rajasätelaatikkoon erilaisia ​​reunussäteitä viistoilla:

ISO JUTTU. Jk, aika siisti!

Mutta! Voit myös kohdistaa vain yksittäisiä kärkipisteitä kerrallaan, mikä on todellisen ajan säästö monimutkaisille monikulmioille.

3. Leikkaa kääntyvät muodot raja-laatikon nollaamiseksi

Kuva tästä: Olet juuri luonut rad-muodon ja kiertää asiaa noin 45º. Nyt kaikki on pahoinpidelty, koon muuttaminen on hankala, ja se on kuin olisit imetty aallon alla, koska et tiedä mikä tie on ylöspäin.

Tasoita se vain palauttaaksesi rajaavan laatikon hyvään ol-suorakulmioon:

4. Valinta-Vedä ja sitten Komento D kopioidaksesi muodot ja toiminnot

Laaditaanko luetteloa tuotteista? Lopeta muotojen / ryhmien kopiointi, liittäminen ja siirtäminen kuten doofus.

Pidä vaihtoehto painettuna vetäessäsi muotoa / ryhmää haluttuun sijaintiinsa ja kopioi sitten Komento + D. Se ei vain kopioi muotoa, vaan myös kopioi siirretyn etäisyyden:

Pssst ... tämä toimii myös taidelevyjen kanssa!

5. Muuta Pathfinder-asetuksia yhdistelmämuodoissa

Kuinka monta kertaa tämä on tapahtunut sinulle, kun yrität yhdistää joukon muotoja yhdeksi:

Melko ärsyttävää, varsinkin kun LobsterFest on aivan nurkan takana ja et vieläkään ole lopettanut logoa, JON.

Okei, hengitys. Valitse vain yhdistetyt esinemuodot ja aseta ne Unioniin:

Saatat ajatella, että se toimisi, mutta koska on muotoja, jotka muodostavat kirjaimien reikiä, myös ne ovat liittolaisia. Ihana.

Onneksi Sketch on fiksu ja antaa sinun asettaa erilaiset polun yhdistämisoperaatiot jokaiselle alimuodolle yhdistetyssä muodossa, joten voimme vähentää nämä reiät helposti:

MUOKKAA: Vaikka on edelleenkin hyvä tietää, että voit säätää yksittäisiä kerrosten yhdistämistoimintoja, Steffen Karspeck on mahtava ja huomautti, että olen voinut välttää reikiä ensimmäisessä vaiheessa asettamalla täyttöasetukseni. Olen nähnyt tämän sata kertaa, mutta en ole koskaan käyttänyt aikaa lukea, mitä nämä kaksi vaihtoehtoa tarkoittavat. Voisin pelastaa itselleni päänsärkyä :)

Kiitos, Steffen!

6. Kohteiden tilojen symbolien pinoaminen

En voi koko elämäni muistaa sitä, missä näin ensimmäisen kerran tämän tekniikan, joten en ota siitä tunnustusta. Mutta se on fiksu kuin helvetti, joten tänne menemme joka tapauksessa.

Symbolin käyttäminen sovelluksen navigoinnissa on hienoa, koska voit jakaa sen sivujen välillä. Haittapuoli on se, että sinulla on aina oltava jonkinlainen Valittu navigointikohde, jotta aktiivinen sivu näkyy navigoinnissa.

Otetaan pois ylimääräinen kerros käyttämällä tekniikkaa, jota kutsun ”Symbol Stacking”:

Kun suunnittelet navigointia, pino kaikki sivusi toisiinsa. Pinoa niin monta kuin haluat, kuitenkin monille valtioille, joita haluat tai tarvitset edustaa.

Kun olet valmis, tee siitä kaikki iso symboli!

Koska luonnos sallii mukautetun tekstin eri symbolimerkinnöissä, voit mukauttaa tekstiä jokaisessa tilakerroksessa. Voit sammuttaa tilan kirjoittamalla välilyönnin tyhjentääksesi kyseisen tekstikerroksen tilan. Alla olevassa GIF-muodossa haluan, että Asetukset on valittu ja muiden on oltava valkoisia (oletustilani):

Yllä olevassa GIF-muodossa tarkastellaan neljää täsmälleen samoista symboleista, joista kukin edustaa eri tiloja käyttämällä symbolien pinoamistekniikkaa. Tämä on hienoa, koska nyt on paljon helpompaa mukauttaa asioita, kuten kirjasinlaji ja fonttikoko, koska sinun ei tarvitse huolehtia sen yläpuolella olevan Valitun navigointikohteen päivittämisestä.

7. Etsi kerros

Jos taso ei ole tasoluettelon näkymässä, kun komento-napsautat objektia taulun päällä, et näe sitä korostettuna. Tämä on aika ärsyttävää.

Onneksi on olemassa osittain piilotettu ominaisuus, joka paljastaa kerroksen kerrosluettelossa tuoden sen vieritettävään näkymään. Käytä Komento-Vaihto-J:

Tämän vuoksi on erittäin kätevää hypätä nopeasti suoraan valittuun kerrokseen ja sitten sarkautua ryhmän sisaruskerrosten ympärillä.

Komento-napsauta tasoa ja paina sitten Command-Shift-J paljastaaksesi tason tasoluettelossa.

Bonusvinkki

Jos sinulla ei vielä ole laajennusta, joka auttaa sinua kerrottamaan tasoja, napsauta Optio-painiketta kansioon, jotta koko sen sisältö voidaan nopeasti kutistaa:

Kun avaat romahtamasi luettelon, huomaat, että myös lapset on romahtanut.

8. Pika PNG: t - 4 tapaa!

Joskus sinun tarvitsee vain kopioida PNG, mutta et halua käydä vaivaa määrittääksesi vientiasetuksesi ja etsimäsi sitten tiedostojasi löytääksesi missä helvetin asia tallennettiin.

Tässä on 4 tapaa puristaa PNG Brilliant Technicolor GIF ™ -sovelluksessa:

Tapa 1: Vedä taitekerrostaTapa 2: Vedä taulun vienti / viipaleTapa 3: Vedä yksittäinen ryhmä tai kerrosTapa 4: Vedä luonnos muihin sovelluksiin
Pikavinkki: Jos työskentelet modaalimuotoilun suhteen, käytä PNG-tunnusta ”kerroksen alapuolella”. Se säästää sinun joutumasta kopioimaan koko sovellussuunnitelma modaalin alla ja säästääksesi napsauttamasta vahingossa alla olevia tasoja.

Bonus! Tyler Howarth muistutti minua, että voit viedä PNG-tiedostoja myös kopioimalla pelkästään kerroksen tai taulun. Olemme asettaneet ajoittain tämän sijoittamisen artikkeliin, joten Tyler saa kunnianosoituksen tästä. Tässä on hänen lisäys:

Voit myös kopioida / liittää minkä tahansa kuvataulun / ryhmän / tason luonnokseen ja siitä pois. Kopioi taulu, vaihda kohtaan Medium / Slack, liitä ja mene!
- Tyler

Hot dog, jätkä. Tämä sääntö!

9. Pikakuvio täyttyy

Tämä on eräänlainen "kaksi yhdelle" -hintakärki.

Vinkki 1: Voit luoda saumattoman kuvion luomalla neliön kuvataulun symbolin ja ympäröimällä se itsestään. Tämä auttaa sinua antamaan kuvan siitä, miltä valmiin malli näyttää.

Vinkki 2: Jotta tämä malli täyttyy nopeasti toiseen muotoon, käytämme vaiheessa 8 opittua tekniikkaa.

Valitse kuviolla täytettävä muoto, avaa ”Täytä kuvalla” -valikko ja vedä peruskuvion piirroskuva kuvan esikatseluruutuun:

10. Lens Bokeh

Sinun tulisi tietysti aina säästää paras viimeiselle.

Olen parempi kuin amatööri-valokuvaaja, mutta ei-aivan ammattimainen valokuvaaja ja yksi parhaimmista valokuvatehosteista on bokeh. Et ole luultavasti koskaan kuullut sanaa, mutta olet nähnyt sen kymmeniä tuhansia kertoja.

bokeh (n): valokuvan keskittymättömien alueiden visuaalinen laatu, erityisesti tietyn linssin tuottaman.
(kuvan lähde)

Se on todella kaunis tehoste, ja liioiteltu terävyys vetää silmän heti kuvan tarkennusosaan.

Ajoin ympäriinsä kirjoitusmenetelmälläni, kokeillessani sitä erikokoisina, päällekkäin eri kirjoitettujen viivojen kanssa ja lisäämällä efektejä jokaiselle.

Alla oleva kuva on 100% luonnos, ilman valokuvia. Vain hienovarainen gradienttitausta kolmella “kirjoitusmenetelmä” -rivillä, joiden väri, opasiteetti ja Gaussin epäselvyys ovat erivärisiä. Lisää Peittokerrokseen asetettu kohinakerros ja löi päälle lasimaista tekstiä (kaltevuus täyttää ylä- ja alareunan reunat). Sinulla on melko vakuuttava näköinen bokeh-vaikutus:

Seuraa minua Mediumissa / Twitterissä, tilaa UX Power Tools -julkaisu ja seuraa meitä Twitterissä päivityksiä, uutta sisältöä ja muuta groovy-juttua varten. Kuten, rakasta ja jaa, jos olet kykenevä siihen!

Rakastan sinua ihmisiä.