Så här ställer du upp nät i Affinity Designer

Grids är en användbar funktion i någon design mjukvara. I den här videon från min kurs Affinity Designer Quick Start lär du dig hur du ställer in nät i Affinity Designer. Jag ska visa dig hur du använder nyckelfunktionerna i både standardnätet och det isometriska nätet.

Så här ställer du upp nät i Affinity Designer

 

Basic Grid Setup

Affinity Designer har ett mångsidigt rutsystem med några riktigt bra verktyg för saker som ikondesign, och det har också isometriska rutor för att göra grafik för spel.

Vi börjar med att visa rutnätet. Så huvudet upp till Se menyn och kontrollera sedan Visa rutnät undermeny. Det ger upphov till standardnätet. 

För att ändra sättet att detta rutnät är upplagt, gå tillbaka till Se menyn och gå sedan ner till Grid och Axis Manager.

Som standard, Använd automatiskt rutnät kommer att kontrolleras. Så om du vill ändra saker runt, behöver du bara avmarkera kryssrutan.

Så här ställer du in ett rutnät för att skapa ikoner

Låt oss se hur du kan skapa ett rutnät för att skapa ikoner. 

En ganska vanlig storlek för ikoner är 64 pixlar med 64 pixlar. Så i samma Grid och Axis Manager, du kan gå till Första axeln och ställa in Mellanrum till 64 pt. Och sedan under Andra axeln, vi kan också ställa in Mellanrum till 64 pt. Så nu är var och en av våra rutor rätt storlek för att en ikon ska passa inuti den. 

Vad vi också kan göra är att öka mängden utrymme mellan var och en av dessa nätceller. Så öka Ränna till 24 pt för båda axlarna. Och nu kan vi passa exakt en ikon i var och en av dessa lilla rutor. 

Och vi kan ta det ännu mer för att hjälpa oss att arbeta med vår layout genom att öka antalet divisioner. Så vi kan göra mindre nät i vårt nät.

Så låt oss säga att vi sätter divisioner till 32. Och nu om vi zoomar in kan vi se att vi har flera linjer som bryter ner var och en av våra nätceller ännu längre. Så när vi försöker anpassa alla olika noder och pekar på våra ikoner, kan vi snäppa till var och en av dessa rader. Och vi kan göra samma sak horisontellt så att vi har ett riktigt fint litet självständigt rutnät för var och en av ikonerna som vi producerar. 

Så här ställer du upp en isometrisk rutnät

Den här ikonrutan layout använder bara standardläget för rutnätet. Men du har också flera andra förutbestämda typer av nät som du kan arbeta med.

Du kanske till exempel arbetar med grafik för ett isometriskt videospel. Så du kan gå upp till Läge och välj Isometrisk från rullgardinsmenyn.

Och nu blir ditt nät omvandlat till ett isometriskt lager. Så låt oss bara släppa det Ränna tillbaka ner till 0, och vi kommer att behålla våra nätavdelningar. 

Och nu har vi en riktigt fin ram som vi kan använda för att börja utplåna isometrisk grafik, utan att behöva oroa oss för att vinklarna och det perspektiv vi försöker lägga ut är felaktiga på något sätt. Här är en närbild som visar divisionerna:

Titta på hela kursen

Under hela kursen, Affinity Designer Quick Start får du 34 fler videor som den här, och går igenom alla aspekter av denna mångsidiga designprogramvara. Du lär dig i detalj om de olika vektorverktygen, interaktioner mellan former, typografi och mycket mer.

Du kan ta kursen direkt med en abonnemang på Envato Elements. För en enda månatlig avgift får du inte bara tillgång till kursen utan också till vårt växande bibliotek med över 1000 videokurser och branschledande e-böcker på Envato Tuts+. 

Dessutom får du obegränsade nedladdningar från det enorma Envato Elements-biblioteket med 300 000 foton och 34 000 + designtillgångar och mallar. Skapa med unika teckensnitt, foton, grafik och mallar, och leverera bättre projekt snabbare.