อยากเปลี่ยนภาพวาด..เป็น vector

[sirichai2514]

เป็นภาพวาดเองครับ..ถ่ายส่งไปขายแล้ว

แต่อยากทำเป็น เว็กเตอร์...

ท่านใดพอแนะนำได้บ้างครับ...ดูใน youtube แล้วงง...

ขอบคุณครับ

[sirichai2514]

ท่านใดมี ลิงค์ ที่เข้าใจง่ายๆ โปรดชี้แนะด้วยครับ...

[see]

พี่ A ไม่มี link ยูทูบให้ดูหน่อยเหรอ เผื่อบอกได้ (ระหว่างรอผู้รู้คนอื่น)

[9comeback]

แบบนี้ใช่รึเปล่าครับ

[sirichai2514]

ได้มาหนึ่งแล้วครับ...อย่างนี้เรียกว่า..การ trace ใช่หรือเปล่าครับ
แล้วมันต่างจากการ ดราฟ..อย่างไร

https://www.youtube.com/watch?v=mbt0g6nrJCQ
ภาพที่ได้มันเป็นขาวดำ..

ทีนี้ก็เหลือการลงสีแหละครับอาจารย์see...

ส่วนการดราฟ..จะค่อนข้างยุ่งยากกว่า..

มือใหม่หัดอิลัส..ครับ

[sirichai2514]

แบบนี้ใช่รึเปล่าครับ
https://www.youtube.com/watch?v=ioITbN7cGzU

ถ้าตามลิ้งค์นี้...เราก็ไม่ต้องลงสีแล้วใช่มั๊ยครับ..
ที่เหลือก็ทำใบ PR แนบไป..
เสร็จเรา....

ขอบคุณมากครับ ท่าน 9comeback

[see]

พี่A ได้ยินมาแว่วๆๆเค้าบอกว่าถ้าส่งแบบนี้ไม่ควรเกิน 2 สีน๊ะ ที่ ss
แต่ตอนนี้ไม่แน่ใจว่ายังเป็นแบบนี้หรือเปล่า พี่ A ลองหาข้อมูลดู จะได้ไม่พลาด

[sirichai2514]

ผมคงทำแต่สีต้นฉบับครับ สีเดียวพอ...

เดี๋ยวทำได้แล้วจะมาส่งการบ้านครับ..

ขอบคุณทุกท่านครับ

[bon birdeye]

ตามคลิบเลยครับ ผมเคยทำ แต่เอามาไม่หมด หมายถึง image trac แล้ว ดึงเอาแค่บางส่วนมาใช้ ถ้าเอามาหมด อาจมีปัญหาครับ ผมเคยอ่านข้อกำหนด ของ ss ไม่ให้ทำ ครับ แต่ก็มีสมาชิกบางท่านเคยบอก ว่าทำได้ไม่เกิน 2 สี หมายถึง ตอนจะทำ กำหนดได้แค่ 2 สี ครับ

[sirichai2514]

ขอบคุณครับ..เดี๋ยวจะลองดูครับ

[see]

รอๆๆๆดูน๊ะพี่ a ต้องงามแน่ๆๆ

[sirichai2514]

มีภาพตัวอย่างมาให้แนะนำครับ..

เซฟเป็น eps10 แล้วแคปหน้าจอมาอีกที..

มีภาพขาวดำ..image trac..ธรรมดา

ภาพสี...image trac..16 color

ภาพถ่าย...image trac..high fidelity photo

ต้องแก้ไขอะไรบ้างครับ...

[sirichai2514]

อันนี้ image trac ธรรมดา มาสองสี..

แล้วมาเลือกลงสีเอา.....(กำลังหัดลงสี)

ปัญหาคือ...จะลงสีที่ลำคอ แต่มันจะเลือกพื้นขาวทั้งหมด

ต้องแก้ยังไงครับ....

หรือต้องสร้างเส้น path ขึ้นมาใหม่..

[see]

