Rath จริงๆ นะ ไม่ใช่คนอื่น

คู่มือเอาตัวรอดจากโปสเตอร์(แบบพอรอด)

Writing by rathjungzz on Wednesday, 6 of February , 2008 at 7:04 pm

วันนี้จะมาเปิดคอลัมน์คุยกับรัฐ (ลอกคุยกับประภาสมา)

เรื่องของเรื่องก็คือ คณะแพทย์ขอนแก่นมักจะชอบให้นักศึกษาทำโปสเตอร์ขนาดใหญ่มาก (แต่ไม่เคยให้ปีผมทำ คนอยากทำน่ะอยู่ตรงนี้้ T.T) เพราะงั้น ก็เลยมีน้องๆมาถามเสมอเกี่ยวกับมันครับ จะคอยตอบทุกคนก็แอบเหนื่อย จะไม่ตอบก็ดูจะไม่ค่อยแนว วันนี้เลยมาตอบรวมๆไว้ที่นี่เลยละกันนะครับ ^ ^

โปสเตอร์ที่จะทำ ส่วนใหญ่แล้วจะมีขนาดประมาณ 120 cm x 90 cm ครับ ตัวงานต้องเข้าไปอ่านดูใกล้ๆเพราะงั้นจะเนียนใช้ resolution ต่ำๆไม่ได้ ต้องใช้ 300 dpi ขึ้นไป

—————————————————————————–

หมายเหตุ : วิธีที่แนะนำในบลอกนี้ เกิดจากการมั่วเอาล้วนๆ - -” ไม่มีอ้างอิงตามหลักที่ถูกต้องใดๆทั้งสิ้น ใครมีวิธีที่ฉลาดกว่าที่ผมใช้ก็บอกผมด้วยนะครับ >_< และมันเป็นแค่เบสิคมากๆเท่านั้น ถ้าจะใช้ให้เก่งต้องศึกษาเพิ่มอีกเยอะครับ

ใช้โปรแกรมอะไรทำ ? Photoshop ทำได้มั้ย
Ans ได้ครับ แต่มันไม่เหมาะกับงาน (เหมือนเอาทัพพีมาทอดไข่เจียว) ถ้าใช้ PS จะต้องสร้าง layer ประมาณ 80 layer ได้กว่ามันจะครบเนื้อหาที่เราต้องการใส่เข้าไป (ถ้าเนื้อหาไม่เยอะก็อาจจะใช้ได้) และอย่างที่บอกไปว่าต้องใช้ 300 dpi เพราะงั้นถ้าเครื่องไม่เทพสุดๆ เราก็จะได้รอนานสุดๆ แค่เปิดก็นานแล้ว ยิ่งมี layer เยอะๆยิ่งตายกันไปข้างเลย

เพราะงั้น ที่ผมใช้คือ Adobe Illustrator ครับ และต้องเป็น CS2 ขึ้นไปเท่านั้น เพราะผมไม่รู้วิธีพิมพ์ ญ ในเวอร์ชั่นที่ต่ำกว่านั้น 55+ (ยกเว้นฟอนท์จาก f0nt.com) ในที่นี้ผมใช้ CS3 ละกันนะครับ

เอ่อ ไอ้โปรแกรมที่พี่ว่าน่ะ เปิดมาแล้วโคตรจะงงเลยครับ
Ans โปรแกรมนี้มันจะต่างจาก Photoshop พอตัวอยู่นะครับ (ไม่งั้นมันจะแยกโปรแกรมทำไม - -”) แต่หลักๆก็คือ ในงานของเรา 1 ชิ้นจะประกอบด้วย Object หลายๆอย่างอยู่ในนั้นครับ เช่น ตัวอักษร รูปภาพที่เอาเข้ามา รูปที่วาดในโปรแกรม โดยใน 1 Layer จะมีกี่ Object ก็ได้ แล้วเราก็จะทำอะไรต่างๆกับพวกมัน เช่น ปรับสี ปรับเส้น ปรับรูปร่าง เอามันมาจัดเป็นกลุ่ม (คล้ายของ Microsoft office) เอามาไว้ข้างหน้า ข้างหลัง จัดการกับตัวอักษร ฯลฯ

สรุปสั้นๆเลยนะครับ ขั้นตอนที่ผมทำ จะมีดังนี้

