หน้า: [1] 2 3 4 5 6 7 8 ... 52
 
ผู้เขียน หัวข้อ: Adobe Photoshop ง่ายๆ  (อ่าน 414982 ครั้ง)
0 สมาชิก และ 1 ขาจร กำลังดูหัวข้อนี้
บอกก่อนว่ามันง่ายมาก สำหรับพวกเทพทั้งหลาย เชิญเก็บดาวได้  ฮือๆ~

สืบเนื่องจากความเชื่อว่ามีหลายคนในนี้ที่อยากทำกราฟิกเล็กๆ น้อยๆ เป็น แต่ทำไม่ได้ หรือไม่ได้ทำ หรือไม่มีแหล่งเรียนรู้ อะไรก็ตาม

จะลองเอามาเขียนเป็นวิทยาทานดู (ซึ่งก็ต้องขอยกเครดิตให้คนอื่น เช่น หนังสือที่ซื้อมาอ่าน คอมที่แม่ซื้อมาให้ฝึก เจ๊ยย เว็บหลายๆ เว็บที่เขียนบทความไว้ ขอบคุณมากค่ะ)

เอาล่ะ มาเริ่มกันดีกว่า

จากความคิดเรา เราว่า โปรแกรมปาท่องโก๋ AdobePhotoshop & ImageReady นี้ เป็นโปรแกรมที่ใช้ทำภาพ ออกแบบงานกราฟิก ตลอดไปจนถึงทำอนิเมชั่นอย่างง่าย (และอย่างยาก หากคุณมีความอดทนสูงพอ)
สิ่งสำคัญที่ทำให้อะโดบี้ปาท่องโก๋นี้เหนือกว่าเพนต์ที่แถมมากะวินโดวส์คือสิ่งที่เรียกว่า "เลเยอร์ (Layer)" ถามว่ามันเป็นยังไงก็ขอให้นึกภาพแผ่นใสหลายๆ แผ่นมาซ้อนทับอยู่ แล้วมันดียังไง?
มันก็ช่วยให้เราไปแก้งานตรงแผ่นใสอีกแผ่นโดยที่ไม่กวนอีกแผ่นน่ะเซ่!!

แซมเปิ้ล
  คนที่ 1 : มีกระดาษ ดินสอ ยางสบ สี วาดรูประบายสีหญิงสาวสวยกำลังส่งยิ้ม (อู้วอ้า  หื่น)
  คนที่ 2 : มีโปรแกรมปาท่องโก๋ เปิดฉ็อปขึ้นมา ตั้งเลเยอร์ 1 2 3
                เลเยอร์ 1 : เป็นเส้น
                เลเยอร์ 2 : เป็นสี
                รวมกันได้ : รูปหญิงสาวเช่นกัน
                งงมั้ยวะเนี่ย  ฮือๆ~ ไม่ได้ทำภาพประกอบ
หากคนที่ 1 และคนที่ 2 เกิดอยากลบตีนกาตาขวาของหญิงสาวขึ้นมาล่ะ? (แล้ววาดไปทำหอกอะไรวะ  โวย)
คนที่ 1 แน่นอนต้องใช้ยางลบถูๆๆ อย่างนิ่มนวล ซึ่งแน่นอน สีลอกไม่พอ เส้นผมที่ระข้างดวงตาอาจจะหายไปด้วย อ่าวเฮ้ย ต้องมาตัดเส้นใหม่ลงสีใหม่อีก ชิบ.. ฮือๆ~
แต่คนที่ 2 ที่ทำกับโปรแกรม เค้าแค่ไปเปิดเลเยอร์แรก แล้วลบรอยตีนกาออกซะ สีก็ไม่หาย สบายบรื๋อ
(แต่ตูไม่ได้บอกว่าโปรแกรมต้องดีกว่าวาดจริงเสมอไปนะ เดี๋ยวเกิดประชาพิจารณ์จะยุ่ง)
(อ้าว เลเยอร์ สาม ล่ะ  งง)
(ปล่อยไปเหอะ  ง่ะ)


นอกจากนี้ ข้อดีของโปรแกรมปาท่องโก๋คือ สามารถเซฟเป็นเลเยอร์ๆ ได้ มันดีในตอนอยากทำงานชิ้นเดิมแต่เปลี่ยนสีงาน เปลี่ยนข้อความ มันก็ง่ายกว่าการมาเปิดโปรแกรมทำใหม่แต่ต้น
และมันยังใช้ snapshot ได้!! ดียังไง รอโอกาสหน้า

ตอนนี้มาเริ่มสอนงานง่ายๆ ก่อน

