Övergång från Adobe Illustrator till Affinity Designer

Det är inte så ofta att du kommer ett ögonblick i livet när du slutar känna dig fast och hämtar ett friskt luft medan varje cell i din kropp fortsätter att berätta för dig att göra en förändring. Tro det eller inte, det händer även visuella tinkers, som jag inte lärde mig för länge sedan.

Så här är vi sju år senare, sju år med att använda samma digitala produkt för att hjälpa mig att mala och forma varje liten pixel som jag någonsin har avbildat i mitt sinne och av någon anledning har jag aldrig haft modet att kasta bort och uppleva någonting nytt, något annat, tills nu.

Idag ska jag dela med dig min resa, min erfarenhet av att byta från Adobe Illustrator till Affinity Designer och lista de viktigaste vägstötar som jag var tvungen att erövra allt på egen hand med hjälp av min tillförlitliga mus och tangentbord.

Så, om du har hittat dig själv i samma hål, låt mig ge dig en hjälpande hand så att du kan börja på din nya resa.

Hoppa rakt in med våra Affinity Designer tutorials, eller läs vidare för att få veta mer.

1. Användargränssnittet

Det första du alltid märker när du äntligen bestämmer dig för att byta upp det och prova en ny grafisk designapplikation är själva gränssnittet, vilket ibland kan vara en avbrottsbrytare, speciellt om layouten är helt annorlunda än vad du är van vid.

Nu är jag glad att säga det Affinity Designer upprätthåller nästan samma layout som Illustratör, där användargränssnittet delas noga in i en vänster sida verktygspanel, en topp kontrollpanel, och självklart din dockade panelgrupper till höger.

2. Ställa in ett nytt dokument

Nästa sak som jag checkade ut när mjukvaran var igång var processen att skapa ett nytt projekt.

Det kan tyckas konstigt att nämna detta, men när det gäller att skapa en Nytt dokument, den mest kraftfulla funktionen som jag tror Illustratör har att ge användaren möjligheten att ställa in flera artboards från get-go.

Jag var lite hjärtbruten för att se det Affinity Designer tog ett något annorlunda tillvägagångssätt, eftersom det bara tillåter dig att skapa en tavla från fönstret (som inte ens kontrolleras som standard), vilket ger dig möjlighet att lägga till mer efteråt.

Nu är det inte nödvändigtvis en dålig implementering, men jag skulle ha älskat att kunna stapla och distribuera mina tavlor med hjälp av inmatningsfält istället för att dra och placera dem manuellt med en mus.

3. Navigering och interaktion

Okej, som vi har sett, såg de goda serifserna på att Affinity omfattar en liknande layout, men hur fungerar applikationen när det gäller viktiga uppgifter som att navigera och interagera med Artboard?

3,1. zoomning

I Illustratör, För att zooma in eller ut, allt du behöver göra är att trycka och hålla ner Alt tangenten medan du rullar uppåt eller nedåt med hjälp av mushjulet för att komma så nära eller så långt som du vill vara från ritytan. Du kan uppnå samma resultat genom att hålla ned Kontrollera och tryck sedan på + / - symboler eller genom att använda dedikerade Zoomverktyget (Z), som du kan växla genom att hålla ner Alt modifieringsnyckel.

Affinity Designer följer samma tillvägagångssätt, använder den bara Kontrollera nyckeln istället för Alt en, i kombination med mushjulet eller + / - symboler för att zooma in eller ut ur ritytan.

För mig var det en enkel ändring för att vänja mig när jag hade spenderat några minuter med att spela med ansökan.

3,2. rullning

När det gäller att rulla, som jag är ärlig, använder jag inte allt som ofta, Illustratör låter dig vertikalt rulla igenom ett dokument genom att hålla ned Flytta nyckeln och sedan använda mushjulet. För att gå horisontellt är allt du behöver göra genom att hålla ned Kontrollera tangent medan du flyttar rullhjulet.

I Affinitet, du använder Flytta tangent i kombination med mushjulet för att rulla horisontellt och Alt nyckeln för att gå vertikalt. Nu är det inte en stor förändring, men jag tyckte att det skulle vara bra att nämna, särskilt om du brukar navigera på det här sättet.

3,3. Navigering

