ต่อจาก Entry ที่แล้วนะครับ.. จากคอมเมนท์ที่ 29 ที่บอกว่าเป็นการใช้งานมาจากโปรแกรม Illustrator แหม.. ไม่รู้ว่าเดาเก่งหรือดูออกนะเนี่ย แต่ถ้าใครเคยใช้โปรแกรม Illustrator ก็จะรู้ดีว่า ไอโปรแกรมที่อั๋นใช้สร้างภาพ ต่าง.. ต่าง.. เพื่อเอามาใช้ตกแต่งบลอคแต่ละบลอคนั้น เป็นผลงานมาจากการใช้งานโปรแกรมนี้ทั้งหมด

หลายคนอาจจะเคยผ่านตากับโปรแกรมนี้กันมาบ้างแล้ว.. บางคนก็เก่ง ชำนาญการเป็นอย่างดี โดยเฉพาะคอนักวาดรูป วาดการ์ตูนทั้งหลาย แต่อีกหลายต่อหลายคน ก็ยังคงสงสัยว่ามันคือโปรแกรมอะไร

Illustrator ก็คือโปรแกรม โปกแกรมหนึ่งสำหรับสร้างงานกราฟฟิกนี่แหละครับ พูดง่าย.. ง่าย.. ก็คือ (ในความเข้าใจของอั๋นเองนะ) หากให้เปรียบเทียบกับ Photoshop โปรแกรมตกแต่งภาพที่รู้จักกันอย่างแพร่หลายละก็ Photoshop จะเป็นโปรแกรมสำหรับงานภาพที่เป็นแบบ Raster (ภาพทั่วไป หรือภาพถ่ายนั่นแหละ) ส่วนเจ้า Illustrator คือโปรแกรมสร้างงานซะมากกว่า และเป็นภาพแบบ Vector (ภาพลายเส้น) ครับ แล้วภาพ Vector มันเป็นยังไง


ภาพ Vector ก็คือ ภาพประเภท Resolution-Independent มีลักษณะของการสร้างให้แต่ละส่วนเป็นอิสระต่อกัน โดยแยกชิ้นส่วนของภาพทั้งหมดออกเป็นเส้นตรง รูปทรงหรือส่วนโค้ง โดยอ้างอิงตามความสัมพันธ์ทางคณิตศาสตร์หรือการคำนวณเป็นตัวสร้างภาพ เป็นการรวมเอา Object (เช่น วงกลม เส้นตรง ทรงกลม ลูกบาศก์และอื่นๆ เรียกว่ารูปทรงพื้นฐาน) ต่างชนิดมาผสมกัน มีทิศทางการลากเส้นไปในแนวต่างๆ เพื่อสร้างภาพที่แตกต่างกันโดยใช้คำสั่งง่ายๆ จึงเรียกภาพประเภทนี้ว่า Vector Graphic ไอภาพ Vector เนี่ย จะมีลักษณะเด่น คือ สามารถยืดหรือหดภาพเท่าใดก็ได้ โดยที่ภาพจะไม่แตก ความละเอียดของภาพไม่เปลี่ยนแปลง คงคุณภาพของภาพไว้ได้เหมือนเดิม

 แล้วเราจะรู้ได้ยังไง ว่าภาพแบบไหนคือ Vector
ถ้าจะให้สังเกตแล้วละก็ ภาพ Vector จะอยู่ในรูปแบบของไฟล์ที่มีนามสกุล .EPD, .WMF, .CDR, .AI, .CGM, .DRW, .PLT เป็นต้น (ส่วนภาพ Raster จะเป็น สกุล .BMP, .PCX. , .TIF, .GIF, .JPG, .MSP, .PCD) โปรแกรมที่สามารถสร้างภาพ Vector ได้ก็เป็นโปรแกรมวาดรูปจำพวก CorelDraw, AutoCAD, Freehand และ Illustrator นั่นเอง

.....

เกริ่นมาซะยาว.. เข้าเรื่องกันได้แล้วละครับ..

