Banner Basic 2 : ภาพเคลื่อนไหววิ่งสนั่นในแบนเนอร์ เหมือนจะยากแต่ก็ง่าย?

หนูอยากด๊ายยยยย....อยากได้อ่ะ!!!

แบนเนอร์ที่มีภาพ .gif วิ่งว่อนในแบนเนอร์ เหยยยย.....มันใช่เลยอ่ะะะ!! อยากได้อ่ะะะ!!

เอาแบบนี้อ่ะะะ แบบนี้เลยยยย ......

ย่อมได้! งั้นป้าจัดให้เลยยยยย =w=+

ระดับความยาก-ง่าย อยู่ในระดับ B-B+ (เริ่มยากขึ้นล่ะ)

มาเตรียมเครื่องมือกันเถอะจ้ะะะ

- ไฟล์รูป .gif 1 รูป (ขอเลยว่า ถ้าเพิ่งหัดทำ อย่าเลือกรูปเคลื่อนไหวเยอะๆ แล้วจะหนาววว)

- ไฟล์รูป .png 1-2 รูป ตามแต่อยากจะใช้

- pattern ลายทางแนวตั้งถี่กลางๆ

พรีเซ็นเตอร์ที่หลายคนรักและห่วงใย...เพราะป้าคิดถึงนะ เลยขอเชิญมาเป็นแบบน่ะ #ยิ้มมมม

//แหมมม....หยั่งกับเราอายุ 30 - -* ช่างเถอะ เรียกติดปากซะและะ 55555

จริงๆ จัดว่าภาพเคลื่อนไหวเยอะโหดนะเนี่ยยยะะะะ 55555

แพธเทิร์นตัวเองใช่ดิบใช้ดีอ่ะะะะ ชอบบบบ! //เป็นแพธเทิร์นโปร่งใส มันเริ่ดนะ อยากจะบอกกก

สำหรับ CS4 ภาพเคลื่อนไหวเราต้องแตกไฟล์ภาพเคลื่อนไหวทีละภาพเอง

ของ CS6 น่าจะอัตโนมัติเลยมั้งงง?? //ไม่แน่ใจนะ

เอาล้ะะะ....เรามีตัวช่วยในการแตกแยกไฟล์รูป .gif ด้วยโปรแกรม GIFSplitter < โหลดเลยยย

เราต้องสร้าง folder 1 ครั้งต่อการแตกไฟล์ภาพดคลื่อนไหว 1 ภาพ

วิธีใช้ไม่ยากกกกกกก แป๊ปเดียวเสร็จ!!

ผลงานแบนเนอร์เคลื่อนไหว พี่ลู่ก็อลังการไม่แพ้เฮียเลยล้ะะะะ 555555

มาเริ่มกันเลยก็แล้วกันนน!!

สร้างหน้ากระดาษขนาด 250 x 70 ตั้งค่า background content เป็น transparent

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

เพิ่มเลเยอร์ใหม่หลังจากจักระเบียบภาพทั้งหมดในตำแหน่งที่ดีแล้ว
เลเยอร์ใหม่ต้องอยู่บนสุดเลยนะ เพราะเราจะสร้างกรอบรูปด้วยบรัชอีกตามเคย =w=

มาถึงเวลาลบล้างส่วนเกินนอกกรอบรูปกัน โดยใช้ Magic wand tool คลิกเดียวก็จบ
คลิกนอกกรอบรูปที่เราวาดเสร็จ แล้วไปเลือกเลเยอร์รูปภาพที่เกินกรอบรูป(ภาพเคลื่อนไหว)
ลบมันให้ครบทุกภาพ แต่อย่าเผลอลบผิดเลเยอร์นะจ๊ะ!!

ต่อมาก็ตกแต่งพื้นหลังให้มีราศีความสวยด้วยการเพิ่มเลเยอร์
กรณีพื้นหลัง จำไว้ว่า เลเยอร์ต้องอยู่ล่างๆ หลังรูปภาพทั้งหมด!
แล้วใช้ Lasso tool ขีดวาดลากเละ(??) และเทสีลงไป + เทแพธเทิร์นลายทางด้วย จะได้ไม่จืดชืด

