Meniul
AcasăBios

Cum să desenezi o schiță în Adobe. Reutilizați panourile de artă. Tehnici mai avansate de lucru în Sketch

Cum să-ți creezi propria pensulă pe baza unei fotografii făcute pe un iPhone, iPad sau dispozitiv Bazat pe Androidși folosiți-l în Adobe Photoshop CC, Illustrator CC și Photoshop Sketch. Simplu și ușor! Pentru asta există acum Adobe Capture.

Pentru Adobe, anul acesta s-a dovedit a fi destul de bogat în tot felul de versiuni. Corporația a lansat destul de multe diferite aplicații suplimentare Pentru platforme mobileși, în plus, a anunțat o serie de inovații și mai interesante, cum ar fi Project Comet, Project Faces, o aplicație secretă cu Monument Mode și, de asemenea, a promis că va adăuga multe caracteristici utile la Adobe Stock în acest an și anul viitor. De data aceasta eroul nostru mica recenzie va fi un program pentru dispozitive mobile numit Adobe Capture.

Principiul de funcționare

Aplicația vă permite să faceți rapid, chiar s-ar putea spune „din mers”, să creați elemente de peisaje care vă interesează, pe care apoi să le utilizați în lucrările dvs. digitale.

Deci, cu ce oportunități veți avea să lucrați Adobe Capture:

  • Creați pensule de înaltă calitate în orice stil- pensule fotorealiste, naturale, grafice sau de pictură. Orice obiect capturat poate fi transformat într-o perie.
  • Sursa de inspirație este întotdeauna în apropiere - Creați-vă propriile pensule oriunde și oricând, folosind fotografii de pe camera dvs., catalogul de instantanee sau Adobe Creative Cloud.
  • Vizualizare interactivă — vezi cum va arata peria chiar in procesul de creare. Cere de ea Opțiuni suplimentare(presiune, viteză și textură).
  • Libertatea de creativitate — obține tipul dorit imagini folosind scalarea, decuparea și măști. Mișcări de perie pot fi continue sau intermitente.
  • Biblioteci Creative Cloud — puteți salva pensulele în Bibliotecile Creative Cloud și apoi le puteți utiliza aplicații Photoshop, Ilustrator și Schiță. În plus, puteți partaja conținutul Bibliotecilor cu colegii dvs. chiar din aplicația în care lucrați.
  • Creați cu ușurință proiecte profesionale — creați pensule prin setarea liberă a parametrilor sau folosind comenzile reglaj fin, apoi folosiți-le în Photoshop și Illustrator.
  • Suport pentru stilou digital iPad — Creați în Brush with folosind Adobe Cerneală. Vedeți efectul sensibilității la presiune și al setărilor de viteză chiar pe măsură ce creați pensula.
  • Suport pentru Creative Cloud Marketpentru iPadși iPhone — Creați pensule pe baza șabloanelor și imaginilor importate din Creative Cloud Market.
  • Pensule native pe mobil sau desktop — dați viață ideilor dvs. creând pensule de calitate profesională și folosiți-le pe desktop versiuni de Photoshopși Ilustrator. Sau importați pensule în Photoshop Sketch, aplicația Adobe pentru a desena pe iPad sau pe dispozitivul tău Android și pentru a crea proiecte oriunde te-ai afla.
  • Integrare strânsă cu Creative Cloud — Puteți organiza și salva pensule în Bibliotecile Creative Cloud, apoi le puteți utiliza în Photoshop, Illustrator, Sketch și le puteți partaja colegilor.

Creative Cloud include aplicații de design pentru computere desktopși dispozitive mobile care îndeplinesc o calitate de clasă mondială, precum și instrumente îmbunătățite pentru partajarea resurselor și colaborare pe proiecte creative.

FAQ

Întrebare: Programul este disponibil în limba rusă?
Răspuns: Da, pe lângă rusă, programul acceptă și 17 dintre cele mai comune limbi.

