Oldal nyomtatása - Rajzolás Photoshopban (1. rész)

Mai nap bemutatom nektek azt, hogy hogyan lehet Photoshopban tollal vektorgrafikát, vagyis logókat, szimbólumokat illetve akár rajzfilm karaktereket is rajzolni. Én Photoshop CS2-t fogok használni, ami nem kellőképpen rajzok készítésére van kitalálva, lehetséges hogy újabb photoshop verzióknál már Illustrator kellékek elérhetőek a görbéknél, de CS2-ben némi trükkel is megoldható.
Kezdjünk is valami egyszerű logóval, én például Watch_Dogs logóját fogom most megrajzolni, mert kezdők számára is tökéletes logó kezdésnek illetve gyakorlásnak is.
Nos, akkor hozzuk is létre projektet, ezt CTRL + N gomb lenyomásával vagy program bal felső sarkában Fájl > Új menüpontra kattintva megadhatod hogy hány képpontos képet szeretnél létrehozni. Én most 5000 x 5000 képpontos képet fogok létrehozni alapértelmezett 72-es dpi-vel (képpont/hüvely), mert későbbiek során lehet úgy változtatni a kép méretét hogy nem mosódik el, illetve apró rajzolási hibák is kisimulnak a kép tömörítése miatt, mondjuk erre nem is lesz rá szükség mert csak fekete-fehér vonalrajz, nem pedig színezett rajz.

$\"ps1-1.png\"$

Hozzunk létre egy új réteget, ha netán elrontunk valamit, akkor könnyebben javítható legyen és hogy ne rajzoljunk háttérre, mert kivágni sem könnyű később. Bizonyosodj meg abban hogy tényleg az új üres réteg van kijelölve. (lásd alul a bal képet) Kezdők számára, vagy azoknak akik nem tudják elképzelni a logót, azoknak azt ajánlom hogy keressenek valami jó képet a logóról és másolja be a projektjébe. Sokat tud segíteni az elkészítésben és persze gyorsabban is elkészül. (lásd alul a jobb oldali képet) Nem tudom mennyire látjátok a logót és a toll vonalait, de azt látjátok hogy a logó másodpercek alatt gyorsan el is készül, de én szempontom szempontom szerint még nincs kész teljesen. Hamarosan olvasni fogjátok miért is.

$\"ps1-2.png\"$ $\"ps1-3.png\"$

Én mint haladóként vonalzókkal fogom kialakítani a logó belső vonalait hogy minden pontja pontosabban és tükrösen illeszkedjen. A vonalzót pedig CTRL + R gomb lenyomásával tudod megjeleníteni. Mivel a kép mérete 5000 képpontos, ezért függőlegesen 2500 képpontra helyezek egy vonalat és így megvan a logó tükörképe is. (lásd lent) A vonalzón hosszan kattintva tudsz húzni vonalat képedre, ezeket a vonalakat figyelmenkívül hagyja kép mentésénél. Vonalat törölni meg úgy tudsz hogy átváltasz mozgató eszközre, és a vonalat pedig visszahúzod a vonalzóba.

$\"ps1-4.png\"$

Tehát megvan a logó tükörképe, most húzzuk meg a két szélső vonal pontjait, olyan 900 képpont távolságnyira. Igaz, nem egy vonalban van a mintával, csak leírás kedvéért benne hagyom hogy értsétek mire is próbálok célozni.

$\"ps1-5.png\"$

Most jöhet a vízszintes vonalak meghúzása és néhány pont keresztezése is. Nem fogom leírni mind azt hogy mennyi képpont távolságnyira van a pontjaitól, gondolom érthető a dolog, mindenki arra a pozícióra helyezi, ahova gondolja. Az alábbi képen elvileg látszódni is fog hogy az én vonalaim hol vannak elhelyezve.

$\"ps1-6.png\"$

Egy picit lehet megbolondul tőle az ember a sok vonaltól, ám pirossal kijelöltem hogy hova kerülnek a toll pontjaik. Váltsunk át toll eszközre és a kijelölt valamelyik pontján kezdjük is meg a toll vonalának meghúzását. Ha netán nem sikerülne pontosan a kereszteződésbe elhelyezni a pontot, akkor esetleg bal ALT + egér görgővel rá tudsz nagyítani a pontra amennyire csak akarod, de akár később is tudod picit állítgatni a vonalakon. Ha megtetted a kört akkor a toll kezőpontjára kattintva összeköti (meg fog jelenni egy kör a kurzoron, ha kurzor egy toll pontján van) a vonalat és meg is van a logó toll vonalai.

[hs width=640 height=400]
http://s17.postimg.org/pax3xdxfz/ps1_7.gif[/hs]

Úgy néz ki a piros vonal teljes mértékben egyenesen áll, tehát ez egy jó pont, de akkor állítgassunk egy picit a pontok pozícióján. Jobb kattintással váltsd át a tollat pontátalakítóra és a bal ALT + görgő segítségével ránagyíthatsz a kis négzetekre és bal CTRL hosszan tartva + bal egér gombbal tudsz a vonalakon picit javítgatni, ha netán lennének elcsúszások. Bal CTRL hosszan tartva + kattintás mellett ha nyomod a bal SHIFT gombot is, akkor a kijelölt pontot vízszintesre illetve függőleges pontba tudod helyezni. Ha csak simán rákattintasz és próbálod elhúzni, akkor egyszerűen csak rádiuszt próbálsz megadni az adott pontnak, ezt pedig bal CTRL + bal ALT + Z gommbal vissza tudod vonni.