ใส่สีสันพื้นหลังแล้วอย่าลืมประดับให้ชวิ้งกุ๊งกิ๊งงงง....โว้วววว
ใช้บรัชบ้านๆ ของอะชอปที่เป็นตำนาน ขาดไม่ได้ซักงานสำหรับบรัชเนี่ยยย!!

 แล้วเราก็ใส่ข้อความหลังประดับความมุ้งมิ้งเสร็จ

มาถึงเวลาลำบากขึ้นมาอีกนิดดดด อาจจะงงจนไม่เข้าใจ
แต่ถ้าลองทำตาม ลองผิด ลองถูก มั่วไป มั่วมา แล้วจะแตกฉานได้เองอย่างแท้จริง #ศัพท์สูงจริงงง!!

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

กรณีนี้ ภาพเคลื่อนไหวที่ป้าแตกมา มี 20 ภาพ และเริ่มใน layer 2 - 21 (นับได้ 20 ภาพนะ)
//layer 1 คือสีพื้นนะจ๊ะ//
จึงต้องเพิ่มเลเยอร์อนิเมชั่นให้ได้ 20 เลเยอร์ พอดีกับภาพเคลื่อนไหวที่เตรียมไว้

มาจุดที่หลายคนไม่เข้าใจกันมากกกกกกก
เอาล่ะ ขอแยกประเภทก่อน
เลเยอร์ = เลเยอร์ของรูปภาพ / เลเยอร์อนิเมชั่น = เลเยอร์ของ Animation

ส่วนที่ปิดตาเลเยอร์นั้น เราปิดตาได้เฉพาะเลเยอร์ของรูปภาพ (แถบที่อยู่ทางขวามือ) อย่างเดียว

ตอนนี้ให้ไปที่ช่องเลเยอร์อนิเมชั่นช่องที่ 1 และทำการปิดตาเลเยอร์รูปภาพเคลื่อนไหวทั้งหมด!

**เวลาเรียงภาพอนิเมชั่น แนะนำควรลากภาพเคลื่อนไหวที่แยกไฟล์แล้วแบบถอยหลัง
เช่น มี 20 ภาพ ให้นำภาพที่ 20 ลากมาไว้ในงานของเราจนถึงภาพที่ 1
เมื่อเวลาไล่เปิดตาเลเยอร์รูปภาพจะง่ายมากขึ้น ไม่ต้องมาไล่ปิดให้สับสน

ตอนนี้ในช่องของอนิเมชั่นทุกช่องไม่มีรูปภาพเคลื่อนไหวเลย

ให้เปิดตาภาพแรก เรียงไปถึงภาพสุดท้าย
ใครเรียงภาพแบบหลังมาหน้า สามารถทำตามที่บอกได้เลย

ใครที่เรียงภาพจากหน้าไปหลัง ให้ไปเริ่มที่ช่องเลเยอร์อนิเมชั่นสุดท้าย
แล้วไล่เปิดตาเลเยอร์รูปภาพขึ้นมาเรื่อยๆ จนถึงเลเยอร์รูปภาพแรกและเลเยอร์อนิเมชั่นช่องแรก

ทำให้ครบ 20 เลเยอร์อนิเมชั่น *ต้องตรงกับเลเยอร์ภาพเคลื่อนไหวของเราด้วย

เสร็จแล้วก็ลองเทสด้วยการเคะา space bar 1 ครั้ง เพื่อเช็คกว่ามันวิ่งเคลื่อนไหวถูกหรือไม่
ถ้าไม่ก็กด space bar อีกครั้งให้หยุดแล้วไปแก้งานซะนะ

#ใครไม่เข้าใจเม้นท์มาโล๊ดดดดดดด!! #ยังไม่มีโอกาสสอนในยุทูปเลยยย T T

วิธีเซฟไม่ยากเลยยยยยย

ไปที่เมนู file > save for web & devices > save จ.บ. ได้ไฟล์ .gif แล้วจ้ะะะะ

ภาพเคลื่อนไหววิ่งสนั่นในแบนเนอร์ เหมือนจะยากแต่ก็ง่าย? #อันนี้จริงนะ #เหมือนจะยากแต่ก็ง่าย

