SiamWebCity.com รับสร้างเว็บไซต์ครบวงจร
เลือกภาษา ภาษาอังกฤษ   
หน้าแรก
web
โปรโมทเว็บ
web
รับทำเว็บไซต์
web
สอนทำเว็บ
web
Domain 299บ.
web
ติดต่อเรา
web
 
รับทำเว็บไซต์ครบวงจร รับพัฒนาแอพพลิเคชั่น สำหรับ Facebook iPad iPhone Android รับอบรมการสร้างเว็บไซต์ โปรโมทเว็บไซต์ ดูแลเว็บไซต์ แก้ไขเว็บไซต์ : เริ่มต้นติดต่อที่เรา ที่เหลือเราเป็นผู้จัดการเพื่อท่าน : เราเป็นมากกว่าเครื่องมือที่ช่วยฝ่าวิกฤตเศรษฐกิจ
รายการ
เกี่ยวกับเรา
ทำไมต้องเลือกเรา
ผลงานที่ผ่านมา
เตรียมตัวก่อนทำเว็บ
รับดูแลเว็บไซต์
แอพ Facebook iPhone
โปรแกรมmlm สำเร็จรูป
เช่าโฮสติง
บริการหลังการขาย
เงื่อนไขการรับบริการ
ร่วมงานกับเรา
คำถามที่พบบ่อย
ติดต่อเรา

ฟรีบทความ
คู่มือการใช้งาน  คู่มือการใช้งาน
VDO สอน Dreamweaver  VDO สอน Dreamweaver
Bitcoin บิทคอยน์  Bitcoin บิทคอยน์
PHP MySQL  VDO  เบื้องต้น  PHP MySQL VDO เบื้องต้น
PHP MySQL  เกร็ดความรู้  PHP MySQL เกร็ดความรู้
jQuery  jQuery
HTML5  HTML5
ASP net   MS SQL  ASP net MS SQL
facebook app  facebook app
JSP  JSP
Oracle  Oracle
CSS  CSS
Google  Google
iphone ipad iphone itune ios  iphone ipad iphone itune ios
SEO  SEO
SQL Server  SQL Server
AJAX  AJAX
รดน้ำอัตโนมัติ  สปริงเกอร์  รดน้ำอัตโนมัติ สปริงเกอร์
คอมพิวเตอร์   อินเตอร์เน็ต  คอมพิวเตอร์ อินเตอร์เน็ต
JavaScripts  JavaScripts
cloud computing  cloud computing
xhtml  xhtml
Photoshop  Photoshop
RSS Feed  RSS Feed
wordpress  wordpress
Computer  Computer
MLM ขายตรง ขยายสายงาน  MLM ขายตรง ขยายสายงาน
NUTT's blog  NUTT's blog
ทีวีดิจิตอล DVB T2  ทีวีดิจิตอล DVB T2
Bootstrap CSS  Bootstrap CSS

รับสอน PHP, MySQL, HTML, CSS, Javascripts, FTP, Dreamweaver,PHPMyAdmin, Appserv, WMSEVER, php-Nuke , Joomla, SMF, Oscommerce, Phpbb, Paypal, Adwordsมาเรียนการสร้างเว็บกัน
บริการสอน แนะนำ Adwords , PHP, MySQL, HTML, FTP, SMF, PHPMyAdmin, Dreamweaver, Oscommerce, Photoshop, Flash...

test speed
Display Pagerank
ดูสถิติเว็บไซต์

สร้างตัวอักษรแบบลูกกวาด ด้วยการใช้ Layer Style



Photoshop > สร้างตัวอักษรแบบลูกกวาด ด้วยการใช้ Layer Style


บทความ Photoshop บทความนี้ จะเป็นการใส่ลูกเล่นให้กับข้อความ ด้วยการใช้ Layer Style จนทำให้ข้อความธรรมดา ๆ กลายเป็นข้อความที่ดูดี และน่าสนใจ สไตล์ลูกกวาดหวานแหว๋ว มีวิธีการทำอย่างไร ศึกษาได้จากบทความนี้

     
 
 
     

