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

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

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

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

เทคนิคการทำภาพแบบ Interweaving Photo Strips [Photo Effect]

Go down

เทคนิคการทำภาพแบบ Interweaving Photo Strips [Photo Effect] Empty เทคนิคการทำภาพแบบ Interweaving Photo Strips [Photo Effect]

ตั้งหัวข้อ by tonywin on Fri 26 Mar 2010, 16:25

เทคนิคการทำภาพแบบ Interweaving Photo Strips [Photo Effect] JStrips
เทคนิคนี้จะเป็นการทำภาพให้ออกมาในลักษณะของภาพที่ถูกสานไขว้กันไปมาโดยมีขั้นตอนดังต่อไปนี้

ขั้นตอนการทำภาพแบบ Interweaving Photo Strips
1. เปิดไฟล์ภาพที่ต้องการขึ้นมา 1 ภาพ

เทคนิคการทำภาพแบบ Interweaving Photo Strips [Photo Effect] JStrips

2. ใช้เครื่องมือ Crop Tool (T) กำหนดขนาด 800 x 800 pixels 72 ppi ทำการ Crop เฉพาะส่วนที่ต้องการแล้วกดคีย์ Enter

เทคนิคการทำภาพแบบ Interweaving Photo Strips [Photo Effect] JStrips01

เทคนิคการทำภาพแบบ Interweaving Photo Strips [Photo Effect] JStrips02

3. กดคีย์ Ctrl+Kเพื่อเรียกหน้าต่าง Preference ขึ้นมาแล้วเลือกไปที่ Guides, Grid & Slices (Edit > Preferences > Guides, Grid & Slices) ในส่วนของ Grid ให้ปรับเปลี่ยนสีของเส้น Grid เป็นสีอื่นที่ไม่ใช่สีเทาเพื่อให้เส้นมีความชัดเจนขึ้น และกำหนดระยะห่างของเส้น Grid (Gridline every) เป็น 200 pixels แล้วคลิกปุ่ม OK

เทคนิคการทำภาพแบบ Interweaving Photo Strips [Photo Effect] JStrips03

