PS - การออกแบบนามบัตรใช้เอง # Part 1

-
Hello ครั้งนี้เรามาออกแบบ และทำนามบัตรใช้กันเอง โดยใช้ Photoshop ครับ

และภาพนี่คือตัวอย่างที่จะมาทำกันครับ ผมจะแบ่งการทำงานออกเป็นส่วนๆ คือ 1.การทำพื้นหล้งของนามบัตร 2.ใส่ icon และอักษร 3.การสร้าง Templates เพื่อใช้ปริ้น ขนาดของนามบัตรจะเป็น 9x5.5cm ซึ่งเป็นขนาดที่ใช้กันทั่งไป


เริ่มต้นด้วยการทำพื้นหล้งของนามบัตร ส่วนที่ 1

ต่อด้วยพื้นหลังส่วนที่ 2 ค่อยๆอ่านที่ละขั้นตอนนะครับ

พื้นหลังส่วนที่ 3

หลังจากทำพื้นหลังทั้ง 3ส่วนเสร็จแล้ว เราทำการใส่เงาให้กับส่วนที่ 3 เพื่อที่จะทำให้ดูเหมือนเป็น 3มิติ

ขั้นตอนต่อไปคือใส่ icon และรายละเอียดต่างๆ ตกแต่งและจัดวาง ส่วนวิธีใช้ Type Tool จะไม่อธิบายนะครับเพราะเคยอธิบายไปแล้ว

หลังจากทำทุกขั้นตอนเสร็จหมดแล้วทำให้มีเลเยอร์เยอะมาก เพราะฉะนั้นเราจะรวมเลเยอร์ด้วย Group และทำ Smart Ojects (เรื่องของ Smart ojects ผมจะอธิบายอีกครั้งหนึ่งนะครับ)

ทำ Templates เพื่อปริ้นและเก็บไว้ใช้ในครั้งต่อไปครับ


สำหรับคนที่เพิ่งเริ่มต้นใช้ Photoshop อาจจะยากสักหน่อยนะครับ ค่อยๆเรียนรู้และหาเวลาใช้บ่อยๆครับแรกๆ ก็อ่านและทำตามตัวอย่างไปเรื่อยๆ พอเข้าใจมากขึ้นเราจะใช้งานได้ง่ายขึ้นครับ...สำหรับครั้งนี้ผิดพลาดประการใดขออภัยมา ณ ที่นี่ด้วยครับ



รับสอนคอมพิวเตอร์, Photoshop, Illustrator,

ความคิดเห็น

แสดงความคิดเห็น

โพสต์ยอดนิยมจากบล็อกนี้

Ps - การออกแบบโปสเตอร์ด้วยตัวเองโดยใช้ Photoshop Step by step

