(English) เขียน Perspective ด้วย Photoshop กัน!!! [Chapter 1] by

30
Jun
1

มาลองเขียนรูป Perspective(อย่างง่าย) โดยมีฉากหลังเป็นภาพถ่ายจากตึกจริงๆ

เลือกภาพถ่ายที่มี มุมของ Perspective ชัดๆ ขึ้นมาสักหนึ่งรูป

จะสังเกตุได้ว่าภาพนี้เป็นภาพ Pespective 3จุด

คราวนี้เราจะลองหาว่า Perspecter ทั้ง 3จุด นั้นดูว่า มีจุดกำเนิดจากจุดตรงไหนบ้าง และสร้างเส้นไกด์ไปพร้อมๆกัน

เพื่อให้แน่ใจว่าสิ่งที่เราจะวาดนั้น เป็น Perspective ที่ถูกต้อง และเพื่ิอง่ายต่อการวาด

โดยใช้เครืองมือ Line Tool [u]

กำหนดไกด์ไลน์ด้านหน้าและด้านข้าง(ความหนา) ของวัตถุ ที่เรากำลังจะวาด

พิม LV UP! ไว้ 2 Layer

*Layer ที่ 1 เพื่อใช้เป็น ด้านหน้า ของวัตถุ

*Layer ที่ 2 เพื่อใช้เป็น ด้านข้าง(ความหนา)  ของวัตภุ

แล้ว กด Ctrl+t ที่ Layer LV UP! ที่ 1 แล้วลากลูกศรไปที่มุมจนลูกศรสีดำเปลี่ยนเป็นสีขาว กด Ctrl พร้อมกับคลิกเม้าส์ค้างไว(ทำแบบนี้ทั้ง4มุม จน LV UP! มีขนาดและมุมพอดีกับเส้นไกด์)

*ด้านหน้า

กด Ctrl+t ที่ Layer LV UP! ที่ 2 แล้วลากลูกศรไปที่มุมจนลูกศรสีดำเปลี่ยนเป็นสีขาว กด Ctrl พร้อมกับคลิกเม้าส์ค้างไว(ทำแบบนี้ทั้ง4มุม จน LV UP! มีขนาดและมุมพอดีกับเส้นไกด์)

*ด้านข้าง(ความหนา)

กำหนดด้าน(แสงและเงา) ให้ชัดเจน

จากนั้น…ก็ตกแต่งให้สวยงามมมม!!!

Project Planning in Agile by

30
Jun
0

ไปงาน Agile Thailand 2012 มาครับ เลยขอ blog เก้บไว้หน่อย (เดี๋ยวจะลืม) เป็นเรื่องของการวางแผน Project Planning style Agile โดยมีหลักเบื้องต้นที่ต้องทำความเข้าใจกันก่อนคือ Agile ถูกออกแบบมาสำหรับรองรับการเปลี่ยนแปลงที่เกิดขึ้นตลอดเวลา (โดยเฉพาะอย่างยิ่ง Requirement) ดังนั้นอาจพบเห็นความไม่แน่นอนในหลายๆ อย่างระหว่างวางแผน ผิดกับการวางแผนทั่วๆ ไปที่พยายามจะวางแผนที่แน่นอนให้ได้เช่น

  • คุม Spec ให้นิ่ง Requirement ไม่เปลี่ยน (เป็นไปไม่ได้)
  • กำหนดระยะเวลาเสร็จที่แน่นอนให้ได้ เพื่อจะได้เอาไปบอกลูกค้าได้ถูก (อันนี้ไม่ว่าจะ plan แบบไหนก็คือการเดาด้วยกันทั้งสิ้น)
  • ถ้า Requirement เปลี่ยน ต้องแก้ให้ทันตามที่ลูกค้าต้องการ (ถ้ารับเละ ไม่ดูแรงของทีมงานก็ตายสถานเดียวครับ)

เป็นต้น ซึ่งถ้าทีมงานหรือบริษัทของคุณไม่ได้เป็นบริษัทขนาดใหญ่ (ทีม Programmer 1 ทีมใหญ่กว่า 3 คน) ก็คงไม่ค่อยเห็นภาพอะไรนัก เนื่องจากคนน้อย การบริหารจัดการก็คือการคุยกันเรื่อยๆ เป็นระยะๆ จะดีที่สุดนั่นเอง แต่แม้คนจะน้อย Agile ก็จะช่วยจัดการจัดสรรปันส่วนงานต่างๆ ให้เป็นระเบียบขึ้น ง่ายต่อการเห็นภาพรวมของ project มากขึ้น เรามาดูขั้นตอนการทำงานแบบ Agile กันดีกว่า โดยทีมงานจะแบ่งเป็นสองตำแหน่งหลักคือ Product Owner (คนที่คุยกับลูกค้า รู้ว่าลูกค้าต้องการอะไร) และ Programmer มีขั้นตอนทำงานดังนี้ (ผมจะเขียนเน้นไปทาง Practice ของ Scrum นะครับ แต่ขั้นตอนการสร้าง card จะคล้ายๆ กันหมด)

เปลี่ยนภาพให้กลายเป็น vector สไตล์แว๊น&ร็อค by

28
Jun
0

หลายคนคงจะติดปัญหาอยากเปลี่ยนภาพ jpeg ให้กลายเป็นเส้น Vector อยู่บ่อยครั้ง