Întrebare: Cum și de unde pot descărca Adobe Capture?
Răspuns: Adobe Capture CC este disponibil pentru descărcare gratuităîn App Store și Google Play.

Întrebare: Am nevoie de un cont Creative Cloud pentru a folosi Adobe Capture?
Răspuns: Da, trebuie să fiți un utilizator Adobe CC înregistrat abonament platit sau fără ea.

Întrebare: Cum să creați, să editați sau să ștergeți schema de culoriîn Adobe Capture?
Răspuns: Deschideți aplicația și faceți clic pe pictograma + din partea de jos a ecranului. Aplicația va selecta automat 5 culori din cadru, după care le puteți schimba.

Întrebare: Cum să creați, să editați sau să ștergeți forme în Adobe Capture?
Răspuns: Deschideți aplicația și faceți clic pe Forme, apoi pe + în partea de jos a ecranului. Utilizați ghidurile pentru a selecta zona cadrului care vă interesează. Fă o poză. Faceți clic pe Păstrați în formă sau Eliminați din formă pentru a gestiona zona. Faceți clic pe (->) în colțul din dreapta sus, apoi intrați nume adecvatși salvați-l în biblioteca dvs.

Întrebare: Cum să creați, să editați sau să ștergeți o perie personalizată în Adobe Capture?
Răspuns: Deschideți aplicația și faceți clic pe Pensule, apoi pe + din partea de jos a ecranului. Faceți o fotografie sau selectați o fotografie potrivită din galerie dispozitiv mobil, apoi urmați instrucțiunile pentru a decupa fotografia în zona din care doriți să faceți pensula. După manipulări, introduceți numele pensulei și salvați-l în biblioteca dvs.

Întrebare: Tot ceea ce fac în Adobe Capture va fi disponibil pentru utilizare în toate programele Adobe?
Răspuns: Nu. Iată tabelul de compatibilitate:

Întrebare: Cum folosesc conținutul creat cu Adobe Capture?
Răspuns: Puteți insera tot conținutul pe care îl creați din Bibliotecile Creative Cloud.

Întrebare: Cum pot schimba setările aplicației?
Răspuns: Pentru a face acest lucru, pe ecranul principal al aplicației, trebuie să faceți clic pe meniul hamburger și să accesați fila Setări.

Întrebare: Unde pot da părere la utilizarea produsului?
Răspuns: Lansați aplicația și faceți clic pe pictograma Captură, apoi pe Dă-ne feedback.

Anul trecut, Compania Google, unde lucrez, a introdus Sketch în uz pe scară largă, instrument grafic, care a câștigat o oarecare popularitate. Bineînțeles că avem mult mai multe instrumente grozave, de aceea aș dori să explic de ce Sketch funcționează cel mai bine cu Material Design.

Instrumentele ne extind capacitățile, așa că trebuie să fie versatile, rapide și intuitive. S-au schimbat multe între epoca tipăririi offset și a ecranelor multiplatforme. Dezvoltatorii au încercat să adapteze instrumentele noastre, dar Sketch este poate cea mai de succes aplicație din domeniul său - creatorii săi au eliminat o cantitate imensă de cod, au început de la capăt și au introdus un set mic de funcții potrivite scopului. Ceea ce poate părea superficial instrument simplu pentru desenul reprezintă de fapt tehnologiile de bază necesare ale designului digital.

Sketch 3.2 vine cu un set gata făcut de autocolante de design de materiale, ceea ce facilitează începerea noului dvs. proiect.
Cea mai recentă versiune de Sketch (3.2) are ceva special pentru cei interesați de noi limbaj vizual design de la Google: un set de autocolante de design material. În acest tutorial vom crea cerere de probă folosind Sketch și acest set de autocolante.

Să facem o aplicație de note!

În acest articol, împreună vom realiza o aplicație foarte simplă - Note. Din fericire pentru noi, toți componentele necesare disponibil în cea mai recentă schiță. Iată ecranele pe care le vom crea:

De asemenea, puteți descărca fișierele Sketch (ZIP) care au fost folosite pentru prototipul acestei aplicații; acest lucru vă poate ajuta în timpul acestui tutorial.

