หาสีที่ชอบจากรูปถ่ายโดย Kuler

1. ในโปรแกรม illustrator CS5
มีพาเลซหนึ่งน่าสนใจมาก นั่นคือ พาเลซ Kuler

2. Kulerเป็นพาเลซเกี่ยวข้องกับการจัดการสี
ในพาเลซนี้จะมีชุดสีตัวอย่างสวยๆให้เลือกใช้มากมาย

3. ในตัวอย่างนี้ผมจะลองนำรูปถ่าย มาจัดชุดสีเองนะครับ

4. หารูปถ่ายที่เราต้องการ - พร้อมเปิดพาเลซ Kuler

5. จากพาเลซนำเราไปที่ website -
http://kuler.adobe.com/



6. สมัครการใช้งานกับ  www.adobe.com พร้อมสร้าง ID User

7. loginที่: http://kuler.adobe.com/

8. เราสามารถสร้างชุดสีเองได้เลยนะครับ
แต่ในตัวอย่างนี้ผมจะลองสร้างจากรูปถ่าย
โดยให้เราคลิกอัพโหลดรูปที่ From an image
เรายังสามารถเลือกจากที่อัพโหลดได้จากเวปFlickrs
หรือจากรูปที่อยู่ภายในเครื่องของเรา



9. สามารถให้ตัวKULERเลือกให้หรือเราเลือกเองครับก็ได้ครับ

10. จัดการ Save และเราสามารถดาวน์โหลดมาใช้ใน
โปรแกรมillustrator CS5ได้เลยครับ

ชุดสี เหมาะมากสำหรับคนที่ใช้สีไม่เก่ง

ชุดสีใน Illustrator cs5

1. หา1โทนสี ที่ต้องการให้โปรแกรมจัดชุดสีมาให้ที่ พาเลซ COLOR
2. เปิดพาเลซ COLOR GUIDE
 
3. เราจะเห็นชุดสี ที่โปรแกรมจัดมาให้ สามารถเลือกได้เลย
ว่าเราจะใช้ชุดสีไหน ตามต้องการ  (ในตย.ผมเลือกชุด High Contrast2)

4. Save color group to Swatch panel
5. กลุ่มสีที่เราเลือกไว้ โดนเซฟไว้ที่ พาเลซ Swatchโดยบัดดล

6. เราสามารถแก้ไขสีได้อีก มันยอดมาก
และสามารถเลือกการแสดงสีต่างๆในการแก้ไขสี ไม่ว่า
smooth color - segmented color - Bars color
 
7. สามารถเอากลุ่มสีที่เราเลือกไว้ มาแก้ไขสี กราฟิก ที่เราได้แบบง่ายมากๆ
(อันนี้ถือว่าเป็นคำสั่งที่เข้าขั้นเทพ แต่เด็กประถมก็ใช้เป็น)
 
8. สรุปแล้วผมทดลองใช้เองแล้วใช้ง่ายดีครับ
คนที่ใช้สีไม่เก่งก็ยิ่งง่ายใหญ่ สามารถจัดโทนสีขั้นเทพได้สบายๆ
………………………………….

INKSCAPE หมึกดำจอมลวดลาย ขอปีนเกลียว Illustrator

Inkscape นี้เป็นโปรแกรมประเภท SVG Editor
ย่อมาจากคำว่า Scalable Vector Graphic
คล้ายๆ โปรแกรมดัง ๆ อย่าง Corel Draw หรือ Illustrator
จะเห็นได้ว่าโปรแกรมพวกนี้ทำงานในระบบเวคเตอร์
ข้อดีคือเมื่อมีการย่อขยายคุณภาพ ของลายเส้นต่าง ๆก็ยังคมชัด

สามารถทำงานได้หลายระบบปฏิบัติการ ได้แก่
ลินุกซ์, ฟรีบีเอสดี, แมคโอเอส, และ ไมโครซอฟท์ วินโดวส์

รองรับ Creative Commons meta-data, node editing,
layers, complex path operations, bitmap tracing,
text-on-path, flowed text, direct XML
editing, and more. It imports formats such as
JPEG, PNG, TIFF, and others and
exports PNG as well as multiple vector-based formats.

Download free : http://inkscape.org/download

คะแนน – ส่วนตัวนะครับ ห้ามเอาไปใช้อ้างอิงที่ไหน555+

	INKSCAPE	Illustrator
1. การใช้งาน โปรแกรม	7	8.5
2. หน้าตา-รูปลักษณ์	5	9
3. เครื่องมือการใช้งาน	7	10
4. การสนับสนุนรูปแบบไฟล์ภายนอก	6	10
5. สนับสนุนการออกแบบ-สร้างสรรค์	6	9.5
6. ราคา	10	5
7. ภาพรวม	7	9

 

หญิงสาว

วาดภาพจากลายเส้น (Sketch Drawing) เป็นงาน Illustration
 
