Vektoros rajzolás Photoshopban

Szerző: Mérei Tamás   |   2014-04-19

Érkezett egy kérés, hogy készítsek pár vektoros ikont Photoshop-ban összetett görbék használatával.

Használt billentyűkombinációk:

  • V - move tool
  • A - path selection tool
  • Shift + A - váltás a path selection és a direc selection között
  • Ctrl + T - free transform tool

Az alakzatok egyesítése az alábbi lépésekben történik:

  • kivágandó alakzat kijelölése a layer panelen
  • path selecton tool-asl alakzat kijelölése
  • Ctrl + X kivágás
  • célalakzat kijelölése a layer panelen
  • Ctrl + V beillesztés

Videó

Videó

14 hozzászólás

  1. 2014. június 27. péntek - 21:34

    Már rég be volt téve könyvjelzőnek az oldalad, de ez az első videó, amit megnéztem és veled együtt dolgoztam. Hát elképesztő, hogy mennyi új dolgot tanultam, ami nagyon hasznos és sokszor lett volna rá szükségem! Nagyon szépen köszönöm neked!

  2. 2014. május 18. vasárnap - 22:12

    Szia, egy kérdésem lenne, megcsináltam egy tervet (pólóra nyomtatni), de természetesen simán photoshopban és így kéne, tudsz egyszerű módot arra, hogy vektorossá alakítsam? +1 kérdés, használtam fel benne a valóságból fényképezett tárgyból egy darabot, annak a színét, kinézetét képtelen vagyok megcsinálni a nulláról, ezt áttudnám hozni valahogy vektorossá? Köszönöm a válaszaid! -Ádám

    • 2014. május 28. szerda - 22:26

      Illustrator-ban tudsz trace-elni, talán azzal tudsz elérni a legjobb eredményt.

  3. 2014. május 15. csütörtök - 22:48

    Szia Cyrex,
    ne haragudj, hogy ide írom, holott nem ide tartozik, de nem tudom már hol láttam. Valamelyik videódban, ahol Notepad++-t használsz, láttam, hogy ha valamit elkezdesz gépelni, akkor kiad lehetőségeket a program, hogy szerinte mit akartál begépelni (lenyíló lista, és lehet választani belőle). Ezt hogyan lehet beállítani? Vagy ez valamilyen plugin a programhoz?
    Előre is köszönöm a segítséget!

    • 2014. május 28. szerda - 22:34

      Fogalmam sincs, alapból csinálja, sosem néztem a beállításait. Szedd le a legújabb verziót.

  4. 2014. május 15. csütörtök - 21:45

    CS5 verziójú photoshopom van, mért lehet az, hogy ha rajzolok egy alakzatot, akkor állandóan csak egy maszkot hoz létre, amit ugyan úgy tudok szerkeszteni, mármint az alakját, de ha ki akarom vágni, akkor ugye kivágja a maszkot, és amilyen színre be volt állítva, olyan színű lesz az egész dokumentum. Te milyen beállításokat használsz?

    • 2014. május 28. szerda - 19:17

      Mert az egy vektoros alakzat és csak a “maszkját” vágod ki olyankor. Direct selection tool-al jelöld ki az alakzat összes csomópontját és úgy vágd ki, akkor jó lesz.

  5. 2014. április 27. vasárnap - 08:32

    Köszönöm Cyrex! Nagyszerű tutorial mint mindig!

    • 2014. május 28. szerda - 19:07

      You’re welcome!

  6. 2014. április 21. hétfő - 14:31

    Kb minden photoshoppal kapcsolatos dolgot tőled tanultam, hatalmas köszönet a videókért. Mindig úgyérzem, hogy naprakész vagyok webdesign, webfejlesztés terén, de akárhányszor feljövök ide, rájövök hogy tévedek. Örülök, hogy létezik ez a blog, és hogy ilyen naprakész és hasznos tutoriálokkal segítesz nekünk.

    • 2014. május 28. szerda - 19:07

      Igyekszem amennyire tudok.

  7. 2014. április 20. vasárnap - 20:44

    Kedves Cyrex!
    Azt szeretném kérni, hogy csinálj egy tutoriál videót arról, hogy hogyan lehet a weboldalra berakni videót!(html,notbad++)
    Szerintem ez nem csak nekem probléma!
    Kérlek válaszolj ha láttad a bejegyzésemet!

    • 2014. április 21. hétfő - 14:36

      Feltöltöd YouTube-ra vagy bármelyik videómegosztó oldalra és a videó alól kimásolod a videó beillesztő kódját. Van még aki máshogy csinálja manapság?

  8. 2014. április 19. szombat - 23:04

    Pont böngésztem az oldalad és láttam az egyik refreshnél hogy jött egy vidi. Erre már nagyon régóta vártam. Sok embernek megkönnyítetted az életét 😀 Thanks. Gratula a bloghoz.

Hozzászólás

Keresés a blogon
Kategóriák
Legújabb hozzászólások
  • Responsive menü

    Itt a működő kód, innen másold ki: https://cyrex.hu/uploads/2014/08/responsive-menu/...

  • Responsive menü

    Szia. A kódok alapján, meg persze a videót végignézve megcsináltam a menüt. Sajnos nem úgy működik, ahogy kellene. A menü3 almenüi nem gördülnek le, ...

  • A shape-outside CSS property

    Szerintem azt sehogy....

  • A villanyszerelés örömei panelben

    Panelban ugyan az a három fázis jön be három MCU-n és nem 3fázis... Keresztmetszet növelés miatt csinálták anno......

  • A shape-outside CSS property

    Szia Jó lett a videó. De mi van akkor ha a képet a szöveg közepére szeretném tenni, és azt akarom hogy így fusson körbe a szöveg....

  • Bootstrap űrlapok

    Jó lett :) Már kezdtem aggódni hogy eltűntél vagy valami hogy ilyen sokáig nem volt videó. 2 naponta néztem az oldaladat hogy hátha.... :)...

  • A villanyszerelés örömei panelben

    Ha három fázisod van, akkor három fázisú Fi relét kell venni....

  • A villanyszerelés örömei panelben

    Szia, ha panellakásba három vezetéken jön be az egy fázis, akkor három fi relét kellene berakni?...

  • A villanyszerelés örömei panelben

    "3 vezeték jön be, fázis-nulla-föld, tehát már az óránál szétválasztották a PEN vezetéket PE-re és N-re vagy más módon, de külön vezetéken jön az N és...

  • Dia szkennelés házilag

    Ezt a fajtát nem tudom, hogy lehet még kapni. Normál diavetítőt lehet kapni nagyobb játékboltokban például....

  • Bootstrap carousel

    Ennél a réginél nem tudom, hogy volt e már ilyen opció, de az újnál már van olyan, hogy touch="true"...

  • Adobe XD VS. Lunacy

    Sketch-et nem használok, mert nincs mac-em. Axure-t használok, arról találsz anyagot az oldalon....