Probă

În șablonul nostru - Fișier → Nou din șablon → Design material - veți vedea o gamă largă de elemente, pictograme și machete. Pagina în sine a fost concepută de echipa Material Design de la Google și a fost personalizată cu grijă de Amar Sagoo și de mine. Grupurile și obiectele sunt denumite, stilate și organizate special pentru Sketch.

Totul începe cu artboard-ul

Când dvs document nou deschide - Fișier → Nou (sau Ctrl + N) - apăsați tasta A ( tastă rapidă pentru instrumentul artboard). Puteți desena tabla de artă ca și cum ați fi vrut să desenați orice formă sau orice alt obiect. Acest lucru se face deoarece Sketch are un set simplu de obiecte care funcționează într-un mod similar (mai multe despre asta mai târziu). Când instrumentul planșă de desen este selectat, veți vedea o listă în partea dreaptă dimensiuni posibile, inclusiv, după cum ați ghicit, toate dimensiunile special pentru designul materialului. Faceți clic pe dimensiunea „Orientare portret pentru mobil” și veți vedea o zonă pătrată albă.

Sketch 3.2 are un set de dimensiuni pentru crearea de modele de materiale care pot fi utilizate folosind instrumentul planșei de desen.

Funcția de schiță minunată #1: Capacitate de export invariabilă la scară

Notă: Designul materialului este definit folosind pixeli independenți de densitate. Cum este explicat pe site Dezvoltatori Android, unui obiect constând din pixeli independenți de densitate (DP) îi corespunde dimensiune fizică pixeli la 160 dpi. Dar, în acest tutorial, vom folosi obiecte pixeli, deoarece le puteți scala în sus sau în jos. Deși vom folosi blocuri de pixeli (PB) în acest tutorial Sketch, aceștia sunt cu adevărat pixeli independenți de densitate, deoarece îi puteți scala. sus sau jos.jos la export.

ÎN lumea modernă, nu puteți depinde de aceeași densitate de pixeli, așa că obiectele DP ne permit să vorbim aceeași limbă atunci când interacționăm cu diverse dispozitive. Uneori poate fi necesar să dublezi sau chiar să triplizi dimensiunea pixelilor pentru ca acesta să se potrivească cu dispozitivul tău - nu ar trebui să folosești această metodă.

Lucrați în pixeli 1x și apoi pur și simplu exportați la scalele necesare. Schița face acest lucru ușor simplu drag and drop. Veți vedea un panou în colțul din stânga jos care vă va arăta dimensiunile segmentate pentru export, mai mult, puteți chiar să adăugați propriile indici de valoare pentru numele fișierelor. Când setați operația la Export All (Ctrl + Shift + E), veți vedea această planșă, iar Sketch, la rândul său, va exporta toate versiunile bitmap-ului.

Lucrați întotdeauna la 1×pixeli. Puteți scala cu ușurință în sus sau în jos în panoul Export.

Acum, consultați șablonul din pachetul de stickere și selectați tabloul de grafică „elemente mobile comune”. Există doar lucruri importante de ales de aici, așa că trebuie doar să faceți clic pe această planșă, să copiați și să inserați în documentul dvs. Acum aveți un aspect de bază al designului materialului pentru aplicația dvs. mobilă. După cum puteți vedea în panoul Straturi, aveți un grup numit „Ecran”. Veți avea nevoie doar de conținutul acestuia, așa că următoarea acțiune alege degrupare (Ctrl + Shift + G). Acum veți vedea patru straturi:

ÎN acest autocolant, veți găsi mai multe planșe prefabricate pe care le puteți copia și lipi direct în fișierul Sketch.

  • bară de navigare
  • Acesta este un simbol (simbolurile din panoul Straturi sunt marcate Violet), ceea ce înseamnă că va fi la fel peste tot, iar dacă modificați conținutul simbolului, acesta se va schimba peste tot în fișier.
  • bara de stare
  • Acest panoul de sus pe ecran cu informații despre Wi-Fi, oră etc.
  • panoul de aplicații
  • Acesta este antetul principal de navigare care reflectă titlul pagina curenta, precum și butonul sus sau butonul deschis.
  • culoarea de fundal a ecranului
  • Este culoarea de fundal, dar este și masca. Îl puteți elimina, deoarece tabloul dvs. de artă va acționa ca o mască pentru ecran.

Măștile în Sketch lucrează... de sus!

În Sketch, măștile funcționează deasupra, ceea ce înseamnă că straturile de deasupra obiectului de mascare sunt decupate de acel obiect. ÎN Adobe Illustrator de exemplu, trebuie să plasați un obiect deasupra altor straturi pentru a crea o mască de înfășurare; Acest lucru m-a derutat la început. Pentru a afla mai multe despre măști, citiți documentația Bohemian Coding.

Dacă mutați aceste straturi în interiorul tabloului de desen, veți vedea că sunt mascate de aceasta. Acesta este singurul caz în care un obiect care se află în partea de sus a panoului Straturi maschează un obiect situat dedesubt. Planșele de artă își maschează întotdeauna conținutul și, de asemenea, ascund spațiul de coordonate; Deci, o valoare de 0 pe X și o valoare de 0 pe Y va însemna colțul din stânga sus.

Hărțile sunt un model standard și funcționează bine cu informații eterogene.

Să revenim la pachetul de stickere. Selectați componentele cardului care au jumătate din lățime și introduceți-le în compoziția noastră. Marjele sugerate pentru aceste carduri sunt de 8 pixeli, așa că va trebui să le întindeți.

Funcția de schiță minunată nr. 2: Ghid de trecere

Una dintre cele mai funcții utile Schița se ocupă de spațiere: selectați un obiect ținând apăsat Tasta Alt, apoi mutați mouse-ul în jurul acestuia pentru a vedea distanțele de la obiectul selectat la toate celelalte. Și ținând apăsat Ctrl + Alt și trecând mouse-ul lângă un obiect va afișa dimensiunea obiectelor, în funcție de raportul lor de dimensiune cu alte obiecte conținute în grup.

Butonul de activare a plutirii este o componentă unică de design al materialului
În cele din urmă, să selectăm butonul de acțiune plutitor din selecția noastră și să îl adăugăm. Ar trebui să fie de 16 pixeli bară de navigareși 16 pixeli din partea dreaptă. Grozav! Deci avem o compoziție pentru prima noastră aplicație de proiectare a materialelor. Aceasta este o hartă de vizualizare a paginii cu derulare.

Panoul de navigare vă permite să creați navigare pentru secțiunile principale din aplicație și funcții globale, cum ar fi schimbarea conturilor și posibilitatea de a schimba setările

Pentru a naviga prin diferitele secțiuni ale aplicației noastre, vom folosi instrumentul Navigation Bar Creator. Să copiem prima noastră planșă: Faceți clic pe planșa de desen din lista panoului Straturi, sau pe numele planșei de pe pagină, apoi apăsați Ctrl + D. Aceasta va copia planșa și o va muta cu 100 de pixeli la dreapta. Puteți continua prin simpla copiere și modificare, care este exact ceea ce vom face acum.

Selectați bara de navigare de pe panoul de grafică mobil - stratul se numește „nav lateral”. Lipiți-l în noua tablou de desen. Puteți schimba categoriile în navigare, dar totuși, zona de sus este rezervată pentru schimbarea conturilor de utilizator în mod implicit.

Forme de proiectare a materialelor


Formele în designul materialului sunt morfice. În funcție de starea lor, textul alternativ devine etichete

Ce se întâmplă dacă dai clic pe buton mare cu un plus? Este evident că în în acest caz,, veți crea o notă nouă. Să luăm câteva elemente de formă din lista de autocolante și să facem o nouă planșă pentru ele. Aici putem adăuga posibilitatea de a folosi tastatura; putem plasa o pictogramă pentru această acțiune. Vom alege o pictogramă de culoare închisă, astfel încât să se potrivească schema de culori aplicația noastră.

