เทคนิคทำ Logo ลายเกลียวเชือกด้วย Illustrator

-
เทคนิคทำลาย Graphic นี่เป็นเทคนิคของทางจีนเขานะครับเห็นแล้วน่าสนใจ ไม่รู้จะเรียกว่าอะไรดี ขอเรียกว่าลายเกลียวเชือกก็แล้วกันครับ ความยากตอนแกะเทคนิคนี่อยู่ตรงที่เมนูของเขาเป็นภาษาจีนหมดเลย ต้องมานั่งดูซ้ำๆๆ กว่าจะแกะเทคนิคได้..ตัวผมเองอ่านภาษาจีนไม่เป็นนะครับ อาศัยดูเครื่องมือที่เขาใช้ก็พอได้อยู่ครับ มาดูขั้นตอนกันครับ
 
1-เริ่มที่สร้างวงกลมให้คลิกที่ Ellipse Tool(L) กำหนดขนาดของเส้นที่ 2px จากนั้นไปคลิกที่พื้นหล้งหนึ่งครั้งกำหนดขนาด 6x6cm เสร็จแล้งคลิก OK
 
2-เพิ่มวงกลมอีกหนึ่งวง กดV เพื่อใช้ Selsction Tool กด Shift+Alt ค้างไว้แล้วคลิกที่วงกลมแล้วลากไปทางขวาประมาณ 2cmให้ซ่อนทับกันเหมือนพระจันทร์เสี้ยวตามในตัวอยาง
 
3-ลบเส้นที่เราไม่ต้องการให้กดV เพื่อใช้ Selsction Too คลิกลากคุมเลือกสองวงกลม จากนั้นกด Shift+M เพื่อใช้ Shape Buider Tool และให้กด Alt ค้างไว้แล้วคลิกลบเส้นที่เราไม่ต้องการให้เหลือเหมือนพระจันทร์เสี้ยว
 
4-จากนั้นเราจะแยกเส้นให้เป็นเส้นแบบเปิดให้กด A เพื่อใช้ Diret Selectoin Tool แล้วคลิกลากคุมสองจุดต่อแล้วไปคลิกที่ Cut path at selected anchor points ไอคอนด้านบนบาร์หนึ่งครั้งจะทำให้เส้นเป็นแบบเส้นเปิด
 
5-ให้ดับเบิ้ลคลิกที่ Blen Tool เพื่อเรียก Blen Option แล้วกำหนดค่า Specified steps, 8 เสร็จแล้วคลิก OK ออกจากนั้นให้ Blen Tool(W) คลิกที่เส้นหนึ่งครั้งทีละเส้นตามตัวอย่าง
 
6-ไปที่ Effect >Distrol & Transform กำหนดค่าต่างๆที่ คลิกติ๊กที่ Preview, ที่ Copios:4, ที่Angle:72
 
6.1-ที่ Horizontel:2.8, Vertical:0.9 โดยประมาณเสร็จแล้วคลิก OK
 
7-ให้กด Ctrl+F10 เพื่อเรียกใช้ Stroke > Profile: width Profile 2 ...จบขั้นตอน
 
เพิ่มเติม : ถ้าเรากด Ctrl+Y เพื่อดูแบบ Outline / Preview จะเห็นว่ามันจะยังเป็นเส้น Path อยู่นะครับถ้าเรา ย่อหรือขยายมันจะส่งผลกระทบกับรูปทรงที่เราทำมา

วิธีแก้เปลี่ยนเส้น Path ให้เป็นรูปทรงโดยคลิกเลือกเส้น Path จากนั้นไปที่ Object >Expand Appearance เท่านี้เราจะทำเป็นสีรุ่งหรือ ย่อ-ขยายก็จะไม่มีปัญหาแล้วครับ ลองกด Ctrl+Y เพื่อดูแบบ Outline / Preview เพื่อดูความแตกต่างดูครับ
หัวงว่าคงมีประโยชน์กับน้องๆหรือคนที่เพิ่งเริ่มต้นบ้างนะครับ การตั้งค่าต่างๆในตัวอย่างนี้เพื่อให้ได้ผลลัพธ์ตามตัวอย่าง เวลาทำตามจะง่ายต่อการเข้าใจ.. สุดท้านนี้ส่วนไหนผิดพลาดตรงไหนขออภัยด้วยครับ...
รับสอนคอมพิวเตอร์, Photoshop, Illustrator,

ความคิดเห็น

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

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

วิธีทำเส้นปะ ลายตะเข็บใน Illustrator CS5 ง่ายนิดเดียว

-
รูปภาพ
   วิธีทำเส้นปะในอีลาส 1-ทำเส้นปะ ลายตะเข็บแบบธรรมดา I. สร้างเส้นที่ต้องการ จะใช้เครื่องมือตัวไหนก็ได้ หลังจากนั้นให้ใช้ Stroke กด Ctrl+F10 หรือคลิกที่ Window บนเมนูบาร์แล้วเลือก Stroke ปรับความหนาของเส้นที่ช่อง Weight ตามต้องการ II. จากนั้นให้คลิกที่ช่อง Dashed Line (ที่ช่อง dash ใช้กำหนดความยาวของเส้นปะ, ช่อง gap ใช้กำหนดความห่างของเส้นปะ) แค่นี้เราก็ได้เส้นปะแล้ว 2-ทำเส้นปะแบบจุดไข่ปลา I. สร้างเส้นที่ต้องการ เสร็จแล้วให้คลิกที่ช่อง Dashed Line II. ที่ช่อง dash ใช้กำหนดความยาวของเส้นเป็น 0.5px ที่ช่อง gap กำหนดความห่างเป็น 10px หรือตามต้อง เสร็จแล้วให้คลิกที่ Round Cap เราก็จะได้เส้นปะแบบจุดไข่ปลาแล้วครับ
Read more »

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 »