Eerst moet je de afbeelding op een minimaal palet instellen, de grenzen van de kleuren bepalen en beginnen met tekenen. Juist de tekening is de meest vervelende fase van het werk dat wordt gedaan. Tracering wordt echter vaak gebruikt door webmasters en zij kunnen hun kostbare tijd uiteraard niet verspillen. Laten we het dus over enkele trucjes hebben.

In dit artikel leest u over programma's waarmee u eenvoudig en snel (meestal) een afbeelding kunt overtrekken. Maar in tegenstelling tot de auteurs zal ik nog steeds ingaan op grafische mastodonten als Corel en Adobe.

Je zult vinden geweldige les door overtrekken in Corel Draw.

Adobe Photoshop is voornamelijk ontworpen voor fotowerk, niet voor webontwerp. Maar zijn broer Adobe Illustrator alleen voor dit onderdeel. Dit essay zal je vertellen hoe je het kunt gebruiken om een ​​raster naar een vector te converteren. Er staan ​​trouwens behoorlijk interessante artikelen op de site, het is de moeite waard om er doorheen te kijken. – meer details over het onderwerp.

Nou, vandaag is naar mijn mening het meest interessant. Hoe u het proces eenvoudiger kunt maken zonder installatie extra fondsen. (Voor degenen in de tank: ik haat het om de computer te verstoppen!).

Er is zo'n geweldige buitenlandse online-editor, Vector Magic. Eigenlijk hebben ze dat wel gedaan volwaardig programma eet (als je een paar honderd dollar niet erg vindt). zal u zeer gedetailleerd en duidelijk vertellen hoe u de dienst kunt gebruiken. Zelfs als u met de hulp niet het optimale resultaat behaalt, wordt de verdere verwerking in Photoshop veel gemakkelijker. Het enige nadeel van de dienst is dat deze niet helemaal gratis is. Om het resultaat te downloaden, moet u zich registreren (de registratie is eenvoudig en snel, deze wordt uitgevoerd vóór het downloaden). Registratie levert u 2 op gratis downloads. Alsof het om een ​​test gaat. Nou, dan hebben we het nodig betaald abonnement. Maar u kunt van deze rommel afkomen als u uw IP-adres wijzigt, uw cookies wist en uw e-mails wijzigt. Als de afbeelding klein is (hoewel de grootte je niet tegenhoudt), is het kopiëren en plakken van de schermafbeelding in Photoshop geen probleem.

Gebaseerd op materiaal van: http://www.liveinternet.ru/users/3091338/post106993510/

Nee, dat kan niet. Helaas, hoewel de vectortrends in Photoshop als volgt zijn, bleef alles wat in deze richting werd gedaan vijf versies geleden onveranderd. Sindsdien is het niet meer aangeraakt, niet veranderd en is er niets nieuws aan de vector toegevoegd. je had het nodig vectorgereedschappen in Photoshop? Hier zijn ze, wil je meer? Wat je nog meer bent vergeten over Photoshop, beheers Illustrator. Ongeveer deze gedachtegang motiveerde de ontwikkelaars die de eenvoudigste vectorbewerkingen in Photoshop introduceerden. Laten we nu aan de slag gaan. Het raster wordt via selectiegebieden omgezet in een vector. Eerst maken we een selectie, vervolgens zetten we de selectielijnen om in vectorpaden en vervolgens vullen we de vectorpaden met opvullagen, waardoor een vectormasker ontstaat. Om dit allemaal te begrijpen, niet op het niveau van legercommando's - klik hier, klik daar, het is de moeite waard om te leren werken met vectortekengereedschappen, te begrijpen hoe vectorcontouren met elkaar kunnen interageren en te leren hoe u een vectormasker kunt maken . Maar maak je geen zorgen, je hoeft pas dit weekend te gaan zitten om het te lezen; je zult al begrijpen hoe je een raster in Photoshop kunt converteren als je het artikel tot het einde leest.

Logo-accentuering