1.สร้างงานเปล่าขึ้นมา แล้วเอาตัวหนังสือทั้งหมดที่เราจะใส่ใส่ลงไปก่อน ดูว่ามันกินเนื้อที่เท่าไหร่
2.กำหนด layout คร่าวๆขึ้นมา เป็นรูปทรงง่ายๆ
3.เอาตัวหนังสือมาวางในตำแหน่งที่ต้องการ ใส่รูป
4.เก็บรายละเอียด + ตกแต่งเล็กๆน้อย

แค่นี้เองครับ 4 ขั้นตอน มาดูแต่ละขั้นตอนกัน

—————————————————————————–

STEP 1
-Create New เลือก Print Document…แล้วกำหนดค่าต่างๆตามต้องการลงไป ในใจก็ออกแบบคร่าวๆไว้
-ไปเปิดไฟล์ word แล้ว copy ข้อความที่เราต้องการจะใส่ลงมา (เอามาซัก 1 เรื่อง เช่น ใน 1 เรื่องมี 5 ย่อหน้าก็เอามา 5 ย่อหน้าเลย) กลับมาที่โปรแกรมแล้วเลือกตัว แล้วไปลากกรอบสี่เหลี่ยมขนาดพอดีๆขึ้นมา เลือกฟอนท์ (ผมเลือกพวก AngsanaUPC, BrowalliaUPC) เลือกขนาดตัวอักษร แล้วคลิกขวาเลือก paste
-ถ้าข้อความของเรามันยาวเกินไป ทางขวาล่างของกรอบเรามันจะมีสีแดงเล็กๆโผล่มา ให้เราไปกด แล้วมากดที่สีแดงนั้นครั้งนึง(ให้โดนนะ) แล้วเคอร์เซอร์มันจะเปลี่ยนเป็นลูกศรที่มีอะไรคล้ายๆตัวหนังสือหลายๆบรรทัดห้อยอยู่ ก็ไปลากสี่เหลี่ยมกรอบใหม่ขึ้นมา ข้อความในกรอบสองกรอบนี้มันจะต่อกันได้ (จะเห็นเส้นโยงๆ)
-ทำอย่างนี้กับข้อความอื่นจนครบ จากนั้นปรับขนาดตัวอักษรให้ได้เท่ากับที่เราต้องการ ส่วนอันที่เป็นหัวข้ออาจจะสร้างกล่องใหม่ขึ้นมาแยกกับอันอื่นเลยก็ได้ เพื่อความง่ายในการจัดการ สุดท้ายจะได้แบบนี้

STEP 2

-สร้าง layer ใหม่ขึ้นมาให้อยู่ข้างใต้ layer นี้
-จากนั้นวาดกรอบคร่าวๆขึ้นมาด้วยเครื่องมือวาดภาพพวกนี้

แล้วแก้สีตรง ทางซ้ายของจอ (ก่อนจะแก้สี Object ไหนให้คลิก Object นั้นก่อน) โดยอันซ้ายคือสีเทอันขวาคือสีเส้น ตัวเลือกสีอยู่ทางขวาของจอหรือเลือก Window>Swatches

สีไม่ถูกใจปรับใน Window> Color
-ถ้ารูปวาดมันไม่ได้ดั่งใจให้เปิด Window>Pathfinder ออกมา มันจะเป็นชุดของเครื่องมือที่เอาไว้ให้เรารวมรูป หลายๆรูปเข้าด้วยกันได้

-หรือใช้พวก Pen tool แก้ไขรูป หลักการของมันคือเส้นที่เป็นแขนของมันจะเป็นตัวกำหนดความโค้ง ลองมั่วดู

-สุดท้ายจะได้แบบนี้

