ทำ Background Sunburst (รัศมีแสงอาทิตย์) ด้วย Illustrator CS5

-
ทำ Background "Sunburst" (รัศมีแสงอาทิตย์) ด้วย Illustrator CS5
 
"Sunburst" ที่จะเห็นคุ้นตาก็น่าจะเป็นลายธงชาติญี่ปุ่นแบบเก่านะครับ Sunburst ในภาษาไทยไม่รู้ว่าจะเรียกว่าอะไรดี ผมขอเรียกว่า รัศมีแสงอาทิตย์ ก็แล้วกัน ส่วนท่านใดจะเรียกอย่างไรก็ตามสะดวกครับ...

1-เริ่มด้วยการ กด Ctrl+N เพื่อสร้าง Art board กำหนดขนาดตามต้องการ เสร็จแล้วกด OK
 
2-คลิกเลือก Epilse Tool (L) เพื่อสร้าง "เส้นวงกลม"
 
2.1-จากนั้นคลิกลงไปที่ Artboard แล้วลากออกจากศูนย์กลาง ระหว่างที่ลากนั้นให้กด Shift+Alt ค้างใว้เพื่อทำให้เส้นวงกลมสมมาตร ขนาดตามต้องการ
 
3-กำหนดตวามหนาขอเส้นด้วย Stroke เรียกใช้โดยการกด Ctrl+F10 ในตัวอย่างที่ช่อง Weight กำหนดขนาด 300

3.1-ให้ติ๊กเลือกที่ Dashed Line

3.2-ปรับตวามหนาของเส้น กำหนดที่ช่อง dash ในตัวอย่างกำหนดที่ 30pt หรือตามต้องการ
 
** ถ้าเจอปัญหาช่องไฟไม่เท่ากัน
 
ให้คลิกเลือกที่ Adjusting lenght to Fit
 
4-ให้ใช้ Expand เพื่อแปลงจากเส้นให้เป็น Fill โดยคลิกที่ Object > Expand > OK
 
ตัวอย่างก่อนทำ Expand ถ้าดูแบบ Outline จะเห็นว่ามันคือเส้นวงกลม
 
ตัวอย่างหลังทำ Expand ตัวเส้นจะถูกแปลงเป็นรูปทรงแล้ว โดยปกติแล้วหลังจาก Expand แล้วจะต้องไม่มีเส้นวงกลมแล้ว แต่ถ้ายังมีเส้นวงกลมเหลืออยู่ให้ลบทิ้งได้เลย

โดยให้ใช้ Move Tool (V) ดับเบิ้ลคลิกเข้าไปแล้วในชิ้นงานจากนั้นเลือกเส้นวงกลมแล้วกด Delete ลบทิ้งแล้วกด ESC ออก

** ถ้าคำสั่ง Expand เป็นสีเทาไม่สามารถเลือกได้ ให้เลือก Expand Appearance ก่อนแล้วค่อยเลือก Expand อีกครั้งหนึ่ง
 
5-ต่อไปเป็นการทำให้ตรงกลางไปรวมกันในจุดกึ่งกลาง (เพื่อให้เห็นการทำงานได้ชัดเจนจะทำในมุมมองแบบ Outline นะครับ)

5.1-คลิกเลือก Lasso Tool (Q) ที่Toolbox
 
5.2-จากนั้นคลิกลากและคุมส่วนที่อยู่ตรงกลางตามตัวอย่าง
 
5.3-จากนั้นไปที่ Object > Path > Average (Alt+Ctrl+J) เลือก Both แล้วคลิก OK

5.4-จะได้แบบนี้ครับเสร็จแล้วครับ จากนั้นจะลงสีเอาไปประกอบงานออกแบบต่างๆก็ตามชอมครับ

 
ในตัวอย่างจะเห็นว่าผมจะมีบอก Shortcut ของเครื่องมือไว้ เพราะว่าอยากให้ลองใช้เวลาตอนทำงานมันจะทำงานได้เร็วกว่าที่จะใช้เมาส์ลากไปคลิกตรงนั้นทีตรงนี้ทีเสียเวลาครับ ค่อยๆฝึกไปเรื่อยๆครับเดี๋ยวก็คล่องครับ ครั้งน่าเราจะลองเอา Sunburst มาใช้งานกันครับ . . . สุดท้ายนี้ผิดพลาดตรงส่วนไหนขออภัยมา ณ ที่นี้ด้วยครับ
รับสอนคอมพิวเตอร์, Photoshop, Illustrator,