วันนี้จะมาสอนวิชาเก๋เด็ดสไตล์ชาวร็อค ฉัวะเดียวเรียบร้อยโรงเรียนจีน!

เริ่มจากหาภาพที่ต้องการก่อน วิธีนี้ใช้ได้กับภาพที่เป็นซีลูเอดขาวดำนะจ๊ะ

อันดับแรกเราต้องทำให้มันกลายเป็นภาพขาวจัดดำจัดก่อน จะเอาไปปรับใน ps หรือ ai ตามแต่กรรมวิธี

ชะแว้บ พอได้รุปที่ต้องการทำแบบขาวดำเรียบร้อยแล้วก็โยนลงไปใน AI เล้ย!

กด Embed ก่อน1 ที แล้วคลิก 3เหลี่ยมเล็กๆอย่างในภาพแล้วกดเลือกคำสั่ง ‘One color logo’

ภาพจะกลายเป็น Vector ใหญ่ๆ 1 ชิ้น แต่เราต้องการให้มันแยกเป็นตัวๆ เราก็กดปุ่ม Expand ด้านบนเป็นอันเสร็จ!

ชะแว้บบบบบ เท่านี้ก็เรียบร้อย อลังการล้านแปดไม่ต้องมานั่งพาธเองให้เสียเวลา!

ข้อสำคัญ 1 ข้อ Vector จะยิ่งละเอียดหรือสวยเท่าไหร่ อยู่ที่ภาพต้นฉบับที่นำมาทำ ยิ่งภาพไซส์ใหญ่ เห็นรายละเอียดมาก Vector

ก็จะละเอียดสวยงามมากเช่นกันจ้า

ลองเอาไปใช้กันดูนะคะ :D

ลงสีผมง่ายๆสไตล์ชาวร็อค by

28
Jun
0
วิธีนี้ได้นักวาดภาพชาวร็อคในตำนาน Kaskia สอนมาอีกทีครับ
ภาพต้นฉบับ
1. ลงสีกลางๆของเส้นผม
ซึ่งในภาพนี้ผมแยกออกมาเป็นผมด้านหน้าและ้ด้านหลังอีกทีครับ
ขั้นตอนนี้ต้องระวังเรื่องจุดขาวๆตามซอกหลืบให้ดีครับ ลงสีไปให้ครบ
อย่างภาพนี้เป็นต้น
2. เปิด Layer ใหม่ขึ้นมาด้านบน Layer สีผมที่ลงไปแล้ว
กด Ctrl+Alt+G เพื่อให้อะไรก็ตามใน Layer นี้ไม่หลุดขอบของ Layer ล่างครับ
แล้วใช้ Gradient วงกลม เลือกสีที่สว่างกว่าสีเดิม แล้วลากจากบริเวณขวัญของตัวละคร
ต่อมาขึ้น Layer ใหม่อีกอัน แล้วใช้ Gradient เส้นตรงสีเข้มกว่าสีเดิม ลากจากด้านล่างขึ้นมาครับ
ภาพที่ได้จะประมาณนี้
แล้วก็ทำแบบเดียวกันกับผมด้านหลังด้วยครับ
3.ลงสีเงาของเส้นผม
เลือกสีค่อนข้างออกไปทางเทาๆครับ
จากนั้นขึ้น Layer ใหม่ ปรับเป็น Multiply อย่าลืม Ctrl+Alt+G นะครับ
4.ลงสี Hilight
เลือกสีที่สว่างขึ้นกว่าเทาตะกี้ครับ แล้วขึ้น Layer ใหม่ ปรับเป็น Overlay
ถ้ารู้สึกว่าสีที่ได้มันแรงไป อาจจะปรับเป็น Soft Light แทนก็ได้ครับ
เท่านี้ก็เรียบร้อยพอใช้ได้แล้วครับ
แต่ถ้าอยากให้ดูนุ่มขึ้นก็ไปลงสีของเส้นผมเพิ่มได้ครับ
โดยใช้เทคนิค Ctrl+Alt+G เหมือนเดิม แต่ทำกับ Layer เส้นแทน
ภาพที่ได้ก็จะออกมาประมาณนี้
Fin.

ดุกดุ๋ย ดุกดุ๋ย นกกระปูดดูดฝิ่นควันฉุย [Ai] by

18
Jun
0

นกกระปูดอยากดูดฝิ่นควันฉุย แล้วเราจะทำควันฉุยๆใน ai กันยังไง?

ร่างควันขึ้นมาก่อน ง่ายๆ

copy ควันและ Paste in Front (Ctrl+F)

ไล่ Gradient ตามตัวอย่างจ้า ให้สีดำอยู่ด้านบนนะ

Drag คลุมทั้งตัวควันและส่วนที่เราแรเงาไว้

คลิกที่ Opacity >> ตรงแถบข้างบนเล็กๆ >> เลือก Make Opacity Mask

ควันฉุยสมใจคุณนกกระปูดละ *_*

จะเปลี่ยนสี bg ก็ไม่มีปัญหา

ถ้าอยากแก้ไขส่วนที่แรเงาก็ทำได้จ้า

กลับไปที่ Opacity >> แถบข้างบนเล็กๆ >> เลือก Release Opacity Mask นะจ๊ะ