tDsigns
ยินดีต้อนรับท่านเข้าสู่ tDsigns.com

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

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

tDsigns - Design by T ที่นี่เรามอบสิ่งดีดีให้คุณ..ด้วยใจ
พื้นที่โฆษณา

เทคนิคการทำภาพ Logo แนวลายปักเสมือนจริง

อ่านหัวข้อก่อนหน้า อ่านหัวข้อถัดไป Go down

Star เทคนิคการทำภาพ Logo แนวลายปักเสมือนจริง

ตั้งหัวข้อ by TonyWins on Wed 23 May 2012, 02:25

ช่วงนี้อาจจะอัพเดต Tutorial เกี่ยวกับ Photoshop บ่อยหน่อยนะครับ ครั้งนี้ก็ขอนำเสนอเทคนิคการทำภาพแนวลายปักเสมือนจริง ซึ่งเทคนิคนี้จริงๆผมจะปล่อยเป็นตัว Template ให้ดาวน์โหลดกันไปใช้งานเลยก็ได้ เพียงแต่ถ้าท่านดาวน์โหลดมาใช้งาน ท่านก็อาจจะไม่รู้ขั้นตอนวิธีการสร้างงานซึ่งมันก็จะทำให้ท่านไม่ได้ความรู้อะไรเลย

เทคนิคการทำภาพ Logo แนวลายปักเสมือนจริง Emgroidery_Logo

ไฟล์งานประกอบตัวอย่าง

เทคนิคการทำภาพ Logo แนวลายปักเสมือนจริง Cloth-texture
cloth-texture.jpg

เทคนิคการทำภาพ Logo แนวลายปักเสมือนจริง C-GRU-Logo
C-GRU-Logo.png

เทคนิคการทำภาพ Logo แนวลายปักเสมือนจริง Emb_Pattern
Emb_Pattern.jpg

หมายเหตุ: ภาพ cloth-texture.jpg กับ C-GRU-Logo.png ให้คลิกที่ภาพเพื่อเปิดดูภาพขนาดใหญ่ จากนั้นคลิกขวาที่ภาพแล้วทำการจัดเก็บลงเครื่อง

ขั้นตอนการทำงาน

1. เปิดไฟล์ Emb_Pattern ขึ้นมา กดคีย์ Ctrl+A เพื่อเลือกพื้นที่ทั้งหมด จากนั้นใช้คำสั่ง Edit > Define Pattern เพื่อนำภาพนี้ไปเป็น Pattern ทำการตั้งชื่อให้เรียบร้อย คลิกปุ่ม OK แล้วปิดไฟล์นี้ลงไป

เทคนิคการทำภาพ Logo แนวลายปักเสมือนจริง Emb_logo00

2. สร้างงานใหม่ขึ้นมาขนาด 1024 x 768, 300 ppi, RGB, White

เทคนิคการทำภาพ Logo แนวลายปักเสมือนจริง Emb_logo01

3. เปิดไฟล์ cloth-texture ขึ้นมา ทำการคัดลอกมาวางไว้เป็นเลเยอร์ใหม่

เทคนิคการทำภาพ Logo แนวลายปักเสมือนจริง Emb_logo02

4. กดคีย์ Ctrl+E เพื่อรวมเลเยอร์ จากนั้นคลิกขวาที่เลเยอร์ Background แล้วเลือกคำสั่ง Convert to Smart Object

เทคนิคการทำภาพ Logo แนวลายปักเสมือนจริง Emb_logo03

5. นำภาพโลโก้ที่ต้องการมาวางเป็นเลเยอร์ใหม่ ตั้งชื่อเป็น Logo (ภาพที่นำมาใช้ควรจะเป็นภาพโลโก้ที่ไม่มีพื้นหลัง หรือจะนำภาพโลโก้ที่ผมเตรียมไว้ให้นำมาทดลองทำตามก่อนก็ได้ครับ) แล้วจัดการเปลี่ยนเลเยอร์ให้เป็น Smart Object

เทคนิคการทำภาพ Logo แนวลายปักเสมือนจริง Emb_logo04

6. จัดวางตำแหน่งและปรับขนาดของโลโก้ตามต้องการ ตรงนี้เราจะจัดวางคร่าวๆก่อน

เทคนิคการทำภาพ Logo แนวลายปักเสมือนจริง Emb_logo05

7. เลือกเลเยอร์ทั้ง 2 เลเยอร์ จากนั้นใช้คำสั่ง Edit > Transform > Perspective ค่อยๆทำการปรับภาพโดยคลิกตามจุดต่างๆแล้วลากปรับภาพให้ดูมีความตื้นลึกมีมิติ

เทคนิคการทำภาพ Logo แนวลายปักเสมือนจริง Emb_logo06

8. เลือกเลเยอร์ Background กดคีย์ Ctrl+T แล้วทำการปรับขยายขนาดของภาพให้พอดีกับพื้นที่ของไฟล์งาน จากนั้นให้ใช้วิธีเดียวกันนี้กับเลเยอร์ Logo ทำการปรับขนาดและจัดวางตำแหน่งของโลโก้ให้สวยงาม

เทคนิคการทำภาพ Logo แนวลายปักเสมือนจริง Emb_logo07