ความคิดเห็น

แสดงความคิดเห็น

โพสต์ยอดนิยมจากบล็อกนี้

Ps - การออกแบบโปสเตอร์ด้วยตัวเองโดยใช้ Photoshop Step by step

-
รูปภาพ
เรามาออกแบบโปสเตอร์กัน ไม่ว่าจะออกแบบอะไรเราต้องมี Final image ในความคิดของเราก่อนว่าอยากจะให้เป็นแบบไหน และจะสื่ออะไรออกไปในภาพ แต่จุดประสงค์หลักๆ ของผมคืออยากให้ทุกคนได้เรียนรู้การใช้เครื่องมือใน Photoshop ผ่านการทำงานจริง มันจะทำให้เราสามารถจดจำได้ดีกว่าวิธีอื่นๆ... ครั้งนี้เราจะมาดูวิธีทำโปสเตอร์นี้กันแบบ Step by step มาเริ่มกันเลยครับ 1-เปิดภาพที่ต้องการทำขึ้นมา จากนั้นให้ทำการไดคัดให้เรียบร้อย (การไดคัดมีหลายวิธีหนึ่งในนั้นคือ Quick Selection Tool คลิกที่ Link ด้านล่างเพื่อดูวิธีใช้) ในตัวอย่างขอข้ามวิธีไดคัดเลยแล้วกัน... การ Selection ด้วย Quick Selection Tool 2-เราต้องการเพิ่มพื้นที่ให้สูงขึ้นพอประมาณ ให้คลิงที่ Crop Tool (C) จากนั้นใช้เมาส์คลิกที่จุดตรงกลางด้านบนแล้วลากขึ้นเพื่อเพิ่มความสุงให้กับภาพตามตัวอย่าง เสร็จแล้วกด Enter 3-ให้เพิ่มเลเยอร์ใหม่แต่ให้อยู่ด้านล่างของเลเยอร์คน โดยให้กด Ctrl ค้างไว้แล้วใช้เมาส์คลิกไปที่ New Layer เราจะได้เลเยอร์ใหม่ขึ้นมาและไปอยู่ข้างล่างของเลเยอร์คน (ปกติถ้าไม่กด Ctrl ไว้ การเพิ่มเลเยอร์ใหม่มันจะอยู่ข้างบนของเลเยอร์ที่เราทำงาน
Read more »

Ai - การครอบรูปภาพใน Illustrator

-
รูปภาพ
"การ Crop รูปภาพใน Illustrator" เวลาออกแบบอะไรสักอย่าง บางครั้งเราจำเป็นต้องใช้รูปภาพเข้ามาเป็นส่วนประกอบอยู่ด้วย แต่ถ้ารูปภาพที่นำเข้ามาใช้มีขนาดที่ไม่พอดี เราจำเป็นที่จะต้องตัดบางส่วนออกก็ต้องทำการ Crop ส่วนที่ไม่ต้องออกแต่ใน Illsutrator จะเป็นการ" Clipping Mask" เป็นการซ่อนหรือบังส่วนที่ไม่ต้องการของรูปภาพเท่านั้น ไม่ได้เป็นการตัดออกจริงๆ เราจึงสามารถที่จะกลับมาแก้ไขได้ (ในตัวอย่างจะใช้ Illustrator CS5) Clipping Mask วิธีที่ 1 1-ใช้ Move tool (V) คลิกเลือกรูปภาพที่ต้องการทำ เสร็จแล้วให้ไปคลิกที่ Mask ดูในตัวอย่าง 2-จากนั้นคลิกที่มุมต่างๆแล้วลากปรับขนาดเพื่อเป็นการเลือกส่วนที่ต้องการ 3-หลังจากทำการเลือกส่วนที่ต้องการจะได้ดังตัวอย่าง แต่ถ้าต้องการแก้ไขเพิ่มเติมให้คลิกที่ Edit Clipping Path เพื่อปรับขนาดตามต้องการ 4-วิธียกเลิก Clipping Mask ให้คลิกที่รูปภาพแล้วคลิกขวาแล้วเลือก Release Clipping Mask ก็จะเป็นการยกเลิก Clipping Mask วิธีที่ 2 วิธีนี้เราสามารถที่จะสร้างกรอบที่นอกเหนือจากสี่เหลี่ยมเพื่อ Clipping Mask ได้เช่น รูปดาว สามเหลี่ยม
Read more »

ai - การทำและออกแบบนามบัตรด้วย Illustrator

-
รูปภาพ
ครั้งนี้เราจะใช้โปรแกรม Ilustrator ในการออกแบบนามบัตรกันครับ ถ้าใครไม่ค่อยใช้งานมาก่อนคงจะงงๆซะหน่อยนะครับ Illustrator ที่ผมใช้จะเป็น CS5 ซื้อมาใช้ตั้งแต่ปี 2012แล้ว ตอนนั้นยังไม่มีแบบจ่ายเป็นรายเดือนเหมือนทุกวันนี้ เลยต้องซื้อเป็นแบบ Boxset มาในราคา 18,500 บาทครับ ส่วนใหญ่ผมจะใช้ ออกแบบโลโก้, สิ่งพิมพ์ต่างๆ, งานลายเส้น, ฯลฯ...เริ่มกันเลยดีกว่า ตัวอย่างนามบัตรที่เราจะทำกันในครั้งนี้ครับ เริ่มกันแบบง่ายๆกันก่อนล่ะกัน 1-สร้าง Art work ใหม่ด้วยการ คลิกที่ File - เลือก New ให้กำหนดค่าตามในตัวอย่าง 2-คลิกที่ Rectangle tool จากนั้นให้คลิกตรง Artwork 1ครั้งจะมี popup ขึ้นมา กำหนดขนาดตามนี้ Width: 9 / Height: 5.5 cm เสร็จแล้วคลิก OK จะได้สี่เหลี่ยมตามตัวอย่าง (กด Ctrl ค้างแล้วกด +Zoom In กด-Zoom out) "ขนาด 9cm x 5.5cm จะเป็นขนาดมาตรฐานที่ใช้กัน" 3-คลิกที่ 4เหลี่ยม1ครั้งเพื่อทำงาน จากนั้นให้ค่าสีที่แถบ Color ในช่อง C=18 M=19 Y=46 K=0 ถ้าหาแถบ Color ไม่เจอให้กด F6 หรือคลิกที่ Window - Color 4-เสร็จแล้วให้ไปที่ Effect - Texture - เลือก Texturizer 4.1-ที่หน้า Text
Read more »

Ps - แต่งรูปถ่ายให้สวยสดใสด้วยโฟโต้ชอป "How to make beautiful photos by Photoshop"

-
รูปภาพ
ปกติแล้วเวลาผมจะปรับแก้ สี แสง เงา ให้กับภาพถ่ายจะใช้ Lightroom เป็นหลัก ส่วน Photoshop จะใช้รีทัชภาพเป็นหลัก แต่ก็ไม่ใช่ว่าจะใช้แก้ สี แสง เงา ไม่ได้ แต่ Lightroom ใช้ทำงานเร็วกว่า ในบางครั้งก็ใช้งานร่วมกัน เพราะบางภาพที่แต่งใน Lightroom แล้วอาจจะต้องใช้ Photoshop เก็บงานอีกที ใน Photoshop เองก็มีตัวเครื่องมืออยู่ตัวนึ่งทำงานเหมือนกับ Lightroom ชื่อว่า Camera Raw Filter ใช้งานเหมือนกับ Lightroom แต่ส่วนตัวคิดว่า Lightroom ใช้งานดีกว่า แต่ครั้งนี้จะแต่งสี แสง เงา ให้ภาพถ่ายที่ธรรมดาๆ ให้ดูสดใส ดูน่าสนใจมากขึ้นโดยที่จะใช้แต่ Photoshop อย่างเดียวและจะไม่ใช้ตัว Camera Raw Filter ที่มีใน Photoshop ด้วย เพราะบางคนที่ยังใช้เวอร์ชั่นเก่าๆ อาจจะไม่มี Camera Raw Filter ก็เป็นได้ คนที่ไม่มีจะได้ลองทำตามได้... 1-เริ่มด้วยเปิดภาพที่ต้องการทำเข้ามา จากนั้นจะตัดภาพบางส่วนออกโดยใช้ Crop (C) ขนาดที่เลือกจะเป็นแบบ 16:9 ครับ "ใครจะCropหรือไม่ก็ได้" 2-หลังจากตัดภาพเป็น 16:9 แล้ว เริ่มปรับสีกันโดยให้คลิกที่ Adjustment แล้วเลือก Color Balance จากนั้นปรับโทนสีในส่วนของ Midtones ให้ดูอุ่นๆ
Read more »