หลายคนคงสงสัยกันแล้วละว่า อั๋นคงจะต้องใช้โปรแกรม Illustrator ได้เก่งสุดยอดขั้นเทพแน่.. แน่.. จากการออกแบบบลอคของบุคคลทั้งสาม คำตอบที่ออกมาตอนนี้ก็คือ ไม่ใช่หรอกครับ อั๋นไม่ได้เรียนหรือศึกษาความรู้ในเรื่องนี้มาโดยตรง อาศัยความสนใจ และความอยากรู้อยากเห็น เพียว.. เพียว.. เลย บางครั้งก็มีถามผู้รู้จริงบ้าง หรือหาซื้อหนังสือมาอ่านเอาเอง เอาเป็นว่า เรามาเริ่มนับหนึ่ง.. ไปพร้อม..พร้อม.. กันสำหรับคนที่สนใจ แต่ไม่รู้จะเริ่มยังไงดี ถ้าใครสักคนหนึ่งทำได้.. เราก็ต้องทำได้ครับ อยากมี Blog สวย.. สวย.. ด้วยฝีมือเราเอง ไม่ยากอย่างที่คิด

สำหรับคนที่ยังไม่มีโปรแกรม Illustrator ละก็ หายืม หาซื้อแผ่นมาลงเลยครับ อยากบอกว่าอย่าโหลดเองเลย โปรแกรมอาจจะไม่สมบูรณอย่างที่คิดนะครับ

วันนี้จะมาสอนการแต่งภาพจาก Vector แบบที่เราไม่ต้องมานั้งวาดเอง สมัยนี้ไม่ต้องมานั้งวาดให้เมื่อยตุ่มแล้วครับ โหลด Vector มาได้เลย จากเวปไซต์ที่ให้โหลดฟรี ตัวอย่างเช่น

http://vector4free.com , http://www.freevectors.net , http://www.vecteezy.com 

หรือจะหาเซิทหามาโหลดเองก็ตามแต่ เมื่อเราได้ไฟล์งานมาแล้วละก็ ลองเปิดโปรแกรม Illustrator ขึ้นมาเลยครับของอั๋นก็จะเป็นหน้าตาประมาณนี้ Illustrator cs3 ของใครเวอร์ชั่นเก่ากว่า หรือใหม่กว่าก็ไม่เป็นไรครับ  หลังจากนั้นไปต่อกันที่การกำหนดขนาดของภาพที่เราต้องการ ไปที่ File > New... จะขึ้นหน้าต่างมาให้เรากำหนด size ของงาน

วันนี้จะยกตัวอย่างการทำโปสการ์ดแบบกราฟฟิคสักใบ จึงกำหนดแบบ 4x6 และใช้ Units เป็น Inches (นิ้ว) เพื่อให้ง่ายต่อการเข้าใจนะครับ อ่อ ส่วนช่อง Orientation คือการกำหนดรูปแบบงานว่าจะให้เป็นแบบ แนวตั้ง หรือแนวนอน  เมื่อกำหนดขนาดเสร็จแล้วกด OK ก็จะเข้าสู่หน้าต่างการทำงาน จะเห็นว่ามีกรอบสี่เหลี่ยมขอบดำอยู่ ในกรอบนั่นแหละครับ คือพื้นที่ของชิ้นงาน ที่เรากำหนดค่าไว้เมื่อกี้

และก็มาถึงการสร้างภาพ เมื่อเราโหลด Vector ที่ชอบหรืออยากได้มาแล้ว ก็เปิด Vector นั้นขึ้นมา ไปที่ File > Open และหาไฟล์ที่อยู่ในที่ที่เราเซฟไว้นะครับ (ไม่มีรูปให้ดู - -*) เมื่อไฟล์ที่เราต้องการขึ้นมาแล้ว ก็ทำการ Copy Vector ทั้งหมดนั้นมาลงในตัวงานที่เรากำหนดค่าตอนแรก

 ลากเลือกทั้งหมดของชิ้นงาน กด Ctrl+c (Copy) แล้วนำมาวาง กด Ctrl+v (Plste)