จริงๆๆอาจต้องลบพื่นขาวทิ้งหมดเรยพี่ a โดยคลิกเลือกสีขาวแล้วไปที่ select - same -fill and stroke
มันจะเลือกสีขาวในงานทั้งหมดก็ลบทิ้งไป
หลังจากนั้นใช้ blob brush ตรงเครื่องมือใกล้ๆๆยางลบน๊ะ
แล้วละบายริมขอบเรยที่ทำเป็นพื้นที่ แล้วใช้ live paint (ถังสีเท)
แล้ว expand ทำเหมือนที่คุณ
สอนไว้ พอ expand จะมีกรอบนอกในให้รวม โดยใช้ pathfinder unite รวมเป็นเนื้่อเดียวกัน แล้วเสร็จแล้วส่งไปข้างหลังเรยให้ขนนกสีดำทับข้างบน
งงมั้ยพี่ a วิธีนี้น่าจง่ายกว่าใช้ pen เขียนน๊ะ งงบอกน๊ะ

[sirichai2514]

ขอบคุณหลายหลายเด้อ...อ.see

[sirichai2514]

ลองทำอยู่พักใหญ่...กับภาพที่ต้องลงสี ไม่ง่ายอย่างที่คิดเลยนะ...

แต่กับภาพสเก็ตส์ ขาวดำ นี่พอได้ครับ

ส่งการบ้านที่ได้รับการประทับตราครับ...

[sirichai2514]

ส่งการบ้านอีกรอบครับ...

ภาพนี้ มีอะไรชี้แนะบ้างครับ..ได้โปรด..

[sirichai2514]

พอจะทำได้แล้วครับ..

ส่งการบ้านครับ..

[yimwin8]

[sirichai2514]

ภาพลักษณะนี้ เตรียมแนบ PR เผื่อไปเลยครับ จะได้ไม่ต้องเสียเวลามา รีซับมิท อีกที

บางทีเขาก็ขอ บางทีก็ไม่ขอ..

[see]

ไม่ได้เข้ามาหลายวัน โห สนุกหนานใหญ่เรยน๊ะพี่ a งามๆๆทั้งนั้นแนว อาร์ตเรยพี่ A
ขนมาให้หมดป่าเรยพี่ a

[sirichai2514]

ผมก็หายเข้าป่าไปหลายวัน เพิ่งกลับมาเมื่อกี๊.....

เดี๋ยวจัดสรรเวลาก่อนครับ...ถ่ายภาพก็สนุก เว็คเตอร์สนุก..

[iGengHD]

สวยจริงๆ เหมือนมันมีชีวิตเลยย

[Narin Bg]

พอจะมีท่านไหนทราบมั๊ยครับว่าเจ้านี้เค้าทำยังไง ผมเสียเวลาลองผิดไปซะครึ่งเดือนเลยครับ
วาดในโฟโต้ชอปให้เป็นเลเยอร์แล้วมา trace ใน Ai ผมจะรอคำตอบแล้วจะเอาภาพตัวอย่างมาให้ดูนะครับ

[sirichai2514]

ณ ตอนนี้ ยังไม่มีใครทราบเทคนิคที่เขาทำเลยครับ

ที่เคยทำส่งแล้วผ่าน จะเป็นแบบลายเส้นครับ

ผมก็ลองอยู่นาน ไม่ได้ซักที เลยพักก่อนครับ..

[Narin Bg]

นี่คือลักษณงานที่ผมพยายามทำใน Ps อย่างเต็มที่แล้วครับ
เผื่อท่านใดมีลู่ทางที่ทำให้สามารถส่งผ่านได้ก็อย่าลืมแชร์กันบ้างนะครับ

[Narin Bg]

และนี่ก็คือหน้าอาร์ทเวิร์คของผมครับ ใน Ai ก็จะแยกเป็นเลเยอร์ๆ แบบนี้

[adlez]

โหยของคุณ Narin Bg ก็สวยมากอยู่แล้ว นี่ track ทีละ layer เลยป่าวครับ

[Narin Bg]

ถูกแล้วครับผม Trace ที่ละ Layer ซึ่งก็จะแยกกันแบบนี้มาตั้งแต่ Ps เลย
เอ....รึว่าต้องเมิร์กลงเป็นเลเยอร์เดียวแล้ว Trace จึงจะผ่านน๊า.........
หรือว่าเค้าต้องวาดสีจริงลงบนกระดาษแล้วสแกน หรือแบบละเอียดจึงมา Trace หนอๆๆๆๆ???