01 : สวยด้วยข้อความ

เคยเห็นตัวอักษรกระพริบมั้ยจ๊ะ? เคยเห็นอีโมกระพริบแสบๆ มั้ยจ๊ะ? (ไม่แนะนำให้ใช้) แล้วเคยสงสัยมั้ยว่ามันทำกันยังไง? สงสัยต่อไปละกัน  กร๊าก
เรื่องของเรื่องคืออยากสอนกระพริบแหละ
แต่ว่าสอนไอ้นี่ก่อนดีกว่า

บางคนอาจจะเคยใช้เครื่องมือ type tool ในโฟโต้ช็อปมาก่อน
ตอนนั้นก็ได้แค่กดตัว T พิมพ์ เลือกสี ดีหน่อยก็อาจใส่ขอบ ใช่มะ ใช่ม้าา  ลันล้า (บอกไม่ใช่มีชก)
แต่รู้หรือไม่ว่ามันทำให้สวยกว่านั้นก็ได้!! (ตอบว่ารู้มีชก ลั้ลลา  ลันล้า)

ถ้าไม่รู้ก็มาดูกัน
1.เปิดโฟโต้ช็อปขึ้นมา กด ctrl+n หรือ file > new ก็ได้


2. กดตัว T พิมพ์อะไรก็ได้ ฟอนต์อะไรก็ได้ แต่ความจริงถ้าจะเล่นลูกเล่นมากๆ ก็น่าจะเป็นฟอนต์ที่หนานิดนึง และขนาดใหญ่พอสมควร


3.กดตัว f ที่ตรงแถวๆ เลเยอร์นั่นแหละ กดไป ตัวนี้แหละที่จะทำให้ข้อความของเราดูอลังการงานสร้าง


4.กดแล้วเห็นอะไร? นั่นแหละ บรรดาออพชั่นที่จะมาเสริมเติมแต่งทั้งหลาย ลองเลือก stroke ดูสิ


5.ลองตั้งค่าตามรูปดู (หลอกให้กดดูรูป  ฮี่ๆ)




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

(ปล. ตูใส่ inner shadow กับ inner glow เข้าไปด้วย ลด stroke ลง แต่ขี้เกียจทำภาพประกอบ)
ก็ได้มาแบบนี้




(abc ยกทรงชั้นดีมีมาตรฐาน  ลันล้า)
(บอกแล้วว่าง่าย  ง่ะ)
ลองทำดูนะคะ ตอนหน้าเจอการทำข้อความแบบนี้แหละ แต่รูปแบบอื่น (ถ้ามีคนสนใจน่ะนะ)

02 : ข้อความกระพริบ ง่ายจิ๊บเป๋ง (เอ๋ง เอ๋ง..)
03 : Gradient Neon
04 : มาเล่นขูดสีเทียนกันเถอะ
05 : กระพริบ ปิ๊บ ปิ๊บ (แบบที่ 2)
06 : text 3 dimensions
06 1/2 : มาเล่นเอฟเฟกต์ข้อความกันเถอะ (ภาคแชร์)
06 3/4 : มาทำเอฟเฟกต์ข้อความแบบต่างๆ กันเถอะ (ภาคแชร์ลูกโซ่)
07 : ป้ายสี
08 : Blending Mode คืออะไร?
09 : Face's cartoon
10 : Pattern กึ่งสำเร็จรูป
11 : วิธีแต่งรูป
12 : ตัดขน





Articles
ใช้ script แต่งรูป
credit : longtime
วิธีแต่งภาพ
credit : nanamafia
เฟดภาพเข้าหากันด้วย Mask layer
credit : teezzz
กรอบภาพแบบจุด
credit : teezzz
ตัดขอบหลายแบบ
credit : Sub-Zero™
เทคนิคเล็กๆ น้อยๆ การปิดหน้าต่างพาเลท หรือเครื่องมือ สำหรับคนที่ต้องการเห็นพื้นที่ทำงานกว้างๆ
credit : Sub-Zero™
เปิดแสงในเงามืด
credit : Layiji
พื้นฐานการย้อมสีดอกไม้
credit : teezzz
วิธีทำพรีวิวสต๊อกภาพด้วย Contact Sheet II
credit : teezzz
Web Gallery แบบแฟลช
credit : iannnnn
ทำภาพสีน้ำมากกว่า Filter :Water Color
credit : teezzz
การแต่งภาพระบายสีน้ำ โดยใช้ Fiter
credit : Sub-Zero™
2How to Photoshop and Retouch!
credit : iannnnn