บทความนี้เราจะมาใช้โปรแกรม Photoshop ใส่ Layer Style ให้ข้อความที่เราสร้างขึ้น จนได้ผลลัพธ์ตามภาพที่ 1

ขั้นตอนที่ 1 ขั้นตอนแรกเลยก็ให้เปิดโปรแกรม Photoshop ขึ้นมาจากนั้นสร้างไฟล์ใหม่ โดยใช้คำสั่ง File --> New เลือก Background ของชิ้นงานที่จะสร้างให้เป็นสีขาว จากนั้นเมื่อได้ชิ้นงานมาแล้ว ให้เลือกใช้เครื่องมือ Type Tool แล้วทำการเลือกสี Foreground เป็นสีเขียวตามภาพที่ 1 (ใช้เครื่องมือ Eyedropper tool ดูดสีเอาจากภาพในบทความได้เลยค่ะ Eyedropper tool คือเครื่องมือที่อยู่บน เครื่องมือที่เป็นรูปแว่น) จากนั้นพิมพ์ข้อความที่เราต้องการจะสร้างค่ะ (ในที่นี้สร้างในพื้นที่ความกว้าง 360 px. เน้นรูปแบบตัว Font ที่มีความหนาเยอะ ๆ เวลาใส่ Style จะได้เห็นได้ชัดเจน ตามภาพใช้ Font BlueStone ขนาด 85 pt.)

ขั้นตอนที่ 2 เมื่อสร้างข้อความได้แล้ว ขั้นตอนต่อมา ก็ให้คลิกที่ Layer ข้อความที่เราสร้างขึ้น จากนั้นใช้คำสั่ง Layer --> Layer Style --> Blending Options ... เพื่อเรียกใช้งาน Layer Style เริ่มต้นกันด้วยอันดับแรก การใส่ Drop Shadow โดยคลิกทำเครื่องหมายถูกที่ด้านหน้า Drop Shadow ตามภาพที่ตำแหน่งที่ 2 จากนั้นคลิกที่ Drop Shadow แล้วกำหนดค่าต่าง ๆ ตามข้อมูลฝั่งขวามือ ซึ่งขั้นตอนนี้จะเป็นการใส่เงาด้านล่างให้กับข้อความที่เราสร้างขึ้น

 
 
     

ขั้นตอนที่ 3 จากนั้นต่อมาเราจะใส่ Style ในส่วนของ Inner Shadow ซึ่งก็คือการใส่เงาด้านในของข้อความ ให้ทำการโดยคลิกทำเครื่องหมายถูกที่ด้านหน้า Inner Shadow ตามภาพที่ตำแหน่งที่ 3 คลิกที่ Inner Shadow แ้ล้วกำหนดค่าต่าง ๆ ตามข้อมูลด้านขวามือ

ขั้นตอนที่ 4 ต่อมาเราจะทำการใส่ Style ในส่วนของ Outer Glow ซึ่งเป็นการใส่แสงเรือง ๆ ให้กัีบบริเวณด้านนอกของข้อความ โดยการคลิกทำเครื่องหมายถูกที่ด้านหน้า Outer Glow ตามภาพที่ตำแหน่งที่ 4 คลิกที่ Outer Glow แ้ล้วกำหนดค่าต่าง ๆ ตามข้อมูลด้านขวามือ

 
 
     

ขั้นตอนที่ 5 ต่อมาเราจะทำการใส่ Style ในส่วนของ Inner Glow ซึ่งเป็นการใส่แสงเรือง ๆ ให้กัีบบริเวณด้านในของข้อความ โดยการคลิกทำเครื่องหมายถูกที่ด้านหน้า Inner Glow ตามภาพที่ตำแหน่งที่ 5 คลิกที่ Inner Glow แ้ล้วกำหนดค่าต่าง ๆ ตามข้อมูลด้านขวามือ