När det gäller att kunna navigera till en viss del av din Artboard, ger Illustrator dig möjlighet att göra det med hjälp av en dedikerad Navigatör panel.

Om du lita starkt på den här funktionen, ser du det lyckat att se det implementerat med ett mycket liknande tillvägagångssätt i Affinity Designer, där du enkelt kan klicka på en viss sektion och mjukvaran omedelbart flyttas till den delen av Artboard, så att du kan zooma in eller ut med antingen de två dedikerade knapparna eller den procentuella reglaget.

Personligen föredrar jag att använda Handverktyg (H) (Visa verktyg (H) i Affinity Designer) som du enkelt kan växla tillbaka och vidarebefordra till genom att hålla ned Mellanslag, medan du klickar och drar för att flytta Artboard runt.

4. Grundläggande formskapande och urval

Så fort jag hade blivit van vid att interagera med min Artboard, fortsatte jag för att se hur Affinitet hanterar formskapande och urval, eftersom det vanligtvis är vad du faktiskt gör i denna typ av grafikprogram. Det är här saker börjar börja förändras, men inte så mycket att du blir galen.

4,1. Skapa geometriska former

När det gäller att skapa enkla geometriska former, Illustratör ger dig fem typer av formverktyg som du kan använda för att börja skapa ditt konstverk: Rektangelverktyg (M), en Rundad rektangelverktyg, en Ellipsverktyg (L), en Polygon Tool, och den Star Tool.

Alla kan hittas i vänster verktygspanel, under Rektangelverktyg (M), och kan snabbt nås genom att helt enkelt hålla ner vänster musknapp tills listrutan visas eller genom att använda tangentbordsgenväg för de som har en.

Medan det inte finns en dedikerad visuell indikator, både Polygon och Stjärna verktyg ger dig möjlighet att lägga till eller ta bort sidor, med hjälp av Upp och Ner piltangenter, som kan öka eller minska objektets komplexitet, så att du kan skapa olika former.

För att skapa en verklig form har du möjlighet att gå manuellt genom att klicka och hålla inne medan du drar musen för att få önskad storlek och form, där Flytta nyckeln låter dig skapa en perfekt form (vare sig det är en kvadrat, en ellips, en polygon, etc.) och Alt man låter dig rita eller ändra storlek från mitten ut. Du kan också flytta formen runt när du skapar den genom att hålla ner Mellanslag, och sedan ompositionera den med musen.

Den andra metoden, som jag personligen använder mycket, ger dig en högre precision, eftersom du kan välja önskat formverktyg och sedan vänsterklicka någonstans inom arbetsområdet för att få fram ett litet popup-fönster som gör att du kan finjustera sina olika funktioner (bredd, höjd, hörnradie, radie, sidor, och / eller poäng).

Vid en första anblick, Affinitet verkar följa ett liknande tillvägagångssätt sedan du har din Rektangelverktyg (M), en Ellipsverktyg (M), en Rundad rektangelverktyg (M), och a Triangle Tool, vilka separeras individuellt i vänster verktygsfält.

Nu, om vi tittar närmare på Triangel Verktyg, du märker att den har en liten nedrullnings-pil som, om du klickar på den, visar dig de andra tillgängliga alternativen, som till min förvåning är några.

När det gäller att använda ett av verktygen och skapa en verklig form, blir sakerna lite annorlunda eftersom det enda sättet du kan göra det är att använda klick-och-dra-metoden. Detta är inte nödvändigtvis en dålig sak, eftersom du blir visuell Bredd och Höjd indikator, men kan vara lite långsammare och mer irriterande, speciellt när du känner till de exakta dimensionerna som formen behöver ta. En annan sak som är annorlunda är att du inte kan lägga till eller ta bort sidor i olika typer av former, som du kunde göra i Illustratör använda Upp och Ner piltangenter, men för att vara ärlig använde jag aldrig det alternativet så mycket.

Liknande Illustratör, Affinitet ger dig möjlighet att använda Flytta nyckeln för att begränsa proportionerna av formen medan du drar (användbar när du skapar rutor, perfekta cirklar etc.) och / eller Kontrollera nyckeln för att rita eller ändra storlek från mitten ut. Du kan också flytta formen när du drar den genom att hålla ned Mellanslag, och till och med rotera det-whaat? -bruka musens Högerklicka.