[sirichai2514]

ผมก็ทำประมาณนี้เลยครับ..
ตอนอยู่ใน ps มันใช่เลย
แต่พอเอาเข้า ai มันไม่ออกมาดังที่คิดครับ..

ผมลงสีจริงนะครับ เอามาเข้าทั้ง ps,ai ยังไม่ได้ครับ

ยังไงก็รอด้วยคนครับ..

[UltraHD]

แนะนำให้อ่านเรื่องที่ทาง SS โพสต์เอาไว้ในบล็อกอีกครั้ง
ผมเองก็เคยตั้งเป็นกระทู้เอาไว้เกี่ยวกับเรื่องนี้
ว่าการทำ autotrace เพื่อแปลงภาพวาดเป็นเว็คเตอร์
คนที่นำไปใช้งาน ใช้ลำบาก

http://www.shutterstock.com/blog/update ... ustrations


If you wish to submit vectors that have a hand painted quality,
an alternative to auto trace is to construct vectors using the pen tool,
various shape tools, or the pencil or brush tools.
Apply brushes or even create your own vector brushes and layer the elements.
Apply transparency to achieve a watercolor look and feel.

วิธีการง่ายๆ คือ autotrace แต่ทำแบบนี้เขาไม่รับงาน
ต้องลำบากใช้เครื่องมือพวก shape, pen วาดเอง ใช้พวกเทคนิคการทำ transparency

[Natthakrit S]

สรุปคือเขาจะรับ blush ที่เป็นหมึก หรือเส้นสีเดียวเท่านั้นซินะครับ ส่วนการทำให้อยู่ในรูปแบบสีน้ำ ใช้พวก transparency ช่วย

ส่วนการที่เราจะระบายสีแล้ว autotrace แยกที่ละ layer คงไม่เป็นปัญหา แต่ขอให้เป็นสีเดียวต่อชิ้นซินะครับ

แบบนี้คงต้อง sketch แล้วค่อยมาลงสีทีหลัง และหวังพึ่งการใส่ texture แทนละกันครับ

[adlez]

[sirichai2514]

กางมุ้งรอเลยครับ....

เคยเกือบจะได้...แต่ก็ไม่ได้ เพราะไม่มีพื้นฐานเลยครับ..

[adlez]

ขออนุญาติใช้รูป คุณ sirichai2514 นะครับ

sample.jpg (102.9 KiB) เปิดดู 21234 ครั้ง

อันนี้เป็นไฟล์ Ai ที่ทำครับ
https://www.dropbox.com/s/pyucysnlt6crv ... le.ai?dl=0

ใช้วิธี track ทีละ layer ครับไม่ต้องเอาสีมา มาเปลี่ยนใน Ai อีกทีแค่นี้ไม่น่าโดน auto trackละ (โดน manual track แทน 555)
อันนี้เป็นรูปต้นฉบับเอามา track เลยครับถ้าแต่ให้เป็นสีน้ำก่อนจะดูดีกว่านี้ครับแต่มันจะใช่แบบตัวอย่างรึป่างเนี่ยสิ - - เหมือนไม่ค่อยใกล้

[sirichai2514]

ผมว่าเนื้องานมันยังไม่เป็นสีน้ำนะ ไม่เหมือนภาพตัวอย่างที่มองเป็น texture แบบสีน้ำจริงๆ..
เคยส่งไปแล้วโดน auto track มีภาพที่ผ่านคือ เสือ..เพราะผมเอามาแต่เส้น แล้วมาเทสีเอา
ภาพรองเท้า กับนกลายเส้น track มาแต่เส้น..อันนี้ผ่าน
นอกนั้นโดนหมด..

แต่ยังไงต้องช่วยกันหาวิธีทำให้ได้ครับ..

[adlez]

ที่รูปไม่เหมือนสีน้ำเป็นเพราะผมเอารูปที่ไม่เป็นสีน้ำมา track ครับ
ที่ผมอยากจะสื่อก็คือแบบนี้ครับ
แทนที่จะ track ทั้งหมดทีเดียว แต่แยก layer ไว้
ไฟล์ Ps เป็นแบบนี้

