| | *~JiGsAw~* สอนทำภาพ Photoshop |  |
|
|
| เธเธนเนเธเธฑเนเธ | เธเนเธญเธเธงเธฒเธก |
|---|
Black๐Kitty
Administrator
เธเธณเธเธงเธเธเนเธญเธเธงเธฒเธก : 382
อายุ : 42
Registration date : 01/06/2007
|  เนเธฃเธทเนเธญเธ: *~JiGsAw~* สอนทำภาพ Photoshop Sun Jun 03, 2007 10:43 am | |
|  บ้านใหม่ๆ ย้ายข้อมูลบางอย่ามาไว้ที่บอร์ดนี้ | |
|
| | |
Black๐Kitty
Administrator
เธเธณเธเธงเธเธเนเธญเธเธงเธฒเธก : 382
อายุ : 42
Registration date : 01/06/2007
| | เนเธฃเธทเนเธญเธ: Re: *~JiGsAw~* สอนทำภาพ Photoshop Sun Jun 03, 2007 10:47 am | |
| ขั้นตอนแรกของการทำรูปจิ๊กซอ เราต้องมี รูปจิ๊กซอซะก่อน  <--โหลดเยย ไฟล์ที่ได้มาจะเป็ฯ .PSD ให้เปิดที่โปรแกรม photoshopได้เลยค่ะ และกด channels ตามรูป  เลือกแถบคลุม highlights  จากนั้นกดที่ edit->define pattern ค่ะ  แล้วกดเซพชื่อ  และเลือกแถบ shadows และเซพชื่อเหมือนกัน (ปล.grooves ไม่ต้องเซพ) จากนั้นกดปิด เป็นอันจบขั้นตอนแรก  | |
|
| | |
Black๐Kitty
Administrator
เธเธณเธเธงเธเธเนเธญเธเธงเธฒเธก : 382
อายุ : 42
Registration date : 01/06/2007
| | เนเธฃเธทเนเธญเธ: Re: *~JiGsAw~* สอนทำภาพ Photoshop Sun Jun 03, 2007 10:47 am | |
| ต่อมากดโหลด รูปglitter  <--คลิกขวาแล้วเซพเยย เปิดรูปที่โปรแกรม Imageready  กดที่ถังขยะ ลบเฟรมให้เหลือแค่เฟรมที่ 1เฟรมเดียว แล้วย้ายการทำงานไปที่ photoshop  กดคลิกลูกตาที่ layer 1 แล้วกด edit-->define pattern (เหมือนเซพรูปจิ๊กซอ เพียงแต่ต้องเซพทั้ง 3 layer ) เป็นอันจบ จากนั้นเราลองมาเช็ค pattern ว่ามีครบหรือยัง กด edit-->fill แล้วดูว่ามีครบอย่างที่แอนมีหรือเปล่า  จะมีรูปจิ๊กซอ 2 รูป และรูปglitter 3 รูป | |
|
| | |
Black๐Kitty
Administrator
เธเธณเธเธงเธเธเนเธญเธเธงเธฒเธก : 382
อายุ : 42
Registration date : 01/06/2007
| | เนเธฃเธทเนเธญเธ: Re: *~JiGsAw~* สอนทำภาพ Photoshop Sun Jun 03, 2007 10:48 am | |
| รูป Jigsaw  ขั้นตอนแรก...... 1. เปิดรูปที่เราต้องการทำภาพจิ๊กซอก่อน  ถ้าเห็นข้างหลังภาพเป็นรูปกุญแจล๊อคอยู่ ให้ดับเบิ้ลคลิกที่ชื่อภาพ เพื่อทำให้เป็น layer 0 2. คลิกที่ channels  แล้วกด create ขึ้นมาอีก จะได้ layer ที่ชื่อว่า Alpha1  จากนั้น กด edit->เพื่อทำการเทรูปจิ๊กซออันแรก ( ที่เราทำไว้ก่อนหน้านี้ )   กด โหลด selection ที่ Alpha1  จะเห็นว่าเป็นเส้นๆที่รูปจิ๊กซอ กดคลิกที่ไฟล์ RGB โดยที่เส้น selection ยังอยู่  คลิก Image->Adjustments->Level  ปรับค่าตามรูป  ต่อมากดยกเลิอกเส้น selection c]h;สร้าง Alpha2 แล้ว fill จิ๊กซอรูปที่ 2ลงไป กดเหมือนอย่าง Alpha 1 แต่ตั้งค่าอันนี้แทน  เมื่อถึงตรงนี้แล้ว อย่าเพิ่งให้เส้น selection หายไปให้กดเลือกที่ RGB แล้วกด edit->fill เลือก Black แล้วเทลงไปตามรูป  ก็จะได้รูป Jigsaw อย่างที่เห็น   credit: ภาพจิ๊กซอนี้เพื่อนสอนมาอีกที  (รีบบอกก่อนเด๋วมีคนท้วง)
เนเธเนเนเธเธฅเนเธฒเธชเธธเธเนเธเธข เนเธกเธทเนเธญ Sun Jun 10, 2007 5:48 pm, เธเธฑเนเธเธซเธกเธ 1 เธเธฃเธฑเนเธ | |
|
| | |
Black๐Kitty
Administrator
เธเธณเธเธงเธเธเนเธญเธเธงเธฒเธก : 382
อายุ : 42
Registration date : 01/06/2007
| | เนเธฃเธทเนเธญเธ: Re: *~JiGsAw~* สอนทำภาพ Photoshop Sun Jun 03, 2007 10:49 am | |
| สำหรับคนที่อยากให้ช่องระหว่างภาพจิ๊กซอ มีกระพริบๆ  ให้เปิดภาพจิ๊กซอที่ทำไว้เรปบนขึ้นมา  เน้นว่า ไฟล์ภาพต้องเป็น .psd create layer เพิ่ม  กด edit->fill เท Glitter รูปแรกลงไป จากนั้นทำ laer ที่ 2-3 จนเสร็จ จะเห็นว่า Glitter ที่เทลงไปจะไปกองอยู่ที่ระหว่างร่องเท่านั้น ย้ายการทำงานไปที่ Imageready  เฟรมแรก ตั้งเวลา และเปิดตา - ปิดตา ตามรูป  เพิ่มเฟรมที่ 2 และเปิด-ปิดตา  และเฟรมที่ 3  กด preview ดูผลงาน และเซพเป็นไฟล์ .gif เป็นอันจบ  | |
|
| | |
Black๐Kitty
Administrator
เธเธณเธเธงเธเธเนเธญเธเธงเธฒเธก : 382
อายุ : 42
Registration date : 01/06/2007
| | เนเธฃเธทเนเธญเธ: Re: *~JiGsAw~* สอนทำภาพ Photoshop Sun Jun 03, 2007 11:53 am | |
| 1. เปิดภาพที่เราต้องการทำลงในโปรแกรม photoshop ก่อนค่ะ  2. ต่อมาเปิดการทำงานใหม่ ขนาด 5*5 (ข้อ 1 พับไว้ก่อน  )  ซูมขนาดให้ได้ 1600% ตามรูป (เน้นค่ะว่าซูม ไม่ใช่ขยาย)  3. เลือกดินสอตามรูป  4. จะใช้สีอะไรก็ได้ตามใจค่ะ ในที่นี้แอนใช้สีดำ  5. กดเลือก edit-->define pattern แล้วเซพ งิ  6. จากนั้นตรวจดูใน edit-->fill ว่ามี pattern ที่เราทำหรือเปล่า แล้วปิด 5*5 ไปได้เลย  7. จากนั้น กลับมาที่ภาพแรก กดเพิ่ม layer  8.กดเลือก edit-->fill แล้วเท pattern ลงไปเลยงิ จะได้ตามภาพ  9. ปรับแต่งให้เป็น overlay แล้วปรับความเข้ม-จาง ได้ตามใจชอบ  จบแระ | |
|
| | |
Black๐Kitty
Administrator
เธเธณเธเธงเธเธเนเธญเธเธงเธฒเธก : 382
อายุ : 42
Registration date : 01/06/2007
| | เนเธฃเธทเนเธญเธ: Re: *~JiGsAw~* สอนทำภาพ Photoshop Sun Jun 03, 2007 11:54 am | |
|  มาอัพการเอาอีโมชั่นมาใส่ในรูปให้น่ะจ๊ะ  ขั้นแรกให้เปิดรูปอิโมที่ต้องการใน ImageReady จะเห็นว่า รูปอิโมที่เปิด มี 5 เฟรม 2.กดเครื่องมือข้างๆถังขยะ ลบเฟรมออกให้เหลือเฟรม แรก อันเดียวเท่านั้น เพื่อป้องการรูปเลื่อนเวลากระพริบ  3.  กดย้ายการทำงานไป photoshop แล้วพักไว้ก่อน 4. เปิดภาพที่ต้องการรวมกับอิโมชั่นขึ้นมา  5. อย่าลืมดับเบิ้ลคลิก background (สังเกตุมีกุญแจอยู่ข้างหลัง) ให้เป็น layer 0 ไม่งั้นจะมีปัญหาเวลาเซพภาพ (ทุกๆงานต้องทำแบบนี้) 6. กลับมาที่ อิโมชั่นต่อ กดเปิดตาทุกๆ layer แล้วกด shift ค้าง คลิกทุก layer ให้ขึ้นแถบน้ำเงินตามภาพ  7. กดที่เครื่องมือนี้  แล้วลากอิโมชั่นไปที่ภาพที่ต้องการรวม โดยไม่ให้แถบสีน้ำเงินหาย  8. เมื่อลากได้แล้ว จะเห็นว่า อิโมเราไปอยู่ในภาพแล้ว และมี layer เพิ่มขึ้นมาด้วย จากนั้นจัดวางให้ดีตามใจเรา  9. ย้ายการทำงานกลับไป ImageReady เปิดเฟรมและกดเปิดตาที่ layer 1 ตามภาพ (อย่าลืมปรับเวลาด้วยล่ะ) 10.กด  เพิ่มเฟรม และเปิดตาที่ layer 2 ตามภาพ 11.กดเพิ่ม เฟรม แล้วเปิดตาจนหมด 5 เฟรม  12. กดเซพจ๊ะ  13.เสร็จแว้ว  | |
|
| | |
Black๐Kitty
Administrator
เธเธณเธเธงเธเธเนเธญเธเธงเธฒเธก : 382
อายุ : 42
Registration date : 01/06/2007
| | เนเธฃเธทเนเธญเธ: Re: *~JiGsAw~* สอนทำภาพ Photoshop Sun Jun 03, 2007 9:53 pm | |
| อันนี้จะเป็น userbar ของบอร์ดจิ๊กซอเก่าน่ะ (ของใหม่เด๋วค่อยทำ)  1.เปิด layer ขนาดที่เราต้องการ และเทสีลงไป   แบบนี้ จากนั้นเปิด layer ใหม่ ขนาด 5*5  แล้วซูมให้สุดๆเลย พี่ขยายไป 1600%  แล้วเอาดินสอ ขีดตามรูป พี่เอาสีดำ  แล้ว define pattern ตามรูป (เหมือนงาน Sig ด้านบนเลย)  แล้วก็กดปิดไปได้เลย จากนั้นมาดูที่เลเยอร์แรก เพิ่มเลเยอร์อีกอันนึง แล้วกด edit>fill หา pattern ที่ทำไว้เมื่อกี้ แล้วเทลงไป  ปรับ option ให้เป็น โอเวอร์เลย แล้วให้จางหน่อยๆ  | |
|
| | |
Black๐Kitty
Administrator
เธเธณเธเธงเธเธเนเธญเธเธงเธฒเธก : 382
อายุ : 42
Registration date : 01/06/2007
| | เนเธฃเธทเนเธญเธ: Re: *~JiGsAw~* สอนทำภาพ Photoshop Sun Jun 03, 2007 9:55 pm | |
|  สำหรับให้ userbar มีส่วนโค้งแบบนี้ ให้เพิ่ม layer แล้วเทสีขาวลงไป  สร้าง selection แล้ว deleteส่วนที่ไม่ต้องการออก   แล้วปรับซัก 40  | |
|
| | |
Black๐Kitty
Administrator
เธเธณเธเธงเธเธเนเธญเธเธงเธฒเธก : 382
อายุ : 42
Registration date : 01/06/2007
| | เนเธฃเธทเนเธญเธ: Re: *~JiGsAw~* สอนทำภาพ Photoshop Sun Jun 03, 2007 9:57 pm | |
| เอารูปที่ต้องการใส่ลงมา (สำหรับของพี่น่ะ) ลากให้อยู่ล่างสุดๆเลยแบบนี้  แล้วย้ายการทำงานไป imageready  เพิ่มเฟรมอีก 1 แล้วลากขึ้นไปให้บนสุดเลย กดตั้งเวลาและกด tween  เพิ่มเฟรมตามใจชอบ แล้วลองpreviewดู  | |
|
| | |
Black๐Kitty
Administrator
เธเธณเธเธงเธเธเนเธญเธเธงเธฒเธก : 382
อายุ : 42
Registration date : 01/06/2007
| | เนเธฃเธทเนเธญเธ: Re: *~JiGsAw~* สอนทำภาพ Photoshop Sun Jun 03, 2007 11:08 pm | |
| มีน้องๆ สนใจถามเรื่องกรอบสวยๆ ตอนนี้ พี่จะโพสวิธีใส่กรอบให้แบบเดียวก่อน  1. เปิดภาพที่ต้องการใน photoshop ก่อน  2.คลิกขวา แล้วเลือก canvas เพื่อเพิ่มพื้นที่  เปลียนให้เป็น pixel  แล้วเพิ่มอย่างล่ะ 30 ทั้ง ความกว้าง-สูง จะได้อย่างที่เห็น  กดตามภาพเพื่อล้อม selection  จะได้แบบนี้  จากนั้นเลือกให้เส้น selection ล้อมเฉพาะ พื้นที่ว่างๆ โดยการกดตามภาพ  | |
|
| | |
Black๐Kitty
Administrator
เธเธณเธเธงเธเธเนเธญเธเธงเธฒเธก : 382
อายุ : 42
Registration date : 01/06/2007
| | เนเธฃเธทเนเธญเธ: Re: *~JiGsAw~* สอนทำภาพ Photoshop Sun Jun 03, 2007 11:11 pm | |
| จากนั้น กดค้างที่ถังสีเลือก Gradient tool  จะประกฏ แถบสีด้านบน ให้กดค้างเช่นกัน  เลือกสีที่เราจะทำกรอบ หรือจะกำหนดสีเองก็ได้ไม่ว่ากัน  3.ลากจากมุมไปมุมแบบนี้  ก็จะได้สีอย่างที่เห็น  กดฟังชั่นที่เน้นด้านบนเพื่อเพิ่มลักษณะเด่นให้ขอบ ปรับค่าตามนี้ (layer 2)  และปรับค่า (layer 1) เช่นเดียวกัน หรือจะปรับให้ต่างจากนี้ตรมใจชอบ จะได้ขอบที่มีลูกเล่นตามภาพ  | |
|
| | |
Shino3i
เธเธณเธเธงเธเธเนเธญเธเธงเธฒเธก : 4
Registration date : 03/06/2007
| |
| | |
Black๐Kitty
Administrator
เธเธณเธเธงเธเธเนเธญเธเธงเธฒเธก : 382
อายุ : 42
Registration date : 01/06/2007
| | เนเธฃเธทเนเธญเธ: Re: *~JiGsAw~* สอนทำภาพ Photoshop Sun Jun 03, 2007 11:36 pm | |
| ทีนี้มาดูกรอบอีกแบบนึง (ก่อนนอน) เปิดหน้าเวปบอร์ดเราขึ้นมาก่อนเยย  จากนั้นมองหาปุ่ม Print Screen ที่ คีย์บอร์ดตนเอง แล้วกด "จึ๊ก!!!"  จากนั้นมาที่โปรแกรม photshop ของเรา เลือกที่ file>new ขึ้นมา แล้วกด ok ทันที ไม่ต้องสนใจหรอกว่า width กับความสูงเท่าไหร่ จากนั้น กด ctrl+v งิงิ ก็จะได้แบบนี้ออกมา  จากนั้นเลือกที่เครื่องมือนี้  ลากเส้น selection ที่ภาพ เอาเฉพาะพื้นที่ที่เห็นน่ะ  กด crop ภาพ  ก็จะได้เฉพาะส่วนที่เราเลือกเปล่าๆ  จากนั้นเลือกตามภาพ  แล้วกด ok  | |
|
| | |
Black๐Kitty
Administrator
เธเธณเธเธงเธเธเนเธญเธเธงเธฒเธก : 382
อายุ : 42
Registration date : 01/06/2007
| | เนเธฃเธทเนเธญเธ: Re: *~JiGsAw~* สอนทำภาพ Photoshop Sun Jun 03, 2007 11:40 pm | |
| มากดดูว่าในส่วนของ pattern ของเรามีอย่างที่ต้องการหรือยัง  และเลือก pattern  มีอย่างที่แอนมีหรือเปล่า ถ้าไม่มีให้ย้อนกลับไปทำใหม่น่ะ จากนั้นมาที่งานเก่าของเรา  กด fill pattern ลงไปเยย  ก็จะได้อย่างที่เห็น และกดฟังชั่นเพื่อปรับลูกเล่นของขอบด้วย  ในส่วน layer 2 ให้ติ๊ก ตามภาพ และปรับส่วนอื่นๆ ตามใจชอบ ก็จะได้อย่างนี้  | |
|
| | |
Black๐Kitty
Administrator
เธเธณเธเธงเธเธเนเธญเธเธงเธฒเธก : 382
อายุ : 42
Registration date : 01/06/2007
| | เนเธฃเธทเนเธญเธ: Re: *~JiGsAw~* สอนทำภาพ Photoshop Wed Jun 13, 2007 4:44 pm | |
|  เด๋วกลับบ้านค่อยอัพรูปสอนในบอร์ดอีกที ปล.ภาพใหญ่ม๊ากกกกก  จริงๆแล้วใหญ่กว่านี้น่ะ ลดมาครึงนึง เพราะ photobucket มันให้ได้แค่ 1024 pixel อ่ะ  | |
|
| | |
Black๐Kitty
Administrator
เธเธณเธเธงเธเธเนเธญเธเธงเธฒเธก : 382
อายุ : 42
Registration date : 01/06/2007
| | เนเธฃเธทเนเธญเธ: Re: *~JiGsAw~* สอนทำภาพ Photoshop Wed Jun 13, 2007 9:18 pm | |
| | |
|
| | |
| | *~JiGsAw~* สอนทำภาพ Photoshop | |
|
ภาพที่เสร็จแล้ว ใหญ่ม๊ากกกกก ขนาด 3458*5278