ขอขอบคุณที่หลายคนอดท๊น อดทน นั่งอ่าน นั่งทำตาม

ถึงมันจะออกมาไม่ใช่ ไม่เหมือนที่อธิบายเลยซักกะติ๊ดดดดด!!

แต่ยังอุตส่าห์พยายามที่จะฝึกฝน ทำความเข้าใจในตัวอะชอป อันนี้ขอนับถืออย่างแรง!

และขอบคุณที่พยายามถาม พยายามอ่าน พยายามเรียนรู้ และมั่วผิดถูกกับอะชอป

ป้าจะพยายามสร้างบทความที่ดีกว่านี้ขึ้นมาเรื่อยๆ นะ

ปอลอ. บทความ 5 บทความ (โดยเฉพาะอิโปสเตอร์อันแรกแสนกากเผานรกนั่น! - -*)

มันเผือกเละเทะมากโคตรเลยอ่าาาาา แบบ....ใกล้สอบไม่พอนะ ดันมีงานการบ้านก่อนสอบถึง 9 ชิ้นอ่ะ!

คือสั่งมาไม่ดูเลยนะว่าคนจะสอบแล้วอ่ะะะะ = =" แต่ก็ปั่นจนเกือบครบ ข้ามบ้างบางงาน

เพราะสังขารไม่ไหวแล้ว แดหลับ อดนอน โต้รุ่ง จนแม่นั่งด่าทุกคืน 555555

ก็เพื่อนั่งปั่นงานมหาโหดกินนี่แหละ - - ต้องผ่านทุกวิชา แม้จะยังไม่ได้อ่านซักแอะ -0-

อีก 2 วันสอบจริงไฟนอล ทำไมเหมือนโดนไฟรนตูดเลยอ่ะ =w="

#นี่ป้ากำลังระบายใช่ไหมมมมมม 55555555

Banner Basic 1 : ดูเรียบแต่หรู เอฟเฟคสลับภาพไปมา เก๋เบาๆ อ๊ะะ!

สำหรับบทความนี้ขอเปลี่ยนการสอนจากโปสเตอร์ เป็น แบนเนอร์แทนก็แล้วกัน

เพราะโปสเตอร์น่ะ หลายๆ คนก็คงทำได้กันแล้วล่ะ ..... ใช่ป้ะะะะ? 555555 #ผิดดดดดด!!

เอาเป็นว่า ถ้าใครติดตามและนั่งอ่านวิธีทำโปสเตอร์มา 2 บทความ

และลองหัดใช้ หัดทำหัดลองผิดลองถูก กับโปรแกรมอะชอปบ่อยๆ

ป้ามั่นใจเหลือเกินว่า ลูกหลานของป้าก็พอทำได้มาบ้างแล้ว (หรือไม่ได้หว่าาา?? 555555)

อย่างที่บอกไปทุกๆ บทความเลยนะ

ไม่เข้าใจ ข้องใจ งง ไม่รู้เรื่อง นี่มันอะไรฟ๊ะะะะะะ!! ก็เม้นท์มาสอบถามกันได้

ทั้งในบล็อค และในเด็กดี หรือหน้าแฟนเพจก็ได้เน้อววว์   >> Theseeker Reki <<

เอาล้ะะะะ.....มาเตรียมอุปกรณ์กันนน!!

- ไฟล์รูปภาพ นามสกุล .png 1-4 รูป ตามใจนะว่าจะกี่รูปก็ได้จ้ะ (ป้าเอามา 4 รูปเลย =w=)

- pattern (ลายไหนก็ได้ตามใจ) ในกรณีของป้าขอใช้ ลายสี่เหลี่ยมบล็อคลายเดียวจอดดด...

แนะนำว่าเป็นไฟล์ .png นะ จะได้ไม่เสียเวลาตัดต่อให้วุ่น =w=

ส่วนแพธเทิร์นของป้าใช้ลายสี่เหลี่ยมบล็อคลายเดียว จ.บ. >> โหลดได้เลยยย <<