sample2-1.jpg (76 KiB) เปิดดู 21219 ครั้ง

ทำให้เป็นชั้นๆ ทุกชั้นสีเดียวกันแต่ลด opacity ลงแล้ว group เวลาเปลี่ยนสีมันก็จะเปลี่ยนได้ครับ

อันนี้เป็นไฟล์ Ai

sample2-2.jpg (81.36 KiB) เปิดดู 21219 ครั้ง

ไฟล์ Ai ครับ
https://www.dropbox.com/s/usn4mxqp3733b ... e2.ai?dl=0

ก็เหมือนกะไฟล์ต้นฉบับที่เป็น Ps ยังกะแกะเลย
แต่ก็ยังไม่เหมือนตัวอย่างอยู่ดี 555+ ไม่รู้ละ หนีดีกว่า

[sirichai2514]

ขอบคุณครับ..

เดี๋ยวลองใหม่..

[adlez]

ไม่ไหวก็อย่าฝืนนะครับ ผมว่ามันดูถึกๆไงไม่รู้ 555
ไม่ใช่ก็คือไม่ใช่ ผมว่าเค้าอาจจะทำโดยวิธีที่มีอารยธรรมมากกว่านี้ เอิ้กๆ

[Narin Bg]

ขอขอบคุณทุกๆแนวทางนะครับ
คงต้องลงทุนอีกหน่อยแล้วมังครับ 555

[adlez]

ผ่านเป็นที่เรียบร้อยครับ ถึงมันจะไม่ค่อยสวยก็เถอะ

ที่เงียบหายไปเพราะไปทะเลาะกะ SS อยู่ครับ
ผมส่งรูปไป test 1 รูปโดน reject ตามที่คุณ UltraHD เคยบอกไว้เลย

waterColor.jpg (32.97 KiB) เปิดดู 21124 ครั้ง

เลยต้องอธิบายให้เค้าเข้าใจว่าของผมไม่ได้ trace มาทั้งภาพลูกค้าสามารถแก้สีแก้รูปร่างได้นะ เลยเป็นที่ยอมความกันได้

แต่ขั้นตอนค่อนข้างยุ่งยากครับเดี๋ยวถ้ามีเวลาแล้วผมจะมารีวิวให้ดูนะครับ
เอาเป็นว่าผมอธิบายคร่าวๆว่า
เค้าไม่ให้ trace ทั้งภาพแล้ว จะไปเอารูปมาลง Ps แล้ว trace ออกมาไม่ได้ ทุกอย่างต้องทำใน Ai
แปะ texture เอาส่วน texture ก็ตามที่ผมบอกก่อนหน้านี้น่ะครับถูกต้องแล้ว ทำเป็นชั้นๆเอา

ส่วนตัวนะครับ รู้สึกว่าวาดการ์ตูนง่ายกว่าเห็นๆ แต่ถ้าส่วนแบ่งการตลาดจะดีเพราะคนส่งได้น้อยก็น่าสนใจครับก็รอดูกันไป

[sirichai2514]

ตามชมครับ...

[Narin Bg]

ส่งงานไปทดสอบก็หลงดีใจครับ พอส่งงานจริงก็ต้องตกไปตามนโยบายของ ss อกหักอีกซ้ำสามซ้ำสี่
ตอนนี้ความหวังกำลังจะกลับมาอีกครั้ง ตั้งหน้าตั้งตารอและขอบพระคุณล่วงหน้าด้วยคนครับ

[adlez]

ขอเริ่มจากการทำ texture ก่อนเลยนะครับ
1.ใช้สีน้ำวาดแล้ว ถ่ายรูป texture ที่เราต้องการใช้งานถ้าไปโหลดจากเว็บเช็คว่ามันฟรีจริงๆ


2.ทำรูปให้เป็นขาวดำแล้ว ลากไฟล์ใส่ Illustrator กดลูกศรสามเหลี่ยมหน้า layer เพื่อทำงานระดับ sub layer


