Share
I denne opplæringen skal vi lære å perfekt justere objekter og distribuere dem ved hjelp av Sketch 3. Jeg skal bruke noen grunnleggende eksempler for fullt ut å forklare alternativene - du vil bli overrasket over noen av dem!
Dette er kanskje den enkleste teknikken her.
Se på toppen av inspektøren: Du får se noen justeringsrelaterte knapper. De seks knappene som er plassert til høyre (juster venstre, horisontalt, høyre, øverst, vertikalt og nedover) er for å tilpasse lagene hverandre, men hvis du bare har et enkelt objekt valgt, vil det justeres til det overordnede tegnebrettet. Slik fungerer det:
Som nevnt kan du bruke de samme knappene når du har flere objekter valgt for å justere dem hverandre. Men hva med om vi vil justere flere objekter til tavlen?
For å justere flere objekter til kunstplaten grupperer de dem i en enkelt laggruppe. Gruppen vil fungere som et enkelt objekt når du bruker justeringsknappene.
Men gruppering på denne måten passer ikke alltid til situasjonen din. La meg vise deg en annen tilnærming.
Velg lagene du vil justere, hold nede alt-tasten for å gjøre justeringsikonene i inspektøren endre deres utseende. Nå justerer du lagene til tavlen! Husk at du må ha de valgte lagene innenfor tavlen, ellers vil dette alternativet ikke være tilgjengelig.
I følgende eksempel har jeg valgt tre forskjellige lag:
Dette fungerer også med laggrupper; som betyr at du kan velge flere laggrupper, hold nede alt-tasten og juster dem til tavla.
En annen situasjon: Jeg vil gjøre alt justere til et enkelt objekt. Først må du forstå at Sketch alltid er som standard justert til ytterste lag av alle de valgte. Det laget er referert til som "nøkkelobjektet".
Følgelig, for å justere alle de valgte objektene til toppen, vil objektet som befinner seg i den fjerne øverste posisjonen være nøkkelobjektet. Her er et eksempel der jeg justerer tre objekter i øverste høyre posisjon (det røde torget er vårt "nøkkelobjekt"):
Det ville være fint om vi kunne endre nøkkelobjektet for å matche den vi vil ha, ikke sant? Her er trikset: lås laget du vil opptre som nøkkelobjekt,velg deretter alle lagene igjen. (Du kan bare velge låste lag gjennom Lag-listen).
I det følgende eksemplet er det blå torget allerede låst, så det vil fungere som vårt nye nøkkelobjekt. La oss nå justere objektene øverst til høyre igjen:
Jeg oppdaget dette praktiske trikset takket være SketchTips. Og du kan bruke Juster til-plugin laget av Lucien Lee for å oppnå de samme resultatene.
Tips: Du kan også bruke justeringsknappene til å justere flere vektorpunkter når du er i Redigeringsmodus. Velg vektorobjektet, dobbeltklikk for å bytte til Redigeringsmodus (du kan også bruke Rediger-ikonet på hovedverktøylinjen) og velge alle vektorpunktene du vil justere.
Hvis vi ser på toppen av inspeksjonspanelet, merker jeg at jeg ennå ikke har nevnt de to justeringsikonene til venstre. Disse knappene er for å distribuere objekter horisontalt og vertikalt. Vi kan også distribuere dem jevnt, noe som er veldig nyttig! La oss si at vi har noen få former valgt, og vi ønsker å distribuere dem horisontalt. Bruke Fordel horisontalt knappen eller gå til Ordne> Fordel> Horisontalt.
De venstre og rettste lagene vil forbli hvor de er, mens lagene i midten vil være fordelt jevnt mellom dem. Du kan gjøre det samme langs den vertikale aksen med Distribuere vertikalt alternativ.
Ok, men hva om jeg vil ha disse lagene 20px fra hverandre? Distribuere horisontalt / vertikalt vil ikke hjelpe her.
I dette tilfellet kan vi bruke Lag grid verktøyet (Ordne> Lag rutenett) For å definere horisontale og vertikale avstand mellom objektene. Det kan være litt vanskelig å forstå først, så la meg vise deg et annet animert eksempel:
Her ønsket jeg å distribuere fire forskjellige lag med 20px mellomrom mellom dem. Jeg laget et rutenett av en enkelt rad (for å justere alle lagene horisontalt) og fire kolonner (en kolonne per lag). Deretter setter jeg kolonnemarginen til 20px for å få ønsket avstand. Hvis jeg vil distribuere lagene vertikalt, må jeg lage et rutenett på fire rader (med 20px margin) og en kolonne.
Hvis du ikke føler deg komfortabel med denne metoden, kan du prøve SketchDistributor plugin. Den lar deg distribuere utvalgte objekter med en spesifisert avstand.
Jeg håper du likte denne opplæringen. Ved å mestre justerings- og distribusjonsverktøyene i Sketch sparer du mye tid!
Accentsconagua