4,2. Basic Shape Selection

Så vi har sett det som skapar former i Affinitet Är inte allt så annorlunda, men hur fungerar det när det gäller att välja dem efteråt? Tja, om du är bekant med Illustratör, du vet säkert att du enkelt kan välja en form av vänster klicka på det med hjälp av dedikerade Urvalsverktyg (V).

Om du behöver välja flera former kan du snabbt göra det genom att hålla ned Flytta tangent medan du klickar på de som du vill inkludera i ditt val.

Du kan uppnå samma resultat med hjälp av klick-och-dra-metoden, där du klickar och drar med Urvalsverktyg (V) för att välja önskade former. Medan det kan bli snabbare, är det inte så exakt och användbart när du hanterar ett större antal överlappande objekt.

Ett annat sätt att göra ett urval är att använda Skikten panel, där om du utökar ett lager kan du se alla former på den, vilket du då enkelt kan välja med att använda den lilla mål cirkel.

Om du behöver välja alla befintliga former kan du snabbt göra det med hjälp av Kontroll-A tangentbordsgenväg.

När det gäller formval, Affinitet kommer utrustad med egen Flytta verktyget (V), som i princip beter sig på samma sätt som Illustratör's Urvalsverktyg (V), där du enkelt kan välja en form genom att helt enkelt klicka på den.

Om du försöker använda klick-och-dra-metoden kommer du märka att sakerna är lite annorlunda, eftersom du måste se till att ditt val överlappar hela ytan av formen eller formerna, annars är programvaran kommer inte att inkludera det / dem inom ditt val.

Efter att ha arbetat på några projekt fann jag att det enklaste sättet att göra ett urval av ett större antal former använder sig av Skikten panel där du snabbt kan välja en form genom att helt enkelt klicka på den, lägga till och / eller ta bort nya från urvalet medan du håller ned Kontrollera nyckel-.

Som med Illustratör, Du kan snabbt välja alla dina former när du behöver genom att använda Kontroll-A tangentbordsgenväg.

4,3. Formgruppering

När man arbetar med flera former blir möjligheten att välja och gruppera dem tillsammans ett måste, och jag är glad att säga det Affinitet tar ett välbekant tillvägagångssätt, där du snabbt kan skapa en grupp objekt med högerklicka> Grupp eller genom att använda Kontroll-G tangentbordsgenväg.

För att bryta en grupp, välj den och sedan högerklicka> Ungroup eller använd Kontroll-skift-G tangentbordsgenväg.

5. Justera formen av ett objekt

Okej, så vi har sett hur Affinitet beter sig när det gäller att skapa grundläggande geometriska former, men hur är det när du vill justera dem?

5,1. Terminologi: Ankare kontra nodar

Som du säkert vet, Illustratör använder vad det kallar ankarpunkter att definiera formen på en bana (oavsett om den är öppen eller stängd), vilka beter sig som små kvadrater som hjälper till att begränsa sin form.

Affinitet fungerar ganska mycket identiskt eftersom det använder det som det kallar noder, som i grund och botten är samma sak, eftersom de tjänar samma funktion.

5,2. Val av ankare / nod

Den viktigaste skillnaden mellan de två är hur ansökningarna hanterar deras val.

I Illustratör, ankarnaär inte direkt tillgängliga med det vanliga Urvalsverktyg (V), Det är därför det kommer med en dedikerad Direktmarkeringsverktyg (A) som låter dig välja individuellt varje och en av dem genom att helt enkelt klicka på dem.

Affinitet kommer också med en dedikerad Nodverktyg (A) av sig själv, men det beter sig något annorlunda, eftersom om du har att göra med grundläggande geometriska former kan du inte direkt nå sina noder förrän du konverterar dem till kurvor med hjälp av Konvertera till kurvor fungera.

När din form har konverterats till kurvor kan du enkelt välja några av dess noder genom att klicka på dem, vilket fyller den lilla rutan för att meddela att valet gjordes.

Nu ska jag vara ärlig, om du är ny på programvaran och inte går igenom den officiella dokumentationen, kommer det förmodligen att hämta dig lite, speciellt om du är van vid vägen Illustratör hanterar denna specifika typ av urval, varför jag ville peka ut det.

5,3. Basic Shape Adjustments