และนี่คือผลงานสำเร็จเสร็จสมบูรณ์ของแบนเนอร์! เว้อออออ.... 55555

งานเรียบแต่หรู เอฟเฟคสลับภาพไปมา เก๋เบาๆ อ๊ะะ! //ตรงคอนเสปป้ะะะ? 555555

ลืมบอกเรื่องระดับยาก-ง่ายเลยแหะ สำหรับบทความนี้ C+-B+ ยากกว่าโปสเตอร์เฮียคริสหน่อยเดียว

ดังนั้น มันไม่ยากหรอก จริงไหมมมม #ไม่เลยยยยย!! 555555

จะยังไงก็ช่าง ถึงมันจะยาก หรือไม่ค่อยเข้าใจ และหากปล่อยให้มันผ่านไป หรือนั่งดูผ่านๆ

สุดท้าย....ก็ทำไม่ได้อยู่ดี ต่อให้มีครูมาสอนก็ตาม ถ้าไม่คิดจะหัดลองทำ ผิดๆ ถูกๆ

ก็ไม่มีวันใช้งานอะชอปเป็นหรอกนะ #พูดตรง #ทิ่มแทง #สอนให้เข้าใจ #แรงก็ขอโทษนะ

เมื่ออ่านตรงจุดนี้ให้เข้าใจแล้ว ก็มาเริ่มกันเถอะ!!

สร้างหน้ากระดาษขึ้นมาใหม่ ขนาดของแบนเนอร์ในเด็กดีคือ 250 x 70 px

อย่าลืมปรับเป็น transparent ด้วยล่ะ (background contents)

สร้างเลเยอร์ขึ้นมา 4 เลเยอร์

เลเยอร์ 1 - เทสีพื้นๆ

เลเยอร์ 2 - เทแพธเทิร์นโปร่งใส (ลายตารางที่ป้าเตรียมไว้)

เลเยอร์ 3 + 4 - ใช้ Lasso tool สร้างกรอบโซ่วิ่งได้แล้วเทสีอย่างละสี/เลเยอร์

นำไฟล์รูปที่เตรียมไว้ลากมาแปะ พร้อมกับย่อภาพและจัดตำแหน่งให้เรียบร้อย
เวลาย่อภาพ กด shift ค้างไว้แล้วย่อภาพเพื่อไม่ให้ภาพเสียสมดุล เบี้ยว ไม่เท่ากัน

จัดภาพเรียบร้อยก็ใส่ข้อความซะ

เหมือนจะจืดไปนิดนึงงงง อ่ะ! จัดให้....ละเลงการตกแต่งด้วยบรัชบ้านๆ แต่ใช้บ่อยสุด
หัวแปรงธรรมดาไม่เอาออร่าขนาด 3 px พอ กำลังสวย ขีดเขียนตามความเหมาะสม

ทำทุกอย่างครบแล้ว มาเริ่มการคัดลอกรูปภาพ
มองไปที่เลเยอร์ขวามือซะ หาเลเยอร์รูปภาพต้นฉบับที่ลาก ย่อ จัดตำแหน่งเรียบร้อยแล้ว
คลิกภาพที่จะคัดลอก แล้วกดแป้น Alt ค้างไว้ และลากเลเยอร์นั้นมาซะ
สังเกตที่หัวลูกศร จะมีเบิ้ล 2 อัน ดำทับขาว หมายถึง คัดลอกแล้วนะ

คัดลอกเสร็จแล้วสินะ ไม่ยากเนอะะะะ
มาต่อด้วยใส่เอฟเฟคให้แก่แบนเนอร์ เฉพาะภาพที่คัดลอก
ไปที่เมนู filter > blur > motion blur
ตั้งค่าความเบลอและทิศทางตามความเหมาะสม //อ่านคำอธิบายที่ภาพซะนะจ๊ะ

ทำทุกอย่างที่ผ่านมาเรียบร้อยแล้ววววว!
พักมือแป๊ปนึงแล้วมาทำความเข้าใจกับ Animation กันก่อน ต้องอ่านให้ดีๆ นะจ๊ะ