Reutilizarea panourilor de artă

Desigur, odată ce ați creat o notă, ar trebui să o vedeți adăugată în listă. Să copiem primul ecran și să adăugăm noua noastră notă la el. Doar faceți clic pe numele tabloului de desen chiar deasupra acesteia. Acum că tabloul de desen este selectat, apăsați Ctrl + D. Acest lucru va copia planșa și o va muta 100px la dreapta, aceasta este ideală pentru aranjarea lucrării dvs.

Puteți copia tablouri de artă și acestea se vor muta în partea dreaptă.

Funcția de schiță minunată #3: Selector de culori

Sketch are un selector de culori uimitor. Doar apăsați Ctrl + C pentru a selecta o culoare oriunde pe ecran. Combinând acest lucru cu Ctrl + clic pe orice element, puteți recolora cu ușurință orice obiect în câteva secunde.

Instrumentul de selectare a culorilor este rapid și precis și poate fi aplicat oricărui element de pe ecran

Adăugarea de file

Filele vă permit să prezentați aceleași tipuri de conținut în moduri diferite.

Când copiați elemente din lista de autocolante, puteți selecta orice nivel de elemente. Aceasta înseamnă că puteți selecta întregul ecran sau doar componente individuale, sau chiar doar icoanele în sine. Filele, ca și alte elemente, sunt create cu fundal transparent. Răsfoiți grupul „bara de aplicații” și puteți copia grupul „file” și lipiți-l pe orice fundal existent. Avantajul transparenței este că veți avea distanța necesară în jurul elementului, îl puteți plasa rapid deasupra unui element deja fundal existent sau pe bara de instrumente.

Crearea unei liste

Veți folosi frecvent liste. Ele reprezintă o componentă fundamentală a oricărei aplicații, iar designul materialului ne oferă mai multe opțiuni. Vom face ca fila noastră „note publice” să arate ca o listă.
Copiați lista cu „trei linii” din pachetul de stickere și inserați-o într-o nouă planșă de artă. Degrupați lista și apoi pur și simplu faceți Alt-clic + glisați un obiect pentru a crea un set de articole sau un grup. Repetați acest lucru până când aveți o pagină formată în întregime din linii.

Listele sunt o modalitate obișnuită de a afișa date.

Acțiuni suplimentare - taste rapide

Veți observa un câmp de intrare în partea dreapta listă. Acest câmp reprezintă o acțiune opțională. Făcând clic oriunde în dreapta acestei acțiuni, se va deschide elementul din listă; dar pentru actiune rapida(de exemplu, apelarea unei persoane de contact sau deschiderea informațiilor despre document) puteți utiliza acțiuni suplimentare. Vom înlocui acest câmp de introducere a datelor cu o pictogramă de inimă, astfel încât utilizatorul să poată salva rapid notele.
În pachetul de stickere, veți găsi un mic set de pictograme în colțul din stânga sus, sub „tipografie”. Selectați pictograma inimii și inserați-o acolo unde se află caseta gri. Pictograma ar trebui să fie într-un grup care să conțină pictograma inimii și o casetă transparentă 24×24. Aceasta din urmă vă va permite să utilizați o justificare, așa că asigurați-vă că selectați întreaga grup.

Simbolurile ne permit să operam rapid aplicatii diverse aceleași icoane, elemente etc.

Selectați fiecare dintre grupurile de linii situate pe tabloul de desen și, încă o dată, faceți clic pe zona care spune „Fără simbol”. Veți vedea că simbolul rândului vă este disponibil, selectați-l. Acum ai un numar mare de rânduri, cu pictograme rând, iar dacă schimbați una dintre ele, toate se vor schimba. Astfel ai un set de elemente interconectate.

