Lage et vektorbilde i Photoshop. Konvertering av et rasterbilde til et vektorbilde ved hjelp av Adobe Illustrator

1. Bilde. Nedenfor er et bilde av en minibil som må jobbes med for å gi den et vektorutseende. Bildekvaliteten i dette tilfellet er ikke så viktig, så lenge det er detaljer for sporing.

2. Prosess. For å komme i gang, høyreklikk og gjør en av to ting: a) Kopier. Deretter i Photoshops Rediger - Lim inn [Redigering - Lim inn]. I denne metoden lar Photoshop bakgrunnslaget være låst og limer bildet inn på nytt lag Lag 1 over bakgrunnen. Dobbeltklikk på ordet Layer 1 for å markere teksten og gi laget et mer passende navn. For eksempel "bildet".

b) Lagre bilde som på skruen. Gå deretter til Photoshop File - Open og finn hvor du lagret bildet. Kanskje på skrivebordet?.. Legg merke til at i lagpaletten viser bildeikonet at bildet er "indeks" [kort sagt, det er en gif]. Merk også at den er låst. For å fikse dette, bare gå til Bilde - Modus - RGB farge[Bilde - Modell - RGB] og derved overføre det låste laget til bakgrunnslaget. Dobbeltklikk på bakgrunnslaget vil gjøre det til et redigerbart lag. [Gi nytt navn til lag 0 til noe mer vennlig... For eksempel "bildet".]

La oss nå lage et duplikat av bildelaget. Hvis du bruker Photoshop 7 eller CS, lag et nytt lagsett for å bevare alle de individuelle objektene. Bare klikk på mappeikonet nederst på lagpaletten, dobbeltklikk på Sett 1 og navngi det som mitt.

3. Et kraftig verktøy er pennen. La oss starte med å lage en kontur rundt omkretsen av hele bilen. Still inn forgrunnsfargen ved å bruke pipetten, og ta fargen fra den mørkeste delen av bildet. I i dette tilfellet, veldig nær svart. Velg nå pennverktøyet fra verktøylinjen. Sørg for at alternativet Formlag er aktivert [øverst på alternativlinjen], jeg har satt en ring rundt det i oransje.

Nå er det bare å legge til ankerpunkter der du tror konturen må redigeres.
Tips: Ctrl + [Pluss på talltastaturet på høyre side av tastaturet] for å zoome inn. Følgelig er Ctrl den motsatte handlingen. Jeg anbefaler å bruke disse funksjonene for å forbedre bildet ditt.

4. Forbindelse av ankerpunkter. Etter å ha laget en bane rundt bilen, koble til det første ankerpunktet for å lage en solid form. Skjul nå bildekopilaget for å se hva som skjedde [Som jeg gjorde i bildet nedenfor.] La oss nå begynne å manipulere ankerpunktene for å gi bilen vår en slankere form.

Slik ser lagpaletten ut nå med det nye Vector Shape-laget uthevet i blått. Dessuten, hvis du klikker på fanen Baner i lagpaletten, vil du se en "bane"-versjon av dette laget.

5. Konvertering av ankerpunkter. Velg konverteringsverktøyet for ankerpunkt og manipuler områdene som trenger transformasjon for å gi en klar grense til bilen.

Sørg for at Shape 2-laget er valgt.
Jeg begynte å konvertere poeng fra hjulet. Klikk på ankerpunktet og flytt i retningen til den svarte pilen [se. Fig.] til stien begynte å følge hjulets konturer.

Tips: Konverteringsverktøyet lager 2 Bezier-punkter for å justere krumningen.

Manipuler Bezier-kurver for å sikre at konturene er så nøyaktige som mulig.

Tips: Etter å ha konvertert noen få ankerpunkter [eller ankerpunkter], vil du innse at noen av de originale punktene ikke er nødvendige i det hele tatt. Faktum er at jo færre ankerpunkter, jo jevnere blir utvalget. Bruk derfor verktøyet for fjerning av ankerpunkt.

Dette er hva som skjedde med meg. Vi vil bruke denne formen som base.

Deretter laget jeg en kopi av Shape 2-laget og manipulerte punktene for å tegne den dominerende fargen [blå, i dette tilfellet] på bilen. Klikk på ikonet for dette laget, ta pipetten og endre den svarte fargen til blå #3672BD.

Slik ser bilen ut nå.