หลังจากนั้นก็ทำการลองลากเล่นดูครับ คลิ๊กเลเยอร์นั้น เลเยอร์นี้ในไฟล์ vector ที่เรานำมาเล่นดู ลองออกแบบลากให้ส่วนนั้นมาอยู่ตรงนี้ ส่วนนี้มาอยู่ตรงนั้น มันต้องลองทำดูครับ ลองปรับขนาด ลองเล่นลองใช้เครื่องมือดู ไม่ยากอย่างที่คิด (คือผมบอกให้มันละเอียดกว่านี้ไม่ได้ครับเดี๋ยว Entry นี้จะยาวเกินไปแต่ถ้าใครไม่เข้าใจ ems. มาถามหลังไมค์ได้ครับ) และยังสามารถนำ vector แบบอื่นๆ ที่เราโหลดมานำมาใส่ผสมกันได้อีกนะครับ

หลังจากที่เราออกแบบดูจนเป็นที่พอใจแล้วละก็ ใครจะสั่งปริ้น ก็สั่งได้เลยครับ หรือหากต้องการเซฟเป็นรูปแบบไฟล์เพื่ออัพโหลดขึ้นเวปไซต์ หรือ Blog ละก็ ให้ไปที่ File > Save foe Web... หรือหากต้องการเซฟเป็นไฟล์ไว้เพื่อกลับมาแก้ไขอีกครั้ง ก็ให้ไปที่ File > Save As.. เลยครับ อ่อ อย่าลืมตั้งชื่อไฟล์ที่เราทำงานด้วยละ ว่าอยากให้เป็นไฟล์ชื่ออะไร เพื่อการที่จะไม่สับสนหรือลืม ว่าไฟล์ไหน คืองานอะไร Entry นี้คงจบแต่เพียงเท่านี้ละครับ..

และนี้คือการทำงานเพียงแค่พื้นฐาน เบื้องต้น.. หากเป็นการใช้งานโปรแกรมในขั้นที่สูงและซับซ้อนกว่านี้ละก็ คงต้องคุยกันอีกยาว เอาเป็นว่า เอาไปแค่นี้ไปลองเล่นลองใช้กันดูก่อนก็แล้วกัน โอกาสหน้ามีมาเมื่อไหร่ จะแวะมาแนะนำการใช้ vector แต่งบลอคให้ได้ลองไปใช้กันดู สำหรับ Entry นี้ สวัสดีครับ..

unzaa

เครดิท: http://www.yupparaj.ac.th/CAI/graphic/graphic.html

Comment



smilebig smileopen-mounthed smileconfused smilesad smileangry smiletonguequestionembarrassedsurprised smilewinkdouble winkcry

Tweet

อั๋นเก่งจังเลย
งานยุ่งยังใจดีอีก big smile

ไว้จะลองทำดู ถ้ามีกำลังใจ sad smile

#1 By ตุ้มเป๊ะ on 2009-01-14 19:44

big smileอืมมม... เดี๋ยวไปลองหาไรมาเล่นมั้ง

#2 By pui@phangan on 2009-01-14 20:37

โหลด vector ได้ที่ไหนคะ

#3 By chockcolate_am on 2009-01-14 21:05

อิลลิสยังไม่เคยแตะเลย ไว้จะกลับมาอ่านอีกที วันนี้ง่วงแระ open-mounthed smile

พี่อั๋นขอบคุณสำหรับน้ำใจงามๆนะจ๊ะ
ด้อยกลับมาถึงกทม.แล้วเน้อ

#5 By iDoi* on 2009-01-15 02:58

ยังไงก้อไม่เป็นอยู่ดี sad smile
วานคนอื่นทำให้ ง่ายกว่า ซะงั้น!!!

#6 By ยัยตูดเป็ด on 2009-01-15 07:59

เก่งเนอะ..อยากเก่งแบบนี้มั่งจังbig smile

#7 By nudee on 2009-01-15 08:50

อ๋ออออ เห็นแล้ว เหอๆ sad smile
อ๋อๆ เคยโหลดมาบ้างคะ ส่วนมากจะเป็นพวกลายกราฟฟิก confused smile

#8 By chockcolate_am on 2009-01-15 22:40

เก่งมากครับทุกคนครับบาย

#9 By กก้เดก้ะ (203.151.38.2) on 2009-05-27 13:03

lord

#10 By (124.122.133.83) on 2009-06-08 15:33

#11 By (125.26.240.181) on 2009-07-31 16:58