Tutoriale de schiță

10 trucuri de schiță care ar face Owen Wilson să spună „Wooow!” (Tone de GIF-uri!)

Dacă nu ați obținut referința în titlu, vă rog să vizionați acest videoclip. Cu plăcere :)

Unul dintre lucrurile mele preferate de făcut într-o aplicație este să vă agitați în jurul tuturor setărilor și meniurilor. Uneori, voi atinge chiar tastele aleatorii de pe tastatura mea pentru a vedea dacă declanșează o caracteristică ascunsă care plătește în mod magic împrumuturile mele pentru studenți.

Nici un noroc pe asta încă.

Nu este faptul că încerc să rup aplicația făcând un clic. Îmi place doar să-i presez limitele pentru a vedea ce se întâmplă.

Iată o listă rapidă cu câteva trucuri pe care le-am descoperit în timp ce mă ocup de el:

1. Metoda Scribble

Să începem lucrurile cu o bătaie de cap, nu?

Am descoperit această metodă acum aproximativ o lună și a fost talentul meu ascuns la primele întâlniri. Puii îi sapă, vă spun. Notă laterală, este posibil să știți deja acest truc din articolul meu despre toate topurile.

Începeți prin a scrie ca o grădiniță cu instrumentul creion (apăsați P de pe tastatură). Pentru zone mai dense, scrieți o grămadă în același loc. Nu uitați să vă deplasați din masa dvs. de scripble pentru a crea niște valori.

Setați-vă granița să aibă un spațiu larg de linie și capete curbate. Presto! Tocmai ați creat câteva date de împrăștiere aleatorii. Pune-l aici, partener

2. Raza de frontieră pe verticalele individuale

Prin urmare, știm până acum că puteți seta diferite raze de frontieră în caseta cu rază de frontieră folosind clapete:

MARE LUCRU. Jk, destul de misto!

Dar! De asemenea, puteți viza doar vârfurile individuale simultan, ceea ce este un economizor de timp real pentru poligoane mai complicate.

3. Aplicați formele rotite pentru a reseta caseta de delimitare

Imaginează-ți asta: Tocmai ai creat o formă de rad și rotiți chestia cu aproximativ 45 °. Acum, totul este complet cochet, redimensionarea este neplăcută și este ca și cum ai fi aspirat sub un val, pentru că nu știi calea de urmat.

Pur și simplu aplatizați-l pentru a reseta caseta de delimitare la un dreptunghi bun ol:

4. Opțiune-trageți, apoi Comandă-D pentru a dubla formele și acțiunile

Realizarea unei liste de articole? Nu mai copiați, lipiți și mutați forme / grupuri ca un doofus.

Țineți apăsată opțiunea în timp ce trageți forma / grupul în poziția dorită, apoi apăsați Comandă + D pentru a o dubla. Nu numai că va dubla forma, dar va reproduce distanța pe care ați mutat-o:

Pssst ... asta funcționează și cu panouri de artă!

5. Schimbați setările Pathfinder pentru formele combinate

De câte ori vi s-a întâmplat asta când încercați să combinați o grămadă de forme într-una:

Destul de enervant, mai ales când LobsterFest este chiar după colț și NU TREBUIEȚI ACUM LOGO, JON.

Bine, respirație. Trebuie doar să selectați formele de obiect combinate și să le setați pe Union:

S-ar putea să credeți că acest lucru ar funcționa, dar, deoarece există forme care alcătuiesc găurile din litere, acestea sunt unice. Minunat.

Din fericire, Sketch este inteligent și vă permite să setați diferite operațiuni de îmbinare a căilor pentru fiecare sub-formă în formă combinată, astfel încât să putem scăpa cu ușurință aceste găuri:

EDITARE: Deși este încă bine să știți că puteți ajusta operațiunile individuale de îmbinare a straturilor, Steffen Karspeck este nemaipomenit și a subliniat că aș fi putut evita găurile din primul pas prin setarea Preferinței de completare. Am văzut asta de o sută de ori, dar niciodată nu am avut timp să citesc ce înseamnă cele două opțiuni. Aș fi putut să mă salvez ceva dureri de cap :)

Mulțumesc, Steffen!

6. Stivuirea simbolurilor pentru statele obiect

Nu pot să-mi amintesc unde am văzut această tehnică pentru prima dată, așa că nu voi lua credit pentru ea. Dar este inteligent ca naiba, așa că aici mergem oricum.

Utilizarea unui simbol pentru navigarea pe aplicație este excelentă, deoarece îl poți partaja între pagini. Dezavantajul este că va trebui să aveți întotdeauna un fel de strat de element Nav selectat pentru a afișa pagina activă în nav.

Să renunțăm la stratul suplimentar folosind o tehnică pe care o numesc „Stivuirea simbolurilor”:

Pe măsură ce proiectați navigarea, stivați toate stările de pagină una peste alta. Stivați cât de mult doriți, oricât de multe state doriți sau trebuie să le reprezentați.

După ce ați terminat, faceți totul un simbol mare!

