Quick Tips: Lag et komplekst mønster av nudging smarte objekter
offset filter er et flott verktøy å bruke for å lage et gjentagende mønster for et nettsted bakgrunn. Dessverre for oss, fungerer offset filter bare for en flat, ett lag bilde og doesn ’ t arbeide under alle situasjoner. I dagens ’ s opplæringen vil vi vise hvordan du kan lage et gjentagende mønster ved hjelp av smarte objekter og nudging teknikken med piltastene
ressursene som brukes
Følgende ressurser var. brukt under produksjonen av denne opplæringen:
5 Blomsterpynt
Grunnleggende prinsipper for Pattern Design
Før vi begynner, la oss starte med noen grunnleggende prinsipper mønster design.
-
Objekter som plasseres på kanten vil bli avskåret (2a). Du må legge den til motsatt side (2b).
-
Objekter som er plassert på hjørnet vil bli avskåret (3a). Du må legge det til annenhver hjørne (3b).
Trinn 1
Last ned Blomsterpynt og åpne den i Illustrator. Velg ett av objektene, og trykk Cmd + C for å kopiere.
Trinn 2
Opprett en ny fil. Vi kommer til å lage en 256 x 240 px mønster.
Trinn 3
Lag et nytt lag. Fyll den med hvilken som helst farge, høyreklikk og velg Konverter til smart objekt. Denne smarte objektet vil bli vårt mønster
Trinn 4
Klikk på bildet >.; Canvas Size. Aktiver Relativ og sette bredde og høyde til 200%. Dette vil øke lerretet størrelse til 3 ganger større enn vårt mønster vil bli.
Trinn 5
Dupliser smart objekt oppskriften ved å trykke Cmd + J deretter fylle lerretet med mønsteret. På dette punktet, vil du ha 9 smarte objekter på lerretet. Disse 9 smarte objektene ble opprettet fra samme forelder, redigere ett av dem vil endre den andre 8. Dette betyr at vi vil være i stand til å se endringer vi gjør i vårt mønster endring i sanntid.
Trinn 6
Dobbeltklikk en av de smarte objektet miniatyr lag for å redigere innholdet. Hvis du finner denne dialogboksen klikker du bare OK. Den smarte objektet vil bli åpnet som en ny fil i en ny fane. . Dette er filen som vi vil sette objektene for vårt mønster
Klikk Vindu > Ordne > Flyte Alt i Windows for å se begge filer samtidig.
Trinn 7
I mønsterfilen, lime (Cmd + V) vektoren form fra Illustrator. Plassere den i midten av bildet. Lagre mønsterfilen (Cmd + S) og automatisk stor fil vil bli oppdatert. Fordi objektet er i midten, mønster ser fine (Principles # 1).
Trinn 8
Gå tilbake til Illustrator, kopiere en annen form. I Photoshop lime objektet og sette den på venstre kant. Lagre filen og du kan se i stor fil noen del av objektet mangler.
Trinn 9
Duplicate layer (Cmd + J). Vi trenger å sette dette på motsatt side, høyre (Principles # 2). Husk at mønsterbredden er 256 px. Dytte dette laget 256 px til høyre. Hver gang du trykker på piltasten, dytte deg objekt 1 px. Hvis du trykker Shift + Pil du dytte 10 px. Så trykker du Shift + Pil høyre 25 ganger så høyre pil 6 ganger. Trykk Cmd + S for å lagre mønsteret og se hvordan mønsteret endres.
Trinn 10
Grab en annen form fra Illustrator. Denne gangen satte den på den øverste kanten. Lagre filen, og du vil se at nedre del av mønsteret mangler.
Trinn 11
Vi bruker fortsatt Prinsipp # 2. Duplicate layer (Cmd + J). Dytte det 240 px ned, betyr at trykke piltasten 24 ganger. Lagre filen og se mønsteret fungerer.
Trinn 12
Grab en annen form fra Illustrator. Sett den i høyre hjørne. Lagre filen, og du vil se at det er manglende brikken i enkelte områder.
Trinn 13
For objekt i hjørnet, må vi sette paret sitt i alle andre hjørnet (Prinsipp # 3). Duplicate layer og dytte det 240 px opp. Lagre filen for å se resultatet.
Step 14
Duplicate layer og dytte det 256 px venstre. Lagre filen for å se resultatet.
Trinn 15
Nå er den siste brikken. Duplicate layer og dytte det 240 px ned. Lagre for å se resultatet.
Step 16
Fyll tomrommet med mindre figurer fra Illustrator uten å berøre kanten. Lagre for å se resultatet
Trinn 17
Slett bakgrunnslaget for å gjøre dette mønsteret gjennomsiktig
Trinn 18
Klikk på Fil >..; Lagre for Web & Enheter. Velg Preset: PNG-24. Aktiver gjennomsiktighet.
Trinn 19
Åpne PNG-filen vi nettopp har laget. Klikk Rediger > Definer Mønster.
Trinn 20
Opprett en ny fil.
Trinn 21
Legg til en radial gradient fra hvitt til svart i bakgrunnen.
Trinn 22
Lag et nytt lag. Klikk Rediger > Fylle. Velg Bruk: Mønster og velg mønsteret vi har nettopp opprettet
Trinn 23
Legg Adjustment Layer Hue /Saturation.. Aktiver Fargelegg og flytte glidere å legge til litt farge.
Final Bilde
Det er det! Vi er ferdige. Du kan se det endelige bildet nedenfor. Jeg håper du likte denne opplæringen og har lært noe nytt. Prøv å bruke denne teknikken med andre former eller linjer. Du vil overraske deg selv med resultatet.
Alt som er plassert i sentrum vil gjenta lett. Du trenger ikke å gjøre noe med det (1).