La oss nå jobbe med vinduene.
Slå på bildet kopi [svart] laget igjen og skjul Shape 2 kopi [blå] laget.
Ta pennverktøyet og slå på alternativet Trekk fra områdeform i alternativlinjen [Jeg har skissert det i oransje].

Skjul Shape 2-kopilaget. Velg laget Shape 2. La oss starte med å spore vinduene på motsatt side av bilen.

Slå av synligheten til bildekopilaget og se på resultatet.
Subtraksjon fra den svarte formen skapte en illusjon av gjennomsiktighet.

For å bruke denne effekten på de to andre vinduene uten å legge til et nytt lag, holder du ganske enkelt Ctrl+Alt og klikker og drar denne subtraktive kopibanen. [Gjør dette to ganger.] Plasser nå duplikatene på plass. Bruk Anchor Point Conversion Tool igjen for å jevne ut hjørnene og lage presise former.

Bruk samme teknikk på Shape 2-kopilaget for å få et bilde som mitt.

Nå som vi har det grunnleggende vektorform bil, det gjenstår bare å legge til nye former, linjer og noen få teksturer. Vi fyller vinduene senere!

Bruk nå Ellipse-verktøyet i Verktøy-panelet, tegn midten av bakhjulet, hold deretter Shift og gjør det samme for forhjulet.
For nøyaktig posisjonering, Ctrl pluss klikk på den nye ellipsen, høyreklikk deretter på den enkle ellipsen og velg Free Transform Path. Høyreklikk igjen og velg Forvreng. Jeg begynte også å jobbe med frontlysene [på et nytt lag], ved å bruke samme teknikk: Ellipse - Free Transform - Distort - Sett to Position.

Siden nye lag ble lagt til, kan de ha samlet seg, det er rimelig å navngi dem riktig. [Jeg trodde det kunne være mulig å bruke så få lag som mulig, men...]

Deretter la jeg til støtfangeren. Igjen, bruk pennverktøyet til å spore, ankerpunktkonverteringsverktøyet for å jevne ut hjørnene og forme det nøyaktig i forhold til originalen. [Alt dette er en veletablert og akseptert praksis for sporing, ærlig talt!]

Jeg brukte deretter en lagstil på støtfangeren for å gi den en kromeffekt. Høyreklikk på støtfangerlaget og bruk følgende innstillinger.

Lag et nytt lag og gi det navnet Lines. Dette laget skal være det høyeste. Så pennverktøyet er valgt på verktøylinjen, innstillingene tilsvarer de spesifiserte på alternativpanelet, vi begynner å legge til ankerpunkter i retning av den hvite pilen.

Sett nå den aktive fargen til svart [eller bare trykk på D], trykk på B for å velge børsteverktøyet, nå i alternativlinjen sett inn børsteforhåndsinnstillingsvelgeren og velg en liten, mykkantet børste på ca. 3. Men endre diameteren til 2 piksler [prøv selv 1], siden selv 3 kan være for mange.

For å velge pennen på nytt, trykk P, aktiver Lines-laget, høyreklikk og velg alternativet Stroke Path.

Du vil bli bedt om å velge et verktøy for å lage et nytt slag. Velg Pensel fra rullegardinmenyen og klikk OK.

Jeg endret Lines-lagets opasitet til 54 % for å myke det opp.

Så fortsatte jeg i samme slengen, og brukte samme teknikk for å legge til andre linjer.
Lagt til et speil, vindusviskere og et emblem på panseret.
Tips: For områder som er for små til å håndtere med pennverktøyet, bruk polygonlassoen. Klikk og legg også til ankerpunkter som du ville gjort med en penn, og når du er ferdig, høyreklikk på utvalget og velg enten "Opprett arbeidsbane" eller "Fyll".