Folosind această funcție, să înlocuim inima cu o pictogramă de selecție. Este format din trei puncte verticale și înseamnă că sunt disponibile mai multe acțiuni. Tot ce trebuie să faceți este să copiați grupul „pictogramă de alegere” (împreună cu umplutura) din pachetul de stickere și să-l lipiți lângă pictograma inimii. Aliniați-l cu pictograma inimii și apoi ștergeți-l. Odată ce faci asta, vei vedea că celelalte serii s-au actualizat automat. Ura personaje!

Pentru simbolurile din Sketch, nu există un mod de editare. Simbolurile se comportă la fel ca și grupurile și sunt actualizate imediat, motiv pentru care sunt atât de ușor de schimbat. Cu toate acestea, fiți atenți: atunci când editați un simbol într-un singur loc, acesta se va schimba în tot documentul.

Simboluri vă permite să dezactivați rapid pictogramele sau chiar compoziții întregi. Dar atenție: o schimbare într-un loc se va întâmpla peste tot, chiar și pe alte pagini.

În designul materialelor, panourile inferioare afișează un set de acțiuni fără a suprapune ecranul. Aceste panouri alunecă din partea de jos a ecranului și pot fi, de asemenea, mutate înapoi.

În designul materialului, panourile inferioare reprezintă metodă grozavă pentru ca utilizatorul să efectueze o acțiune fără a părăsi contextul curent. Ele alunecă din partea de jos a ecranului și afișează un set acțiuni posibile. În aplicația noastră, bara de jos va apărea când utilizatorul face clic pe pictograma de înainte din dreapta colțul de sus. Să alegem panoul de jos din lista de autocolante și lipiți-o într-o nouă planșă de artă. În plus, selectați o mască ( fundal translucid) din bara de navigare a planului de desen anterior și inserați-o sub panoul de jos.

Caseta de dialog atunci când aveți nevoie

Casetele de dialog pot fi folosite pentru a opri acțiunile, dar folosiți-le cu înțelepciune, deoarece pot fi obstacole inutile în calea acțiunilor repetitive.

La fel de ultimul pas, vom adăuga la casete de dialog. Acestea vor fi apelate atunci când utilizatorul selectează o operație de ștergere din bara de jos. Facem acest lucru pentru a ne asigura că utilizatorul dorește cu adevărat să ștergă nota. Și, în sfârșit, vorbind despre dezinstalare, vă încurajez să reporniți această aplicație folosind dvs design propriu. Schiță- program rapid, iar designul materialului oferă o cantitate mare caracteristici, în special pentru a surprinde în mod plăcut utilizatorii aplicației dvs. Schiță fericită!

Începeți rapid cu resursele Sketch

Iată o listă de resurse de design de materiale create pentru a fi utilizate în Sketch pentru a vă oferi o idee despre cum funcționează:

  • Set de autocolante cu design material. Acesta este ultimul set de autocolante. Set bun elemente și stiluri care sunt ușor de copiat și lipit în noile tale compoziții.
  • Set de icoane de design material
  • Acest set de pictograme este din depozitul Material Design de pe GitHub.
  • Cadre de design material
  • Acest set de culori și pictograme este, de asemenea, un depozit Material Design pe GitHub.

Concluzie: Păstrați ideile în cap și instrumentele în mâini

Vă mulțumesc că m-ați condus prin designul materialelor în Sketch și că am creat o aplicație minunată de luare a notelor. Nu doar am învățat și am încercat instrument nou, dar a făcut și primii pași spre înțelegere sistem nou proiecta.

Un ultim cuvânt de precauție: dacă ne concentrăm pe componentele disponibile, este posibil să pierdem oportunitățile de a răspunde în mod inovator nevoilor utilizatorilor noștri. Puteți oricând să vă comparați designul cu principiile de bază ale designului materialului:

Cuvântul „material” este o metaforă
Imaginile materiale reprezintă o teorie unificatoare a spațiului utilizat rațional și a sistemelor de mișcare. Designul material se bazează pe realitatea tactilă, inspirat de utilizarea hârtiei și a cernelii, încă de ultimă generație, deschisă imaginației.