http://www.adobe.com/designcenter/video_workshop/
วิดีโอสอนทุกอย่างใน CS3
« แก้ไขครั้งสุดท้าย: 30 ส.ค. 2010, 23:20 น. โดย iannnnn » บันทึกการเข้า

ที่สุดถ้ามันจะไม่คุ้ม
แต่มันก็ดีที่อย่างน้อยได้จดจำ
ว่าครั้งนึงเคยก้าวไป...
 (แจ๋ว แจ๋ว)

น้องเดือนเก่งที่สุด จุ๊บๆ  จ๊วบ  คริคริ
บันทึกการเข้า

Las Noches Rubicundior

สนใจค่าาาา ทำมาอีกนะพี่เดือน

ทำเป็นบ้างแล้วแต่ว่าบางอย่างยังไม่ค่อยเป็น

มาสอนอีกนะค่ะ


 (แจ๋ว แจ๋ว)
บันทึกการเข้า

♪ หากไม่ดูเป็นการรบกวน ~ ก็จะชวนเธอมารักกัน ♪
( +1 เจ๊เฟิร์นกับน้องนุ๊ก จากคนบ้ายอ  คริคริ)
บันทึกการเข้า

ที่สุดถ้ามันจะไม่คุ้ม
แต่มันก็ดีที่อย่างน้อยได้จดจำ
ว่าครั้งนึงเคยก้าวไป...
สอนหนูหน่อย หนูไม่เค้ยไม่เคย ไม่รู้เรื่องล่ะไอ้คำว่า abc ♫  (อิอิ)
บันทึกการเข้า

Today you , Tomorrow me.
 งง   ขอมารับวิทยาทานแล้วกันนะย่ะ   แบร่

แต่จะเอาไปเปลี่ยนเป็น กิฟรักโจ้  แทนน่ะจ๊ะ ยิ้มน่ารัก

ตบมือให้ด้วย (แจ๋ว แจ๋ว) (แจ๋ว แจ๋ว)

 ฮี่... ทำมาอีกน่ะจะเอาไปเปลี่ยนอีก
บันทึกการเข้า

สิ่งเดียวที่ฉันรู้ ตือ  ฉันไม่รู้อะไรเลย
ทำเองเซ่  โวย
งั้นตูจะมาสอนหาไรฟะ
บันทึกการเข้า

ที่สุดถ้ามันจะไม่คุ้ม
แต่มันก็ดีที่อย่างน้อยได้จดจำ
ว่าครั้งนึงเคยก้าวไป...
+1พี่เดือน เลขจะได้สวยๆ
บันทึกการเข้า

ยิ้มน่ารัก น้องดำ
(+1) คืนนานา จะได้ลงด้วย 9  ยิ้มน่ารัก
บันทึกการเข้า

ที่สุดถ้ามันจะไม่คุ้ม
แต่มันก็ดีที่อย่างน้อยได้จดจำ
ว่าครั้งนึงเคยก้าวไป...
02 : ข้อความกระพริบ ง่ายจิ๊บเป๋ง (เอ๋ง เอ๋ง..)


จากที่ทำข้อความแบบหลากเอฟเฟกต์ (?) ไปแล้ว
ตอนต่อจากนี้ คือการทำให้ข้อความของคุณ ดูน่าสนใจขึ้น (มั้ง) ด้วยการกระพริบ ปิ๊บ ปิ๊บ  ง่ะ

เอาล่ะ มาเิริ่มกันดีกว่า

1.เปิดโปรแกรมปาท่องโก๋ขึ้นมาซะ

2. file>new (คงไม่ต้องให้บอกแล้วมั้ง  ง่ะ) กำหนดความกว้างยาวมั่วๆ ไปเลย
จะเอาเท่าวอลเปเปอร์ก็ได้ มันทำให้เล็กลงเท่าตัวหนังสือได้ ซึ่งกระบวนการนี้เราจะมาทำกันทีหลัง

3. กดเครื่องหมายรูปตัว T พิมพ์ข้อความขึ้นมา ในนี้เราูจะทำตัวกระพริบว่า zafire ตูก็พิมพ์ไป ได้แบบนี้
(ใหญ่ชิบ  ง่ะ)


4.หลังจากเราทำกรรมวิธีตอน 01 ได้ เราก็จะได้แบบนี้


5.จากนั้นให้คลิกขวาที่เลเยอร์ เลือก duplicate later มันจะขึ้นว่าอะไรไม่ต้องสนใจหากคุณไม่ต้องการเปลี่ยนชื่อเลเยอร์ กดโอเค แล้วมันจะขึ้นเลเยอร์ที่เหมือนกับอันเดิมเด๊ะๆ เลเยอร์นี้จะดีไซน์ยังไงก็ตามใจคุณ แต่เราจะทำให้ชื่อสีจางลง ก็จะได้แบบนี้


