Graphic Design 03.

Slides:



Advertisements
งานนำเสนอที่คล้ายกัน
มีนามสกุลของไฟล์ดังนี้ tulip.psh tulip.mpg
Advertisements

บทเรียนเรื่องการตกแต่งภาพโดย Photoshop
FONT FLOWERS การสร้างตัวอักษร ด้วยดอกไม้.
การทำ CAI จากโปรแกรม Flash cs3
วิธีทำ พื้นหลัง แบบมิติแสง โปร่งใส
for Beginning & Publishing
Microsoft Office PowerPoint 2003
Microsoft Word 2002 พุธทอง กาบบัวลอย.
1. สร้าง file ใหม่ค่ะ โดยเลือกสีเป็น RGB 2. ทำการพิมพ์ข้อความตามที่ต้องการ.
วิชาสื่อ ประสม ง แบบทดสอบกลางภาค
คู่มือการใช้งาน P OWER P OINT 2007 ฉบับนักเรียน.
เรื่อง การประยุกต์ใช้ : ลูกเล่นโฟโต้ช๊อป
การแทรกหัวข้อย่อยและเลขลำดับ
เรื่อง การประยุกต์ใช้ : โปสการ์ด/กรอบรูป
เตรียมเอกสารประกอบการนำเสนอ
การวาดและการทำงานกับวัตถุ
By…Porta Boonyatearana
Microsoft Word XP โดย พิสมัย น้ำจันทร์.
การสร้างตาราง Click mouse ที่ปุ่ม จะปรากฏช่องสี่เหลี่ยมแสดง
การสร้างเงาจากรูปวัตถุ
การตกแต่งสไลด์ 11 กรกฎาคม 2550.
21. การกำหนดขอบเขตของภาพ (1 จาก 5)
แก้ไขปรับปรุง Form.
การสร้างภาพเคลื่อนไหว
การพิมพ์รายงาน / วิทยานิพนธ์
การสร้างพื้นหลัง (Background)
โปรแกรมกราฟิก illustrator cs3
เริ่มต้น Photoshop CS5.
การประดิษฐ์ตัวอักษร (ตอนที่ 2.1)
โปรแกรม DeskTopAuthor
การใช้งานโปรแกรม Microsoft Word 2003
การใส่ภาพลงบน Work Sheet...
การแปลงข้อมูลใน Excel เป็นฐานข้อมูลใน Access
วาดภาพสวยด้วย Paint.
การปรับแต่งกราฟฟิกภาพ,สี,Effect ด้วยโปรแกรม Adobe Photoshop CS
จุดประสงค์การเรียนรู้
วิธีการสร้างตัวอักษรไฟ
การแทรกรูปภาพ บนเว็บเพจ.
การใช้สไตล์และเท็มเพลตสำเร็จรูป
การแต่งรูปภาพด้วยโปรแกรม
การเลือกและปรับรูปทรงวัตถุ การเลือกและปรับรูปทรงวัตถุ
รู้จักกับTimeline, Layer และ Scene รู้จักกับTimeline, Layer และ Scene
Microsoft Word Printing
Microsoft Word ReportCreater
บทที่ 4 Power Point ขั้นตอนการทำสไลด์ รายละเอียดหน้าจอของ Power Point
บทที่ 3 การทำงานกับฟอร์ม (Form)
บทที่ 3 การทำงานกับฟอร์ม (Form)
วาดรูปด้วย Paint ชั้นประถมศึกษาปีที่ 3
การทำ Link E-book.
คู่มือการใช้งาน P OWER P OINT 2007 ฉบับนักเรียน.
พื้นฐานเกี่ยวกับโปรแกรม Flash CS3
เทคนิควิธี การซ้อนภาพให้ดูเนียน ด้วย โปรแกรม PhotoShop
Tip & Trick ตัดต่อ และซ้อนภาพ ปรับแต่งภาพให้สีสันสดใส
รายวิชา คอมพิวเตอร์กราฟิก
ชั้นมัธยมศึกษาปีที่ 2 ผู้สอน นายกฤษชนะ สิงคาร
เริ่มต้น Photoshop CS5.
1. น. ส. ธิติยา มั่นแย้ม คพ.2.5 เลขที่ 10 มีหน้าที่หาภาพ ออกแบบ หน้ากล่องซีดี และทำ powerpoint 2. น. ส. ภันทิลา เภาคำ คพ.2.5 เลขที่ 13 มีหน้าที่แต่งภาพ.
ภาพนี้ชื่อว่าอะไร ? ก. แถบเมนูบาร์
การกำหนดเทคนิคให้กับสไลด์
Adobe Photoshop เทคนิคพิเศษ และฟิลเตอร์
และการทำงานกับตัวอักษร
มารู้จัก Layer กัน.
บทที่ สร้างงานเอกสารและการแก้ไข
เรื่อง การประยุกต์ใช้ : การม้วน ขอบภาพ / รุ้ง ใบความรู้ โดย..... ครูนิ่มอนงค์ เดชภูงา โรงเรียนศรีปทุมพิทยาคม สำนักงานเขตพื้นที่การศึกษามัธยมศึกษา เขต 33.
การสร้างสื่ออิเล็กทรอนิกส์ด้วยโปรแกรม CONTERT AUTHORING
การสร้างข้อความลงแผ่นสไลด์
ความรู้เบื้องต้น เกี่ยวกับโปรแกรม
เทคนิคการใช้ โปรแกรมเพาเวอร์พอยต์
การทำอนิเมชั่นในโปรแกรม Photoshop
อ. สถิตย์ กังวานณรงค์กุล โรงเรียนมัธยมวัดนายโรง ชั้นมัธยมศึกษาปีที่ 2 วันที่ 1 มิถุนายน 2556 TEXT_LOGO.
ใบสำเนางานนำเสนอ:

Graphic Design 03

สร้างตัวหนังสือแบบเงาสะท้อน (Photoshop Text Reflection)

ขั้นตอนที่ 1. เริ่มสร้างตัวอักษร ขนาดชิ้นงาน 300 x 300 px พิมพ์ตัวหนังสือที่ต้องการให้สะท้อนใส่ลงไป ขั้นตอนที่ 2. แต่งรายละเอียด โดยสามารถตกแต่งใส่สีให้ตัวอักษรและพื้นหลังได้ตามต้องการ

ขั้นตอนที่ 3. คัดลอกเลเยอร์ คัดลอกเลเยอร์ "Text" เพิ่ม ตั้งชื่อเลเยอร์ที่เพิ่มขึ้นใหม่นี้ว่า "Reflect"

ขั้นตอนที่ 4. กลับด้านตัวอักษร ให้สั่งกลับด้านตัวอักษร โดยให้ไปที่เลเยอร์ "Reflect" แล้วเลือก Edit > Transform > Flip Vertical

ขั้นตอนที่ 5. ย้ายตำแหน่งเงาสะท้อน จากนั้นขยับเลเยอร์ "Reflect" ให้เลื่อนลงมาด้านล่างไปอยู่ใต้ตัวอักษร ของเลเยอร์ "Text" โดยเว้นระยะห่างระหว่างกันเล็กน้อย 

ขั้นตอนที่ 6. สร้างหน้ากากให้เลเยอร์ "Reflect" แล้วเลือก "Add Vector Mask" จะพบว่าเกิด "Layer Mask Thumbnail" ปรากฏขึ้นมาด้านข้าง

ขั้นตอนที่ 7. ไล่สีหน้ากากเลเยอร์ ขั้นตอนที่ 7. ไล่สีหน้ากากเลเยอร์ ไปที่ "Layer Mask"  จากนั้นเลือกที่ "Gradeint Tool" ตั้งค่า Foreground เป็นสีขาวและ Background เป็นสีดำแล้วลากไล่สีจากบนลงล่าง ในตัวอย่างอันนี้ได้ลากไล่สีจากบริเวณตรงกลางของตัวอักษรด้านบน ไปจนถึงตรงกลางของตัวอักษรที่กลับหัวดังรูป

ขั้นตอนที่ 8. ตรวจสอบผลงาน ความเข้มของเงาสะท้อนในเลเยอร์ "Reflect" ที่มีอยู่จะจางลง ซึ่งถ้ายัง ไม่ดีพอก็สามารถลาก "Gradeint Tool" ไล่สีทับลงไปที่ "Layer Mask" อันเดิมได้เรื่อยๆ จนกว่าจะพอใจ

อักษรนูนด้วยการขยับเลเยอร์ (Pixel Bevel Text)

ขั้นตอนที่ 1. สร้างไฟล์ Photoshop ขึ้นมาขนาดเท่าไรก็ได้ โดยในตัวอย่างนี้ ใช้ขนาด 300x300 เทพื้นหลังเป็นสีเทา แล้วพิมพ์ตัวอักษรลงไป