När det gäller grundläggande formjusteringar, baserad på förankringspositionering, Illustratör ger dig möjlighet att snabbt ändra ett objekts utseende genom att välja och dra ankarpunkter med musen eller genom att trycka på dem med pilknapparna. Beroende på vilken precisionsnivå du behöver kan du välja den ena över den andra.

När du går igenom det extra steget, Affinitet gör det i princip möjligt att uppnå samma resultat med ett klick och drag-tillvägagångssätt, vilket är ganska förståeligt eftersom det förmodligen är det mest naturliga sättet att göra dessa typer av justeringar.

Nu, om du vill ha den högsta nivån av precision, Illustratör kommer förpackad med en dedikerad Flytta verktyg (högerklicka> Transformera> Flytta eller Skift-Control-M) som låter dig omplacera valfri ankarpunkt (eller till och med en hel form) med ett exakt numeriskt värde av ditt eget val.

Tyvärr, Affinitet kommer inte med ett liknande verktyg. Istället tillåter du dig att uppnå samma resultat med hjälp av Omvandla panel där du kan styra x och y positionering av dina noder (eller hela formen) på ett liknande sätt.

Problemet är att det är lite knepigt, eftersom varje gång du gör en justering måste du lägga till eller ta bort antalet pixlar som du vill att noderna ska flytta från respektive koordinat. Till exempel, i mitt fall, ville jag återjustera den övre vänstra nodentill den rätta, vilket betyder att jag måste göra lite snabb matte där jag tar bort avståndet mellan nuvarande position och den som jag vill uppnå från min y koordinera, så 288-128 = 160 px.

5,4. Avancerade formjusteringar

Så vi har sett att du enkelt kan ändra formen på ett geometriskt objekt genom att placera dess ankarpunkter / noder, men hur Affinitet hantera mer avancerade justeringar?

För det mesta, när jag arbetar på en detaljerad komposition baserad på grundläggande geometriska former, finner jag mig själv att göra snabbare anpassningar till dem genom att ta bort delar av deras vägar.

Låt oss till exempel säga att vi vill öppna en cirkel genom att helt ta bort den vänstra halvan.

I Illustratör, Du kan enkelt uppnå detta genom att välja vänsterförankringspunkten med hjälp av Direktmarkeringsverktyg (A), och sedan ta bort det genom att helt enkelt trycka på Radera.

Affinitet gör sakerna lite mer komplicerade (men till det bättre), eftersom om du försöker tillämpa samma metod kommer du märka att istället för att öppna vägen slutar det ta bort noden från formen.

För att uppnå samma resultat måste du välja önskad nod med hjälp av Nodverktyg (A) och öppna sedan upp den med hjälp av Break Curve Verkan, som kommer att separera sina två komponerande vägar. Då kan du själv välja och ta bort dem med hjälp av Radera nyckel, vilket ger dig önskat resultat.

Detta händer eftersom programvaran ser den vänstra halvan som komponerad av två mindre vägar som förenar var deras horisontella noder möts. Först såg jag på det som opraktiskt, men efter att ha vänt mig på det tyckte jag att det var verkligen användbart, särskilt när jag behövde ta bort mindre delar av en forms väg.

I Affinitet Du kan enkelt ta bort det nedre vänstra kvartalet av cirkelens väg med hjälp av Ha sönder Kurva Åtgärd, vart i Illustratör du måste lägga till och ta bort en ny ankarpunkt från den.

6. Formulering och distribution

Så vi har sett hur former skapas och justeras. Låt oss nu prata lite om justering.

Jag är helt ärlig. När det gäller att anpassa en form fann jag det Illustratör har överkanten sedan dess Justera panel, så enkelt som det kan se, är verkligen väl genomtänkt.

Med bara några klick kan du enkelt placera någon form i mitten av din ritytan så länge du ser till att anpassningen görs till den (Anpassa till> Anpassa till Artboard).

Om du behöver justera en eller flera former till ett visst objekt kan du enkelt göra det genom att välja dem och sedan klicka på det du vill göra anpassningen till, för att instruera programvaran att använda den som nyckelobjekt.

Vill du avstånda två eller flera former från varandra, kan du snabbt göra det med hjälp av Distribuera spacing alternativ, där du tilldelar a nyckelobjekt från ditt val och ange sedan antalet pixlar som du vill att programvaran ska trycka på de andra formerna.