For strukturer som høylys, bruk Polygonal Lasso [L] for å spore rundt slike områder, høyreklikk og fyll med en myk blå farge [Jeg brukte #86A9D7].

Alt som gjenstår å gjøre nå er å legge til detaljene. Detaljen er opp til deg. Nedenfor er resultatet av arbeidet mitt etter å ha lagt til detaljer til frontlykter, hjul osv.
Jeg håper du likte leksjonen.

Verktøy for å jobbe med vektorer i Photoshop dukket opp for ganske lenge siden, men de begynte å bli brukt i arbeid relativt nylig. Dette skyldes at det er veldig i lang tid de var "rå" osv. en vektor i Photoshop er ikke et spesialisert verktøy for arbeid, og den har ikke blitt endret. Men alt endret seg med utgivelsen av Photoshop CC.

Hvorfor trenger du en vektor i Photoshop?

Først vil jeg fortelle deg hvorfor jeg bruker en vektor i Photoshop. Det er mange velprøvde vektorredigerere. De vanligste er Illustrator, CorelDraw, Xara. Oftest driver jeg med webdesign, noe som betyr at arbeidet mitt ikke er sluttresultatet. De. Før det blir et nettsted, et grensesnitt eller en applikasjon, sendes layouten til layoutdesigneren. De fleste layoutdesignere er flytende i Photoshop, men er veldig overfladisk kjent med Illustrator. Derfor er ønsket om å "stoppe" alt i én fil ganske logisk. Det er flott når layoutdesigneren mottar én PSD som inneholder en komplett layout og til og med med muligheten til å redigere elementer. Endre fargen på en knapp, endre radius på en menyform, øk eller reduser en blokk uten å miste kvalitet - med 2 klikk og 1 minutt! Vector i Photoshop lar deg gjøre dette uten noen spesielle ferdigheter.

Funksjoner ved å jobbe med vektorer i Photoshop

Hvis du tidligere har jobbet i noen vektor editor, da vil mye virke kjent. Men du må venne deg til mye. Alt arbeid i Photoshop er bygget med lag, dette gjelder også alle vektorverktøy.
1. For å enkelt redigere en vektor i Photoshop, må du plassere hver form på et eget lag.
2. Operasjoner med "sammenslåing", "subtrahere", "overlegg" brukes best på ikke mer enn to objekter.
3. Etter operasjonen med "sammenslåing", "subtrahere", "overlegg", forblir konturene til de originale objektene tilgjengelige for redigering.
4. Rasterstiler kan enkelt brukes på alle vektorobjekter. Det er veldig behagelig.
5. Du kan bruke gjennomsiktighet på vektorobjekter og bruke filtre på dem.
6. Individuelle lag og grupper av lag med vektorobjekter kan enkelt klones i et dokument eller kopieres til et annet PSD-dokument.
7. Merk hvert lag og grupper lag - dette vil spare mye tid.

Grunnleggende primitiver

Som i enhver vektorredigerer har en vektor i Photoshop ferdige primitiver. Grunnleggende primitiver:
“Rektangel”, “Rektangel med avrundede hjørner”, “Ellipse”, “Polygon”, “Linje”, “ Fri figur" For hver form (til enhver tid) kan du angi tykkelse/type/farge på streken og fyllet. Tilgjengelig for spesifikke primitiver tilleggsegenskaper. For en polygon kan du for eksempel angi antall hjørner, og for et rektangel med avrundede hjørner kan du angi radiusen til avrundingen.

Grunnleggende verktøy

For å tegne en vilkårlig vektor eller redigere en eksisterende (inkludert omrisset av primitiver), må du bruke "Penn"-verktøyene (tegne en vilkårlig kontur), "Pen+" (legg til nye ankerpunkter til den ferdige omrissen), "Penn" -“ (slett ankerpunkter fra den ferdige omrissen), “Free Pen” (tegn en vilkårlig disposisjon for hånd), “Vinkel” (endre bøyningene til konturkurvene, still inn typene forbindelser mellom ankerpunkter).

For å illustrere prosessen, en kort video der du lærer:
1. Hvordan lage en primitiv
2. Hvordan tegne en fri vektorform
3. Hvordan redigere omrisset av en primitiv
4. Hvordan redigere konturen av en vilkårlig vektorform

Grunnleggende operasjoner med vektorer i Photoshop

Det er 4 operasjoner tilgjengelig totalt: "Slå sammen figurer", "Strekk fra frontform", "Slå sammen former i overlegg", "Sett fra former i overlegg". Alle disse operasjonene er tilgjengelige via main Toppmeny Lag > Slå sammen former, eller gjennom "Egenskaper"-verktøylinjen (toppmenyen Vindu > Egenskaper).
Merk følgende! Før du starter noen operasjoner for å kombinere vektorformer, sørg for at lagene til disse figurene er valgt i "Layers"-verktøylinjen (slå den på F7 eller Vindu > Lag).

En kort video som illustrerer de grunnleggende operasjonene for å "slå sammen former" i Photoshop.

Endre farge, størrelse og bruk stiler

Nå kommer vi til den mest interessante delen. En vektor i Photoshop lar deg endre størrelsen både opp og ned uten å miste kvalitet. For å gjøre dette, velg de ønskede lagene i "lag"-verktøylinjen, trykk Ctrl+T (eller Kommando+T hvis du har en MAC) og dra markørene til den valgte omrisset med musen for å justere størrelsen. For å endre størrelsen proporsjonalt, må du holde nede Shift-tasten.


Kort video:
1. Endre størrelsen på vektorformen
2. Endre fyllfargen til vektorformen
3. Legg til stil til vektorformen

Last ned eksempel PSD (gratis)

For å gjøre det lettere for deg å finne ut hvordan du bruker en vektor i Photoshop og se hvordan disse verktøyene kan brukes i praksis, legger jeg ut en infografisk fil laget av meg utelukkende ved hjelp av vektorverktøy.

Spør et spørsmål

Hvis noe ikke fungerer for deg eller du har spørsmål, skriv i kommentarfeltet, så hjelper jeg deg med å finne ut av det. Du kan også se videoen ved hjelp av vektorverktøy.

Vektortegninger er veldig populære, men deres opprettelse krever mye tålmodighet og utholdenhet for en nybegynner. Photoshop brukes til å lage slike illustrasjoner; det kan brukes til å konvertere et fotografi til et vektorbilde. I denne artikkelen vil vi fortelle deg hvordan en slik tegning skiller seg fra en raster og hvordan du lager et vektorbilde i Photoshop.

Vektor

Når du lager nytt dokument i Photoshop, skriv et hvilket som helst ord på et hvitt ark, velg en passende størrelse (bruk "Tekst" -funksjonene - ikonet med bokstaven "T" på verktøylinjen).

Zoom inn med luppverktøyet - du vil se at bokstavene er laget av piksler. Faktisk er utseendet spesifisert av formler, bare visningen i programmet gjøres i piksler.

Vi returnerer normal størrelse ved å dobbeltklikke på håndikonet. Vi reduserer størrelsen som følger: "Redigering" - "Transformer" - "Skalering". Når størrelsene reduseres, opprettholdes kvaliteten på bokstavene. På samme måte forstørrer vi teksten så mye som mulig, kvaliteten holder seg også god, siden formlene fungerer bra i alle skalaer.

Raster

For å konvertere et vektorbilde i Photoshop til et rasterbilde, reduser ferdig bilde. Gå deretter til "Layers" -fanen, velg "Rasterize" - "Text". Vi har bokstaver som egentlig består av piksler.

Når du forstørrer et rasterbilde/tekst ved å bruke funksjonene "Redigering" - "Transformering" - "Skalering", blir kvaliteten betydelig dårligere. Etter hvert som prosedyren gjentas, blir kvaliteten dårligere for hver gang – bokstavene blir uklare.

I slike illustrasjoner, når de forstørres i henhold til programmets algoritme, blir nye piksler fylt med farger. Dette skjer mindre nøyaktig enn når man jobber med formler.

Lage vektorgrafikk

Du kan lage en tegning ved å bruke et hvilket som helst fotografi. Hvis du ikke visste hvordan du konverterer et bilde til en vektor i Photoshop, konverter det, følg følgende prosedyre:

1. Åpne et bilde/illustrasjon. Lag et nytt lag.
2. Bruk pennverktøyet til å tegne omrisset av ett av elementene (for eksempel et ansikt). For å unngå å forstyrre bakgrunnen, sett gjennomsiktigheten til 20–30 %. Velg en fyll- og konturfarge.
3. Tegn deretter konturene til andre deler på samme måte, fyll dem med ønsket farge.
4. For kompleks fargepåføring på modellens ansikt kan du bruke "Filtre". Gå til "Filtergalleriet", lag "Posterisering" der på flere nivåer, praktisk på 3 nivåer. Photoshop vil fortelle deg hvordan skyggene påføres; alt du trenger å gjøre er å skissere konturene deres. Du kan avmette ytterligere, gjøre bildet svart-hvitt og justere skarpheten for å se nivåene tydeligere. Når du fyller, velg gradvis lysere/mørkere farger for lagene. Du får fargeoverganger.

La oss si at vi har noen rasterbilde og vi ønsker å få det i vektorform (eller i kurver). Hva må vi gjøre for dette? Først av alt trenger du et program Adobe Illustrator.

Versjonen spiller ingen rolle.

Fremgangsmåte

Åpne rasterbildet vårt i Adobe Illustrator. For å gjøre dette kan du klikke på bildet Høyreklikk musen og velg Åpne med... > Adobe Illustrator fra rullegardinmenyen eller start Illustrator og dra tegningen til arbeidsområdet.

Originalt bilde

På verktøylinjen velger du verktøyet " Utvalg"(svart pil) og klikk på bildet vårt med denne pilen. I dette tilfellet bør tegningen skille seg ut. For å sjekke dette kan du prøve å flytte den litt ved å holde nede venstre knapp musen når markøren er over bildet (ved hjelp av dra-og-slipp-prinsippet).

Ovenfor arbeidsplass finn knappen " Rask sporing» og klikk på pilen ved siden av. Den viser alle tilgjengelige alternativer for denne handlingen. Vi trenger varen" Sporingsalternativer...". Når vi klikker på det, åpnes et vindu med parametere.

På høyre side av alternativvinduet, velg " Utsikt". Dette vil hjelpe deg å få mer godt resultat og finne ut hva hver av parameterne er ansvarlige for.

1) gjør det vitenskapelig, det vil si at du må lese i verktøytipsene hvilke av parameterne som påvirker hva og angi de nødvendige verdiene;