9. ดับเบิลคลิกที่เลเยอร์ Logo เพื่อเปิดหน้าต่าง Layer Style ขึ้นมา เลือกไปที่ Drop Shadow กำหนดค่าดังรูป

เทคนิคการทำภาพ Logo แนวลายปักเสมือนจริง Emb_logo08

10. เลือกไปที่ Inner Shadow แล้วกำหนดค่าดังรูป

เทคนิคการทำภาพ Logo แนวลายปักเสมือนจริง Emb_logo09

11. เลือกไปที่ Bevel and Emboss แล้วกำหนดค่าดังรูป

เทคนิคการทำภาพ Logo แนวลายปักเสมือนจริง Emb_logo10

12. เลือกไปที่ Texture จากนั้นเลือก Pattern ที่เราได้สร้างไว้ในขั้นตอนที่ 1 กำหนดค่าในส่วนของ Depth = +10

เทคนิคการทำภาพ Logo แนวลายปักเสมือนจริง Emb_logo11

13. เลือกไปที่ Satin แล้วกำหนดค่าดังรูป

เทคนิคการทำภาพ Logo แนวลายปักเสมือนจริง Emb_logo12

14. เลือกไปที่ Gradient Overlay แล้วกำหนดค่าดังรูป เสร็จแล้วคลิกปุ่ม OK (ถ้าต้องการบันทึก Style เก็บเอาไว้ใช้งานให้คลิกที่ปุ่ม New Style)

เทคนิคการทำภาพ Logo แนวลายปักเสมือนจริง Emb_logo13

15. เรายังทำงานอยู่ที่เลเยอร์ Logo ให้ใช้คำสั่ง Filter > Blur > Gaussian Blur กำหนดค่า Radius: 4.0

เทคนิคการทำภาพ Logo แนวลายปักเสมือนจริง Emb_logo14

16. คลิกที่ภาพตัวอย่างหน้าเลเยอร์ Smart Filters จากนั้นเลือกเครื่องมือ Gradient (G) เลือกรูปแบบของ Gradient เป็น Reflected Gradient สีดำ/ขาว จากนั้นคลิกที่โลโก้แล้วลากลงมาทางมุมด้านซ้ายดังภาพ เราจะได้ภาพที่มีลักษณะแบบการโฟกัสของกล้องถ่ายภาพ

เทคนิคการทำภาพ Logo แนวลายปักเสมือนจริง Emb_logo15

17. เลือกไปที่เลเยอร์ Background แล้วทำซ้ำขั้นตอนที่ 15 - 16

เทคนิคการทำภาพ Logo แนวลายปักเสมือนจริง Emb_logo16

18. กำหนดสีของ Foreground เป็นสีขาว แล้วคลิกปุ่ม Create new fill or adjustment layer เลือกคำสั่ง Gradient กำหนดรูปแบบของ Gradient Fill ดังภาพ เป็นอันเรียบร้อยโรงเรียน C-GRu ในการสร้างภาพโลโก้แนวลายปักเสมือนจริง

เทคนิคการทำภาพ Logo แนวลายปักเสมือนจริง Emb_logo17

อย่าลืมบันทึกเก็บไว้เป็นไฟล์นามสกุล PSD เวลานำมาใช้ครั้งต่อไปก็สามารถเปลี่ยนพื้นหลังและโลโก้ได้ตามต้องการจาก Smart Object ของเลเยอร์นั้นๆ

เทคนิคการทำภาพ Logo แนวลายปักเสมือนจริง Emgroidery_Logo

เทคนิคการทำภาพ Logo แนวลายปักเสมือนจริง Emgroidery_Logo2

เทคนิคการทำภาพ Logo แนวลายปักเสมือนจริง Inthanin%2520016

__________________________________________________________________________________________________________________
ไม่จำเป็นต้องโพสต์ขอบคุณทุกครั้งไป เพราะ "คำขอบคุณ" ที่เกิดขึ้นแม้เพียงภายในจิตใจ นั่นคือคำขอบคุณที่แท้จริง
TonyWins
TonyWins
User
User

Male กุมภ์ ชวด
จำนวนข้อความ : 2831
คะแนนความดี : 12837
ชื่อเสียง : 97
วันที่เข้าร่วม : 18/07/2009
อายุ : 46
ที่อยู่ : กรุงเทพฯ

https://www.tdsigns.com

ขึ้นไปข้างบน Go down

Star Re: เทคนิคการทำภาพ Logo แนวลายปักเสมือนจริง

ตั้งหัวข้อ by wasuthan on Fri 08 Jun 2012, 21:19

สุดยอดเลยท่าน ขอบคุณมากครับ

wasuthan
Core I5
Core I5

Male เมษ ระกา
จำนวนข้อความ : 112
คะแนนความดี : 1120
ชื่อเสียง : 8
วันที่เข้าร่วม : 18/05/2011
อายุ : 50

ขึ้นไปข้างบน Go down

อ่านหัวข้อก่อนหน้า อ่านหัวข้อถัดไป ขึ้นไปข้างบน

พื้นที่โฆษณา

 
Permissions in this forum:
คุณไม่สามารถพิมพ์ตอบ