[hs width=300 height=400]
http://s17.postimg.org/u70qp2xlb/ps1_8.gif[/hs]

De ne felejtsük is el vonalat húzni az \'A\' résznél, tehát váltsunk vissza toll módra és szabadon kattinthatsz a két jelenlegi vonalakra.

[hs width=640 height=400]
http://s17.postimg.org/4pic5hfv3/ps1_9.gif[/hs]

Így készen is vagyunk a vonalazgatással, most már nincs már más mint a tollnak megadni az ecset színét, méretét és végül alakmazni a görbének úgy hogy jobb kattintás \'Munkagörbe görbe\' részre és válasszuk a Görbe vonalzását és voálá, elkészül a logó belső része. Fontos hogy a Görbénél az Ecset legyen kiválasztva, az ecset keménysége 100%-on legyen.

[hs width=640 height=400]
http://s17.postimg.org/563jrx3m7/ps1_10.gif[/hs]

Végezetül ismét létrehozunk egy új réteget a körnek, hozzunk létre egy új görbe réteget is a körnek, hogy ne csatolja a belső vonalakhoz, az eszköz panelnél kiválasztjuk az Ellipszis eszközt, a képernyő bal felső sarkában mehúzzuk a kört jobb-lefele húzva, CTRL + T gombot lenyomva tudod módosítani a kör pozícióját illetve méretét is, beállítjuk a kép középpontjához és bal ALT gombot nyomva tartva középen tartja a kört és a vonalat pedig addig húzod, míg el nem éri a megfelelő kört, ha ez megvan, akkor a vissza a görbékre, a kör görbe rétegére pedig megadjuk a görbe vonalzását. Akinek tetszik ahogy most kinéz akkor annak itt a leírás vége, aki szeretné kicsit faragni a kép szögein, akkor tartson velem a következő pontig.

[hs width=640 height=400]
http://s17.postimg.org/673sh1klr/ps1_11.gif[/hs]

Folytatás
Két (talán három?) féle vonal törés lehetséges Photoshopban, az egyik a kiegészítéses, második kitöltéses, harmadik pedig a radírozás, de első két mód hatásosabb és szebb is, mint a radírozgatni le a felesleget.
Mi a kiegészítéses módot válasszuk, hisz már a logó belső része kész van, csak a széleit fogjuk kihegyezni. Az alábbi képet láthatjátok mi a különbség a kiegészítéses (bal oldali) és a kitöltéses (jobb oldali) mód között.
$\"width=500$ http://s11.postimg.org/hfaas239v/ps1_12.gif[/img]
Ahogy láthatjátok a kitöltéses mód gyorsabban elkészül, mint a kiegészítéses, eredmény viszont ugyan az.
Szóval ahogy most láthattátok hogyan zajlik le a kiegészítéses mód, így már nem kell prezentálnom lépésről lépésre, a lényeg az hogy mindig hozz létre új réteget, ne olvaszd össze a többi rajzzal, mert csak nehéz lesz kijavítani vagy visszavonni.
Leírtam azt hogy hogyan lehet módosítani a toll pozícióját, alkalmazni rá a tollra az ecsetet, gyorsbillentyűket is, így hát azt hiszem sikeresen lezárult leírás 1. része.
Íme az elkészült logó:
[hs width=300 height=300]http://s11.postimg.org/61nrgusr7/ps1_13.gif[/hs]
Írjatok véleményt a leírásról, hasznosnak tartottátok-e vagy mit egészítsek ki vagy felejtettem el megemlíteni valamit. Peace! :)

Méééég. :thumbsup:
(Az első 4-5 kép Nekem nem tölt be.)

Szuper meg minden, de az első 6 képet nem tölti be :D

Dropbox én így szeretlek. De komolyan...
E: Javítva. Remélem a kephost.com nem hagy cserben.

Mikora várható a 2. rész?

Ha minden igaz jövőhéten vagy még most hétvége táján lesz 2. rész. Egy ideje azon gondolkoztam hogy videó formában kéne, vagy esetleg livestreamen keresztül bemutatni nektek. Liveban az lenne jó hogy tudtok nekem írni üzenetet hogy például mit készítsek el, meg egyéb kérdések amikre esetleg tudok válaszolni, csak mikrofonom nincs, de tudok szerezni egyet, ami valószínűleg csak jövőhéten érkezne meg.
Meg is van az új gép, szóval most már tudok 4k felbontásban is képet készíteni probléma nélkül./)^3^(\\

Viszlát XP + CS2? :D :D
Várjuk a 2.-at. Szerintem full HD videoban jobb lenne.

GTA Közösség - A magyar GTA fórum

Általános beszélgetés => Beszélgetés => Grafikai Munkák/Logók => A témát indította: divkn - 2015. május 27. - 18:30:47