Îndrăzneț, grafic, intenționat
Elementele fundamentale ale designului - tipografia, grilele, spațiul, scara, culoarea și utilizarea imaginilor - creează experiența vizuală. Ele nu sunt doar plăcute ochiului, ci reprezintă ceva mult mai mult. Aceste elemente creează ierarhie, sens și focalizarea atenției.

Mișcarea creează sens
Mișcarea oferă utilizatorului posibilitatea de a deveni actor. Acțiunile sale de bază inițiază mișcarea, transformând astfel întregul design.

Amintiți-vă, indiferent cât de bine arată ceva, accentul ar trebui să fie mai degrabă pe utilizator decât pe pixeli. Dacă aveți viziunea corectă, totul va urma.

Aplicația Adobe Photoshop Sketch poate fi descărcată gratuit atât pe smartphone-urile iPhone, cât și pe cele Android.

Modul meu preferat de a folosi acest program este să pictez pe fotografii ca și cum ar fi folosit ruj sau guașă. Se dovedește foarte impresionant, în acest fel poți adăuga poftă oricărei fotografii.

Deci, să începem.

1. Deschideți aplicația și vedeți pagina următoare:

Aici puteți vedea deja proiectele pe care le-am creat mai devreme. Pentru a crea un proiect nou, faceți clic pe semnul plus din partea de jos a ecranului.

2. Alegeți o opțiune de pânză pentru viitorul nostru proiect:

Aici ne concentrăm pe fotografia pe care vrem să o decoram cu un desen. De obicei aleg „pătrat”.

3. Vedem în fața noastră Foaie albă pentru viitoarea noastră capodopera:

Pentru a adăuga o fotografie pentru un desen, faceți clic pe semnul plus, care se află în partea dreaptă a ecranului.

Selectați opțiunea „Strat imagine”.

Selectați „pe iPhone” dacă fotografia este deja în galerie și introduceți-o sau faceți o nouă fotografie.

Îl întindem puțin în sus și în jos pentru a face mai convenabil lucrul.

Nu vă faceți griji pentru dungile albe de pe laterale. După ce fotografia este procesată, aceste cadre pot fi tăiate în orice editor foto cu care sunteți familiarizat, fără pierderi de calitate.

5. Alegeți o perie care ne place.

In cazul meu vreau sa fac lovituri de „fondant”, sau lovituri de guasa. Așa că selectez a treia perie de sus.

Dacă dați clic pe semnul plus, vi se va deschide lista plina perii Acolo poți găsi orice pe gustul tău 😊

După cum puteți vedea, pensula mea are trei caracteristici: dimensiune, transparență și culoare. Putem schimba culoarea cu oricare alta.

Am ales roz moale.

6. Ei bine, acum, să desenăm de fapt orice dorește inima ta. Am desenat această inimă.

Nu contează dacă ești un începător complet, un designer în curs de formare sau un profesionist experimentat care trece la Produs nou, - acest articol este pentru tine.

in primul rand, vom cunoaște puțin Sketch - ce este, cum și-a câștigat popularitatea, cum să obțineți o versiune de probă gratuită și să instalați aplicația pe Mac. În al doilea rând, haideți să explorăm interfața Sketch, voi explica elementele de bază și voi arăta câteva trucuri și trucuri. Al treilea, vom atinge funcții mai avansate ale aplicației (curbele Bézier și amestecarea sunt deosebit de impresionante).

Și, în sfârșit, voi împărtăși resurse Sketch de calitate, inclusiv cheat sheet gratuită 99 de puncte, ceea ce este foarte convenabil să înveți cum să folosești aplicația. Sună bine?

1. De ce schiță?

De ceva timp după lansarea sa în 2010, Sketch a fost considerat ca unealtă ușoară pentru editarea graficelor, cu care designerii UI și UX ar putea prototip rapid design-uri de aplicații.

