Ps - การออกแบบบัตรเครดิต บัตรสมาชิกด้วย Photoshop

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

 เริ่มกันที่สร้าง Artwork ก่อนครับ (ขนาดของนามบัตรจะเป็น 9cm X 5.5cm)กำหนดตามมตัวอย่างเลยครับ เพราะต้องการที่จะนำไปปริ้น ค่าความละเอียดเลยต้องเป็น 300dpi

 หลังจากได้ Artwork แล้วก็ใส่การไล่สีพื่นหลังกันหน่อยครับ

 หลังจากนั้นให้นำลายเข้ามาใช้ในการตกแต่ง ในที่นี่ผมทำลายน้ำใน ai (ลายน้ำนี่ผมจะ uplink ให้โหลดเอาไปใช้กันครับ)

 พอเอาลายเข้ามาแล้วก็ copy เพิ่มเพื่อนำมาต่อกันครับ

 ต่อไปก็พิมพ์อักษรตามต้องการ (Font ที่ใช้ในครั้งนี่จะ Uplink ให้โหลดกันครับ) จะแบ่งเป็นอักษรธรรมดา กับ อักษรนุนที่เหมือนในบัตรเครดิตครับ

 ใช้ Font Kredit-Regolar ที่เหมือน 3มิติ การ Group Layer เพื่อทำให้สะดวกตอนที่ย้ายตำแหน่งหรือปรับแต่งง่ายขึ้นครับ

 จบ...

 อันนี่เป็น Linkload Font และ ลายน้ำ ขั้นตอนการทำบางส่วนจะไม่ได้อธิบายนะครับ คิดว่าเป็นกันแล้ว... สุดท้ายนี่ ผิดพลาดประการใด ขออภัยมา ณ ที่นี่ด้วยครับ
รับสอนคอมพิวเตอร์, 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 »