Ik zou vooral willen opmerken dat om de vertaling naar vector van hoge kwaliteit te laten zijn, de afbeelding zelf dat ook moet zijn groot formaat. Dit geldt voor overtrekken in Illustrator, maar voor Photoshop is het nog belangrijker. Mijn afbeelding is 1500 pixels breed. Wanneer we klaar zijn met het converteren naar vector, zal ik laten zien hoe Photoshop een kleine afbeelding vertaalt en zullen we de resultaten vergelijken.

• Kies een hulpmiddel Toverstaf-hulpmiddel
• Stel in opties in Tolerantie 20 of 30.
• Klik daar op het icoontje Toevoegen aan selectie. Ik schreef gedetailleerd over hun werk in het artikel waarin we het hadden over vectorgereedschappen, maar bij selectie werken deze opties op dezelfde manier.
• Als je wilt, kun je gebruiken sneltoetsen. Toets ingedrukt VERSCHUIVING zal schenken Toverstaf-hulpmiddel eigendom Toevoegen aan selectie en er verschijnt een plusteken op de cursor.

Eerlijk gezegd maakt het mij niet uit hoe je het logo selecteert, of je nu een handmatige lasso gebruikt of een logo gebruikt Kleurbereik . Het is alleen zo dat in deze situatie, specifiek in deze afbeelding, de eenvoudigste manier om dit te doen is met een hulpmiddel Toverstaf-hulpmiddel.

De selectie converteren naar een vectorpad

Wissel niet van instrument Toverstaf-hulpmiddel.

• Klik met de rechtermuisknop op het selectiegebied.
• Selecteer in het menu dat verschijnt Werkpad maken.

• Stel in het venster dat verschijnt de tolerantie in op 1,0. Hoe hoger de tolerantiewaarde, hoe vloeiender, gestileerd en onnauwkeuriger onze contouren zullen zijn.

In de onderstaande afbeelding heb ik het gereedschap geselecteerd Gereedschap voor padselectie en markeer de omtrek zodat u deze kunt zien.

Een pad opslaan in het Padpalet

Deze handeling is niet vereist, maar wordt wel aanbevolen.

• Schakel over naar palet Pad. Als u het niet kunt vinden, klik dan Venster > Pad
• Dubbelklik op het pad in het palet.
• Voer in het venster dat verschijnt een naam in en klik OK.

Een vectormasker maken

Het proces van het maken van een vectormasker wordt perfect beschreven in mijn artikel. Wij voeren dit proces snel en zonder details uit. Zorg ervoor dat uw kennel gemarkeerd is in het palet Pad Selecteer uit het menu Laag> Nieuwe opvullaag> Effen kleur Selecteer een kleur in het venster dat verschijnt en klik OK
Dat is het. Alles zou nauwkeuriger zijn als het niet zo was. Onthoud dat ik je vertelde dat hoe kleiner de afbeelding, hoe slechter de vertaling zal zijn. Ik wed dat je een soort vuile scan in je handen hebt, in Word geschoven, die de klant nodig heeft om omgezet te worden in een vector? Heb ik gelijk? In dit geval wordt de afbeelding gecomprimeerd JPG-compressie, verkleind, vervolgens vergroot en vervolgens opnieuw verkleind tot de grootte van zijn avatar, en er werd ook ketchup op hem gemorst. Is het mogelijk om zo'n afbeelding efficiënt om te zetten in een vector in Photoshop? Kijk eerst eens naar ons logo. Ondanks de uitstekende resolutie en duidelijke randen slaagde Photoshop er niet in om goede en gelijkmatige contouren te creëren. De illustrator doet het 100 keer beter, maar het artikel gaat niet over de illustrator. Zoals je kunt zien zijn de contouren niet overal egaal, zelfs niet in de rechthoekige delen van het logo. En de cirkels zijn volledig schuin.

