I denne første opplæringen i serien vår om tegning og arbeid med former i Photoshop, tar vi en rask titt på den viktige forskjellen mellom de to hovedtyper av former som vi kan tegne - vektorformer og pikselformer .

Adobe Photoshop er godt kjent som en pikselbasert bilderedigerer, brukt av fotografer og andre bildebehandlere til retusjering, restaurering og komposisjon av bilder. Men det er også et kraftig vektorbasert tegneprogram som webdesignere, grafiske designere og andre kunstnere henvender seg til for å lage sideoppsett, brukergrensesnittdesign og andre vektorbaserte kunstverk.

Hva betyr "vektorbasert"? I motsetning til digitale bilder som består av (vanligvis) millioner av ørsmå ruter kjent som piksler, er vektorformer laget av matematiske punkter koblet sammen av linjer og kurver for å skape forskjellige former. Siden de er basert på matte, ikke piksler, er vektorformer ekstremt fleksible og lider ikke av de samme begrensningene som piksler. Vi kan tegne vektorformer i alle størrelser vi trenger, og uansett hvor mye vi redigerer og skalerer dem, eller hvor store vi skriver dem ut, forblir de alltid skarpe og skarpe! Før vi lærer detaljene om hvordan du tegner vektorformer i Photoshop og alle måtene vi kan jobbe med dem, la oss se nærmere på denne viktige måten at vektorformer skiller seg fra pikselbaserte former. Og hvorfor, når du får et valg mellom de to, er vektorformer vanligvis det beste alternativet.

Denne opplæringen er for Photoshop CC- brukere. Photoshop CS6 brukere vil ønske å sjekke tegningsvektor vs Pixelformer i opplæringen til Photoshop CS6.

Vektorer vs piksler

En fortelling om to former

Siden jeg skal dekke alt vi trenger å vite om å tegne vektorformer i neste opplæring, vil jeg spare oss litt tid her ved å starte med et dokument jeg allerede har laget. Her ser vi et enkelt dokument som inneholder det som ser ut som to identiske former. Selv om de ser ut som de samme for øyeblikket, er de faktisk veldig forskjellige. Formen til venstre er en vektorform, mens den til høyre ble laget med piksler:

En vektorform til venstre og en pikselform til høyre.

Hvis vi ser i lag-panelet mitt, ser vi hver form sitte på sitt eget lag. Jeg har gått foran og gitt nytt navn til lagene for å gjøre ting enklere. Den pikselbaserte formen er på det øverste "Pixelform" -sjiktet, og den vektorbaserte formen er på det smart navngitte "Vectorform" -laget under det:

Lag-panelet som viser vektor- og pikselformene på separate lag.

Spotting The Shape Layer

Selv om jeg ikke hadde gitt nytt navn til dem, ville det fortsatt være en enkel måte å fortelle hvilket lag som holder vektorformen, og det er ved å se etter det lille formikonet nederst til høyre i lagets forhåndsvisningsminiatyrbilde . Dette ikonet forteller oss at det er et formlag, ikke et vanlig pikselag:

Formlag identifiseres enkelt med det lille ikonet nederst til høyre i forhåndsvisningsminiatyren.

Skalering av vektorformen

Som jeg nevnte, begge figurene ser identiske ut for øyeblikket, men la oss se hva som skjer når vi skalerer dem. Jeg begynner med vektorformen. Først må jeg velge det, så jeg klikker på "Vektorform" -laget i lag-panelet:

Velge vektorform.

For å skalere vektorformen, går jeg opp til Rediger- menyen i menylinjen øverst på skjermen og velger Free Transform Path :

Går til Rediger> Gratis transformeringsbane.

Dette plasserer Free Transform-boksen og håndterer rundt vektorformen til venstre:

Free Transform-boksen vises rundt vektorformen.

Jeg vil forsikre meg om at jeg skalerer begge figurer til nøyaktig samme størrelse, så i stedet for å dra Free Transform-håndtakene manuelt, går jeg opp til Alternativer-linjen øverst på skjermen og endrer både bredde ( W ) og høyde ( H ) verdier av formen til 10%:

Innstiller både bredde og høyde på vektorformen til 10%.

Jeg trykker Enter (Win) / Return (Mac) på tastaturet mitt for å godta den nye størrelsen, og nå er vektorformen til venstre mye mindre:

Vektorformen er nå 10% størrelsen på pikselformen.

La oss se hva som skjer hvis jeg skalerer vektorformen opp til den opprinnelige størrelsen. Heller enn å gå tilbake til Rediger- menyen øverst på skjermen og velge Free Transform Path, vil jeg denne gangen bruke den raskere tastatursnarveien, Ctrl + T (Win) / Command + T (Mac). Dette plasserer den samme gratis transformasjonsboksen og håndterer rundt vektorformen:

Trykk Ctrl + T (Win) / Command + T (Mac) for raskt å velge Free Transform Path.

Siden jeg gjorde formen mindre ved å skalere den ned til 10%, vil jeg forstørre den tilbake til sin opprinnelige størrelse ved å stille inn både Bredde og Høyde- verdiene i Alternativlinjen til 1000% :

Innstiller bredden og høyden til vektorformen til 1000%.

Jeg vil igjen trykke Enter (Win) / Return (Mac) på tastaturet mitt for å godta det, og nå er vektorformen tilbake til sin opprinnelige størrelse. Legg merke til at selv om jeg skalerte den mindre og deretter forstørret den, ser vektorformen fremdeles bra ut som ny. Kantene forblir like skarpe og skarpe som de opprinnelig var:

Vektorformen til venstre beholder sine skarpe, skarpe kanter selv etter å ha blitt skalert.

Kortkoder, handlinger og filtre-plugin: Feil i kortkode (ads-basics-middle)

Skalering av pixelformen

La oss prøve det samme med pikselformen til høyre. Først velger jeg det ved å klikke på "Pixelform" -laget i lag-panelet:

Velge pikselformen.

Når det er valgt et pikselformlag, går jeg opp til Rediger- menyen øverst på skjermen og velger Gratis transformering:

Går til Rediger> Gratis transformering.

Free Transform vs Free Transform Path

Legg merke til at kommandoen denne gangen heter Free Transform, ikke Free Transform Path . Vi skal se på stier i en annen opplæring, men egentlig er en vektorform bestående av to deler; den grunnleggende omriss av formen, kjent som banen, og fargen som omrisset (banen) er fylt med. Når vi redigerer eller skalerer en vektorform, redigerer og skaler vi virkelig banen. Derfor valgte jeg kommandoen Free Transform Path, da jeg valgte vektorformlaget. Nå som jeg har valgt et normalt pikselag, redigerer vi piksler, ikke baner, og navnet på kommandoen har endret seg til Free Transform. Igjen, vil vi dekke stier mer detaljert senere.

Dette plasserer Free Transform-boksen rundt pikselformen til høyre:

Free Transform-boksen vises rundt pikselformen.

Akkurat som med vektorformen, skaler jeg pixelformen ned ved å stille bredde og høyde til 10% i alternativlinjen:

Innstiller bredden og høyden på pikselformen til 10%.

Jeg trykker på Enter (Win) / Return (Mac) på tastaturet mitt for å godta det, og nå er pikselformen mye mindre. Så langt så bra. Selv etter å ha skalert pikselformen ned til 10%, ser den like skarp ut som den opprinnelig gjorde, og vi har fremdeles ikke sett noen forskjell mellom vektorformen og pikselformen:

Pikselformen etter å ha skalert den ned til 10%.

Men nå, den sanne testen. Hva vil skje når jeg skalerer pixelformen opp til den opprinnelige størrelsen? Jeg trykker Ctrl + T (Win) / Command + T (Mac) på tastaturet mitt for raskt å velge Free Transform- kommandoen, og for å skalere pixelformen opp igjen, setter jeg bredde og høyde i Alternativer-linjen til 1000% :

Skalering av pikselformen tilbake til den opprinnelige størrelsen.

Jeg trykker på Enter (Win) / Return (Mac) for å akseptere det og stenge utenfor Free Transform-kommandoen. Og nå blir forskjellen mellom vektor- og pikselbaserte former tydelig. Selv om jeg skalerte begge figurer med nøyaktig samme mengder, og begge figurene beholdt sine skarpe kanter når de ble redusert, klarte ikke pixelformen å bli skalert opp igjen. De en gang skarpe kantene fremstår nå som myke, uskarpe og blokkerende:

Vektorformen overlevde intakt etter å ha blitt skalert opp. Pikselformen? Ikke så mye.

La oss zoome inn for å se nærmere på. Grunnen til at kantene på pikselformen ser så mye dårligere ut nå, er fordi, når jeg skalerte den ned til 10% av sin opprinnelige størrelse, måtte Photoshop kaste bort 90% av pikslene som utgjorde den opprinnelige formen. Det hadde vært greit hvis jeg ikke trengte å skalere den opp igjen. Photoshop kan ikke magisk gjenskape piksler, så når jeg skalerte den opp, alt Photoshop kunne gjøre var å ta de gjenværende pikslene og gjøre dem større. Derfor kan vi faktisk se en trapp-trinnende effekt langs kanten av formen. Dette er kantene på de enkelte pikslene. De ser myke og uskarpe ut, fordi det er akkurat det som skjer med piksler når vi gjør dem større. Jo mer vi forstørrer dem, jo ​​mykere blir de. Vektorformer har derimot ikke dette problemet. Det er bare punkter som er koblet sammen av linjer og kurver, og vi kan endre størrelsen på dem så mye vi vil uten å miste kvaliteten:

Et nærbilde av vektor- og pikselformkantene.

Hvor skal du neste …

Som vi har sett i denne opplæringen, kan vektorformer og pikselformer se identiske ut når vi først tegner dem, og begge ser like bra ut når de skaleres ned til mindre størrelser. Men når vi må skalere dem større, har vektorformer bokstavelig talt kanten. Dette gjelder ikke bare når du ser dem på skjermen, men også når du skriver ut. Akkurat som digitale bilder er en form tegnet med piksler oppløsningsavhengig, noe som betyr at den bare kan skrives ut så stor før den begynner å se myk og kjedelig ut, akkurat som vi så i eksemplet ovenfor. En vektorform er derimot oppløsningsuavhengig . Den kan skrives ut i alle størrelser, til og med så stor som en plakat, og vil alltid se skarp, ren og god som ny ut.

Vektorformer har også andre fordeler som gjør dem mye mer fleksible å jobbe med enn piksler, men før vi hopper for langt foran, la oss lære hvordan du faktisk tegner vektorformer i Photoshop, og det gjør vi i neste opplæring! Besøk vår Photoshop Basics-seksjon for å lære mer om Photoshop!