Adobe Photoshop ง่ายๆ

Started by 蓝月 (lán yuè), 11 May 2006, 02:09 น.

0 Members and 1 Guest are viewing this topic.

蓝月 (lán yuè)

บอกก่อนว่ามันง่ายมาก สำหรับพวกเทพทั้งหลาย เชิญเก็บดาวได้  :05:

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

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

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

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

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


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

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

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

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

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

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


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


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


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


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




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

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




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

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
ที่สุดถ้ามันจะไม่คุ้ม
แต่มันก็ดีที่อย่างน้อยได้จดจำ
ว่าครั้งนึงเคยก้าวไป...

Soris0ri

 :45:

น้องเดือนเก่งที่สุด จุ๊บๆ  :19:  :21:
Las Noches Rubicundior

n๊ooก~*


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

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

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


:45:
♪ หากไม่ดูเป็นการรบกวน ~ ก็จะชวนเธอมารักกัน ♪

蓝月 (lán yuè)

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

นายโอ้เอ้

สอนหนูหน่อย หนูไม่เค้ยไม่เคย ไม่รู้เรื่องล่ะไอ้คำว่า abc ♫  :43:
Today you , Tomorrow me.

liquid

 :09:   ขอมารับวิทยาทานแล้วกันนะย่ะ   :29:

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

ตบมือให้ด้วย :45: :45:

:35: ทำมาอีกน่ะจะเอาไปเปลี่ยนอีก
สิ่งเดียวที่ฉันรู้ ตือ  ฉันไม่รู้อะไรเลย

蓝月 (lán yuè)

ทำเองเซ่  :07:
งั้นตูจะมาสอนหาไรฟะ
ที่สุดถ้ามันจะไม่คุ้ม
แต่มันก็ดีที่อย่างน้อยได้จดจำ
ว่าครั้งนึงเคยก้าวไป...

roundbol123

+1พี่เดือน เลขจะได้สวยๆ
:22: :47:

蓝月 (lán yuè)

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

蓝月 (lán yuè)

#9
02 : ข้อความกระพริบ ง่ายจิ๊บเป๋ง (เอ๋ง เอ๋ง..)


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

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

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

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

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


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


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


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



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


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



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


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


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



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


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


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

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

ไปนอนละค่ะ  :01:
อรุณสวัสดิ์

ปล. สนใจฟอนต์เร่และ (พระ) พี่แอนเชิญหน้าดาวน์โหลดนะเจ้าคะ  :22:
ที่สุดถ้ามันจะไม่คุ้ม
แต่มันก็ดีที่อย่างน้อยได้จดจำ
ว่าครั้งนึงเคยก้าวไป...

|<3N

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

•หมูหมู•™

กำลังโหลดข้อมูล .....

มังกิ๊ง

รูปไม่ต้องใส่แบบย่อก็ได้ครับ

ลด Image Size เหลือกว้างไม่เกิน 400 ก็ใส่เต็ม ๆ ได้แล้วครับ

蓝月 (lán yuè)

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

แมวเงียบ

มีบทสองต่อมะคะ อยากเรียน :22:

SMF 2.1.7 © 2026, Simple Machines