2) eksperimentere med parameterne selv, ved å bruke den såkalte "vitenskapelige poking-metoden".

Jeg foretrekker den andre metoden: for det første formidler den russiske oversettelsen av et ord ikke alltid helt betydningen som ligger i originalen, og for det andre er det ofte raskere og lettere å huske. Endre parameteren. Se hva det påvirker (visuelt). Kombiner flere parametere. Og så videre til et mer eller mindre akseptabelt resultat er oppnådd.

Det resulterende vektorbildet.

Når bildet allerede ser ut som sannheten, i sporingsparametervinduet, klikker du på " Sporing" og i menyen over arbeidsområdet knappen " Demonter". På denne måten får vi originalbildet, men i kurver.

Hvis du ikke er fornøyd med resultatet, kan du endre det. For å gjøre dette, bruk " Utvalg» du må velge alle de opprettede kurvene (trykk på venstre museknapp og hold den, sirkle rundt hele tegningen). Gå til menypunktet " En gjenstand» > « Transformasjon» > « Skalering” og endre størrelsen på bildet slik at det er stort nok for enkel redigering. Velg deretter verktøyet " Direkte valg"(hvit pil). Ved å bruke denne hvite pilen klikker vi på hver node en etter en og justerer splines etter behov: når du velger et toppunkt, dukker det opp værhår i nærheten, ved å trekke kan du endre krumningen til spline.

