สร้างรหัสสีตัวอย่างใน 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 > Script > Other Script (Ctrl+F12) เลือกที่เก็บ Script แล้วคลิกเลือก "Render Swatch Legend"
 
เสร็จแล้วเราจะได้รหัสสีและตัวอย่างสี เราสามารถปรับแต่งอักษรหรือจัดรูปแบบตามต้องการครับ
 
วิธีนี้สามารถใช้ได้กับ Group สีต่างๆได้เหมือนกันโดยคลิกที่ Icon Group สีแล้วใช้ Script ตัวนี้ได้เลยครับ จบ..ง่ายดีไหมครับลองทำกัน
 
รับสอนคอมพิวเตอร์, 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 »