freakidea Web Design Home News Tutorial Web gallery Services Downloads Store Tips Contact Site map

Give Your Photos a Retro Comic Book Effect

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

คลิกภาพด้านล่างเพื่อดูผลลัพธ์ในขนาดที่ใหญ่

Old halftone print effect

ดาวน์โหลดและเปิิดภาพนี้ในโฟโต้ช้อป และตอนนี้เราจะมาปรับความเหมาะสมของ Contrast
ไปที่ IMAGE > ADJUSTMENTS > LEVELS… ในภาพนี้เราจะเซ็ต INPUT LEVELS ที่ 60/1.00/220 แต่นี่เป็นแค่ตัวอย่าง คุณสามารถปรับรูปอื่นๆ ได้ตามชอบใจ

ในขั้นตอนนี้เราจะทำให้รูปเป็นเหมือนรูปวาดและใส่ grain เพื่อทำให้ภาพดูเก่าและดูเหมือนความละเอียดต่ำ โดยไปที่ FILTERS > ARTISTIC > FILM GRAIN ในกรณีนี้เราจะใช้ GRAIN: 4, HIGHLIGHT AREA: 0, INTENSITY: 10 ลงปรับค่าอื่นเพื่อให้เหมาะสมกับรูปของคุณ

Duplicate เลเยอร์ใหม่และตั้งชื่อว่า HALFTONE

ในขั้นตอนนี้ ไปที่ FILTER > PIXELATE > COLOR HALFTONE.ปรับค่า MAX RADIUS: 4 ส่วนค่าอื่นๆ ปล่อยไว้เหมือนเดิม กด OK และไปที่ LAYERS PALETTE และตั้งค่า BLENDING MODE = DARKEN.

Adding comic book elements to the picture

ดับเบิ้ลคลิกเลเยอร์ HALFTONE ใส่ Stroke WIDTH: 20px, POSITION: Inside และ สี #F5ECE1.

สร้างเลเยอร์ใหม่และวาสี่เหลี่ยมผืนผ้าเล็กๆไว้ที่มุมซ้ายของภาพ ใส่ค่า STROKE = 3 pixels และลงสีเป็นสีส้ม. หรือไล่สี gradient ส้มกับเหลืองอาจจะดูดีขึ้น. วาดสี่เหลี่ยมอีกรูปหนึ่ง ขนาดใหญ่กว่าเดิมเล็กน้อยไว้ที่มุมขวาล่าง, ใส่ค่า STROKE = 3 pixels และใส่สีขาว จะได้ดังภาพด้านล่าง :

ต่อมาใส่กรอบให้กับภาพและสร้างเลเยอร์ใหม่ให้อยู่บนเลเยอร์สี่เหลี่ยมที่พึ่งสร้างขึ้น เลือก RECTANGLE SELECTION TOOL จาก TOOLS PALETTE. ลากซีเลคชั่นจากมุมบนซ้ายไปยังมุมขวาล่างให้พอดีกับรูป

ไปที่ EDIT > STROKE, ปรับ WIDTH: 4px, สี: ดำ, ตำแหน่งกึ่งกลาง และกด OK.

ยกเลิกซีเลคชั่นและไปที่ FILTER > BLUR > BLUR MORE. ต่อมาไปที่ FILTER > DISTORT > RIPPLE… (เลือก Amount 20%, Size Medium). เพิ่มความคมชัดโดยไปที่ FILTER > SHARPEN MORE และคุณจะได้กรอบที่สวยงาม

Adding captions using a comic book font

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

ใช้ Digital Strip font ซึ่งคุณได้ดาวน์โหลดมา พิมวัยที่ลงบนสี่เหลี่ยมสีส้ม ใส่ลูกเล่นให้กับอักษรตัวแรกด้วยสโตรกและเงา และสีที่สวยงาม

และใส่คำบรรยายภาพที่สี่เหลี่ยมด้านขวาล่าง จะใส่ตัวหนาให้กับตัวอักษรก็ทำให้ดูน่าสนใจมากขึ้น

หลังจากเสร็จสิ้น คุณจะได้ภาพดังด้านล่าง:

Adding other comic book elements to your photos

ถ้าคุณต้องการศึกษาเกี่ยวกับการออกแบบหนังสือการ์ตูน สามารถไปที่ Comic Book Fonts หรือBalloon Tales เพื่อเป็นแรงบันดาลใจ Balloon Tales ได้เขียนบทความ comic book lettering tutorial ถ้าคุณต้องการทำซาวนด์เอฟเฟ็กต์ มีหนังสือมากมายเกี่ยวกับการออกแบบหนังสือ

ดังตัวอย่าง ผมได้ทำ 2 รุป ซึ่งมีกรอบคำพูดและเสียงประกอบ

Click on the images to see a larger and uncompressed version of each one

เว็บไซต์ฟ้อนต์และของฟรีต่างสำหรับการออกแบบหนังสือการ์ตูน

free comic book fonts
FREE FONTS: Blambot
comic book sound effects
FREE SOUND FX CLIPART: Blambot
comic book balloons
FREE COMIC BOOK BALLOONS: Blambot
Comic book lettering and tutorials
TIPS AND TUTORIALS:
Balloon Tales
Comic book font
FONT:
Zoom
Comic book font
FONT:
Braaains
 
3D Effects
3rd Party Plugins
Animation
Basic Help and Navigation
Brushes
Buttons and Interfaces
Color Application
Drawing
Filter Tricks
Forum Sigs
Icon Creation
Miscellaneous Tips
Photo Editing
Pixel Art
Poster and Ad Design Tips
Printed Media
Special Effects
Text Effects
Textures and Tiles
Website Banners and Images
Website Layouts
 
สนใจโฆษณา 2000/เดือน
ติดต่อ artidez@hotmail.com
 
 
 
 
 
 
 
 
 
FreakIDeA Community 7/3 ม.2 เพชรเกษม 112 หนองค้างพลู หนองแขม กทม 10160
Tel. 08-4101-9628, 026417272 E-mail/MSN : artidez@hotmail.com
web designed by IDeZMaX