การทำภาพเคลื่อนไหวในอะชอปนั้น เลเยอร์อนิเมชั่นต้องมีมากกว่า 1 เลเยอร์
งานนี้ป้าจัดหนัก เพิ่มเลเยอร์อนิเมชั่น 15 เลเยอร์
แล้วขอให้ทุกคนหยุดมือหลังจากที่เปิดรัวๆ 15 เลเยอร์อนิเมชั่น

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

กลับมาเข้าเรื่องกันต่อ หลังจากปิดตาเลเยอร์รูปภาพทั้งหมด
ให้เล็งที่ช่อง 4-5 ก่อนใครเพื่อน เพื่อจะเปิดตาเลเยอร์ภาพคัดลอกเบลอภาพแรก
//สังเกตไหม? ภาพในอนิเมชั่นของช่องอื่นๆ ยังไม่เห็นภาพที่เราเปิดตาเมื่อกี้ #ทันไหม?//

เสร็จจากช่อง 4-5 ไปที่ช่อง 9-10 แล้วทำการเปิดตาเลเยอร์ภาพคัดลอกเบลอภาพสอง

สุดท้ายมาที่ช่อง 14-15 ทำแบบเดียวกัน โดยการเปิดตาเลเยอร์ภาพคัดลอกเบลอภาพสุดท้าย

**ทริค!! เมื่อเราเปลี่ยนไปแต่ละช่อง(เลเยอร์)อนิเมชั่น โปรดดูที่แถบขวาเลเยอร์ของเรา
ดวงตาจะสลับเปิด-ปิดตามที่เรากำหนดในเลเยอร์อนิเมชั่น #ต้องลองเล่นเองแล้วสังเกตดูจะเข้าใจนะ

พอเปิดตาเลเยอร์รูปภาพในช่อง 4-5 / 9-10 / 14-15 ช่องที่เหลือยังโบ๋เบ๋ไม่มีภาพ
เราจะใส่ภาพต้นฉบับลงไป
ขอให้เริ่มจากช่องหลังสุดก่อน แล้วไล่มาหน้าสุด (เพื่อความปลอดภัยสำหรับเลเยอร์อนิเมชั่นช่องแรก)

**ลองเปิดตาเลเยอร์รูปภาพในเลเยอร์อนิเมชั่นช่องแรกดู
ทุกช่องจะมีภาพโผล่กันมาให้พรึบพับ!ทุกช่องทันที(อนิเมชั่น)

โอเค เข้าประเด็นใกล้เสร็จล่ะะะะ
มาช่องเลเยอร์อนิเมชั่นช่อง 13 > 11 เปิดตาเลเยอร์ภาพต้นฉบับสุดท้าย
มาช่องเลเยอร์อนิเมชั่นช่อง 8 > 6 เปิดตาเลเยอร์ภาพต้นฉบับภาพที่สอง
มาช่องเลเยอร์อนิเมชั่นช่อง 3 > 1 เปิดตาเลเยอร์ภาพต้นฉบับภาพแรก
//ทำแบบถอยหลัง เข้าใจนะ//

เช็คภาพเคลื่อนไหวด้วยการกด space bar 1 ครั้ง มันจะวิ่งๆๆๆๆๆๆ
และเมื่อกด space bar 1 อีกครั้ง มันจะหยุดลงทันที

จุดไคลน์แม็กซ์เพิ่งผ่านไป หนังเราก็ใกล้จบแบบ แฮ๊ปปี้ จากดีแทค? #โดนยิงงง!
มาถึงวิธีเซฟแบบอนิเมชั่น ไม่ใช่ save as... เพราะมันมีนามสกุลแค่ .jpeg และ .png (ที่เรานิยมกัน)
ให้มาที่เมนู file > save for web & devices > save เสร็จ!!
หนังจบแล้วจ้าาาา #ผิดเรื่องครัชชชช - -*

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

ลองทำบ่อยๆ ให้ชิน ปิ้งไอเดียดีไซน์อีกหน่อย คนจะหลงรักร้านดีไซน์แนวนี้แน่นอน 555555 #รึเปล่า??

ขอบคุณที่พยายามทำความเข้าใจกันนะจ๊ะ

