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

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

เริ่มกันที่เปิดไฟล์ นามบัตรที่ Save เป็น .psd ขึ้นมา จากนั้นให้คลิกตรงลูกศรเล็กๆตรงหน้า เลเยอร์ Group เพื่อให้แสดงเลเยอร์ที่อยู่ข้างใน แล้วให้เราใช้เมาส์ดับเบิ้ลคลิกข้างในของรูปเลเยอร์ เลเยอร์ไหนก็ได้ เหมือนในตัวอย่าง

จากนั้นเราจะเข้ามาอยู่ในส่วนของ Smart Ojects จะเห็นว่าตรงเลเยอร์จะมีส่วนประกอบของนามบัตรที่เราทำเอาไว้ในครั้งที่แล้ว รายละเอียดตามตัวอย่างเลยครับ

ในตัวอย่างผมเปลี่ยนชื่อกับชื่อเว็บ 2อย่างครับ เสร็จแล้วคลิกปิดโดยการคลิกที่กากบาทตรงแถบชื่อจะมี popup แจ้งเตือนให้กด Yes

หลังจากนั้นเราจะกลับมาหน้า Template จะเห็นว่าเราแก้ไขแค่เลเยอร์เดียวแต่ทุกเลเยอร์จะถูกแก้ไขไปด้วย ง่ายดีไหมครับที่นี่เราจะเปลี่ยนรายละเอียดอะไรก็ทำตามนี่ครับ

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