Nu zal ik de afbeelding twee keer verkleinen, en vervolgens nog eens twee keer, en ik laat je het resultaat zien van de conversie naar een vector. Hier is een duidelijk voorbeeld van hoe de grootte van een rasterafbeelding de kwaliteit van de overtrek beïnvloedt. En dit ondanks het feit dat het beeld ondanks het formaat van zeer hoge kwaliteit is. Nou, ik zal de kwaliteit verminderen. Laten we de afbeelding opslaan in JPG bij slechtste kwaliteit.
Laten we het naar een vector converteren. Uitstekend resultaat, het enige wat ontbreekt is ketchup. Precies goed voor een tevreden klant, grunge of vintage behandeling!
En toch manipuleer ik de waarheid enigszins. Feit is dat dit allemaal redelijk is voor Illustrator, die een vector maakt op basis van een afbeelding. Photoshop maakt geen vector op basis van een afbeelding, maar maakt contouren op basis van een selectie. Logischerwijs geldt: hoe beter en vloeiender de selectie, hoe vloeiender de curven zullen zijn. En het gereedschap Toverstaf, dat we gebruikten om deze gebieden te selecteren, zal niet langer geschikt zijn voor het selecteren van zulke griezelige afbeeldingen. Ja, u kunt selecties van hoge kwaliteit maken, alle selectiehulpmiddelen gebruiken, u kunt ze zelfs vergroten en op basis daarvan een min of meer gelijkmatige omtrek maken, wat nog steeds niet perfect zal zijn. Deze kant op gaan is gewoon tijdverspilling. De enige werkende optie is om het logo helemaal opnieuw te tekenen in Photoshop, wat ik in het volgende artikel zal bespreken.

Van de PM:
"Kun je mij vertellen hoe dit effect wordt bereikt, anders zou het geweldig zijn als dat zo was gedetailleerde les =)"

Dus laten we bespreken. Allereerst over concepten.
Een rasterafbeelding is grofweg een raster van veelkleurige pixels, een matrix. Bijvoorbeeld fotografie.
Een vectorafbeelding bestaat uit geometrische primitieven (punten, lijnen, polygonen) die een afbeelding vormen.
Tracing (van het Engelse woord "Trace" - trace, imprint, contour) - een rasterafbeelding omzetten in een vectorafbeelding.
Traceren is een lang en arbeidsintensief proces. Overweeg het met behulp van deze lessen uit demiart.ru:
http://photoshop.demiart.ru/vector.shtml
http://photoshop.demiart.ru/vector_car.shtml
Eerst moet je de afbeelding op een minimaal palet instellen, de grenzen van de kleuren bepalen en beginnen met tekenen. Juist de tekening is de meest vervelende fase van het werk dat wordt gedaan. Tracing wordt echter vaak gebruikt door vb-webmasters en zij kunnen hun kostbare tijd uiteraard niet verspillen. Laten we het dus over enkele trucjes hebben.
In dit artikel leest u over programma's waarmee u eenvoudig en snel (meestal) een afbeelding kunt overtrekken. Maar in tegenstelling tot de auteurs zal ik nog steeds ingaan op grafische mastodonten als Corel en Adobe.
vindt u een geweldige tutorial over overtrekken in Corel Draw.
Adobe Photoshop is voornamelijk ontworpen voor fotowerk, niet voor webontwerp. Maar zijn broer Adobe Illustrator is alleen voor dit onderdeel. zal u vertellen hoe u het kunt gebruiken om een ​​raster naar een vector te converteren. Er staan ​​trouwens behoorlijk interessante artikelen op de site, het is de moeite waard om er doorheen te kijken. - meer details over het onderwerp.
Nou, nu, naar mijn mening, het meest interessante. Over hoe u het proces eenvoudiger kunt maken zonder extra tools te installeren. (Voor degenen in de tank: ik haat het om de computer te verstoppen!).
Er is zo'n geweldige buitenlandse online-editor, Vector Magic. Eigenlijk hebben ze een volwaardig programma (als je een paar honderd dollar niet erg vindt). zal u zeer gedetailleerd en duidelijk vertellen hoe u de dienst kunt gebruiken. Zelfs als u er niet het optimale resultaat mee behaalt, wordt de verdere verwerking in Photoshop veel gemakkelijker. Het enige nadeel van de dienst is dat deze niet geheel gratis is. Om het resultaat te downloaden, moet u zich registreren (de registratie is eenvoudig en snel, deze wordt uitgevoerd vóór het downloaden). Registratie geeft u 2 gratis downloads. Alsof het om een ​​test gaat. Nou, dan hebben we het nodig proefabonnement. Maar u kunt deze rommel omzeilen als u uw IP-adres wijzigt, uw cookies wist en uw e-mails wijzigt. Als de afbeelding klein is (hoewel de grootte je niet tegenhoudt), is het kopiëren en plakken van de schermafbeelding in Photoshop geen probleem.

