Håll filstorleken nere och krydda våra vektorer med bitmappsstrukturer

I en tidigare tut täckte jag att skapa vektortexturer; men en vanlig oro är att vektortexturer skapar extremt stora filer. I denna handledning ska jag beskriva processen att skapa och använda bitmappsstrukturer. Det här hjälper dig att skära ned filstorleken utan att kompromissa med din bild.


Steg 1

Jag trodde att vi med de extremt stora och någonsin växande midjelinjerna i detta land (USA) måste alla tänka på att skära ner lite; vad bättre sätt än att använda några friska frukter och grönsaker för att visa upp processen. Du har dina grundläggande, enkla vektorritningar av en päron, potatis och persika. De är trevliga, men kan vara trevligare. Att integrera vissa texturer hjälper verkligen att ge denna illustration något visuellt intresse.


Steg 2

Textur Tid. Steg bort (från datorn) och spela. Vi behöver en mängd olika texturer; så var inte rädd för att prova några olika saker. Leta efter en rad texturer från super fet, med mycket kontrast till subtila.


Steg 3

För att göra mina texturer använder jag en liten färgrulle på olika typer av papper. Pappershandduk och smulat papper är bra att använda.


Steg 4a

Skanna texturerna. Tänk på vilken textur som sammanfaller med varje frukt eller grönsak. Den lättaste, mest subtila konsistensen kommer att användas för päron.


Steg 4b

Medeltexturen är inte för ljus och har lite kontrast. Eftersom persikor ofta är en splotchy kombination av gul och röd bör det fungera ganska snyggt.


Steg 4c

Potatisen kräver en grov, fet struktur.


Steg 4d

För sortens skull finns några extra texturer, bara om vi behöver dem.


Steg 5a

Konvertera bilden till svartvitt pixel. Det sätt som jag föredrar att göra är att använda alternativet Threshold i Photoshop. Gå till Bild> Justeringar> Tröskel.


Steg 5b

Använd tröskelreglaget för att få önskad kontrast. Klicka på OK.


Steg 5c

Rengör kanterna på texturbilden med hjälp av pennaverktyget inställt på vitt (jag använder rosa för visning). Det är inte absolut nödvändigt, men jag föredrar att hålla saker snyggt.


Steg 6

Konvertera färgläget till gråskala.


Steg 7a

Gå sedan till Bild> Läge> Bitmapp


Steg 7b

Beroende på upplösningen för det slutliga konstverket, bestäm pixel per tumsutmatning.


Steg 7c

Spara som en .tiff. Jag gillar att märka filen "Bitmap", för att hålla orden på saker.


Steg 8

Gör detta för varje textur. Filen "extras" måste delas upp i separata .tiff-filer. Beskära och spara varje "avsnitt" som en separat .tiff-fil. Här är vad jag har, de 3 specifika .tiff-filerna och 3 extra "extras" redo att gå in i Illustrator.


Steg 9a

Öppna sedan den ursprungliga Illustrator-filen och gå till Arkiv> Plats och välj bitmaptexturen .tiff's.


Steg 9b

Härifrån är det enkelt, välj bara .tiffen och välj en färg från swatch paletten.


Steg 10a

Använd en enkel klippmask, integrera texturerna i illustrationen.


Steg 10b

Skönheten av tiffs, förutom att filstorleken är en bråkdel av vad det skulle vara om texturerna var vektor, är att du kan arbeta med .tiff exakt samma sätt som du skulle om de var vektor. Välj bara en prickning för att ändra färgen.


Steg 10c

Bara för att göra din illustration extra speciell kan du använda ytterligare texturer för att få hela illustrationen till liv. Jag har använt små texturer som skuggor på marken och moln på himlen.


Slutsats

Jag inser att det här är en Photoshop heavy "Vector" tut, men med den huvudsakliga användningen av tiff-strukturerna i Ai, visar den hur man utnyttjar Illustrators förmåga att använda både rasterbilder och vektorformer. Medan det här är en enkel process, hjälper det verkligen att hålla filstorleken nere och det ser bra ut.