Deoarece Sketch permite textul personalizat în diferite cazuri de simboluri, puteți personaliza textul în fiecare strat de stare. Pentru a dezactiva o stare, trebuie doar să tastați un spațiu pentru a „șterge” starea stratului de text. În GIF de mai jos, vreau să fie selectate Setările, iar celelalte să fie albe (starea mea implicită):

În GIF de mai sus, analizați patru dintre aceleași simboluri, fiecare reprezentând state diferite folosind tehnica de stivuire a simbolurilor. Acest lucru este excelent, deoarece acum este mult mai ușor să personalizați lucruri precum tipografia și dimensiunea fontului, deoarece nu trebuie să vă faceți griji cu privire la actualizarea stratului Nav Selectat de deasupra acestuia.

7. Găsiți un strat

Dacă un strat nu se află în vizualizarea listei de straturi atunci când faceți clic pe comanda pe un obiect de pe tablă, nu îl veți evidenția. Acest lucru este destul de enervant.

Din fericire, există o caracteristică semi-ascunsă pentru a revela un strat din lista de straturi, aducându-l în vizualizarea rulată. Utilizați Command-Shift-J:

Acest lucru face SUPER convenabil să sari rapid direct la stratul selectat, apoi Tab în jurul straturilor de frați din interiorul grupului respectiv.

Comandă-Faceți clic pe un strat, apoi apăsați Command-Shift-J pentru a dezvălui stratul din lista de straturi.

Sfat bonus

Dacă nu aveți deja un plugin care să vă ajute să restrângeți straturile, Opțiune Faceți clic pe un folder pentru a prăbuși rapid tot conținutul său:

Când deschideți o listă cu care se prăbușește, veți vedea că și copiii au fost prăbușiți.

8. PNG-uri rapide - 4 moduri!

Uneori trebuie doar să spargeți un PNG, dar nu doriți să treceți prin dificultatea de configurare a setărilor dvs. de export, apoi să săpați fișierele dvs. pentru a afla unde a fost salvat afurisitul.

Iată 4 moduri de a scutura un PNG, în Brilliant Technicolor GIF ™:

Metoda 1: trageți stratul ArtboardMetoda 2: trageți Export / Slice ArtboardMetoda 3: trageți un grup individual sau un stratMetoda 4: trageți din Schiță, în alte aplicații
Sfat rapid: dacă lucrați la un design modal, utilizați un PNG pentru „under layer”. Vă va salva de la faptul că trebuie să dublați întregul design al aplicației sub modal, și vă va salva de la clicurile accidentale pe straturile de mai jos.

Primă! Tyler Howarth mi-a reamintit că poți exporta PNG-uri doar copiind stratul sau tabloul de artă în sine. Am distanțat total punând acest lucru în articol, astfel încât Tyler primește credința pentru acesta. Iată adăugarea lui:

Puteți, de asemenea, să copiați / lipiți orice planșă / grup / strat în și din Sketch. Copiați o tablă de artă, treceți la Medium / Slack, lipiți și plecați!
- Tyler

Hot dog, tipule. Acesta regulă!

9. Completarea rapidă a modelelor

Acesta este un tip de două-pentru-unu de negociere.

Sfat 1: Pentru a crea un model fără probleme, creați un simbol de tablă pătrat și înconjurați-l cu cazuri de sine. Acest lucru vă va ajuta să vă faceți o idee despre cum va arăta modelul dvs. finalizat.

Sfat 2: Pentru a face rapid acest model de completare pentru o altă formă, vom folosi o tehnică pe care am învățat-o la pasul 8.

Selectați forma care trebuie completată cu modelul dvs., deschideți meniul „Completează imaginea” și trageți tabloul de artă de bază în caseta de previzualizare a imaginii:

10. Lens Bokeh

Evident, ar trebui să economisiți tot ce este mai bun pentru ultimul moment.

Sunt un fotograf mai bine decât amator, dar nu destul de profesionist, iar unul dintre cele mai bune efecte fotografice este bokeh. Probabil că nu ați auzit niciodată cuvântul, dar l-ați văzut de zeci de mii de ori.

bokeh (n): calitatea vizuală a zonelor care nu sunt concentrate ale unei imagini fotografice, în special așa cum este oferită de un anumit obiectiv.
(sursa imaginii)

Este un efect cu adevărat frumos, iar adâncimea exagerată a câmpului atrage imediat privirea către porțiunea focalizată a fotografiei.

Mă gândeam cu metoda mea de Scribble, încercând-o la dimensiuni diferite, suprapunând diferite linii ghemuite și adăugând efecte la fiecare.

Imaginea de mai jos este 100% Schiță, fără fotografie. Doar un fundal de gradient subtil cu trei linii „metoda scribble” de culoare diferită, opacitate și estompare gaussiană. Adăugați un strat de zgomot setat la Suprapunere și bateți un text sticlos pe partea de sus (umpleți gradient cu marginea interioară de sus și de jos). Veți avea un efect bokeh destul de convingător:

Urmăriți-mă pe Medium / Twitter, abonați-vă la publicația UX Power Tools și urmăriți-ne pe Twitter pentru actualizări, conținut nou și alte chestii groovy. Îți place, iubește și împărtășește dacă ai acces

Te iubesc pe oameni.