1. วาดภาพจากดินสอไม้ HB
2. นำไปสแกนเป็นไฟล์ภาพ (.jpg)
 
3. เปิดโปรแกรม Illustrator จากตัวอย่างผมใช้เวอร์ชั่น cs4
4. นำไฟล์ภาพที่สแกนเสร็จเข้ามาลอกในโปรแกรม โดยใช้คำสั่ง
เมนู>File>Place
 
5. เมื่อเราเอาเข้ามาแล้ว เพื่อสะดวกในการลอกจากภาพ
เราจะต้องล็อกภาพไว้ โดยใช้คำสั่ง เมนู>Object>Lock
 
6. ทำการวาดตามลายเส้นที่วาดไว้โดยเริ่มจากโครงหน้า>ทรงผม
7. วาดโดยใช้เครื่องมือ Pen Tool
 
8. วาดรายละเอียดใบหน้า ตา คิ้ว ปาก
 
9. ส่วนแก้มใช้การไล่สี Gradient Tool
โดยกำหนดค่าความโปร่งใสร่วมด้วย

10. วาดตัวและจัดลำดับ โดยใช้คำสั่ง
คลิกขวา>Arrange>Send Backward ให้อยู่ด้านหลังส่วนหัว

11. อาจจะวาดเสื้อผ้าหลังจากวาดตัวเสร็จแล้วเลยก็ได้ครับ
12. ปรับสีให้สวยงามและตกแต่งด้วยดอกไม้ใส่ที่เสื้อและทรงผม
13. เสร็จเรียบร้อย

ดีอย่างไร

การออกแบบแบนเนอร์
โดยใช้ตัวหนังสือภาษาไทยแบบมืออาชีพ

1. เลือกตัวหนังสือภาษาไทยที่เหมาะสม
ในภาษาไทยออกแบบและการการจัดวางค่อนข้างยากกว่าภาษาอังกฤษ
เหตุผลใหญ่ๆคือ
- ฟอนด์ภาษาอังกฤษไม่มีสระ วรรณยุกต์
- ฟอนด์ภาษาไทยมีหัวกลมๆและมีหางยาว

2. ฟอนด์ภาษาไทยรุ่นเก่าเป็นรุ่น Postscript
ใช้ได้กับillustrator เวอร์ชั่น10 ,Photoshop เวอร์ชั่น7
แต่ต้องมีปลั๊กอินช่วยแก้สระลอยและการตัดคำ
ฟอนด์ภาษาไทยรุ่นใหม่เป็นรุ่น Open Type ใช้ได้กับเวอร์ชั่นCS ขึ้นไป
เวอร์ชั่น CS3 แก้สละลอยได้เอง เวอร์ชั่น CS4 แก้สระลอยและตัดคำได้

3. ออกแบบและจัดวางให้สวยงามและเรียบร้อยน่าอ่าน

ประเภทของตัวหนังสือในงานออกแบบสิ่งพิมพ์
3.1 Headline Type หัวข้อใหญ่
คือตัวพาดหัวคือตัวที่มีขนาดใหญ่ที่สุดในงาน ทำหน้าที่ดึงดูดสายตาผู้พบเห็น นิยมใช้คำสั้นๆ ที่สื่อและนำพาให้เกิดสะดุดตาและเกิดความน่าสนใจและสามารถนำพาให้ผู้อ่านสนใจที่จะอ่านข้อความที่เหลือ
3.2 Sub- Head Type ตัวรอง
คือตัวรองมีสัดส่วนที่เล็กและบางกว่าตัวพาดหัว ใช้ขยายข้อความและ
ใส่ข้อมูลคร่าวๆ ทำหน้าที่ช่วยเพื่อความน่าสนใจของตัวพาดหัว
3.3 Body Type ตัวพื้น
ตัวอ่านหรือตัวพื้น มีขนาดเล็กที่สุดในงาน ทำหน้าที่เป็นเนื้อหาและข้อมูล
ตัวอ่านจะมีขาดประมาณ9-18 Point อยู่ที่ความเหมาะของขนาดหนังสือ
และวัยของผู้อ่าน (เช่น หนังสือสำหรับผู้สูงวัยอาจใช้14-18 Point)

4. การจัดวางLay-outใช้หลักองค์ประกอบศิลปะ
มาช่วยเรื่องของการออกแบบเช่น การจัดที่ว่าง-ตำแหน่ง
หลักการใช้สี, สีร้อน-สีเย็น, สีคู่, หรือสีตรงกันข้าม

5. ดูเรื่องของน้ำหนักสีแต่ละสีด้วยนะครับ

6. หลักง่ายๆที่ผมแนะนำคือ
ถ้าเป็นบทความหรือประโยคยาวๆ
แนะนำให้ใช้ฟอนด์ที่มีหัวครับเพราะจะได้อ่านง่าย
ถ้าเป็นหัวข้อหรือชื่อเรื่องหลักถึงจะเลือกใช้ฟอนด์ที่ไม่มีหัวครับ

