11 พฤศจิกายน 2553
หาสีที่ชอบจากรูปถ่ายโดย 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ได้เลยครับ
4 พฤศจิกายน 2553
ชุดสี เหมาะมากสำหรับคนที่ใช้สีไม่เก่ง
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. สรุปแล้วผมทดลองใช้เองแล้วใช้ง่ายดีครับ
คนที่ใช้สีไม่เก่งก็ยิ่งง่ายใหญ่ สามารถจัดโทนสีขั้นเทพได้สบายๆ
………………………………….
22 กันยายน 2553
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 |
9 กันยายน 2553
เมื่อ Gimp จะขอวัดรอยเท้า Photoshop
เพียงโหลดมาแล้วติดตั้งใช้ได้ทันที เพราะว่าเป็นเป็นโปรแกรม
ซอฟต์แวร์โอเพนซอร์ส สามารถทำงานได้หลายระบบปฏิบัติการ
ได้แก่ ลินุกซ์, ฟรีบีเอสดี, แมคโอเอส, และ ไมโครซอฟท์ วินโดวส์
คะแนน – ส่วนตัวนะครับ ห้ามเอาไปใช้อ้างอิงที่ไหน 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
4 สิงหาคม 2553
ใส่ภาพถ่ายประทับใจลงในประโยคที่มีความหมาย
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 บางๆก็ดูดีนะครับ
12 กรกฎาคม 2553
ออกแบบใบINVOICE โดยใช้หลักการเส้น Grids
1.งานออกแบบกราฟิกที่เราเห็นทั่วๆไปอาจมองเหมือนดูง่าย
แต่จริงๆแล้วงานออกแบบที่ดี
ควรต้องมีโครงสร้างของงานออกแบบแต่ละชนิดแตกต่างกันไป
2.ผมเลยทำตัวอย่างใบINVOICE ที่มีรูปแบบที่ดูเรียบง่าย
แต่มีโครงสร้างที่เป็นหลักการออกแบบที่ดี
3.ก่อนเริ่มการเราออกแบบเราควรจะมีข้อมูลที่เราต้องการก่อน
เช่น เราต้องการบอกอะไร? แจ้งอะไร?
รายละเอียดเป็นอย่างไร ? และเน้นเนื้อหาที่ตรงไหน?
4.เริ่มออกแบบโดยดูภาพรวมส่วนใหญ่ โดยแบ่งสัดส่วนให้
เป็นส่วนใหญ่ๆ เช่น Heading, Footer, Data
5.ในแต่ละส่วนก็มีการแบ่งย่อยออกไปอีก
โดยใช้เส้นGridsเป็นหลักในการเป็นตัวแบ่ง
โดยคำนึงถึงสัดส่วนแต่ละส่วนที่ถูกแบ่งเท่าๆกัน
และออกแบบให้มีองค์ประกอบที่ดี
6.การจัดตัวหนังสือลงไปก็ต้องคำนึง
ถึงหลักการสมดุล และการปล่อยที่ว่าง
และการจัดเสมอหน้า-หลังตามความเหมาะสม
7.สุดท้ายที่อยากแนะนำควรแยกlayerของเส้น Grids
ไว้เพื่อการทำงานที่สะดวกและเป็นการจัดการในการออกแบบที่ดี
6 มิถุนายน 2553
TONE OF COLOR
ก. วรรณะร้อน (WARM TONE)
เป็นกลุ่มสีที่เกี่ยวข้องกับความสุข ความปลอบโยน ความอบอุ่น
ดึงดูดใจ หรือ ตื่นเต้น เร้าใจ กระฉับกระเฉง
ข. วรรณะเย็น (COLD TONE)
เป็นกลุ่มสีที่ให้ความรู้สึกสงบเย็น นิ่ง ผ่อนคลาย
อิสระ เสรี และดูสบายตา
หลักการใช้สี
1. วรรณะเดียว
การใช้สีแต่ละครั้งควรใช้สีวรรณะเดียวในภาพทั้งหมด
เพราะจะทำให้ภาพความเป็นอันหนึ่งอันเดียวกัน มีความสัมพันธ์กัน
โดยกลมกลืน (Harmony)ด้วยวรรณะเดียวกัน
2. การใช้สีต่างวรรณะ
หลักการทั่วไป ใช้อัตราส่วน 80% ต่อ 20% ของวรรณะสี
คือ ถ้าใช้สีวรรณธร้อน 80% สีวรรณะเย็นก็ 20% เป็นต้น
โดยกลมกลืน (Harmony)ด้วยวรรณะต่างกัน
ไม่ควรใช้อัตราส่วนที่เท่ากันเพราะจะทำให้ไม่มีสีใดเด่น ไม่น่าสนใจ
3. การใช้สีตรงกันข้าม
สีตรงข้ามจะทำให้ความรู้สึกที่ตัดกันรุนแรง สร้างความเด่น
โดยใช้สีตรงข้าม ในอัตราส่วน 80% ต่อ20%
หรืออีกวิธีหนึ่งคือการลดความสดของสีตรงข้ามให้หม่นลงไป
โดยกลมกลืน (Harmony)ด้วยค่าของสีและสีตัดกัน
7 พฤษภาคม 2553
หญิงสาว
วาดภาพจากลายเส้น (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. เสร็จเรียบร้อย