3.ผมจะซ้อนซัก 3 ชั้นนะครับดังนั้นผมจะ copy งาน 2 ที (Ctrl+c จากนั้นก็ Ctrl+f สองครั้ง)
4.กดซ่อน layer ที่ยังไม่ทำงานแล้วกด วงกลมหลัง layer เพื่อเลือกวัตถุ
เลือกรูปแล้วไปที่เมนู window>image trace


5.ไปที่เมนู window>image trace แล้วกดตั้งค่าโดยให้รูปแรกดำกลบทั้งเนื้อแปรง


6.กด expand จะได้ผลลัพท์ออกมา


7.และชิ้นถนัดไปให้ลด Threshold ให้มีสีขาวกินเข้ามาเรื่อยๆ


8.เหมือนกันจนครบทั้งหมด เลือกทีละชิ้นปรับ opacity ลงซัก 30% แล้วเลือกทั้งหมดเสร็จแล้วก็ group (Ctrl+g) เก็บไว้


9.วาดรูปที่เรา design ไว้


10.เลือกงานแล้ว make mask


11.เปลี่ยน texture ที่เราทำเก็บไว้เป็นสีขาวแล้ว copy มาวางไว้ในส่วนของ mask



12.จัดวางให้ดูดี จะเรียง texture กี่ชั้นก็ได้กี่ชิ้นก็ได้ถ้าขนาดไฟล์ไม่เกิน 15Mb


13.เลือกงานแล้วไปที่เมนู Effect>Distort & Transform>Roughen เพื่อตั้งค่าให้ขอบงานไม่เรียบ


14.ไปที่คำสั่ง Object>Expand Appearance เสร็จแล้วใช้ smooth tool กับดินสอลากผ่านส่วนที่ต้องการให้เรียบ



15.ใช้ยางลบและดินสอตกแต่งให้คล้ายสีน้ำ


16.ผมจะทำ wet edges ให้ชิ้นงานจำเป็นต้องเอา path มาใช้
เลือกงานแล้ว Copy แล้ววางตำแหน่งเดิม (Ctrl+f) แล้วกด Release

เลือกอันบน


17.ทำการลบ texture แล้วเปลี่ยนเป็นสีขาว


18.ไปที่เมนู Object>Offset Path แล้วตั้งค่าให็เหมาะสม


17.เปลี่ยน opacity เป็น 0 แล้วเลือกทั้งสองชิ้นมา blend (กด Ctrl+Alt+b) เพื่อทำขอบฟุ้ง แล้วดับเบิ้ลคลิกที่ blend tool เพื่อกำหนดความฟุ้ง



19.เปลี่ยน opacity เป็น 0 แล้วเลือกทั้งสองชิ้นมา blend (กด Ctrl+Alt+b)
20.Cut(Ctrl+x) แล้วไปวางใน mask ของชิ้นงาน (Ctrl+f)



ทำการแต่งเส้นของ object ที่เพิ่ง blend ไปให้หนาบางไม่เท่ากัน แล้วตกแต่งก็เป็นอันเสร็จครับ

เหมือนเดิมครับไม่เข้าใจตรงไหนถามได้ครับ เดะช่วยกันตอบ

ลิงค์ไฟล์ Ai ตัวอย่าง https://www.dropbox.com/s/9wucgpv35b9db ... le.ai?dl=0

[sirichai2514]

สุดยอดเลยครับ..

อยากให้สัก 10 like...

เดี๋ยวไม่เข้าใจจะตามมาถามครับ..

อ้อ...สวัสดีปีใหม่ครับ..

[adlez]

ครับผม happy new year ครับ มีความสุขยอดโหลดเยอะทุกท่านทุกคน

[aorrwan]

เข้ามาขอบคุณสำหรับความรู้ค่ะ
แต่มี งง ตรงช่วงท้ายๆค่ะ ช่วงข้อ 17-20 ทำแล้วมันไม่ได้เส้นขอบแบบในตัวอย่างค่ะ(ก็เลยไม่ได้ทำ )
อันนี้รูปที่ผ่านค่ะ

[adlez]

หวานแหวว มุ้งมิ้งดีคับ