พักผ่อน บล็อก

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

2010-11-11T13:29:00.004+07:00

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ได้เลยครับ

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

2010-11-04T11:47:00.003+07:00

ชุดสีใน 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. สรุปแล้วผมทดลองใช้เองแล้วใช้ง่ายดีครับ
คนที่ใช้สีไม่เก่งก็ยิ่งง่ายใหญ่ สามารถจัดโทนสีขั้นเทพได้สบายๆ
………………………………….

กฎ3ส่วน และกฎ8ใน13ส่วน ทำไมต้องเป็นกฎ

2010-09-23T15:48:00.002+07:00

ศิลปะมันไม่มีกฏตายตัวไม่ใช่เหรอ อยู่ที่จินตนาการมากกว่ามั้ง
ซึ่งการวางตำแหน่งจุดเด่นไว้กลางภาพ
จริงๆมันก็เป็นการจัดภาพให้เกิดความสมดุล
ซึ่งเป็นหลักองค์ประกอบศิลป์อย่างหนึ่ง

แต่ 3 ส่วน และ 13 ส่วน เป็นหลักเบื้องต้นซึ่งได้รับการพิสูจน์มาว่า
ถ้าวางภาพไว้บริเวณนั้นภาพจะดูดี มีลีลา น่าสนใจ ไม่ซื่อตรงจนเกินไป
และทำให้ได้ภาพที่น่าสนใจกว่าการแบ่งแบบครึ่งๆ

การแบ่งภาพ ไม่ว่าภาพจะอยู่แนวตั้งหรือแนวนอนก็ตาม
หากเราแบ่งภาพนั้นออกเป็น 3 ส่วน และ 13 ส่วน
ทั้งตามแนวตั้งและแนวนอน เราก็จะได้ตำแหน่งที่เหมาะสม
สำหรับการจัดวางที่ต้องการเน้นให้เป็นจุดเด่นหลัก
ส่วนรายละเอียดอื่นๆนั้น เป็นส่วนสำคัญที่รองลงมา
หรืออาจถือเอาบริเวณใกล้เคียงก็ได้ครับ

แล้วอย่าลืมเหลือพื้นที่ว่างให้กับภาพด้วยนะครับ
ผู้ชมภาพจะได้ไม่รู้สึกอึดอัด
แถมยังยังเหลือที่ว่างให้ได้คิดหรือจินตนาการต่อไงละครับ

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

2010-09-22T16:43:00.003+07:00

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

เมื่อ Gimp จะขอวัดรอยเท้า Photoshop

2010-09-09T14:45:00.005+07:00

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

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

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

สรุปกันไปเลยว่า
กลัวเรื่องลิขสิทธิ์ กลัวเรื่องราคา ใช้งานพอปรับแต่งภาพได้ ต้อง GIMP
แต่ถ้าเอาแบบไปทำมาหากิน เป็นอาชีพ คงหนีไม่พ้น Adobe Photoshop

***ทั้งนี้ อยู่ที่ทักษะผู้ใช้งาน
ต่อให้ดีไซเนอร์ฝีมือห่วยๆใช้ Adobe Photoshop
คงไม่เท่าดีไซเนอร์ฝีมือดีๆ ใช้ GIMP

www.gimp.org
GIMP คือ โปรแกรมที่ใช้ทำงาน Graphic ประเภท RASTER
เปรียบได้กับ โปรแกรม Photoshop ของบริษัท Adobe
คู่มือการใช้งาน โหลดฟรี
url: http://thaiopensource.org/files/manual/gimp2.4-completebook.pdf

ใส่ภาพถ่ายประทับใจลงในประโยคที่มีความหมาย

2010-08-04T15:54:00.002+07:00

Putting a picture in your text
ใส่ภาพถ่ายประทับใจลงในประโยคที่มีความหมาย
1. เตรียมและตกแต่งภาพถ่ายให้มีสีสันสดใส
อาจต้องปรับสีแรงๆสดๆหน่อยนะครับ
เพราะเวลาเราเอาใส่ในตัวหนังสือ แต่ได้ดูเด่นสวย