Ik kan er ook aan toevoegen dat Shutterstock (en tegelijkertijd Bigstock) nu behoorlijk streng zijn in het accepteren van autotrace. Maar een monochrome autotrace, verwerkt en ontdaan van alle puin, wordt normaal geaccepteerd.

En nu, als je er klaar voor bent, geef ik het woord aan Natalia. Laten we beginnen Adobe-les Illustrator.

Beeld overtrekken – een foto of gescand document overbrengen naar vectorformaat gevolgd door het gebruik van de afbeelding om grafische werken te maken.

Veel beginnende stockers beschouwen dit proces als erg ingewikkeld. In feite kost het niet zoveel tijd als bijvoorbeeld het tekenen van de afbeelding zelf. Om een ​​afbeelding voor te bereiden voor tracering, is het helemaal niet nodig om dure hulpmiddelen in te slaan, zoals veel illustratoren adviseren in hun cursussen voor beginners. Vooral als u niet zeker weet of u deze methode in de toekomst vaak zult gebruiken om uw werk te maken.

Ik gebruik tracering uiterst zelden en zie het nut niet in van het kopen van veel verschillende tools, dus ik zal mijn proces beschrijven met behulp van de eenvoudigste tools die voorhanden zijn.

Fase 1

Laten we een afbeelding tekenen. Eigenlijk zal geen enkele tracering werken zonder de afbeelding zelf. Maak een schets met potlood op wit papier. IN in dit voorbeeld dit zijn de elementen voor het patroon. Als de tekening klaar is, trekken we deze over met een pen. Wanneer u een afbeelding overtrekt, plaatst u een vel papier op een notitieboekje of een stapel vellen. Hierdoor gaat het handvat soepeler.

Het is beter om de afbeelding te omlijnen met een gelpen of voering (in dit voorbeeld wordt de eenvoudigste goedkope zwarte gelpen gebruikt). Een balpen smeert meer uit, tekent lastiger met potlood en kan schittering geven op de foto. Optimale kleuren voor de omtrek - zwart, bruin, blauw, donkergroen, paars. Laat de afbeelding drogen, zodat de gum niet op de pen terechtkomt bij het verwijderen van potloodstrepen.

Fase 2

Wij maken een foto. Of we scannen. Idealiter moet je hier een scanner gebruiken, dus degene die dit apparaat op voorraad heeft, heeft geluk. Omdat ik geen scanner heb, heb ik een digitale point-and-shoot-camera gebruikt. Eigenlijk nu moderne telefoons Ze maken heel goede foto's en je kunt zelfs rondkomen met een telefooncamera. Het is raadzaam om bij goed daglicht te fotograferen.

Fase 3

Voorbereiding van foto's. Omdat we geen scanner maar een foto hebben gebruikt, moeten we deze in een acceptabele vorm brengen. We snijden eventuele overtollige gebieden af ​​en laten alleen het gebied met het patroon achter. Vervolgens moet je een foto-editor gebruiken die instellingen voor helderheid/contrast/verzadiging heeft en deze gebruiken om onze foto ongeveer zo te maken:

Ik noem geen specifieke foto-editor en toon de instellingen ervan niet als voorbeeld, omdat... De instellingen zullen altijd anders zijn, afhankelijk van de kwaliteit van de foto.

Fase 4