ป้าโคตรมั่นใจอ่ะ! "กูไม่เก็ทเลยครัชชชชชช!! สอนอะไรของยัยแก่ว๊ะเนี่ยยะะ!! มึนสลัดดดด!!"

#อารมณ์นี้ชัวร์ป๊าปปปป! - -*

ยังไงก็เม้นท์มาเถอะ เชื่อว่าต้องงงเรื่องอนิเมชั่นแหง๋ๆ

ไว้จะทำสอนในยูทูปให้ล่ะกันนะ แต่ขอหลังสอบเสร็จได้ไหมมม ปลายเดือนพฤศจิกายนกว่าจะสอบเสร็จ

แต่เริ่มสอบ 27 ตุลาคมนี้แล้วววว T T

//ยังไม่ได้อ่านสือสอบเพราะทำงานส่งจารย์นี่แหละ 555555 - - เยอะโหด!

Poster Basic 2 : โปสเตอร์สไตล์ชิคๆ งัดทริกไม้เด็ด จัดเต็มกระหน่ำงามเลิศวิสมาหลา!

บทความนี้ ต้องขอบอกลูกหลานของป้าไว้ก่อนนะ

- พอจะเข้าใจเครื่องมือของอะชอปเบื้องต้น

- รู้วิธี ใช้งานเป็น ต้องคล่องพอสมควร

เพราะฉะนั้น บทความนี้จะขึ้นระดับเป็น C+ ถึง B (กลางๆ)

หลังจากบทความแรกที่สอนทำโปสเตอร์ด้วยเครื่องมือแสนบ้านนนนนนน ง่ายจริง อะไรจริง //ช้ะะะ?

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

ดังนั้น บทความนี้จะกระโดดไปอีกขั้น และจะสอนในสิ่งที่ไม่ได้สอนในบทความที่แล้วนะ โอเค๊?

งั้นคราวนี้ป้าขอแบบ.....จัดหนักกกก!! สไตล์คนแก่ ดีไซน์ติ๊สๆ ไม่เลอะเทอะ ไม่ใช่แนว!

มาเตรียมอุปกรณ์กันเถอะ ลูกหลานของป้า

- ไฟล์รูปภาพ (ที่ตัดแล้ว หรือนามสกุล .png) กี่รูปก็ตามแต่ใจสั่ง

- ไฟล์รูปภาพทั่วไป (นามสกุล .jpeg) กี่รูปก็ได้เช่นกัน

- pattern ลายทาง > > CLICK LOAD FREE << ใครมีแล้วก็แล้วไปนะ

- pattern ลายจุด >> CLICK LOAD FREE << ใครมีแล้วก็แล้วไปอีกเช่นเคย

 

งานนี้ขอเชิญเฮียเป็นพรีเซ็นเตอร์ 555555 เพราะกะจะเอาไปเป็นโปสเตตอร์ร้านดีไซน์พอดี

   

รูปธรรมดา ไม่ตัดไม่ต่อ ก็เฮียอีกนั่นแหละ #คิดถึงเฮียมากกกกก T T

   

ส่วนแพธเทิร์น ก็ตามแบบตัวอย่างนะจ๊ะ แปะให้โหลดแล้วนะ ไม่เจอก็เข้าไปที่ All Download Free นะ

//จริงๆ ไม่จำเป็นว่าจะต้องเป็นแพธเทิร์นแบบนี้ก็ได้ แค่ให้รู้วิธีใช้แพธเทิร์น//

ส่วนนี่ก็ผลงานแสนเลิศอลังการ?? //เพราะเฮียเป็นพรีเซ็นเตอร์ให้ไง 555555

งานนี้พื้นฐานต้องเปรี๊ยะกันหน่อยนะ เข้าใจใช่ไหมมมม? เปรี๊ยะๆ อ่ะะะ!! แน่นปึ๊กกก!!

มาเริ่มกันดีกว่าาาา!! ไม่รอช้าาาาา....

สร้างหน้ากระดาษขึ้นมา ขนาดตามใจ ของป้าปรับเป็น 500 x 500 px นะ อย่าลืม transparent ล้ะ!