2. ใช้เครื่องมือ Horizontal Type Tool
พิมพ์คำหรือประโยคที่ต้องการ อาจต้องใช้Fontที่มีความหนามากหน่อยนะครับ
เพราะเวลาเรานำภาพไปใส่ในตัวหนังสือจะได้อ่านง่ายๆ และเห็นรูปภาพเยอะๆ

3. ให้ย้ายโดยทำการลาก Layers Image ไว้ด้านบน
ถ้าLayers Lock ให้ Double-click เพื่อปลดล็อค

4. คลิกขวาที่ Layers Image แล้วเลือกคำสั่ง
Create Clipping Mask
จะสังเกตุว่า รูปภาพจะโดนบังเหลือแต่ส่วนของประโยคที่เราได้พิมพ์ไว้

5. ตกแต่งตัวหนังสือโดยใส่ Layer style ที่เมนูด้านล่าง
ของ Palette Layer โดยตัวอย่างผมใส่Effects
Storkeกับ Outer Glow

6. Background อาจจะใส่ pattern บางๆก็ดูดีนะครับ

ออกแบบใบINVOICE โดยใช้หลักการเส้น Grids

2010-07-12T16:54:00.002+07:00

1.งานออกแบบกราฟิกที่เราเห็นทั่วๆไปอาจมองเหมือนดูง่าย
แต่จริงๆแล้วงานออกแบบที่ดี
ควรต้องมีโครงสร้างของงานออกแบบแต่ละชนิดแตกต่างกันไป
2.ผมเลยทำตัวอย่างใบINVOICE ที่มีรูปแบบที่ดูเรียบง่าย
แต่มีโครงสร้างที่เป็นหลักการออกแบบที่ดี

3.ก่อนเริ่มการเราออกแบบเราควรจะมีข้อมูลที่เราต้องการก่อน
เช่น เราต้องการบอกอะไร? แจ้งอะไร?
รายละเอียดเป็นอย่างไร ? และเน้นเนื้อหาที่ตรงไหน?
4.เริ่มออกแบบโดยดูภาพรวมส่วนใหญ่ โดยแบ่งสัดส่วนให้
เป็นส่วนใหญ่ๆ เช่น Heading, Footer, Data

5.ในแต่ละส่วนก็มีการแบ่งย่อยออกไปอีก
โดยใช้เส้นGridsเป็นหลักในการเป็นตัวแบ่ง
โดยคำนึงถึงสัดส่วนแต่ละส่วนที่ถูกแบ่งเท่าๆกัน
และออกแบบให้มีองค์ประกอบที่ดี

6.การจัดตัวหนังสือลงไปก็ต้องคำนึง
ถึงหลักการสมดุล และการปล่อยที่ว่าง
และการจัดเสมอหน้า-หลังตามความเหมาะสม
7.สุดท้ายที่อยากแนะนำควรแยกlayerของเส้น Grids
ไว้เพื่อการทำงานที่สะดวกและเป็นการจัดการในการออกแบบที่ดี

TONE OF COLOR

2010-06-06T11:41:00.002+07:00

ก. วรรณะร้อน (WARM TONE)
เป็นกลุ่มสีที่เกี่ยวข้องกับความสุข ความปลอบโยน ความอบอุ่น
ดึงดูดใจ หรือ ตื่นเต้น เร้าใจ กระฉับกระเฉง

ข. วรรณะเย็น (COLD TONE)
เป็นกลุ่มสีที่ให้ความรู้สึกสงบเย็น นิ่ง ผ่อนคลาย
อิสระ เสรี และดูสบายตา

หลักการใช้สี

1. วรรณะเดียว
การใช้สีแต่ละครั้งควรใช้สีวรรณะเดียวในภาพทั้งหมด
เพราะจะทำให้ภาพความเป็นอันหนึ่งอันเดียวกัน มีความสัมพันธ์กัน
โดยกลมกลืน (Harmony)ด้วยวรรณะเดียวกัน