Spoor. Open de afbeelding in Illustrator. Ik gebruik Illustrator CS6, dus het programmavenster en sommige instellingen kunnen verschillen als u een andere versie gebruikt.

Selecteer de afbeelding met de muis en ga naar het menu Object > Traceren > Maken.
Als dit venster verschijnt:

Klik "OK" en we beginnen met het traceringsproces.

Wij krijgen een beeld.

Ziet er niet erg goed uit. Op veel plaatsen worden de contouren onderbroken. Om dit op te lossen, moet u geavanceerde traceringsinstellingen openen. Om dit aan te doen bovenste paneel klik op deze knop:

Om onderbrekingen in de contouren te verwijderen, moeten we de waarde van de parameter verhogen "isohelium" in het menu dat verschijnt.

Als u de waarde bijvoorbeeld verhoogt naar 170, krijgt u een afbeelding zoals deze!

Ziet er veel beter uit.

Wijzig indien nodig andere parameters.

We kiezen ook voor de traceermethode: voeg of contouren met overlay. Ik geef de voorkeur aan optie 2, omdat... in het eerste geval kunnen defecten optreden in de vorm van lichte ruimtes tussen de omtrek of vulling.

Op internet vond ik een afbeelding van het logo. Is het mogelijk om het in Photoshop automatisch van raster naar vector te converteren? Nee, dat kan niet. Helaas, hoewel de vectortrends in Photoshop als volgt zijn, bleef alles wat in deze richting werd gedaan vijf versies geleden onveranderd. Sindsdien is het niet meer aangeraakt, niet veranderd en is er niets nieuws aan de vector toegevoegd. Heeft u vectorgereedschappen nodig in Photoshop? Hier zijn ze, wil je meer? Wat je nog meer bent vergeten over Photoshop, beheers Illustrator. Ongeveer deze gedachtegang motiveerde de ontwikkelaars die de eenvoudigste vectorbewerkingen in Photoshop introduceerden. Laten we nu aan de slag gaan.

Het raster wordt via selectiegebieden omgezet in een vector. Eerst maken we een selectie, vervolgens zetten we de selectielijnen om in vectorpaden en vervolgens vullen we de vectorpaden met opvullagen, waardoor een vectormasker ontstaat. Om dit allemaal te begrijpen, niet op het niveau van legercommando's - klik hier, klik daar, het is de moeite waard om te leren werken met vectortekengereedschappen, te begrijpen hoe vectorcontouren met elkaar kunnen interageren en te leren hoe u een vectormasker kunt maken . Maar maak je geen zorgen, je hoeft pas dit weekend te gaan zitten om het te lezen; je zult al begrijpen hoe je een raster in Photoshop kunt converteren als je het artikel tot het einde leest.

Logo-accentuering

Ik zou vooral willen opmerken dat de vertaling naar vector, om van hoge kwaliteit te zijn, de afbeelding zelf groot moet zijn. Dit geldt voor overtrekken in Illustrator, maar voor Photoshop is het nog belangrijker. Mijn afbeelding is 1500 pixels breed. Wanneer we klaar zijn met het converteren naar vector, zal ik laten zien hoe Photoshop een kleine afbeelding vertaalt en zullen we de resultaten vergelijken.

• Kies het gereedschap Toverstaf

• Stel de tolerantieopties in op 20 of 30.

• Klik daar op het pictogram Toevoegen aan selectie. Ik schreef gedetailleerd over hun werk in het artikel Add, Subtract, Intersect and Exlude in Photoshop, waar we het hadden over vectorgereedschappen, maar bij selectie werken deze opties op dezelfde manier.

Eerlijk gezegd maakt het mij niet uit hoe je het logo selecteert, of je nu een handmatige lasso gebruikt of het kleurbereik gebruikt. Het is alleen zo dat in deze situatie, specifiek in deze afbeelding, de eenvoudigste manier om dit te doen het gebruik van het Toverstaf-gereedschap is.

De selectie converteren naar een vectorpad

Schakel niet over van het toverstafgereedschap.

