บทความ

กำลังแสดงโพสต์ที่มีป้ายกำกับ Illustrator

สร้างรหัสสีตัวอย่างใน Illustrator

รูปภาพ
การสร้างรหัสสี ผมคิดว่ามีส่วนสำคัญพอสมควร เพื่อให้ทุกคนเข้าใจตรงกัน เพราะหน้าจอของแต่ละคน ความเที่ยงตรงของสีไม่เหมือนกัน เพื่อให้เข้าใจในทิศทางเดียวกัน การสร้างรหัสสีจากงานออกแบบก็มีส่วนสำคัญพอสมควรครับ เริ่มด้วยการสร้างกลุ่มของสีจากชิ้นงานก่อน ด้วยการสร้างสี่เหลี่ยมหรือวงกลมก็ได้ แต่ในตัวอย่างจะเป็นสี่เหลี่ยนโดยให้คลิกท่ 1.Rectangle Tool (M) สร้างสี่เหลี่ยมขึ้นมาตามจำนวนสี, 2.ใช้ Selection Tool (V) คลิกเลือกสี่เหลี่ยม 1 ช่อง จากนั้น ใช้, 3.Eyedropper Tool(I) หน้าตาเหมือนหลอดดูดสี แล้วคลิกไปสีใดก็ได้หนึ่งสี (หนึ่งช่องต่อหนึ่งสี) ทําซ้ําขั้นตอนจนครบทุกสี   เสร็จแล้วให้ใช้ Selection Tool (V) ลากแล้วคุมช่องสีทั้งหมด จากนั้นให้เป็น Panel Swatches > New Color Group ช่อง Name ตั้งชื่อตามต้องการเสร็จแล้วคลิก OK เราจะได้ Group สีขึ้นมาใน Swatches   ต่อไปให้ไปโหลด Script : Render Swatch Legend ที่ลิงก์นี้ครับ  renderSwatchLegend.jsx ให้คลิกตรงวงกลมสีแดงเพื่อโหลดครับ หลังจากได้ Script มาเก็บในคอมฯแล้ว ให้กลับมาที่ Illustrator แล้วไปคลิกที่ File...

สร้าง QR Code โดย Illustrator ง่ายๆ

รูปภาพ
ปกติในอิลาสจะไม่สามารถสร้าง QR Code ได้เองจะต้องใช้ Plug in หรือ Scripts เราจะใช้ QR Code Genertor ไปโหลดได้ที่นี้  Scripts QR Code  จะมีวิธีติดตั้งให้ด้วย หลังจากลงเสร็จแล้วให้คลิกที่ File > Scripts > QR Code Genertor จะมีหนัาต่างขึ้นมา ให้ใส่ที่อยู่เว็ปที่ต้องการในช่อง Data, ใส่ขนาดที่ต้องการที่ช่อง Size, เลือกสีที่ต้องการโดยคลิกในช่อง Color ค่าเริ่มต้นจะเป็นสีดำ และ ขาว (สีดำจะเป็นตัวQR Code ส่วนสีขาวจะเป็นพื้นหล้ง) เสร็จแล้วกด OK   Scripts จะสร้าง QR Code เพิ่มขึ้นมาอีกหนึ่งแท็ป ข้อสังเกต ถ้าเราต้องการเฉพาะ QR Code เราต้องลบพื้นหล้งโดยการ Ungroup(Shift+Ctrl+G) แล้วคลิกลบส่วนที่ไม่ต้องการซึ้งเสียเวลาพอสมควร    เรา Export เป็น jpg หรือ psd ก็ได้ แล้วใช้ Photoshop ลบพื้นหลัง ให้เปิด QR Code ที่ Export มาใน Photoshop แล้วไปคลิกที่ Select > เลือก Color Range ที่ช่อง select เลือกเป็น Highlights (เพราะเราจะลบสีขาว), Fuzziness: 0% Range: 255 เสร็จแล้วคลิก OK   เสร็จแล้วให้กด Ctrl+X เพื่อลบพื้นขาวออกเสร็จแล้ว save เป็น png เราจะได้ QR Cod...

เทคนิคทำ 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 ไอคอ...

เทคนิคทำวงกลมให้เป็นรัศมีพระอาทิตย์ด้วย IllistratorCS5

รูปภาพ
เราจะสร้างชิ้นงานโดยการใช้เครื่องมือใน illustrator ทำเส้นวงกลมให้เป็นรัศมีของพระอาทิตย์แบบแฉกแหลมๆกันครับ 1-สร้างวงกลมด้วย Ellise Tool(L) ให้กด Shift+Alt ค้างไว้แล้วคลิกลากเพื่อสร้างวงกลม เราจะได้วงกลมที่สมมาตร จากนั้นคลิกที่เมนู Effect > Distor & Transform >Zig Zag 1.1-ที่ Zig Zag Option ให้ติ๊กที่ Preview จากนั้นตั้งค่าที่ Ridges per Segment : 3 ที่ Size ปรับให้ได้แฉกแบบในตัวอย่าง เสร็จแล้วคลิก OK 2-คลิกที่เมนู Effect > Distor & Transform >Pucker & Bloat ห้ติ๊กที่ Preview และให้คลิกปรับลากไปทาง Pucker ในตัวอย่างจะปรับประมาณ -5% เสร็จแล้วคลิก OK 3-แปลงเส้น Path ให้เป็นรูปทรงคลิกที่เมนู Object > Expend Appearance เป็นอันเสร็จขั้นตอนการลงสีก็ตามต้องการได้เลยครับลองทำกันดูครับ ลองเอาไปประยุกต์ใช้งานดูนะครับ น่าจะมีประโยชน์ไม่มากก็น้อยครับ...