สร้าง 2 เลเยอร์ เลเยอร์แรกให้เทสี(สีอะไรก็ได้) อีกเลเยอร์ก็เทสีเช่นกัน(สีอะไรก็ได้)

แล้วเตรียมรูปที่จะมาใช้ย่นย่อรอไว้ได้เลย

เพิ่มความสวยให้โปสเตอร์ด้วย Lasso tool ลากไปเรื่อยๆ ไม่ต้องเน้นตรง

ลากให้รอบ(ตามใจ)จนให้เส้นมาจบกับเส้นเริ่มต้น มันจะขึ้นเส้นประวิ่งได้ ถือว่าสำเร็จ(ตามแบบ)

เพิ่มเลเยอร์ขึ้นมาเพื่อจะใส่แพธเทิร์นให้กับสีพื้นของโปสเตอร์

*ที่ต้องเพิ่มเลเยอร์เพราะ....

1.ปรับแต่งแพธเทิร์นได้สะดวก ไม่รบกวนสีพื้น

2.เป็นระเบียบเรียบร้อย

3.แก้ไขงานง่ายกว่าใช้ History ไม่ยุ่งยาก

หากแพธเทิร์นทับเลเยอร์ที่ไม่ต้องการ ก็ให้ลากเลเยอร์ไปไว้ข้างล่าง(หลังเลเยอร์ที่ไม่อยากให้ทับ)

*เรื่องนี้ต้องศึกษาและทดลองทำเอง เลเยอร์สำคัญมากๆ!*

ดูตามตัวเลขเลยนะจ๊ะ //งงก็เม้นท์มานะ//

1.เพิ่มเลเยอร์ขึ้นมา

2.ไปที่เลเยอร์สีน้ำเงิน(หรือสีอื่นๆ ที่น้องๆ เลือกไว้)

3.คลิกคฑาวิเศษ Magic wand tool

4.คลิกที่เลเยอร์สีน้ำเงิน > กดที่ตัวงาน(ที่มีโซ่วิ่งไปมาในกระดาษสีน้ำเงิน)

5.เทแพธเทิร์นในโซ่วิ่งได้ แพธเทิร์นจะไม่กระจายออกนอกกรอบโซ่วิ่งได้

6.ทำการ deselect ลบโซ่ทิ้งไป

พอเสร็จจากความวุ่นวายเมื่อกี้นี้ อย่าเพิ่งละมือนะ ดูที่เลเยอร์ก่อนด้วยว่าคลิกอยู่เลเยอร์ไหน

แล้วก็ไปเพ่งในกรอบแดง เมนูเหนือเลเยอร์เราเล็กน้อย (มีคำว่า normal) ให้เลือก soft light

มันจะดรอปสีลงไป (ส่วนตัวเลือกอื่นๆ อยากรู้ลองเล่นได้ ไม่เสียหายนะ)

ข้างๆ เมนูที่กำลังเล่น Opacity และ fill ซึ่งมีลักษณะเหมือนๆ กัน ลองสลับใช้ หรือใช้พร้อมกันดูนะ

มันคือค่าความโปร่งใส 100% เท่ากับ ทึบ(ไม่โปร่งใส)

สามารถลองเล่นได้ ไม่เสียหายอีกเช่นเคย

**เห็นโลโก้ Ben'n Reki ในตัวอย่างงานไหม?**

ใช้ลักษณะเดียวกันคือลดค่า opacity มันเลยจางๆ ลงจากทึบๆ

อันนี้ไม่ต้องบรรยายอะไรมากมาย เอารูปมาวางโดยการลากๆ แปะๆ ดึงๆ จัดตำแหน่ง

วางรูปเสร็จแล้วใช่ไหมมมม มาตกแต่งความโล่งๆ กันเถอะะะะะ

งานนี้ป้าใช้บรัชหัวมาตราฐานเพียวๆ เลยนะเออ หัวบรัชไม่มีออร่า ขนาด 3px - 5px เท่านั้น

และเพิ่มเลเยอร์เพื่อวาดรูป แต่งในโปสเตอร์ เช่น ตัดขอบ สร้างกรอบรูป ทำนู่นนี่นั่น เป็นต้น