6.กด นี่ เพื่อกระโดดไปยังคู่ขามัน คือ Imageready หน้าต่างของโปรแกรมนี้จะเป็นแนวนี้



7.ที่เลเยอร์ อนิเมชั่น ให้ทำดังภาพ เพื่อทำให้มันเป็นสองเฟรม


8.ที่เฟรม 1 และ 2 จัดการเปิดปิดตาดังภาพ ห้ามมั่ว มิฉะนั้นแล้วจะพบความเอ๋อทันทีที่งานเสร็จ (จะเป็นแบบนี้กรณีสิบเฟรมขึ้น)



9.ไหน ลองทดสอบดูซิ กดเครื่องหมายสามเหลี่ยมนั่นแหละ


10.อ้าว ไม่เคลื่อน  เฮ้ย!? ก็ยังไม่เซ็ตเวลานี่หว่า ทำตามในรูปไป๊  โวย (ทำการเซ็ตเวลาตามใจชอบ กด play ทดสอบเอาเอง)


11.จากนั้นทำการ crop รูป ให้ขนาดพอเหมาะพอควร โดยกดที่เครื่องหมายดังรูป แล้วไปลากกรอบ แล้วดับเบิ้ลคลิก หรือคลิกขวาแล้วเลือก crop



จะได้เลเยอร์เล็กเท่าตัวอักษรสมใจอยาก


12.ลอง play เช็กความเรียบร้อยก่อนเป็นครั้งสุดท้าย จากนั้นไปที่เมนู file>save optimized as (คงไม่มีคนจำคีย์ลัดมั้ง 4 ตัว  ง่ะ)


ก็จะได้ชื่อกระพริบสมใจอยาก
(งานหน้าถ้าไม่ขี้เกียจซะก่อนจะมาบอกวิธีทำอักษรแบบ (พระ) พี่แอน > งานอึด)

ถ้าใครลองเอาไปทำได้ผลยังไงเอามาให้ดูบ้างนะคะ
(เอาตอน 01+02 มาเลยละกัน)  กรี๊ดดดดด

ไปนอนละค่ะ  หน้ามึน
อรุณสวัสดิ์

ปล. สนใจฟอนต์เร่และ (พระ) พี่แอนเชิญหน้าดาวน์โหลดนะเจ้าคะ  ยิ้มน่ารัก


* re.gif (13.48 KB, 232x84 - ดู 3058 ครั้ง.)

* iannnnn.gif (139.26 KB, 350x52 - ดู 2874 ครั้ง.)
« แก้ไขครั้งสุดท้าย: 11 พ.ค. 2006, 07:09 น. โดย アオイルナ » บันทึกการเข้า

ที่สุดถ้ามันจะไม่คุ้ม
แต่มันก็ดีที่อย่างน้อยได้จดจำ
ว่าครั้งนึงเคยก้าวไป...
ดีมากครับ (แจ๋ว แจ๋ว)
บันทึกการเข้า

สะพรึบสะพรั่ง ณหน้าและหลัง ณซ้ายและขวา ละหมู่ละหมวด ก็ตรวจก็ตรา ประมวลกะมา สิมากประมาณ
ดีมากเลย
บันทึกการเข้า

กำลังโหลดข้อมูล .....
รูปไม่ต้องใส่แบบย่อก็ได้ครับ

ลด Image Size เหลือกว้างไม่เกิน 400 ก็ใส่เต็ม ๆ ได้แล้วครับ
บันทึกการเข้า
อ๋อ
ขี้เกียจโหลดหน้าเว็บไง
เน็ตทุย
(บอกว่าเน็ตเต่า เดี๋ยวเต่าจะน้อยใจ)
 ฮิ้ววว
บันทึกการเข้า

ที่สุดถ้ามันจะไม่คุ้ม
แต่มันก็ดีที่อย่างน้อยได้จดจำ
ว่าครั้งนึงเคยก้าวไป...
มีบทสองต่อมะคะ อยากเรียน ยิ้มน่ารัก
บันทึกการเข้า
หน้า: [1] 2 3 4 5 6 7 8 ... 52
 
 
Powered by MySQL Powered by PHP Powered by SMF 1.1.21 | SMF © 2006-2007, Simple Machines | Thai language by ThaiSMF Valid XHTML 1.0! Valid CSS!