Share
Idag har jag något speciellt förberedt för dig. Vi ska jämföra två viktiga Illustratorverktyg, The Skikten panel och ritytor en och prata om fördelarna med den ena över den andra när man hanterar exportprocessen för ett ikonpaket.
Så om du arbetar med ikondesign eller om du bara har börjat kan du läsa den här artikeln eftersom det kan hjälpa dig att arbeta snabbare när det gäller det sista steget att exportera dina filer individuellt.
Innan vi börjar vår jämförelse vill jag ta ett par ögonblick och prata om de två verktygen från ett "avsiktligt bruk" perspektiv. Med andra ord, låt oss se vad syftet med var och en är och låt oss börja göra det genom att först ge en kort definition som kortfattat karakteriserar deras natur.
Om du har arbetat med Illustratör innan, och jag antar att du har, har du säkert tinkered runt med Skikten panel. Om du är ny i spelet, ja, ha ingen rädsla - jag kommer att bli så exakt som jag kan.
Ur ett strukturellt / organisatoriskt perspektiv ger det här verktyget möjlighet att övervaka placeringen av alla objekt och grupper av objekt som ingår i dokumentet du arbetar för, genom att isolera dem på olika sätt Skikten.
Du kan tänka på lag som transparenta pappersark som kan innehålla olika objekt, ark som överlappar varandra så att du kan skapa en hierarkisk struktur och därmed ett detaljerat konstverk.
Om du inte förstod mycket av det, låt mig säga det här: Om du arbetar på en detaljerad illustration som har delar av objekt som går under och över varandra, kan du enkelt separera dessa sektioner på olika lager, vilket gör det lättare att komma åt, redigera och omordna dem.
Hmm, men håll en i en sekund, kan du inte uppnå samma hierarki genom att använda bara ett lager och sedan skapa formen ovanpå varandra, eftersom den sista formen alltid är den som sitter framför resten?
Självklart kan du, men varför skulle du? Jag förstår att du kan planera framåt och bygga med en form i taget, men vad händer när du behöver arbeta på en viss del av din design? Vissa av er kanske säger att du kan använda isoleringsverktyget. Det kan fungera, men du måste se till att du grupperar objekt som du utvecklar din komposition, och ibland kanske du tycker att du har skapat grupper inom andra grupper, vilket innebär att du måste gå in i ett djupare tillstånd av isolering och det komplicerar bara saker.
Om du väljer att arbeta med lager, kommer du inte bara att lura din design, men du gör det mycket lättare att komma åt och redigera, vilket ger dig mindre krångel och låter dig fokusera mer på kreativ processen.
Också eftersom Illustrator låter dig skapa och namnge så många lager som du vill eller behöver, kan du bli galen och bygga några ganska intressanta saker.
Medan Skikten verktyget låter dig organisera ditt konstverk, ritytan definierar det arbetsutrymme som du designar på. Du kan tänka på det som målarens duk, en duk som du kan skala upp eller ner beroende på projektets behov.
Det snygga är att det bara visar saker du har placerat på det, så att något utanför dess yta inte hamnar i den sista förhandsgranskningen / filen.
Nu jämfört med Skikten panel, vilket ger dig möjlighet att strukturera en design, den ritytor panelen tar saker till en helt ny nivå genom att du kan strukturera och visa flera konstverk samtidigt.
Det här är super användbart om du är en UI-designer och du måste skapa webbplatsmockups eller gränssnitt, eftersom du kan skapa de olika sektionerna i samma dokument, vilket ger dig en känsla av kontinuitet och gör det enklare att skicka produkten till Klienten.
Även om det är ett bra verktyg, har det en liten nackdel, eftersom det bara ger dig möjlighet att skapa ett begränsat antal skyltar, runt 100, och det är då deras storlek inte överstiger det arbetsområde som Illustrator har tilldelat det.
Vid denna tidpunkt har vi en grundläggande uppfattning om vad de två verktygen ursprungligen var avsedda för, men låt oss se hur vi kan dra nytta av dem i en av de mest tidskrävande och frustrerande processerna: att exportera filerna i en ikonpack.
Om du någonsin har arbetat med ett ikonpaket vet du definitivt hur oroligt det sista steget i processen kan vara, eftersom Illustratorhar ingen magisk knapp för att exportera dem en efter en.
För det mesta är människor som skapar sin första pack sig i en pickle, eftersom de inte riktigt vet hur man skickar sin produkt som PNG-filer och andra format. Jag vet att jag gjorde det, och det tog mig en tid att leka och se vad som fungerade bäst för mig när det gällde tid och användarvänlighet.
Så jag ska visa dig tre scenarier för att exportera ikonerna från ett paket (som innehåller 12 rader var och en med åtta ikoner, precis exakt 96 ikoner), under vilken jag kommer att prata om både fördelarna och begränsningarna för varje metod.
OK, så först kommer vi att använda Skikten panelen och se hur det fungerar när det gäller arbetsflöde.
Denna metod är lite knepig eftersom vi måste skapa ett andra dokument och ställa in bredden och höjden på vår ritytan till ungefär samma storlek som vår ikons basnät.
Ikonerna som jag använder som exempel bygger på en 128 x 128 px rutnät, som jag har lagt till en allsidig stoppning på 8 px, så är det 136 x 136 px (markerad med en ljusgrå färg under ikonen själva).
Eftersom denna metod förutsätter att varje ikon sitter ensam Lager, du kan nu förstå varför vi behöver det andra dokumentet, eftersom vi kommer att kopiera ikonerna på det och separera dem sedan med 100 Skikten.
Jag kopierar inte hela uppsättningen för det här exemplet, eftersom ett mindre antal kommer att göra exemplet så klart som en större.
Så först har jag skapat min andra 136 x 136 px dokument, varefter jag började kopiera cirka tio ikoner över och sätta varje enskild Lager, märkning dem från "dokument 1" till "dokument 10".
Nu, eftersom varje ikon står fristående, kan jag enkelt dölja alla de som jag inte behöver, och gör den jag vill exportera synligt, vilket för detta exempel är "dokument 1".
Detta är superhänt eftersom jag gradvis kan gå igenom förpackningen, utan att förlora spår av det senast exporterade objektet.
OK, så jag har den första ikonen synlig, och jag vill spara den som PNG, det kan jag enkelt göra genom att gå till Arkiv> Spara för webben och sedan väljer du bara en plats i mina mappar och tilldelar ett namn till det.
Exportera med Skikten Metod är ett bra alternativ när du har tid att faktiskt bygga upp det andra dokumentet. Ja, det kan bli mer tidskrävande, men jag finner det av alla metoder som det är mest till hjälp när det gäller att hålla reda på din exportprocess.
En annan fördel är att processen när det gäller att exportera flera format, inte bara PNG, kanske SVG och ens enskild EPS, är mycket snabbare, eftersom du bara väljer lagret och ändrar exportinställningarna. Det är så enkelt som det.
Dess enda nackdel kan vara den första processen, där du måste kopiera ikonerna till det mindre dokumentet, vilket kan ta dig tid om du har en stor ikonpaket (300+).
Vi har sett hur vi kan exportera våra filer med hjälp av Skikten metod, så nu låt oss försöka ritytan ett.
Jo, det ritytan Metoden är lite annorlunda eftersom det kan göras på två sätt. Yup, du hörde mig rätt, vi har alternativ.
Den första innebär att man använder bara en ritytan, som vi kommer att ändra storlek på med hjälp av basnätet för varje ikon, en i taget, medan den andra liknar Skikten en, eftersom vi måste skapa ett större antal mindre storlekskartor.
Det finns förstås fördelar och nackdelar, men vi kommer att komma till dem på en sekund.
Låt oss börja prata om singeln ritytan metod. Det är ganska enkelt, att vara ärlig. Först försäkrar du dig om att du har ställt in två Skikten: en för de faktiska ikonerna och en för basnätet.
När du har separerat de två kan du börja exportera dina ikoner genom att välja ett basnät åt gången och sedan gå till Objekt> Konstbrädor> Anpassa till vald konst.
Detta kommer att ändra storlek på din ritytan så att den passar det faktiska basnätet på ikonen som du vill spara. Eftersom du förmodligen vill spara den som en PNG (med öppenhet) eller kanske en SVG, bör du ta bort basnätet innan du exporterar det.
Såsom du kan se är det här ett annat relativt enkelt alternativ för att exportera dina ikoner, men det har också vissa nackdelar.
Låt oss först tala om sina starka punkter. Det är snabbt, inte lika snabbt som lagmetoden, men det tar lätt nummer två för fart. Som med den tidigare metoden kan du hålla reda på din senast exporterade ikon, eftersom du kommer att radera basnätet, vilket gör det enkelt att hämta från var du slutade.
Liksom med lagmetoden kan den också hantera större ikonpaket, så inga begränsningar vad gäller antalet element som du kan hålla och exportera, vilket är ganska viktigt när du har ett stort ikonuppsättning.
Låt oss nu prata om nackdelarna. Det blir tråkigt snabbt, riktigt snabbt, eftersom du måste klicka, välj, och sedan gå igenom samma passform för att forma alternativet om och om igen. Så om ditt paket är större än 100 ikoner, sätt på dessa hörlurar och ta en kopp kaffe, eftersom du behöver dem.
Och vi är nere på metod nummer tre, de multipla konstbrädornaett. Som jag sagt tidigare är den här ganska lik lagenenen, men det är tyvärr begränsat till det maximala av bara 100 tavlor. Så, om ditt ikonpaket går över 100 barriären måste du använda en av de andra metoderna, men om det ligger inom gränsen, så gillar du den här metoden.
Jämfört med de föregående två, flera artboardsman kan och bör genomföras från början. Om du undrar varför, låt oss bara säga att det skulle vara mycket lättare att skapa ett par Artboardsoch bygga dina ikoner en i taget istället för att skapa med en Artboardoch sedan flytta över dem till ett andra flerskiktsdokument.
Så om vi använder den här metoden skulle vi helt enkelt skapa en Nytt dokument (Kontroll-N)som har samma storlek som vår ikons basnät (136 x 136 px), men istället för att lämna Antal skyltar inställning på 1, vi skulle gå med något högre, som 96. Då kunde vi leka med Mellanrum och kolumner alternativ för att få rätt inställning, beroende på hur vi gillar saker som ska ordnas.
När vårt dokument är bra att gå, kan vi börja arbeta med utformningen av våra ikoner, positionera var och en på egen hand ritytan.
Nu kommer den söta delen. När du börjar exportera, klickar du helt enkelt på ikonen ritytan och sedan gå till Spara för webben eller vilken exportmetod du föredrar, och det är det.
OK, OK, så kanske jag ljög när jag sa att lagenMetoden är den snabbaste, när det är tydligt Multiple Artboarden är vinnaren här. Men, låt oss vara ärliga, idag när någon skapar ett ikonpaket, lägger den personen vanligtvis mer än 100 stycken till den, så den tredje metoden skulle inte ens vara ett alternativ.
Hmm, vänta en sekund, är det verkligen sant? Jag menar att du kan skapa två, fyra dokument vardera med 100 teckensnitt och gruppera ikonerna efter kategorier. På det här sättet när du går igenom exportprocessen skulle sakerna gå ganska snyggt. Den enda gången du bromsar skulle vara när du behöver ändra dokumentet, vilket egentligen inte är så tidskrävande.
Så, den tredje metoden ser ganska bra ut i jämförelse med konkurrensen, men hur är det med nackdelarna?
Tja, om du arbetar på en liten ikonpaket, kan jag verkligen säga att det inte har något. Om du jobbar på en större, så är det enda dåliga jag kan tänka på att du någon gång kan förlora den sista exporterade ikonen, men om du använder ett bra namnesystem kommer det inte att hända.
Där har du det: en snabb och grundlig jämförelse av tre skickliga exportmetoder som verkligen hjälper dig att bestämma vad som är det bästa alternativet för dig när det gäller att leverera dina värdefulla ikoner som enskilda tillgångar.
Som alltid hoppas jag att du haft tutorialen och framför allt lärde mig något nytt och intressant under vägen.
Accentsconagua