-
รูปภาพ
เรามาออกแบบโปสเตอร์กัน ไม่ว่าจะออกแบบอะไรเราต้องมี Final image ในความคิดของเราก่อนว่าอยากจะให้เป็นแบบไหน และจะสื่ออะไรออกไปในภาพ แต่จุดประสงค์หลักๆ ของผมคืออยากให้ทุกคนได้เรียนรู้การใช้เครื่องมือใน Photoshop ผ่านการทำงานจริง มันจะทำให้เราสามารถจดจำได้ดีกว่าวิธีอื่นๆ... ครั้งนี้เราจะมาดูวิธีทำโปสเตอร์นี้กันแบบ Step by step มาเริ่มกันเลยครับ 1-เปิดภาพที่ต้องการทำขึ้นมา จากนั้นให้ทำการไดคัดให้เรียบร้อย (การไดคัดมีหลายวิธีหนึ่งในนั้นคือ Quick Selection Tool คลิกที่ Link ด้านล่างเพื่อดูวิธีใช้) ในตัวอย่างขอข้ามวิธีไดคัดเลยแล้วกัน... การ Selection ด้วย Quick Selection Tool 2-เราต้องการเพิ่มพื้นที่ให้สูงขึ้นพอประมาณ ให้คลิงที่ Crop Tool (C) จากนั้นใช้เมาส์คลิกที่จุดตรงกลางด้านบนแล้วลากขึ้นเพื่อเพิ่มความสุงให้กับภาพตามตัวอย่าง เสร็จแล้วกด Enter 3-ให้เพิ่มเลเยอร์ใหม่แต่ให้อยู่ด้านล่างของเลเยอร์คน โดยให้กด Ctrl ค้างไว้แล้วใช้เมาส์คลิกไปที่ New Layer เราจะได้เลเยอร์ใหม่ขึ้นมาและไปอยู่ข้างล่างของเลเยอร์คน (ปกติถ้าไม่กด Ctrl ไว้ การเพิ่มเลเยอร์ใหม่มันจะอยู่ข้างบนของเลเยอร์ที่เราทำงาน
Read more »

Ai - การครอบรูปภาพใน Illustrator

-
รูปภาพ
"การ Crop รูปภาพใน Illustrator" เวลาออกแบบอะไรสักอย่าง บางครั้งเราจำเป็นต้องใช้รูปภาพเข้ามาเป็นส่วนประกอบอยู่ด้วย แต่ถ้ารูปภาพที่นำเข้ามาใช้มีขนาดที่ไม่พอดี เราจำเป็นที่จะต้องตัดบางส่วนออกก็ต้องทำการ Crop ส่วนที่ไม่ต้องออกแต่ใน Illsutrator จะเป็นการ" Clipping Mask" เป็นการซ่อนหรือบังส่วนที่ไม่ต้องการของรูปภาพเท่านั้น ไม่ได้เป็นการตัดออกจริงๆ เราจึงสามารถที่จะกลับมาแก้ไขได้ (ในตัวอย่างจะใช้ Illustrator CS5) Clipping Mask วิธีที่ 1 1-ใช้ Move tool (V) คลิกเลือกรูปภาพที่ต้องการทำ เสร็จแล้วให้ไปคลิกที่ Mask ดูในตัวอย่าง 2-จากนั้นคลิกที่มุมต่างๆแล้วลากปรับขนาดเพื่อเป็นการเลือกส่วนที่ต้องการ 3-หลังจากทำการเลือกส่วนที่ต้องการจะได้ดังตัวอย่าง แต่ถ้าต้องการแก้ไขเพิ่มเติมให้คลิกที่ Edit Clipping Path เพื่อปรับขนาดตามต้องการ 4-วิธียกเลิก Clipping Mask ให้คลิกที่รูปภาพแล้วคลิกขวาแล้วเลือก Release Clipping Mask ก็จะเป็นการยกเลิก Clipping Mask วิธีที่ 2 วิธีนี้เราสามารถที่จะสร้างกรอบที่นอกเหนือจากสี่เหลี่ยมเพื่อ Clipping Mask ได้เช่น รูปดาว สามเหลี่ยม
Read more »

ai - การทำและออกแบบนามบัตรด้วย Illustrator

-
รูปภาพ
ครั้งนี้เราจะใช้โปรแกรม Ilustrator ในการออกแบบนามบัตรกันครับ ถ้าใครไม่ค่อยใช้งานมาก่อนคงจะงงๆซะหน่อยนะครับ Illustrator ที่ผมใช้จะเป็น CS5 ซื้อมาใช้ตั้งแต่ปี 2012แล้ว ตอนนั้นยังไม่มีแบบจ่ายเป็นรายเดือนเหมือนทุกวันนี้ เลยต้องซื้อเป็นแบบ Boxset มาในราคา 18,500 บาทครับ ส่วนใหญ่ผมจะใช้ ออกแบบโลโก้, สิ่งพิมพ์ต่างๆ, งานลายเส้น, ฯลฯ...เริ่มกันเลยดีกว่า ตัวอย่างนามบัตรที่เราจะทำกันในครั้งนี้ครับ เริ่มกันแบบง่ายๆกันก่อนล่ะกัน 1-สร้าง Art work ใหม่ด้วยการ คลิกที่ File - เลือก New ให้กำหนดค่าตามในตัวอย่าง 2-คลิกที่ Rectangle tool จากนั้นให้คลิกตรง Artwork 1ครั้งจะมี popup ขึ้นมา กำหนดขนาดตามนี้ Width: 9 / Height: 5.5 cm เสร็จแล้วคลิก OK จะได้สี่เหลี่ยมตามตัวอย่าง (กด Ctrl ค้างแล้วกด +Zoom In กด-Zoom out) "ขนาด 9cm x 5.5cm จะเป็นขนาดมาตรฐานที่ใช้กัน" 3-คลิกที่ 4เหลี่ยม1ครั้งเพื่อทำงาน จากนั้นให้ค่าสีที่แถบ Color ในช่อง C=18 M=19 Y=46 K=0 ถ้าหาแถบ Color ไม่เจอให้กด F6 หรือคลิกที่ Window - Color 4-เสร็จแล้วให้ไปที่ Effect - Texture - เลือก Texturizer 4.1-ที่หน้า Text
Read more »

Ps - แต่งรูปถ่ายให้สวยสดใสด้วยโฟโต้ชอป "How to make beautiful photos by Photoshop"

-
รูปภาพ
ปกติแล้วเวลาผมจะปรับแก้ สี แสง เงา ให้กับภาพถ่ายจะใช้ Lightroom เป็นหลัก ส่วน Photoshop จะใช้รีทัชภาพเป็นหลัก แต่ก็ไม่ใช่ว่าจะใช้แก้ สี แสง เงา ไม่ได้ แต่ Lightroom ใช้ทำงานเร็วกว่า ในบางครั้งก็ใช้งานร่วมกัน เพราะบางภาพที่แต่งใน Lightroom แล้วอาจจะต้องใช้ Photoshop เก็บงานอีกที ใน Photoshop เองก็มีตัวเครื่องมืออยู่ตัวนึ่งทำงานเหมือนกับ Lightroom ชื่อว่า Camera Raw Filter ใช้งานเหมือนกับ Lightroom แต่ส่วนตัวคิดว่า Lightroom ใช้งานดีกว่า แต่ครั้งนี้จะแต่งสี แสง เงา ให้ภาพถ่ายที่ธรรมดาๆ ให้ดูสดใส ดูน่าสนใจมากขึ้นโดยที่จะใช้แต่ Photoshop อย่างเดียวและจะไม่ใช้ตัว Camera Raw Filter ที่มีใน Photoshop ด้วย เพราะบางคนที่ยังใช้เวอร์ชั่นเก่าๆ อาจจะไม่มี Camera Raw Filter ก็เป็นได้ คนที่ไม่มีจะได้ลองทำตามได้... 1-เริ่มด้วยเปิดภาพที่ต้องการทำเข้ามา จากนั้นจะตัดภาพบางส่วนออกโดยใช้ Crop (C) ขนาดที่เลือกจะเป็นแบบ 16:9 ครับ "ใครจะCropหรือไม่ก็ได้" 2-หลังจากตัดภาพเป็น 16:9 แล้ว เริ่มปรับสีกันโดยให้คลิกที่ Adjustment แล้วเลือก Color Balance จากนั้นปรับโทนสีในส่วนของ Midtones ให้ดูอุ่นๆ
Read more »