STEP 3
-กลับมา layer บน เอาตัวหนังสือมาวางไว้ตำแหน่งที่ต้องการ ให้มันอยู่ในกรอบ
-แล้วไปลากรูปที่เราจะใส่ (ซึ่งควรจะผ่านการตกแต่งมาแล้วจาก Photoshop ใส่กรอบใส่อะไรก็ใส่ไป) มาวางไว้ในงาน (อย่าลากไปไว้นอกงานนะครับ มันจะเป็นว่าเราเปิดรูปนั้นเป็นอีกงานนึง เอามาทีละหลายๆรูปก็ได้
-ให้ไปที่ Object > Text Wrap > Text Wrap Option.. แล้วเลือกเป็นซัก 15 pt
-จากนั้นกดคลิกรูปที่เราเอาเข้ามา ไปที่ Object > Text Wrap > Make มันจะทำให้ตัวหนังสือไม่ทับรูปของเรา
-ตกแต่งข้างข้างหน้าข้างหลังเล็กๆน้อยๆ เช่น ปรับสีตัวหนังสือ ใส่กล่องให้ข้อความซะหน่อย
-สุดท้ายจะได้แบบนี้

STEP 4
-เก็บรายละเอียดเกี่ยวกับ text โดย
1.)เนื่องจากมันไม่ตัดคำให้ หมายความว่า ถ้าเราพิมพ์ประโยคยาวๆ แต่ที่เรามีนิดเดียว มันจะคอยจนเราเว้นวรรคมันถึงจะขึ้นบรรทัดใหม่ให้ (งงมั้ยครับ ลองไปสังเกตดูเอาเองนะ) เพราะงั้นเราต้องมาคอยกด Shift + enter ตรงตำแหน่งที่ควรจะอยู่ท้ายบรรทัด (แต่เพราะมันไม่ตัดคำมันเลยมาอยู่ตรงอื่น เราเลยต้องคอยกด) และ Enter เมื่อเราจะขึ้นย่อหน้าใหม่ (วิธีกดเหมือน word แหละครับ ขี้นบรรทัดใหม่ กด shift ด้วย ขึ้นย่อหน้าใหม่ Enter เลย)

2.)เราต้องมาแก้สระลอย สระลอยจริงๆมันคือวรรณยุกต์ลอยครับ มันจะลอยในพวกที่ควรจะติดกับพยัญชนะเท่านั้น เช่น “น้า” จะลอย ส่วน “น้ำ” จะไม่ลอย เพราะ ไม้โทในน้ำมันสูงอยู่แล้ว

ผมเองไม่รู้มันมีวิธีที่ดีกว่านี้รึเปล่า แต่ที่ผมใช้อยู่คือ “เถือก”ครับ 55+ เปิดโปรแกรม Start > All Program > Accessories > System Tools> Character Map ขึ้นมา แล้วเลือกไปฟอนท์ที่เราใช้อยู่ตอนนี้ (ของผมคือ BrowalliaUPC) เลื่อนไปทางโซนล่างๆ จะเห็นพวกนี้… นั่นคือ ไม้เอก-โท-ตรี-จัตวา และทันฑฆาต ที่เราต้องเอาไปแทนในตัวที่มันลอยอยู่ของเรา ทางขวาที่เห็นแดงๆคือสำหรับตัวปกติ ส่วนทางซ้ายสีน้ำเงินคือสำหรับพวกมีหาง (ป ฟ ฯลฯ) สังเกตว่าตำแหน่งวรรณยุกต์จะเยื้องมาข้างหน้ามากกว่าตัวปกตินิดนึง (โปรแกรมจริงมันไม่วงให้นะครับ ต้องไปหาเอง)

โดย ก่อนเลือกให้เรากดปุ่ม Delete ย้ำๆจนแน่ใจว่ามันว่างแล้วก่อน( จากนั้น สมมติผมเลือกไม้เอก ก็คลิกไม้เอกหนึ่งครั้งแล้วกด Select แล้วกด Copy

กลับมาที่งานของเรา แล้วเริ่มหาว่ามีไม้เอกอยู่ตรงไหนมั่ง ลบของเดิมแล้วกด Ctrl+v เอาของใหม่ใส่เข้าไป ส่วนคำไหนที่เราใช่บ่อยๆเราก็สามารถ Edit > Find and Replace… พิมพ์ตัวเดิมลงไป เช่น “น่ารัก” เราก็พิมพ์ “น่” ในช่อง Find ส่วนช่อง Replace ก็พิมพ์ “น” แล้วกด Ctrl+v จากนั้นก็ Replace All โลด ทำแบบนี้ในคำที่ใช้บ่อยๆในงานเรา จะได้ไม่ต้องงมหา
-หลังจากเราเก็บรายละเอียดทาง text เสร็จแล้ว ก็ไปตกแต่งเพิ่มเติมครับ จนเราพอใจ (อาจสร้าง layer มาไว้บนสุดเพื่อตกแต่งโดยเฉพาะ เช่นพวก ลูกศร หมายเลข อะไรยิบย่อยทั้งหลาย
-จากนั้น ผมจะไปใส่ Background รวมถึงจบงานอยู่ใน Photoshop แต่ก่อนจะไปเราต้องมา crop มันก่อน โดยสร้างสี่เหลี่ยมขนาดเท่ากรอบงานของเราแล้วเลือก Object > Crop Area > Make จากนั้นก็เซฟแล้วปิดโปรแกรมไปเลยก็ได้ครับ

-ทำ Background
1.) เปิด Photoshop ขึ้นมา เลือก File>New… กำหนดขนาดตามต้องการ แต่เลือก resolution ซัก 120-200 dpi แล้วแต่ความแรงของเครื่อง ที่เราไม่ต้องใช้ 300 ก็ได้ เพราะ มันอยู่ข้างหลัง เขาไม่ดูกันเท่าไหร่หรอกครับ เนียนๆไป 55+ (ทำใจเครื่องทำได้เท่านี้ T.T) จากนั้นเลือก File > Place เลือกไฟล์ .ai ที่เราเซฟตะกี้มา กำหนดขนาดให้พอดีแล้วก็ Place (ขั้นตอนนี้กินเวลาค่อนข้างนานแล้วแต่ความแรง) ใช้เซนส์ต่อไปจนมันได้ จากนั้นไปคลิกขวาที่ layer ที่เรา Place มาตะกี้แล้วเลือก Rasterize layer
2.) ตกแต่ง bg ข้างหลังตามต้องการ จากนั้นปิดตาที่หน้า layer ที่เรา Place มา (จะเห็นว่ามันหายไป) แล้ว Save as…ไฟล์เป็น jpeg (ดูตัวอย่างในรูปนี้จะเห็นว่ามันไม่มีรูปตาตรงหน้า Layer บนสุด)

