Quick Tips: Hvordan lage Subtile oppskrifter for web-prosjekter i Adobe Illustrator CS6
Dette innlegget er en del av en serie kalt Web og grensesnittdesign Med Vector.Quick Tips: hvordan å lage en enkel web BadgeQuick Tips: hvordan lage en Satisfaction Guaranteed Grafisk
Nylig har raffinert mønster blitt brukt oftere i utformingen av nettsteder. I dag vil vi lære å lage flere typer av disse fyllinger. Hele prosessen bør ta deg bare noen få minutter hvis du bruker Pattern Produksjon i Adobe Illustrator CS6. La oss begynne!
raffinert mønster skiller seg fra de andre mønstre på en slik måte, at nyanser av elementene har bare en liten forskjell mellom hverandre og mellom hovedbakgrunnsfarge. Disse mønstrene er hovedsakelig i Low-key (mørk) og High-key (lys) lyn stiler.
The Pixel Pattern
Trinn 1
Valgte pixel View-modus (View > pixel View) for å lage pikselmønsteret. I dette tilfellet alle de opprettede objekter vil bli plassert nøyaktig på linjene i pixel rutenettet, fordi Snap være Pixel mod skal slås på automatisk.
Dessuten, når du zoomer den artboard, vil du være i stand til å se linjene i pixel grid, som vil gjøre etableringen av mønsteret mye enklere.
nå la oss lage en vanlig, men attraktiv mønster. Ta rektangelverktøyet (M) og lage et 4 * 4 piksler størrelse rektangel med lys-grå fill.
La oss lage to 2 * 1px størrelse rektangler med en litt mørkere grå fyll og plassere dem slik det er vist på bildet under
nå opprette to hvite rektangler av samme størrelse
Trinn 2
Velg alle skapte gjenstander og gå til Object >..; Pattern > Gjør
Som et resultat av disse handlingene, er vi i lag-mønster modus. Du kan redigere dette mønsteret med mønsteret Options panelet. Du kan ta en titt på mønsteret i full størrelse og avgjøre om du trenger å redigere fargen på elementene.
Vi kan også gjelde for mønster forskjellige Fliser Typer, som tillater oss å lage noen flere typer mønstre fra ett element
Trinn 3
for å spare et par varianter av mønsteret, klikker du på lagre en kopi på den øverste linjen. For å spare ett mønster klikk på Ferdig.
Alle de lagrede mønstre ble lagt til i Fargeprøver-panelet. Nå, la oss lage et par figurer og bruke de opprettede mønstre til dem.
Hvis for noe grunn du ikke er fornøyd med resultatet, klikk på bildet to ganger i Fargeprøver-panelet og redigere den i mønster skapelse modus.
Trinn 4
Du kan lage mer kompliserte mønstre ved hjelp av den beskrevne teknikken. På bildet under kan du se en av mine mønstre, som ble opprettet med pixel nett og rektangelverktøyet (M)
bølgemønster
Trinn 5
La oss lage . horisontal rett linje segment med Pen Tool (P)
Hold segmentet valgt og gå til Effect > Forvrenge & Transform > . SikkSakk og sette parameter som er vist på bildet under
Gå til Object > Utvid Utseende, så ta Saks Tool (C) og klippe banen i A- og B-poeng.
Slett venstre og høyre deler av banen.
Trinn 6
Doble banene to ganger; farge kopiene i ulike nyanser av mørk grå farge
Velg alle opprettede stier og gå til Object >.; Pattern > Lage. Velg Pattern Tile Tool i mønster alternativer panel og redusere høyden på markeringsrammen
Klikk på ". Ferdig " på den øverste linjen.
Trinn 7
La oss lage en stor rektangel med mørk grå fill med rektangelverktøyet (M). Legg til den nye fylle til dette objektet i Utseende-panelet.
Nå gjelder det opprettet bølgemønster til dette fyll.
Nå redigere, om nødvendig, fargen på den nedre fylle eller fargen på slag av mønsteret.
Håndlaget Pattern
Trinn 8
La oss lage et rektangel med mørkeblå fylle. Ta Pencil Tool (N) og lage et par av de lukkede grå-farget stier.
For å lage de lukkede baner med blyantverktøyet (N), holde Alternativ valgt på samme tid når du er på vei til endepunktet
Trinn 9
Velg den opprettede gjenstander og gå til Object >.; Pattern > Lage. Fortsett å lage banen med blyantverktøyet (N). Prøv å kombinere slutten og begynnelsen av banen så nøyaktig som mulig, noe som går utover de fliser.
For å gjøre nøyaktig kampen, bruker Direct Selection Tool (A).
Trinn 10
gruppe~~POS=TRUNC de opprettede stier, og deretter kopiere gruppen og lim den tilbake (Kommando + C og deretter Command + B). Substitute fargen på slag fylle av den nedre gruppe for svart og skifte denne gruppen til et par av piksler opp
Klikk på ". Ferdig " på den øverste linjen.
Konklusjon
Du kan bruke de beskrevne teknikker for å lage teksturer av vektorillustrasjoner. Du har sikkert lagt merke til at kunstverkene som har teksturer ser mer profesjonell og mettet.