Resultat i rutenettmodus

Du kan også få et bedre resultat hvis du først tar et stort bilde god kvalitet. Derfor, hvis du ikke vil kaste bort tid på å fikle med splineknuter i fremtiden, bruk bilder av høy kvalitet som råstoff for sporing!

Endelig resultat

Som du vet, er vektorillustrasjoner for tiden veldig populære innen webgrafikk. Profesjonelle designere kan lage slike illustrasjoner i løpet av få timer. Hvis du er nybegynner eller amatør, vil kurs i nettgrafikk være ekstremt nyttige for deg. Mål denne leksjonen- kaste lys over prosessen med å lage det valgte bildet. Jeg vil demonstrere hele prosessen trinn for trinn og forklare alle trinnene ved hjelp av mine kommentarer.

Å virkelig skape kult bilde, Du må velge ønsket program og følger visse regler. Hvis du vil tegne en vektorillustrasjon, bør du huske på at redaktører som f.eks Adobe Illustrator eller CorelDraw. Samtidig, Photoshop har tilstrekkelige midler til å utvikle vektorillustrasjoner. Jeg vil tydelig vise dette i leksjonen min om hvordan du konverterer en tegning til en vektor. Jeg valgte en skisse av en katt som grunnlag for illustrasjonen. Jeg bestemte meg for å avbilde en blå katt med rosa blomster i potene.

Trinn 1

La oss starte med å lage bakgrunnen. La oss tegne en form ved å bruke markeringsverktøyet () (i modus Formlag(Formlag)). Innstillinger - (Fill Opacity) = 0% . Bruk nå et gradientoverlegg: ((Layer Style - Gradient Overlay)) for å fylle den opprettede formen. Alle innstillinger er standard, du trenger bare å endre vinkelen (jeg vil indikere graden) og gradienten. Legg til Slag(Stroke) ( (Layer Style - Stroke)). Vi bruker alle standardinnstillingene, bortsett fra bredden i 1 px og farger.