• Klik met de rechtermuisknop op het selectiegebied.

• Selecteer in het menu dat verschijnt de optie Werkpad maken.

• Stel in het venster dat verschijnt de tolerantie in op 1,0. Hoe hoger de tolerantiewaarde, hoe vloeiender, gestileerd en onnauwkeuriger onze contouren zullen zijn.

In de onderstaande afbeelding heb ik het gereedschap Padselectie geselecteerd en het pad zo geselecteerd dat je het kunt zien.

Een pad opslaan in het Padpalet

Deze handeling is niet vereist, maar wordt wel aanbevolen.

Schakel over naar het Padpalet. Als u het niet kunt vinden, klikt u op Venster > Pad

Dubbelklik op het pad in het palet.

• Voer in het venster dat verschijnt een naam in en klik op OK.

Een vectormasker maken

Het proces van het maken van een vectormasker wordt perfect beschreven in mijn artikel Vectormasker in Photoshop. Wij voeren dit proces snel en zonder details uit.

Zorg ervoor dat uw kennel is geselecteerd in het Padpalet

Selecteer Laag > Nieuwe opvullaag > Effen kleur in het menu

In het venster dat verschijnt selecteert u een kleur en klikt u op OK

Dat is het. Alles zou nauwkeuriger zijn als het niet hronofag.ru was. Onthoud dat ik je vertelde dat hoe kleiner de afbeelding, hoe slechter de vertaling zal zijn. Ik wed dat je een soort vuile scan in je handen hebt, in Word geschoven, die de klant nodig heeft om omgezet te worden in een vector? Heb ik gelijk? In dit geval wordt de afbeelding gecomprimeerd met JPG-compressie, verkleind, vervolgens vergroot en vervolgens opnieuw verkleind tot de grootte van de avatar, en er werd ook ketchup op gemorst. Is het mogelijk om zo'n afbeelding efficiënt om te zetten in een vector in Photoshop?

Kijk eerst eens naar ons logo. Ondanks de uitstekende resolutie en duidelijke randen slaagde Photoshop er niet in om goede en gelijkmatige contouren te creëren. De illustrator doet het 100 keer beter, maar het artikel gaat niet over de illustrator. Zoals je kunt zien zijn de contouren niet overal egaal, zelfs niet in de rechthoekige delen van het logo. En de cirkels zijn volledig schuin.

Nu zal ik de afbeelding twee keer verkleinen, en vervolgens nog eens twee keer, en ik laat je het resultaat zien van de conversie naar een vector.

Hier is een duidelijk voorbeeld van hoe de grootte van een rasterafbeelding de kwaliteit van de overtrek beïnvloedt. En dit ondanks het feit dat het beeld ondanks het formaat van zeer hoge kwaliteit is. Nou, ik zal de kwaliteit verminderen. Laten we de afbeelding opslaan in JPG met de slechtste kwaliteit.

Laten we het naar een vector converteren. Uitstekend resultaat, het enige wat ontbreekt is ketchup. Precies goed voor een tevreden klant, grunge of vintage behandeling!

En toch manipuleer ik de waarheid enigszins. Feit is dat dit allemaal redelijk is voor Illustrator, die een vector maakt op basis van een afbeelding. Photoshop maakt geen vector op basis van een afbeelding, maar maakt contouren op basis van een selectie. Logischerwijs geldt: hoe beter en vloeiender de selectie, hoe vloeiender de curven zullen zijn. En het gereedschap Toverstaf, dat we gebruikten om deze gebieden te selecteren, zal niet langer geschikt zijn voor het selecteren van zulke griezelige afbeeldingen. Ja, u zult selecties van hoge kwaliteit kunnen maken, met behulp van alle selectiehulpmiddelen, u zult ze zelfs kunnen vergroten en op basis daarvan een min of meer gelijkmatige omtrek kunnen maken, wat nog steeds niet perfect zal zijn. Deze kant op gaan is gewoon tijdverspilling. De enige werkende optie is om het logo helemaal opnieuw te tekenen in Photoshop.