4. เลือกคำสั่ง View > Show > Grid (Ctrl+') เพื่อเรียกแสดงเส้น Grid

เทคนิคการทำภาพแบบ Interweaving Photo Strips [Photo Effect] JStrips04

5. คลิกเลือกที่ Layer Background แล้วกดคีย์ Ctrl+J 2 ครั้งเพื่อคัดลอกเลเยอร์ Background ไปเป็นเลเยอร์ใหม่ 2 เลเยอร์ แล้วเปลี่ยนชื่อเลเยอร์เป็น "แนวนอน" และ "แนวตั้ง" ตามลำดับ

เทคนิคการทำภาพแบบ Interweaving Photo Strips [Photo Effect] JStrips05

6. กดคีย์ X 1 ครั้งเพื่อคืนค่าสี Foreground/Background จากนั้นคลิกเลือกที่ Layer Background แล้วกดคีย์ Alt+Delete เพื่อนำสีของ Foreground เติมลงในเลเยอร์ Background

เทคนิคการทำภาพแบบ Interweaving Photo Strips [Photo Effect] JStrips06

7. คลิกเลือกเลเยอร์แนวนอนแล้วใช้เครื่องมือ Rectangular Marquee (M) สร้าง Selection รูปสี่เหลี่ยมผืนผ้าในแนวนอนขนาด 800 x 100 pixels

เทคนิคการทำภาพแบบ Interweaving Photo Strips [Photo Effect] JStrips07

8. สร้าง Selection ขนาด 800 x 100 pixels เพิ่มขึ้นโดยคลิกที่ปุ่ม Add to selection เว้นระยะห่าง 50 pixels ไปเรื่อยๆ

เทคนิคการทำภาพแบบ Interweaving Photo Strips [Photo Effect] JStrips09

9. คลิกปุ่ม Add layer mask เพื่อสร้าง Mask ให้กับเลเยอร์แนวนอน

เทคนิคการทำภาพแบบ Interweaving Photo Strips [Photo Effect] JStrips08

10. คลิกเลือกเลเยอร์แนวตั้งแล้วใช้เครื่องมือ Rectangular Marquee (M) สร้าง Selection ในแนวตั้งขนาด 100 x 800 pixels เว้นระยะ 50 pixels ไปเรื่อยๆดังภาพ

เทคนิคการทำภาพแบบ Interweaving Photo Strips [Photo Effect] JStrips10

11. คลิกปุ่ม Add layer mask เพื่อสร้าง Mask ให้กับเลเยอร์แนวตั้ง

เทคนิคการทำภาพแบบ Interweaving Photo Strips [Photo Effect] JStrips11

12. ใช้คำสั่ง View > Show > Grid (Ctrl+') เพื่อซ่อนเส้น Grid

เทคนิคการทำภาพแบบ Interweaving Photo Strips [Photo Effect] JStrips12
tonywin
tonywin
Core I3
Core I3

Male ธนู ขาล
จำนวนข้อความ : 30
คะแนนความดี : 607
ชื่อเสียง : 26
วันที่เข้าร่วม : 10/11/2009
อายุ : 32

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

เทคนิคการทำภาพแบบ Interweaving Photo Strips [Photo Effect] Empty Re: เทคนิคการทำภาพแบบ Interweaving Photo Strips [Photo Effect]

ตั้งหัวข้อ by tonywin on Tue 30 Mar 2010, 17:55

13. กดคีย์ Ctrl ค้างไว้แล้วคลิกที่ Mask ของเลเยอร์แนวนอนเพื่อโหลด Selection

เทคนิคการทำภาพแบบ Interweaving Photo Strips [Photo Effect] JStrips13

14. กดคีย์ Ctrl + Alt + Shift ค้างไว้แล้วคลิกที่ Mask ของเลเยอร์แนวตั้งเพื่อโหลด Selection แบบ Intersect

เทคนิคการทำภาพแบบ Interweaving Photo Strips [Photo Effect] JStrips14

15. เลือกคำสั่ง Select > Save Selection ตั้งชื่อเป็น "ตาราง" แล้วคลิกปุ่ม OK

เทคนิคการทำภาพแบบ Interweaving Photo Strips [Photo Effect] JStrips15

16. เลือกเครื่องมือ Rectangular Marquee แล้วคลิกปุ่ม Subtract from selection จากนั้นลากลบ Selection ออกไปแบบช่องเว้นช่องไปเรื่อยๆ

เทคนิคการทำภาพแบบ Interweaving Photo Strips [Photo Effect] JStrips16

เทคนิคการทำภาพแบบ Interweaving Photo Strips [Photo Effect] JStrips17

17. กดคีย์ Ctrl+J เพื่อคัดลอกเลเยอร์แนวตั้งเฉพาะส่วนที่เป็น Selection ไปเป็นเลเยอร์ใหม่

เทคนิคการทำภาพแบบ Interweaving Photo Strips [Photo Effect] JStrips18

18. กดคีย์ Ctrl+Alt+G เพื่อทำให้ Layer 1 เป็น Clipping Mask ของเลเยอร์แนวตั้ง

เทคนิคการทำภาพแบบ Interweaving Photo Strips [Photo Effect] JStrips19

19. เลือกคำสั่ง Select > Load Selection เลือกไปที่ Channel "ตาราง" เพื่อโหลด Selection ขึ้นมา

เทคนิคการทำภาพแบบ Interweaving Photo Strips [Photo Effect] JStrips20

20. ใช้เครื่องมือ Rectangular Marquee (M) ทำการลบ Selection แบบช่องเว้นช่องโดยลบช่องตรงข้ามกับขั้นตอนที่ 16

เทคนิคการทำภาพแบบ Interweaving Photo Strips [Photo Effect] JStrips21

21. กดคีย์ Ctrl+J เพื่อคัดลอกเลเยอร์แนวนอนเฉพาะส่วนที่เป็น Selection ไปเป็นเลเยอร์ใหม่

เทคนิคการทำภาพแบบ Interweaving Photo Strips [Photo Effect] JStrips22

22. กดคีย์ Ctrl+Alt+G เพื่อทำให้ Layer 2 เป็น Clipping Mask ของเลเยอร์แนวนอน

เทคนิคการทำภาพแบบ Interweaving Photo Strips [Photo Effect] JStrips23

23. เลือก Layer 2 จากนั้นคลิกปุ่ม Add a layer style แล้วเลือกคำสั่ง Outer Glow

เทคนิคการทำภาพแบบ Interweaving Photo Strips [Photo Effect] JStrips24

24. ในหน้าต่าง Layer Style กำหนดค่าดังภาพด้านล่าง

เทคนิคการทำภาพแบบ Interweaving Photo Strips [Photo Effect] JStrips25

เทคนิคการทำภาพแบบ Interweaving Photo Strips [Photo Effect] JStrips26

25. คลิกขวาที่ Layer 2 แล้วเลือกคำสั่ง Copy Layer Style เพื่อคัดลอก Style

เทคนิคการทำภาพแบบ Interweaving Photo Strips [Photo Effect] JStrips27

26. คลิกขวาที่ Layer 1 แล้วเลือกคำสั่ง Paste Layer Style เพื่อนำ Style ที่คัดลอกไว้มาใช้กับ Layer 1

เทคนิคการทำภาพแบบ Interweaving Photo Strips [Photo Effect] JStrips28

เพียงเท่านี้ก็เสร็จสิ้นขั้นตอนในการสร้างภาพแบบ Interweaving Photo Strips

เทคนิคการทำภาพแบบ Interweaving Photo Strips [Photo Effect] JStrips29
tonywin
tonywin
Core I3
Core I3

Male ธนู ขาล
จำนวนข้อความ : 30
คะแนนความดี : 607
ชื่อเสียง : 26
วันที่เข้าร่วม : 10/11/2009
อายุ : 32

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

เทคนิคการทำภาพแบบ Interweaving Photo Strips [Photo Effect] Empty Re: เทคนิคการทำภาพแบบ Interweaving Photo Strips [Photo Effect]

ตั้งหัวข้อ by arter772 on Tue 22 Jun 2010, 16:50

ขอบคุณครับ เดี๋ยวจะไปลองทำกับ CS5 ของท่าน Admin
arter772
arter772
Core I3
Core I3

Male กรกฎ มะเส็ง
จำนวนข้อความ : 101
คะแนนความดี : 638
ชื่อเสียง : 19
วันที่เข้าร่วม : 05/01/2010
อายุ : 30

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

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


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