2. การใช้สีต่างวรรณะ
หลักการทั่วไป ใช้อัตราส่วน 80% ต่อ 20% ของวรรณะสี
คือ ถ้าใช้สีวรรณธร้อน 80% สีวรรณะเย็นก็ 20% เป็นต้น
โดยกลมกลืน (Harmony)ด้วยวรรณะต่างกัน
ไม่ควรใช้อัตราส่วนที่เท่ากันเพราะจะทำให้ไม่มีสีใดเด่น ไม่น่าสนใจ

3. การใช้สีตรงกันข้าม
สีตรงข้ามจะทำให้ความรู้สึกที่ตัดกันรุนแรง สร้างความเด่น
โดยใช้สีตรงข้าม ในอัตราส่วน 80% ต่อ20%
หรืออีกวิธีหนึ่งคือการลดความสดของสีตรงข้ามให้หม่นลงไป
โดยกลมกลืน (Harmony)ด้วยค่าของสีและสีตัดกัน

แท็กของ Technorati: {กลุ่มแท็ก}TONE OF COLOR,วรรณะของสี

หญิงสาว

2010-05-07T16:30:00.002+07:00

วาดภาพจากลายเส้น (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. เสร็จเรียบร้อย

Pattern2 (ลายต่อเนื่อง)

2010-04-26T14:26:00.002+07:00

1.สร้างกราฟิกรูปวงรีใส่สี Fill ไม่ใช้ Stroke

2.ใช้เครื่องมือ Convert Anchor Point
เพื่อหักมุมทั้ง2ข้าง เพื่อให้เกิดเป็นรูปใบไม้

3.ใช้คำสั่ง Object-Transform-Reflect
เพื่อพลิกใบไม้มาอีกข้างหนึ่ง ใช้คำสั่ง Copy
เพื่อสร้างเพิ่มมาอีก1ชิ้น

4.ทำจนครบ4ใบ ต่อเนื่องกัน

5.ใส่สีพื้นหลังให้ขนาดพอดีกับใบไม้นะครับ
ตรงนี้ต้องระวังนิดนึง เพราะถ้ามีเกินหรือขาด
ไม่พอดีจะทำให้ลาย Pattern แหว่งไม่สวยงาม

6.Group-กราฟิกให้เป็นGroupเดียวกัน

7.ลากลายที่สร้างเสร็จใส่ในพาเลซ
Swatches-เพื่อเป็นต้นแบบ Pattern

9.ลองนำมาใช้งาน ปรับขนาดและตำแหน่ง
ของ Pattern ได้ที่พาเลซ Transform

แท็กของ Technorati: {กลุ่มแท็ก}Pattern CS4,illustrator,illustratorCS4

ลองออกแบบ Pattern เองบ้าง

2010-04-19T10:38:00.004+07:00

โดยโปรแกรม Illustrator CS4 คำสั่งนี้ใช้งานง่ายๆมาก
โดยการนำลายที่เราสร้างขึ้นมาใส่ไว้ใน พาเลซ Swatches
มาลองออกแบบกันดูนะครับ

1. ออกแบบลาย Pattern ใน สี่เหลี่ยมจัตุรัส
ให้นึกถึงภาพลายกระเบื้องห้องน้ำ
ที่สามารถนำมาต่อไปได้เรื่อยๆ

2. ออกแบบเสร็จแล้วก็ให้ Group (Ctrl+G) สักนิด
เพื่อไม่ให้ Object บางตัวหลุดหายไป

3. นำ Pattern ใน สี่เหลี่ยมจัตุรัส ที่เราออกแบบเสร็จแล้ว
ลากใส่ พาเลซ > Swatches
**สังเกตุว่า Pattern ที่เราออกแบบจะอยู่ใน
ช่องสุดท้ายของ พาเลซ > Swatches

4. สร้างกราฟิกที่เราต้องการจะใช้งาน แล้วคลิกช่อง
Pattern ที่เราออกแบบไว้ครับ..

5. จะเห็นว่า Pattern เป็นลายที่ต่อเชื่อมกันไปเรื่อยๆ

6. เราสามารถปรับขนาด Scale
ให้มีขนาดเล็กลงหรือใหญ่ขึ้นได้นะครับ
โดยเปิดพาเลซ Transform แล้ว
ให้ไปที่เมนูคำสั่ง (ด้านบนซ้าย+ขีด3เส้น)
เลือกคำสั่ง Transform Pattern Only
แล้วเราสามารถย่อ-ขยาย สัดส่วน ได้ที่ค่า W-H

7. หรือปรับตำแหน่ง Pattern ได้ที่ค่า X-Y

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

แท็กของ Technorati: {กลุ่มแท็ก}ออกแบบลวดลาย Pattern,Pattern CS4

คือคำว่ารัก

2010-04-02T11:26:00.003+07:00

การทำฟอนด์-ข้อความแบบปุ่มนูนๆใสๆ

1 คีย์ Text คำที่ต้องการในตัวอย่างผมใช้คำว่ารัก

2 แปลง Textให้เป็นรูปภาพโดยใชคำสั่งบนพาเลซเลเยอร์

โดยคลิกขวาที่เลเยอร์นั้นแล้วเลือกคำสั่ง Rasterize Type

3 สร้าง หรือ Load Selection รอบๆ โดยกดคีย์ Ctrl ค้าง

แล้วคลิกบนเลเยอร์ก็จะได้ Selection

4 ไล่สีให้ดูมีมิติหน่อยโดยใช้คำสั่ง Gradient

5 ลด Selection โดยรอบของข้อความโดยใช้คำสั่

เมนู/Select/Modify/Contract/กรอกค่าที่ต้องการ

6 อาจจะปรับให้เส้น Selection ดูเรียบๆโดยใช้คำสั่ง

เมนู/Select/Modify/Smooth /กรอกค่าที่ต้องการ

7 ไล่สี Gradient ให้เกิดแสง-เงา

8 ใส่ Layer Style ที่ปุ่มfx พาเลซ Layer

โดยเลือก Effects > inner Shadow และ Bevel and Emboss

ใส่เงาด้วยก็ดีครับ ช่วยขับให้คำดูโดดขึ้นมาใช้คำสั่ง

fx>Effects > Drop Shadow

9 ใช้คำสั่ง เมนู/Select/Modify/Feather ช่วยทำให้ดูนุ่มขึ้น

10 New Layer เพื่อทำเงา อาจจะใส่ Gussian Blur

เพื่อทำให้ เงาดูนิ่มและเบาบางดูสวยดี

11 สร้าง Back Ground ลายเส้น โดยสร้างเส้นเดียวแล้ว

Copy Layer ตามจำนวนเส้นแล้วค่อย Merge Layer เหลือ Layer เดียว

12 ลดค่า Opacity (ค่าความโปร่งใส) เหลือสัก30-40 ให้ดูจางๆ

13 นำไว้ด้านล่าง อาจจะปรับสีได้ โดยใช้คำสั่ง

Image/Adjustment/Hue/Saturation

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

แท็กของ Technorati: {กลุ่มแท็ก}คือคำว่ารัก,photoshop cs4,idesign school,พักผ่อน,พักผ่อนกับงานออกแบบ

สีช่วยบอกอารมณ์

2010-03-09T16:55:00.005+07:00

Mood &Tone of Color

วรรณะของสี
วรรณะของสี ในวงจรของสีเราแบ่งใหญ่ๆได้ 2 โทนนะครับ
วรรณะของสี จะทำการแบ่ง โดยใช้เส้นแบ่งครึ่งในวงจรสี
จากสีม่วง ถึงสีเหลือง จะได้ วรรณะละ 7 สี โดยมีสีม่วง กับสีเหลืองเป็นสีกลาง
1. โทนร้อน (Warm Tone Color)
Mood >>> ให้ความรู้สึกร้อน รุนแรง ตื่นเต้น กระตุ้นอารมณ์ได้เร็ว
2. โทนเย็น (Cool Tone Color)
Mood >>> ให้ความรู้สึกสงบ ร่มเย็น เงียบ เรียบๆ มีความเป็นส่วนตัว

ภาพต้นฉบับ

ความรู้เรื่อง วรรณะของสี ในการสร้างสรรค์
ในการสร้างสรรค์งานศิลปะโดยมากเรามักจะเน้นโทนสีของภาพ
ออกไปในทางวรรณะใดวรรณะหนึ่งเป็นหลักแต่บางครั้ง
เราสามารถนำเอาสีทั้งสองวรรณะมาไว้ในภาพเดียวกันได้
เพียงแต่รู้หลักในการนำมาใช้ กล่าวคือหากจะนำสีทั้งสองวรรณะ
มาไว้ในภาพเดียวกัน ถ้าเราใช้สีวรรณะร้อนที่มี%มากกว่า ตั้งแต่ 70%
ถึงของภาพแล้วใช้สีวรรณะเย็นเพียงเพียง 30% หรือ 20%
ผลของภาพนั้นก็ยังเป็นภาพวรรณะร้อน (warm tone)
เช่น วรรณะร้อน 80% - วรรณะเย็น 20% ,
วรรณะเย็น 80% - วรรณะร้อน 20%

ภาพโทนสีเขียว

คำแนะนำการใช้สี โดยส่วนตัว
1. การสร้างสรรค์ผลงานในวรรณะเย็นหรือร้อน จึงไม่จำเป็นต้องใช้สีใน
วรรณะร้อนหรือเย็นเพียงอย่างเดียว
2. เราสามารถเอาสีต่างวรรณะมาผสมผสานกันได้
3. แต่แต่แต่...ต้องคุมปริมาณให้อยู่ในวรรณะใดวรรณะหนึ่ง
ในปริมาณที่ยกตัวอย่างไปข้างต้น
4. สีส่วนใหญ่ของภาพโดยใช้ค่าสี (value) ไม่ใช่หรือเสมอไปว่า
ถ้าสีชมพูส่วนใหญ่ก็จะใช้สีชมพูอย่างเดียว
5. เพราะโดยความจริงนั้นการใช้สีในงานนั้น จะมีสีทุกสีได้แต่ต้อง
ให้ผสานกลมกลืน เพื่อให้ภาพโดดเด่นออกมาเป็นเอกภาพ
6. เปรียบเทียบให้เห็นภาพ โดยเราก็ต้องดูว่าสีนั้นๆอยู่ในฝ่ายเย็น
หรือร้อน ก็อาจจะรู้อารมณ์ได้ว่าตอนนี้ทุกข์หรือสุข รื่นเริงหรือเศร้าสร้อย
7. สีเอกรงค์ (Monochrome) เป็นการใช้สีเพียงสีเดียว
แต่มีหลาย ๆ น้ำหนัก ซึ่งไล่เรียงจากน้ำหนักอ่อนไปแก่
มักดูเรียบๆ ง่ายๆ สบายๆ

ภาพโทนสีเขียว+น้ำตาลส้ม

ภาพโทนน้ำตาล-เหลือง

ภาพโทนชมพู

ดีอย่างไร

2010-03-02T15:48:00.003+07:00

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

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

impressionism

2010-02-24T11:00:00.005+07:00

impressionism by PS-CS4
การเร่งสีให้ดูจัดจ้านในบรรยากาศหวานฉ่ำ

01. หาภาพถ่ายที่เราถ่ายมาสีสดใสๆ+สีสดๆหน่อยนะครับ

02. ปรับแสงเงา-แสงสีด้วยCurves
อาจจะปรับแบบแยกแชนแนลสีก็ได้นะครับ
ถ้าเผื่อว่าเราอยากให้สีไหนออกมาสดหน่อย
ในตัวอย่างผมปรับให้ภาพดูสว่างขึ้น
เพื่อจะให้เห็นรายละเอียดของภาพ
03. ปรับการกระจายตัวของแสง-เงาด้วยLevels
จะช่วยใหภาพโดยรวมมีคุณภาพดีขึ้น
04. ใช้Color Balanceด้วยแก้และปรับสี
ส่วนตัวผมชอบจัดสีให้ดูเหมือนภาพวาดฝันๆ
เหมือนภาพวาดในยุดimpressionism

05. เร่งสีให้สดขึ้นด้วยHue/Saturation
06. ปรับภาพให้ดูสว่างขึ้นนิดหน่อยด้วยBrightness/Contrast
07. fillสีดำที่ new layerแล้วปรับการผสมสี
Blending Optionsเพื่อให้ภาพเข้มขึ้น
ในส่วนที่เราต้องการการขับเน้น

08. เร่งสีให้สดขึ้นด้วยHue/Saturationอีกครั้ง
ในตัวอย่างผมเร่งสีเหลืองออกส้มนิดๆ

09. ผมแก้ไข-ปรับเปลี่ยนสีด้วยคำสั่ง
Selective Color ในตัวอย่างผมแก้สีน้ำตาล
ให้เป็นสีม่วงอมชมพู จะช่วยทำให้ภาพดูหวานและชวนฝัน

10. สุดท้ายปรับภาพให้ดูคมชัดเฉพาะบริเวณขอบของวัตถุในภาพ
ด้วยFilter-Sharpen Edges

แท็กของ Technorati: {กลุ่มแท็ก}การเร่งสีให้ดูจัดจ้าน,บรรยากาศหวานฉ่ำ,impressionism

night-fate

2010-02-22T16:11:00.004+07:00

night-fate ความหวานที่แฝงในความมืด

01. หาภาพสวยๆหวานๆหน่อยนะครับ
ถ้าเป็นไปได้อยากให้มีสีชมพู-เพราะภาพจะออกดูหวานๆ

02. เอาเข้าไปในโปรแกรมPhotoshopเลยครับ
ที่ผมทำตัวอย่างนี้ผมใช้เวอร์ชั่นcs4แต่ถ้าใครจะใช้
เวอร์ชั่นต่ำกว่าผม..ก็ไม่ขัดข้องครับ

03. ใช้คำสั่งChannel Mixerที่อยู่ใน
แถบด้านล่างของพาเล็ตlayer
ปรับoutputเป็นgrayครับ
เพื่อแปลงให้เป็นโทนขาว-ดำ
เราจะได้รู้น้ำหนักของสีในโทนขาว-ดำ
เพราะว่าเราสามารถดูโทนสีได้ง่ายกว่าสีไงครับ

04. เปลี่ยนการผสมสีระหว่างlayerโดยการเปลี่ยน
การBlending Option ไปเป็น
Overlay ที่พาเล็ตLayerและ
ปรับค่าความโปร่งใสให้เหลือ75-80%
ค่าต่างๆที่ปรับอาจไม่ต้องตามผมนะครับ ปรับตาม
ความเหมาะสมและความสวยงามของภาพนะครับ

05. ปรับค่าสีหน่อยที่ Hue/Suturation
06. ใส่แสงสว่างและเงาให้เหมือนมีสปอร์ตไลต์ส่องเข้ามา
โดยการใส่Gradient Fillเสร็จแล้ว
ปรับค่าOpacityความโปร่งใสประมาณครึ่งนึง

07. เร่งสีบางสีให้สดขึ้นโดยใช้คำสั่ง Selective Color
08. ทีนี้เราจะทำให้ภาพเราออกดูหวานๆโดยการ
Fillสีชมพูลงไปครับโดยใช้คำสั่งSolid color

09. ปรับBlending Option ไปเป็น
Darken ที่พาเล็ตLayerและ
ปรับค่าความโปร่งใสให้เหลือน้อยๆสัก15-30%

10. ขั้นตอนสุดท้ายก็อยู่ที่ภาพเราครับ
เราต้องการสีไหนสดขึ้นหรือลดสีไหนก็ปรับ
โดยใช้Hue/Suturation

11. เราก็จะได้ภาพออกดูหวานๆฝันๆดูลึกลับนิดๆ
เพราะว่าเหมือนอยู่ในเวลาใกล้ค่ำ...

แท็กของ Technorati: {กลุ่มแท็ก}night-fate,ความหวาน-ความมืด,รีทัช,รีทัชโฟโต้ช็อป

Romeo & Juliet

2010-02-16T17:02:00.009+07:00

ทำป้ายชื่อเจ้าบ่าว-เจ้าสาว
สำหรับติดบนฉากเวทีงานแต่งงาน
โดย 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_เสร็จเรียบร้อย

กลับมา

2010-02-16T01:55:00.005+07:00

ทำตัวหนังสือ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. เสร็จแล้วครับ