Dar pentru anul trecut Sketch a evoluat semnificativ, iar capacitățile sale se extind acum mult dincolo de crearea de machete de ecran. Ca un produs tânăr creat special pentru nevoi astăzi, nu are toate astea gunoi inutile ca în decor produse Adobe Nor creativ.

  • Redimensionarea formelor folosind taste rapide
  • Elemente de duplicare
  • Evidențierea inteligentă
  • Gruparea și degruparea elementelor
  • Selecția directă în grupuri
  • Setare zoom 100%.
  • Afișați toate tablourile de artă
  • Aducerea obiectelor în prim-plan sau în fundal
  • Redenumire
  • Măsurarea distanței dintre elemente
  • Setarea opacității utilizând tastatura numerică
  • Schimbarea razei fiecărui colț separat
  • Configurarea tastelor rapide personalizate
  • Utilizarea operațiunilor matematice în interiorul câmpurilor de intrare
  • Figuri compozite
  • Comanda Rotire Copiere
  • felii
  • Elemente exportabile și planșe de artă
  • Exportarea surselor pentru ecranele retină
  • Poziționarea obiectelor „în exterior”
  • Combinând lumina și umbra pentru a crea profunzime
  • Imitație de suprafață pliată
  • Crearea de umbre ascuțite
  • Distanța dintre un obiect și umbra acestuia
  • Surse multiple de lumină
  • Orizont
  • Suprapunere obiect

Și în cele din urmă... lucrează prin aceste lecții de schiță. Sunt în rusă

O serie de lecții de la Marc Andrew

Crearea de aplicații mobile în Sketch de Marc Andrew

Dacă sunteți în căutarea mai multor tutoriale și sfaturi despre începerea în Sketch, le veți găsi în „ Resurse aditionale” la finalul acestei postări.

3. Tehnici mai avansate de lucru în Sketch

Odată ce ați stăpânit elementele de bază, este timpul să treceți la funcțiile mai avansate disponibile pentru utilizatorii Sketch!

Stăpânirea curbelor Bezier

După cum am menționat mai devreme, Sketch este un vector editor grafic, ceea ce înseamnă că toate obiectele din Sketch sunt formate din puncte și curbe. Pentru a experimenta întreaga valoare a Sketch, trebuie să învățați cum să manipulați acele puncte și curbe. Acest lucru vă va permite să desenați forme complexe, cum ar fi litere ornate, de la zero.

Crearea simbolurilor

Sketch vă permite să vă creați propriile „simboluri”. Aceasta înseamnă că puteți salva un strat sau un grup de straturi ca simbol și apoi îl puteți introduce în document ca și cum ar fi o formă simplă.

Ceea ce face simbolurile speciale este că puteți face dublu clic pe „entitate” a unui simbol, puteți edita simbolul „master” și toate entitățile simbolului respectiv din document vor fi actualizate automat. În acest GIF, creez un simbol în formă de frunză, inserez încă două dintre entitățile sale și apoi schimb opacitatea simbolului părinte. Vezi cum se schimbă restul:

Opțiuni avansate de redimensionare

Când lucrați cu obiecte grupate, este posibil să doriți ca obiectele din grup să se comporte diferit atunci când sunt redimensionate. Pentru fiecare obiect din grup, Sketch vă permite să alegeți propria metodă de redimensionare.

Iată opțiunile posibile:

  • Întinde(întindere): obiectul va fi redimensionat proporțional dimensiunile per total grupuri. Aceasta este metoda implicită, de obicei acesta este efectul pe care îl așteptați de la o redimensionare.
  • Fixați în colț(atașați la colț): dimensiunea obiectului va fi modificată, dar poziția acestuia nu se va schimba (față de cel mai apropiat colț)
  • Redimensionați obiectul(redimensionare obiect): obiectul va fi redimensionat la aceeași valoare a pixelilor la care este redimensionat grupul. Dacă grupul devine cu 50 de pixeli mai lat, atunci obiectul va deveni cu 50 de pixeli mai lat.
  • Plutește pe loc: obiectul nu va fi redimensionat atunci când grupul este redimensionat, dar își va schimba poziția proporțional cu dimensiunile totale ale grupului.