Byt till Affinity Designer, och alla de vanliga individuella anpassningarna fungerar som du skulle förvänta dig, eftersom du enkelt kan anpassa en form till någon kant av Artboard eller dess centrum med hjälp av Justera horisontellt och Vertikalt alternativ.

Det som egentligen är intressant är att de två axelreglagen kommer separerade, vilket ger dig mer kontroll över justeringsmetoden, eftersom om du har flera olika former, kan du inte bara anpassa dem till olika delar av Artboard utan också till varandra.

Jag vet inte exakt hur bra det här skulle vara för ett riktigt dagligt arbetsflöde, men jag blev faktiskt positivt överraskad av genomförandet.

Saker börjar bli svåra när det gäller att distribuera flera objekt med ett visst numeriskt värde, jämfört med Illustratör där du kan välja det nyckelobjekt till vilket distributionen görs, i Affinitet fördelningen sker alltid från Urvalsgränser. Det här är inte nödvändigtvis en avbrottsbrytare, men det tar lite tid att vänja sig, särskilt om ditt arbetsflöde är starkt beroende av det här verktyget.

7. Kopiering och lagring av beteende

När jag såg hur inriktningen och distributionsarbetet fungerade, ville jag kolla på hur kopieringsprocessen och klistret fungerar, eftersom jag brukar använda denna funktion mycket.

I Illustrator, för att kopiera en form använder du Kontroll-C Tangentbordsgenväg, som lägger till den i Urklipp, så att du kan klistra in den igen på ritytan använder fem olika metoder:

  • Kontroll-V, som klistrar in kopian slumpmässigt inom Artboard-ytan
  • Kontroll-F, som klistrar in kopian framför den ursprungliga formen
  • Kontroll-B, som klistrar in kopian bakom den ursprungliga formen
  • Skift-Control-V, som klistrar in kopian på plats
  • Alt-Skift-Control-V, som kommer att klistra in en kopia av formen på alla tillgängliga tavlor

I Affinitet, du får använda samma Kontroll-C Tangentbordsgenväg för att lägga till en kopia av en form till Urklipp.

Vad är annorlunda är att klistra in kopian, använder du Kontroll-V genväg, som kommer att skapa och placera dubbletter framför originalet, vilket är något jag absolut älskar, eftersom när jag kopierar en form, förväntar jag mig att duplicatet ska visas på exakt samma plats.

Det finns några andra variationer som kan ses från inom Redigera menyn, men för mig känns det tillräckligt.

8. Form isolering

Många gånger när jag jobbar med mer invecklade projekt slutar jag ofta isolera specifika delar av det för att ta tid och finjustera sina kompositioner utan att bli distraherad av alla de röriga.

Illustratör kommer med en dedikerad Isoleringsläge, som låter dig fokusera på en viss form eller grupp av former genom att dubbelklicka på dem eller genom högerklicka> Isolera specificerad sökväg / grupp. En gång i Isolering, alla andra former blir oselekterbara, deras Opacitet nivåer sänks så att de inte kommer att distrahera dig från ditt arbete.

Ett annat sätt att du kan isolera en enda form, en grupp eller till och med ett helt lager är att använda Skikten panel där du först väljer vad du vill isolera och öppna sedan panelens meny och träffa Ange isoleringsläge.

Panelen anger omedelbart att du är i Isoleringsläge genom att gömma alla andra former, så att om du har en större grupp eller ett lager, kommer du bara att kunna välja de former som ingår i det.

Att lämna Isoleringsläge, Allt du behöver göra är att trycka på Fly nyckel eller högerklicka> Avslut isoleringsläge.

Affinity Designer gör att du kan isolera varje enskild form, grupp eller lager, men det gör saker lite annorlunda, eftersom du bara kan göra det från Skikten panel, genom att vänster klicka på deras miniatyrbild medan du håller ned Alt nyckel. Så fort du går in i isoleringsläget är alla andra former helt dolda så att hela fokus ligger på det du behöver jobba på.

För att avsluta isoleringsläget är allt du behöver göra genom att trycka på Fly nyckeln, som kommer att ta tillbaka alla andra former.

9. Clipping Masks