เลเยอร์ตัวอักษรตรงกลาง : สีเทาอ่อน (bababa) ขั้นตอนที่ 2. คัดลอกเลเยอร์ตัวอักษรที่ทำไว้เพิ่มอีก 2 เลเยอร์ จากนั้นใส่สี ของตัวอักษรในแต่ละเลเยอร์ดังนี้ เลเยอร์ตัวอักษรด้านบนสุด : สีเทาปานกลาง (828282) เลเยอร์ตัวอักษรตรงกลาง :  สีเทาอ่อน (bababa) เลเยอร์ตัวอักษรด้านหลัง : สีเทาเข้ม (222222) 828282 bababa 222222

ขั้นตอนที่ 3. ขยับตำแหน่งเลเยอร์ตัวอักษรดังนี้ เลเยอร์ตัวอักษรด้านบนสุด : ปล่อยไว้เฉยๆ ไม่ต้องขยับย้ายตำแหน่ง เลเยอร์ตัวอักษรตรงกลาง : ขยับเลื่อนไปทาง ด้านซ้ายและด้านบน เล็กน้อย เลเยอร์ตัวอักษรด้านล่าง : ขยับเลื่อนไปทาง ด้านขวาและด้านล่าง เล็กน้อย

ทำขอบตัวอักษร 2 ชั้น

ขั้นตอนที่ 1 เปิดหน้ากระดาษขึ้นมาและพิมพ์ข้อความที่ต้องการลงไป เปลี่ยน Font เปลี่ยนสีได้ตามต้องการ แล้วคลิก Add a layer style ที่ด้านล่าง ของหน้าต่าง Layer เลือก Storke

ขั้นตอนที่ 2 เลือกสีของเส้นและขนาด ในที่นี้เลือกเส้นขอบสีขาว และขนาด 6 ซึ่งในรูปจะมองไม่เห็นเส้นเพราะ background ก็เป็นสีขาว ปรับเสร็จแล้วกด OK

ขั้นตอนที่ 3 คลิกขวาที่ Layer ตัวอักษรแล้วเลือก Group into New Smart Object สังเกตลักษณะของ Layer จะเปลี่ยนไป

ขั้นตอนที่ 4 คลิกขวาที่ Layer เดิมอีกครั้งเลือก Rasterize Layer ลักษณะของ Layer จะกลายเป็นเหมือน Layer ปกติแล้ว

ขั้นตอนที่ 5 Add a layer style อีกครั้งแล้วเลือก Stroke ทำการปรับค่าสีและ ขนาดของเส้นเหมือนเดิมก็เสร็จสมบูรณ์ กับตัวอักษรแบบมีขอบสองชั้น

ภาพขอบหยัก (Distort Ripple Frame)

ขั้นตอนที่ 1. เปิดไฟล์ภาพที่ต้องการขึ้นมา จากนั้นกดปุ่ม <Ctrl+A> เพื่อสร้าง Selection

เลือก Select > Transform Selection

ขั้นตอนที่ 3. คลิกปุ่ม Edit in Quick Mask Mode เพื่อทำงานในโหมด Quick Mask Mode'

ขั้นตอนที่ 4. คลิกเมนู Filter > Distort > Ripple... จากนั้นตั้งค่า Amount = 460% ยิ่งใส่ค่า Amout สูงจะทำให้ขอบรูปมีความหยักมาก Size = Large

ขั้นตอนที่ 5. คลิกปุ่ม Edit in Standard Mode เพื่อกลับไปทำงานใน Quick Standard Mode หรือโหมดปกติ

ขั้นตอนที่ 6. คลิกปุ่ม Select > Inverse เพื่อกลับด้าน Selection แล้วสร้างเลเยอร์ขึ้นใหม่ โดยวางไว้อยู่เหนือเลเยอร์รูปภาพ

ขั้นตอนที่ 7. เทสีขาว ลงไปในเลเยอร์ขึ้นที่ถูกสร้างขึ้นมาใหม่ จากนั้นกดปุ่ม <Ctrl+D> บนคีย์บอร์ดเพื่อสั่ง Deselect ก็เสร็จแล้ว

ออกแบบปกหนังสือ ปกหนังสือ ขนาด A5 หน้าหลังติดกัน โดยมี สันประมาณ 20 mm และต้อง มีกรอบเผื่อตัดตกประมาณ 3 -5 mm

View > New Guide >Vertical

เซ็ตอีก 3 ครั้ง

เซ็ตอีก 2 ครั้ง

ออกแบบปกนิตยสาร แต่งบ้าน / ท่องเที่ยว / เทคโนโลยี / แฟชั่น ออกแบบปกนิยาย เรื่อง โรงงานช็อกโกแลต/ ตุ๊กตาเริงระบำ / ผีเสื้อกับดอกไม้ ออกแบบปกหนังสือ การ์ตูน