ขั้นตอนที่ 6 ต่อมาเราจะทำการใส่ Style ในส่วนของ Bevel and Emboss ซึ่งเป็นรอยบากรอยนูนของข้อความ โดยการคลิกทำเครื่องหมายถูกที่ด้านหน้า Bevel and Emboss ตามภาพที่ตำแหน่งที่ 6 คลิกที่ Bevel and Emboss แ้ล้วกำหนดค่าต่าง ๆ ตามข้อมูลด้านขวามือ

 
 
     

ขั้นตอนที่ 7 ต่อมาเราจะทำการใส่ Style ในส่วนของ Contour ของ Bevel and Emboss เพื่อกำหนดลัษณ์ความสูงต่ำของการนูนของข้อความ โดยการคลิกทำเครื่องหมายถูกที่ด้านหน้า Contour ตามภาพที่ตำแหน่งที่ 7 คลิกที่ Contour แ้ล้วกำหนดค่าต่าง ๆ ตามข้อมูลด้านขวามือ

ขั้นตอนที่ 8 ซึ่งเป็นขั้นตอนสุดท้าย ทำการใส่ Style ในส่วนของ Satin เพื่อใส่สีเลื่อมเงาภายในตัวข้อความ โดยการคลิกทำเครื่องหมายถูกที่ด้านหน้า Satin ตามภาพที่ตำแหน่งที่ 7 คลิกที่ Contour แ้ล้วกำหนดค่าต่าง ๆ ตามข้อมูลด้านขวามือ จากนั้นคลิก OK ก็จะได้ผลลัพธ์ตามภาพที่ 1

 
 
     

สำหรับวัตถุประสงค์ของการสอนการใช้งาน โปรแกรม Photoshop ในบทความนี้ ก็เพื่อให้ข้อมูลเกี่ยวกับการใช้ Layer Style ของโปรแกรม Photoshop ซึ่งมีความยืดหยุ่น เราสามารถกำหนด Style แต่ละตัว ให้ได้ออกมาเป็นข้อความลักษณะต่าง ๆ ได้หลากหลาย ลองเอาไปลองเล่นกันดูนะค่ะ (ลองปรับแต่งแก้ไข Style ดูค่ะ โดยดับเบิ้ลคลิกที่ Layer ข้อความ เพื่อเรียก Layer Style ขึ้นมาค่ะ)

สำหรับการใช้ Style นั้น จริง ๆ เราเคยลองใช้กันไปบ้างแล้วในส่วนของบทความ "การทำตัวอักษรสีทอง" และอีกหลาย ๆ บทความ ที่เป็นการสร้างข้อความตัวอักษร นอกจากนี้แล้ว เราก็ยังเคยใช้ Style สำเร็จที่มีอยู่ใน โปรแกรม Photoshop ไปแล้วด้วย นั้นก็คือบทความ "สร้างปุ่มแบบง่าย ๆ ด้วย Style (แบบที่ 2)" ซึ่งเราอาจจะใช้วิธีการลักษณะเดียวกันกับการสร้างปุ่ม ในการใส่ Style ให้กับข้อความก็ได้เช่นเดียวกัน แต่ที่แนะนำบทความนี้ เพราะต้องการให้เราลองปรับใช้เอง ซึ่งมีความยืดหยุ่นหลากหลายมากกว่า เพราะเราสามารถกำหนดปรับแต่ง Style ให้ออกมาได้หลายร้อยหลายหมื่นรูปแบบ ไม่ซ้ำกันเลย ลองเอาไปปรับกันดูค่ะ... เดียวบทความนี้ขอจบเท่านี้ก่อนค่ะ เพราะรู้สึกว่าจะยาวเหลือเกินค่ะ

refer: http://www.thainextstep.com/photoshop/photoshop_article.php?articlecat=2&articleid=127



Short URL click! Facebook Share
<< Back : เข้าชม 6,694 ครั้ง : ขึ้นไปด้านบน
รับโพสเว็บ รับจ้างโพสเว็บบอร์ด รับโพสเว็บไซด์ webboard Seeding รับจ้างโพสต์ โปรโมทเว็บไซต์ webUB.com