อันนี้สอนใช้เอฟเฟคที่ซ่อนลึกๆ ในเลเยอร์ (Layer Style)

ด้วยการดับเบิ้ลคลิกในเลเยอร์ที่เราอยากใส่เอฟเฟค! จากนั้นก็ลองใช้เมนูต่างๆ ดูนะ

อธิบายในภาพแล้วนะจ๊ะ =w= ถ้าลองใช้แล้วไม่เข้าใจตรงไหน เม้นท์ถามได้จ้าาาา...

ดูประกอบกัน 2 ภาพนะ!!! อ่านก่อนลงมือทำ ให้เข้าใจก่อนดีกว่านะจ๊ะ

มาถึงลบกรอบที่ป้าสร้างไว้ (คนอื่นทำหรือไม่ อันนี้ไม่รู้ แต่ศึกษาไว้เป็นความรู้ก็แล้วกันนะ)

ไม่ต้องใช้ยางลบมานั่งลบ เดี๋ยวเกิดเผลอลบเยอะจนผิดพลาด บางครั้ง History ก็ไม่อาจจะกู้ได้

เอาละ...เลือกคฑาวิเศษ Magic wand tool แล้วมาลงมือกัน

- คลิกในกรอบตามรูป เริ่มจากกรอบซ้าย

- แล้วกด shift ค้างไว้ (หัวคฑาจะมีเครื่องหมาย + บนหัวคฑา)

- แล้วไปคลิกในกรอบขวา

- จากนั้นทำการ inverse เพื่อกลับด้านโซ่

- เลือกเลเยอร์รูปภาพที่ต้องการลบส่วนเกิน โดยคลิกเลเยอร์ภาพซ้ายแล้วลบ ต่อด้วยเลเยอร์ภาพขวาและลบ

- ทำการ deselect (Ctrl + D)

*inverse คือ การกลับด้าน ถ้าไม่กลับด้านแล้วกดลบ ภาพในกรอบจะหายไปทันที

ดังนั้น จึงต้องทำการกลับด้านแล้วลบทิ้ง สิ่งรอบๆ จะถูกลบแทนภาพในกรอบ

และการลบสิ่งรอบนอก ต้องเลือกเลเยอร์ที่ต้องจะลบด้วย ไม่งั้นกดลบให้ตายก็ไม่เกิดผลอะไร

เพราะเลเยอร์ที่เลือกมันเป็นเลเยอร์กรอบรูป (ซึ่งรอบนอกไม่มีส่วนเกินอยู่แล้ว)

//ไม่เข้าใจก็ลองทำดูนะจ๊ะ หากยังไม่เก็ทก็เม้นท์ถามมานะหลานๆ//

พอตัดส่วนเกินของรูปออกไป ก็มาตกแต่งด้วยบรัชอีกหน่อย

จะวาดให้เลอะเทอะยังไงก็ได้ ขึ้นอยู่กับบุคคล แต่งตามใจ อันนี้สอนไม่ได้อ่ะะะ 55555

แล้วก็ใส่ข้อความตามความเหมาะสมของงาน จบแล้ว!

ขอร้องว่า อย่าก็อป อย่าลอก เลยยยยยยยย

นี่สอนวิธีใช้ + ไอเดียมากขนาดนี้แล้ว ป้าเชื่อมั่นมากๆ ว่าลูกหลานจะนำไปประยุกต์งานได้ดีกว่า

งานเสร็จแล้วววววว วอล'ล่าาาาห์!!

ขอบคุณที่อ่านจนจบนะจ๊ะ

หากใครไม่เข้าใจอะไรเลยซักกะอย่างนึง ก็เม้นท์ในหน้านี้ถามมานะ

แล้วป้าจะตอบกลับทันทีจ้าาาา

สำหรับน้องๆ ในเด็กดี ไม่สะดวกในบล็อคล่ะก็...เม้นท์ในบล็อคพร้อมลิ้งค์ url เว็บเด็กดี

แล้วจะไปตอบกลับใน QMSG ให้นะจ๊ะ >w<