-New ไฟล์ใหม่ขึ้นมาให้คราวนี้ใช้ 300 dpi ไปลากไฟล์ bg ที่สร้างตะกี้มาแล้วขยายให้เต็มกรอบภาพโดยกด Edit> Transform > Free transform
-Place อีกรอบ
-ตกแต่งเพิ่มเติมเล็กๆน้อยๆ Save as… เป็น jpeg maximum quality ก็เป็นอันเสร็จงานครับ

—————————————————————————–

ก็เสร็จแล้วนะครับ สำหรับ tutorial นี้ผมยอมรับว่ามันโคตรจะไม่ละเอียด แต่ illustrator ก็เป็นโปรแกรมที่มีรายละเอียดค่อนข้างเยอะเหมือนกันจะใส่ทุกอย่างในโพสท์เดียวคงเป็นไปไม่ได้ สิ่งที่ผมเขียนวันนี้ แค่เป็นแนวทางในการใช้งาน และจะได้รู้ว่าถ้าจะไปอ่านเพิ่มเติมเองควรจะอ่านตรงไหนบ้าง จะได้ไม่เสียเวลามาก

ถูกผิดยังไงถ้ามีผู้รู้ผ่านมาก็ขอคำชี้แนะด้วยนะครับ โปรแกรมนี้ผมเองก็ยังใช้ไม่ค่อยเป็นหรอกครับ แหะๆ

ขอบคุณครับ

จบครับ

—————————————————————————–

ปล.
-ไม่ได้ว่าง แต่เขาแข่งฟุตบอลกันใต้หอเลยอ่านหนังสือไม่ได้ (ข้ออ้าง) + ยังอยู่ในกำหนดเวลาพักอยู่ มีสิทธิ์ๆ ก็เลยมาอัพรอเขาแข่งเสร็จเดี๋ยวไปอ่านหนังสือต่อ 55+ (จริงๆก็แอบอยากดูอยู่น้า >_<) (อันนี้ของเมื่อวาน)
-เป็นโพสท์แรกที่ใช้เวลาอัพสองวัน ค้นพบว่าจากนี้ไปตัวผมเองคงต้องหัดแบ่งงานไปทำหลายๆวันแล้วไม่ใช่นั่งทำใส่เอาๆจนมันรวดเดียวเสร็จ
-สงสัยตรงไหนถามได้นะครับ แต่ไม่รู้จะตอบหรือเปล่า 55+ สอบครับๆ (ข้ออ้าง)
-tutorial ครั้งแรกในรอบ เอ่อ…นานมาก - -

Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.

• 
• 
• 
• 
• 

Category: My Tutorial

• Add this post to
• Del.icio.us -
• Meneame -
• Digg

Name (required)

Mail (will not be published) (required)

Website

XHTML: สามารถใช้ tags ต่อไปนี้ได้: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>
ตัวอย่างการใส่ลิ้งค์ พิมพ์เอานะครับ ถ้า copy จะไม่ติด
<a href="http://www.rathjingjing.com">Rath จริงๆนะไม่ใช่คนอื่น</a>
มันก็จะออกมาเป็นแบบนี้ Rath จริงๆนะไม่ใช่คนอื่น