เทคนิกการใช้งาน Photoshop & Illustator

เทคนกิ การใชง้ าน &PHOTOSHOP ILLUSTATOR การทําตัวอักษรโค้ง การเพิม TEXTURE ใหก้ ับตัวอักษร

สารบญั การทําตัวอักษรโค้งดว้ ย Adobe Photoshop 1 การเพมิ Texture ใหก้ ับตัวอักษรดว้ ย Adobe Illustator 9

การทําตัวอักษรโค้งด้วย ADOBE PHOTOSHOP การนาํ ไปใชง้ าน 1.สามารถนาํ ไปออกแบบโลโก้ ใหม้ คี วามสวยงามได้ 2.เพมิ ความนา่ สนใจใหต้ ัวอักษร

เปดโปรแกรม Photoshop ไปทีเมนู File > New  แล้วปรบั แต่งค่ากระดาษได้ตามความต้องการ หากต้องการทําตัวอักษรโค้งใส่รูปภาพใหเ้ ปดภาพขึนมาด้วย โดยการลากภาพมาใส่โปรแกรม Adobe Photoshop จากนันจัดวางรูปภาพตามความเหมาะสม -2-

ในตัวอย่างนีใช ้  Ellipse Tool (วงกลม) ทีตัวเลือกด้าน บนใหเ้ ลือกเปน Path ดังตัวอย่าง วาดวงกลมใหม้ ีขนาดตามต้องการโดยใหก้ ดปุม Shift  ค้างไว้ จะทําใหว้ าดรูปวงกลมได้ง่ายขึน  - หากต้องการเลือนตําแหน่งขณะวาดวงกลมใหก้ ด ปุม Spacebar ค้างไวแ้ ล้วลือนตําแหน่งวงกลมได้ตาม ต้องการ - หากต้องการปรบั ขนาดหรอื เลือนตําแหน่งวงกลม กด Ctrl + T เมือปรบั เสรจ็ กด Enter จากนันใหค้ ลิกที แถบเมนู path จะมี layer ของ path รูปวงกลมทีวาด ขึนมาปรากฎอยู่ - หากไม่พบแถบเมนู Path ใหค้ ลิกทีเมนู Window > Path -3-

ไปทีแถบเครอื งมือแล้วคลิกเมาส์ค้างที Type Tool  จากนันใหค้ ลิกเลือก Horizontal Type Tool  แล้วปรบั แต่งค่าเลือกฟอนต์และขนาดตัวอักษร  เมือนาํ เมาส์ไปวางบรเิ วณเส้น Path วงกลมทีวาดขึนมา เคอรเ์ ซอรเ์ มาส์จะเปลียนเปนสัญลักษณ์ดังรูปด้านล่าง -4-

คลิกเมาส์ 1 ครงั และพิมพ์ตัวอักษรหรอื ข้อความ ทีต้องการลงไป ตัวอักษรทีพิมพ์จะแสดงอยู่บน เส้น Path วงกลม หากต้องการเลือนตําแหน่งข้อความใหค้ ลิกเลือก เครอื งมือ path selection tool (รูปลูกศรสีดาํ ) นาํ เมาส์ไปวางบรเิ วณข้อความเมาส์จะปรากฎเปน รูปลูกศรซา้ ย-ขวา จากนันก็คลิกเมาส์ค้างแล้วปรบั ตําแหน่งข้อความ ได้ตามใจชอบ และยังสามารถปรบั ใหต้ ัวอักษรอยู่ ข้างนอกหรอื ข้างในของวงกลมได้อีกด้วย -5-

หรอื อีกวธิ คี ือ ไปทีเมนู Edit > Transform Path เลือก Flip Vertical หรอื  Flip Horizontal Flip Vertical : พลิกแนวตัง Flip Horizontal : พลิกแนวนอน หากต้องการขยายเส้น Path รูปวงกลมใหไ้ ปทีเมนู Edit  > Free Transform Path -6-

ตัวอยา่ งการใช้ Custom Shape Tool นอกจากจะสรา้ งเส้น Path รูปวงกลมได้แล้ว ตัวอยา่ งการใช้ Path Tool ยังมีรูปแบบเส้น Path อืน ๆ อีกดังนี Rectangle Tool : รูปสีเหลียม -7- Rounded Rectangle Tool : รูปสีเหลียมมุมโค้ง Polygon Tool : รูปหกเหลียม Line Tool : เส้นตรง Custom Shape Tool : รูปทรงสาํ เรจ็ รูปอืน ๆ Path Tool : เส้นอิสระ

LEARN MORE ศึกษาเพมิ เติมไดท้ ี THAI ENG YOUTUBE https://bit.ly/2E3v8Ni https://bit.ly/2FpNx7q https://bit.ly/3mjy2yF -8-

การเพิม TEXTURE ใหก้ ับตัวอักษรด้วย ADOBE ILLUSTATOR การนาํ ไปใช้ - เพิมความน่าสนใจใหก้ ับ ตัวอักษรมากขึน - เพิมความสมจรงิ มากขึน

เลือกภาพ texture ทีเปน ขาว-ดํา โดยเลือกไฟล์ทีมขี นาดใหญ่เพยี งพอ กับรูปภาพทีเราต้องการจะ Export เปดไฟล์ Artwork ทีต้องการใส่ Texture -10-

กดปุม Make mask ในหน้าต่าง Transparency Copy(ctrl+c) ภาพ  texture จากนันกดเลือกชอ่ งด้านขวา แล้วกด วาง (ctrl+v) texture -11-

โปรแกรมจะทําการ mask  texture ลงไปใน object พนื ทีสดี ําใน texture จะทําให้ object หายไป เมอื ทําการ mask เสรจ็ แล้ว ต้องการออกจากโหมดแก้ไข ทําการคลิก ภาพ object ทางซา้ ย ในหน้าต่าง Transparency -12-

LEARN MORE ศึกษาเพมิ เติมไดท้ ี THAI ENG YOUTUBE https://bit.ly/3iQ0GFD https://bit.ly/3kpKTh2 https://bit.ly/3kprgWc -13-

จัดทําโดย 6043600327 ปณวฒั น์ เคนโยธา 6043586227 ธรี าพร พระสวา่ ง