เทคนิคแปลงเส้น Paht ให้เป็นขนฟูๆใน Illustrator CS5

รูปภาพ
 วิธีแปลงเส้น Paht ให้เป็นเหมือน ขนฟูๆแบบในตัวอย่างมีขั้นตอนไม่ยากครับลองทำตามดูครับ 1-เตรียมเส้น Paht ที่ต้องการทำก่อน (จะใช้เส้นตรงหรือแบบไหนก็ได้ครับ) จากนั้นให้สร้างวงกลมโดยใช้ Ellipse Tool (L)และใส่สีตามต้องการเสร็จแล้ว Copy เพิ่มอีกหนึ่งวงโดยใช้ Selection Tool (V) ให้กด Shift+Alt ค้างเอาไว้แล้วคลิกที่วงกลมและลากออกไปทางแนวนอน    2-ดับเบิ้ลคลิกที่ Blen Tool เพื่อตั้งค่า ที่หน้าต่าง Blen Option ที่ Spacing ตั้งเป๋น Spacified Steps / 500 เสร็จแล้วคลิก OK จากนั้นให้คลิกที่วงกลม วงที่หนึ่ง 1ครั้งและไปคลิกวงที่สองอีก 1ครั้งก็จะได้ตามตัวอย่าง 3-ใช้ Selection Tool (V) คลิกแล้วลากเพื่อเลือกทั้งสองส่วน จากนั้นไปที่เมนู Object > Blen > Replace Spine เพื่อให้ทั้งสองส่วนรวมกัน 4-จากนั้นไปที่ Effect > Distort & Transform > Roughen 4.1-ที่หน้าต่าง Roughen ให้ติ๊กเลือกที่ Preview เพื่อให้แสดงผลเวลาเราปรับตั้งค่า จากนั้นปรับที่ Detail ให้เป็น 100% แล้วปรับที่ Size เลื่อนไปทางขวาจนกว่าจะเป็นเหมือนขนฟูๆ หรือตามต้องการ คลิก OK เป็นอันเสร็จ     ลองเอาไปประยุกต์...

วิธีแบ่งสี่เหลี่ยมให้เป็นตารางใน Illustrator ง่ายนิดเดียว

รูปภาพ
วิธีทำสี่เหลี่ยมหลายๆอันเรียงต่อกันและเว้นช่องเท่าๆกันทำได้หลายวิธี หนึ่งในวิธีนั้นคือใช้ Split into Grid ใช้งานอย่างไรมาดูกันครับ 1.สร้างสี่เหลี่ยมด้วย Rectangle Tool หรือกดตัว M และสร้างสี่เหลี่ยมที่มีขนาดตามต้องการ   2.หลังจากได้สี่เหลี่ยมแล้วให้ไปที่เมนูบาร์คลิก Object > Path > Split into Grid 3.ที่หน้าต่าง Split into Grid ให้คลิกถูกที่ช่อง Preview เพื่อให้แสดงตัวอย่างเวลาตั้งค่า ในช่องด้านซ้ายคือ Rows จะใช้กำหนดจำนวนในแนวนอน   ในช่องด้านขวาคือ Columns จะใช้กำหนดจำนวนในแนวตั้ง   4.ในตัวอย่างจะกำหนดทั้งแนวตั้งและแนวนอนจำนวนเท่ากันที่ช่อง Number : 5 จะได้ตามตัวอย่าง ส่วนตรง Heihgt และ Gutter ของทั้งแนวตั้ง และแนวนอนใช้ปรับเพิ่มหรือลดของขนาดได้ ที่ช่อง Total จะบอกขนาดโดยรวมให้เราทราบทั้งแนวตั้งและแนวนอน และสามารถที่จะปรับขนาดเพิ่มหรือลดก็ได้เช่นกัน (การทำงานของ Heihgt และ Gutter จะทำงานแบบสัมพันธ์กัน เช่นถ้าเราปรับค่าที่ช่อง Heihgt เพิ่มหรือลด ที่ช่อง Gutter ก็จะเพิ่มหรือลดตามโดยอัตโนมัติ)   5.ถ้าต้องการให้สร้างเส้น Guides ด้วยก็ให้คลิกที่ช่อง Add Guides ...

ทำ 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 จะเห็นว่ามันคือเส้น...