En av mina favoriter Illustratör funktioner är att kunna använda Clipping Mask för att dölja vissa delar av objektets yta.

Processen är väldigt enkel, eftersom allt du behöver göra är att skapa önskad form som du placerar ovanpå objektet eller gruppen som du vill maskera, och sedan med de båda valda, du helt enkelt högerklicka> Gör klippmask.

Formen underifrån kommer omedelbart att klippas till ytan på toppen, mjukvaran som döljer hela sektionen som faller utanför maskins.

För att släcka masken är allt du behöver göra, välj det och sedan högerklicka> Release Clipping Mask.

Affinitet, å andra sidan, tar ett annat tillvägagångssätt (igen), där för att maskera ett objekt måste du använda Skikten panel, inom vilken du måste dra formen som du vill använda som en mask över den som kommer att maskeras.

För att frigöra masken måste du klicka på den andra miniatyren (den med den lilla korsade torget) och dra den till botten, som omedelbart bryter den fri.

10. Grid Options

Den sista kullen i min lista gäller grids, vilket är var Affinitet tog mig överraskning och tog spelet till en helt annan nivå.

Förse mig inte fel, Illustratör ger dig en mycket kraftfull Rutnät system som du kan redigera och använda, men det som Serif lyckats implementera gör att jag tar alla de små bristerna och slänger dem ut genom fönstret, eftersom nätverksmöjligheterna verkligen är oändliga.

Om du vill veta vad jag pratar om, gå bara till Visa> Grid och Axis Manager, vilket kommer att föra upp följande fönster.

När fönstret visas markerar du Visa rutnät alternativet, se till att avmarkera Använd automatiskt rutnät en som tillåter dig att välja mellan Grundläggande och Avancerad. Eftersom vi vill använda programmets fulla funktioner, se till att du väljer den senare och klicka sedan på Rutnät rullgardinsmenyn och låt det sjunka in.

Jag kommer inte att gå in på några ytterligare detaljer, eftersom min kollega Kezz Bracey gjorde ett fantastiskt jobb att presentera alla olika funktioner och möjligheter som följer med att skapa ett anpassat rutnät inomAffinity Designer, som jag starkt rekommenderar dig att läsa.

Slutsats

Så, som du kan se, övergår till Affinity Designer kan vara lite knepigt, särskilt om du är djupt rotad mot det sätt Illustrator hanterar olika uppgifter.

Som jag påpekade, inte för länge sedan var jag i samma situation som många av er just nu, där jag behövde ta reda på om det finns några lönsamma alternativ till Illustratör, och jag är glad att säga att jag har lyckats hitta en i Affinitet.

Jag kommer att sluta på den noten, men om du har några frågor, var snäll att skicka in dem i kommentarfältet och jag kommer tillbaka till dig så fort jag kan.

Glöm inte att du kan ytterligare expandera din Affinity Designer färdigheter genom att kolla in dessa fantastiska handledning:

  • Affinity Designer A till Z

    Affinity Designer är ett kraftfullt program som låter dig skapa och kombinera både raster och vektorgrafik. Denna A till Z-lista bryter ner alla verktyg och ...
    Yulia Sokolova
    Affinity Designer
  • Hur man skapar en Dream Catcher i Affinity Designer

    Lär dig hur du skapar din egen drömfångare i Affinity Designer. Med ett steg för steg arbetsflöde kommer vi att se hur vi kan uppnå en detaljerad ...
    Andrei Stefan
    Affinity Designer
  • Hur man utformar en virtuell verklighet Kid Character i Affinity Designer

    I den här handledningen kommer vi att gå hela vägen genom den spännande processen att designa en tecknad karaktär från början till den färdiga delen! Följ med mig och låt oss ...
    Yulia Sokolova
    Karaktär design
  • Hur man designar ett sommar sömlöst mönster i Affinity Designer

    För många av oss är sommaren den mest spännande säsongen. Varm sol, ljusa kläder, varma havsvågor och semester - det här är vad vi väntar på med otålighet! ...
    Yulia Sokolova
    Affinity Designer
  • Skapa en Fitness App Design i Affinity Designer

    I denna handledning går jag igenom processen med att utforma en välkomstskärm för en iOS-fitnessapplikation. Vi jobbar med Affinity Designer, en ...
    Tom Koszyk
    Affinity Designer