รับทำเว็บไซต์, ทำเว็บ, สร้างเว็บไซต์, รับทำเว็บ, รับออกแบบเว็บ, รับเขียนเว็บ, ออกแบบเว็บ, เว็บดีไซน์, รับสร้างเว็บ, เขียนเว็บไซต์, เว็บ, บริษัท ทำเว็บ, บริษัท สร้างเว็บ, บริษัท ออกแบบเว็บ, บริษัท เขียนเว็บ, ผลงานเว็บ, โฮสติ้ง,Design,Web,เว็บ,เว็บ โฮสติ้ง,เว็ป,โฮสติ้ง ราคาถูก,เว็บไซต์,จดโดเมน,เว็บโฮสติ้ง,Web Download,Web PHP,Flash MX,Graphic Design,Search Engine, Web, Design, Web Host,Web Hosting,Web Page,เขียนเว็บ,เขียนเว็บไซต์,จัดทำเว็บ,จัดทำเว็บไซต์,ทำเว็บ,ทำเว็บไซต์, โปรโมทเว็บ,ฟรี เว็บ,รับเขียนเว็บ,รับทำเว็บ,รับทำเว็บไซต์,รับออกแบบเว็บ,รับออกแบบเว็บไซ ต์,เว็บ สำเร็จรูป,เว็บดีไซน์,เว็ปไซต์, สร้างเว็บ,สร้างเว็บไซต์,ออกแบบ เว็บไซต์,ออกแบบเว็บ,ออกแบบเว็บไซต์,เขียนโปรแกรม,บริการเว็บโฮสติ้ง,ประชา สัมพันธ์เว็บ,รับจัดทำเว็บไซต์,รับสร้างเว็บ,เว็บโปรแกรม,เว็บสวย, บริการจัดทำเว็บไซต์,บริษัทรับจัดทำเว็บไซต์,ให้บริการจัดทำเว็บไซต์, มีประสบการณ์การจัดทำเว็บไซต์, งานบริการเว็บไซต์,ผลงานการเว็บไซต์,ผลงานเว็บไซต์,เว็บไซต์,เว็บไซต์ ปรัชญา "พอเพียง",เว็บไซต์ราคาที่ยุติธรรม,เว็บไซต์ระบบมาตรฐาน,เว็บไซต์ทุกงาน, เว็บไซต์ธุรกิจ, โปรโมทเว็บ,ประชาสัมพันธ์เว็บ,เว็บ,ออกแบบเว็บ,เขียนโปรแกรม,สร้างเว็บ,ออก แบบเว็บไซต์,ทำเว็บ,เว็บสวย,เขียนเว็บไซต์,ทำเว็บไซต์,รับทำเว็บ,รับออกแบบ เว็บ,เขียนเว็บ,รับเขียนเว็บ,รับทำเว็บไซต์,รับจัดทำเว็บไซต์,เว็บโฮสติ้ง, จัดทำเว็บ,เว็บโปรแกรม,เว็บไซต์,เว็บดีไซน์,รับออกแบบเว็บไซต์,สร้างเว็บไซ ต์,เว็บ,จดโดเมน,บริการเว็บโฮสติ้ง,จัดทำเว็บไซต์,โปรแกรมคอมพิวเตอร์

รับทำเว็บไซต์ : โปรโมทเว็บไซต์ : รับเขียนโปรแกรม : สอนสร้างเว็บ : จด Domain name 299บ. : เช่า Hosting : บริการดูแลเว็บไซต์ : รับซื้อ ขาย Rolex : Sitemap.xml
สปริงเกอร์

ข้อสอบ คลังข้อสอบ ระบบข้อสอบ โปรแกรมข้อสอบ ฟรี Exam.in.th
เว็บไซต์ในเครือข่าย: SiamWebCity.com webUB.com EXAM.in.th ข้อสอบ.ไทย ไอเดียแต่งบ้าน homeEST.com
Copyright © 2009-2019 SiamWebCity.COM. ® All rights reserved. หมายเลขทะเบียนประกอบพานิชย์อิเลคทรอนิกส์ : 0447314800321
E-mail, Google Talk : admin [at] siamwebcity.com, Skype: SiamWebCity.com
ขึ้นไปด้านบน