Romeo & Juliet

ทำป้ายชื่อเจ้าบ่าว-เจ้าสาว สำหรับติดบนฉากเวทีงานแต่งงาน โดย Illustrator cs4 แท็กของ Technorati: {กลุ่มแท็ก}ทำป้ายชื่อเจ้าบ่าว-เจ้าสาว,ฉากเวทีงานแต่งงาน,ทำป้ายชื่องานแต่งงาน

1_ขั้นแรกหา fontสวยๆก่อน แนะนำให้เข้าไปหา ใน dafont.com และดาวน์โหลดมาครับ fontที่ผมทำเป็นตัวอย่างชื่อ Adorable

2_นำfontที่ดาว์นโหลดมานำไปใส่ไว้ที่ C:\Program Files\Common Files\Adobe\Fonts

3_เปิดสุดยอดโปรแกรมvectorคือเจ้าIllustrator คีย์ชื่อเจ้าบ่าว-เจ้าสาวลงไปเลย... แล้วเลือกตัวfontที่เราโหลดมา

4_มาถึงขั้นดีไซน์ ให้พิมพ์ออกมาใส่กระดาษ แล้วดีไซน์โดยการ sketchมือ-เพิ่มเติม ที่กระดาษดีกว่าครับ เพราะว่าเป็นวิธีที่ง่ายต่อการออกแบบและแก้ไข และที่สำคัญไม่ติดปัญหาเรื่องของจินตนาการของเรา

5_เสร็จแล้วใช้สแกน-หรือถ่ายรูป ก็ได้ครับ เพื่อนำไปดร๊าฟต่อที่โปรแกรมIllustrator โดยใช้คำสั่ง file-place เสร็จแล้วlockภาพไว้เพื่อสะดวกในการดร๊าฟ ใช้ เมนู-Object-lock-selection

6_ดร๊าฟลายที่เราดีไซน์เพิ่มเติมเลยครับ ขั้นตอนนี้อาจใช้เวลามากหน่อยเพื่อให้งานอออแบบดูมีดีไซน์เก๋ๆ (วิธีการดร๊าฟ ผมจะนำมาบอกให้ภายหลังนะ)

7_ใส่สีสรรหรืออาจเพิ่มลูกเล่นเช่นใส่stroke แนะนำให้ใช้strokeแบบoutlineนะครับ 8_เสร็จเรียบร้อย

กลับมา

ทำตัวหนังสือPerspective
คล้ายๆหนังสาระแนห้าวเป้ง
โดย Illustrator cs4

1. หาฟอนด์สวยๆ ผมเลือกฟอนด์แบบน่ารักๆหน่อย      หาได้จากเวป f0nt.comครับ

2. คีย์คำที่ต้องการไปเลยครับ เสร็จแล้ว      ให้แปลงฟอนด์-กลับมา-ไปเป็น vector      ทำได้ที่เมนู Type-Create Outlines

3. copyมาอีก2ชุด (จะได้เป็น3ชุดนะครับ)      3.1  ตัวต้นฉบับ      3.2  ชุด2แต่ย่อขนาดให้เล็กลง25%              ใช้คำสั่ง Object-Transform-Scale-25%-copy      3.3  ชุด3เก็บเอาไว้แปะด้านบนตัวงาน 4. ทั้ง3ชุด ฟอนด์ที่ได้จะGroupกันอยู่ ให้ unGroupครับ 5. มาถึงพระเอกของงานนี้ นั่นคือคำสั่ง Blend      เอาชุด 1-2 Blend ทีละตัวอักษรนะครับ      วิธีBlendคือ เลือก Objectทีละตัวอักษร      แล้วใช้คำสั่ง Object-Blend-make

6. เอาชุดที่ copy(3.3)มาแปะไว้ด้านบน      เปลี่ยนสีหรืออาจเพิ่มใส่เงาด้วยก็ได้ครับ

7. ทำแบ็คกราว เหมือนกับทำฟอนด์-กลับมา-      แต่เปลียนเป็นรูปดาว แค่นั้นเองครับ      จัดองค์ประกอบให้สวยงาม แล้วทำเสร็จก็ส่งไว้ด้านหลังงานด้วยนะครับ      โดยเลือกที่ตัว Object คลิกขวาเลือก Arrange - Send to Back

8. เพิ่มลูกเล่นสวยๆด้วยการใช้ เครื่องมือ Symbol Sprayer โดย      สร้างSymbolเอง โดยเอา Objectที่สร้าง ลากใส่ในพาเลซ Symbol

9. เลือกเครื่องมือ Symbol Sprayer      พ่นและจัดองค์ประกอบให้สวยงามเลยครับ..

10. เสร็จแล้วครับ