วันอังคารที่ 31 มกราคม พ.ศ. 2555

สร้างข้อความเนยแข็ง ด้วย Photoshop
1. สร้างไฟล์ใหม่แล้วกด T ที่แป้นพิมพ์ เพื่อพิมพ์ข้อความ
2. Click ขวาที่ text layer แล้วเลือก Rasterize Layer
3. เลือก Elliptical Marquee Tool ค่ะ
จากนั้นให้วาดรูปวงกลมตามขอบของข้อความแล้วกด delete ที่แป้นพิมพ์
จะได้ตามด้านล่างค่ะ
4. Double Click ที่ layer ค่ะ แล้วทำการตั้งค่า
Gradient Overlay
Bevel and Emboss
Drop Shadow
จะได้ตามด้านล่าง
5. สร้าง layer ใหม่ขึ้นมาค่ะ แล้วเลือกที่ Elliptical Marquee Tool จากนั้นวาดรูปวงกลมตามรูปโดยกด Shift ก็จะได้วงกลมหลายๆรูปพร้อมๆกันค่ะ
กด Shift + backspace แล้วเลือก Color จากนั้นก็ทำการเลือกสีของวงกลม
6. Double Click ที่ layer แล้วตั้งค่า Iner Shadow ค่ะ
เสร็จเรียบร้อยแล้วค่ะ
cradit:http://www.webthaidd.com/photoshop/








สร้างข้อความในแบบของการ์ตูนด้วย Photoshop
1. สร้าง file ใหม่ขึ้นมาให้มี backupground เป็นสีดำ จากนั้นให้กด T ที่แป้นพิมพ์ เพื่อเปลี่ยน mode เป็น Text tool แล้วจึงทำการพิมพ์ข้อความที่ต้องการลงไป
2. double click ที่ text layer แล้วทำการตั้งค่า Gradient Overlay
Gradient Overlay ตั้งค่าตามด้านล่างเลยค่ะ
Inner Glow ก็ตั้งค่าตามรูปเช่นกัน
Outer Glow ก็เช่นกันค่ะ ตามรูปด้านล่าง
3. กด Ctrl+E เพื่อทำการรวม layer ที่เป็น background และ text ค่ะ
4. เลือก Filter ---> Artictic ---> Plastic Wrap
ตั้งค่าต่างๆค่ะแล้วก็กดตกลง
5. เลือก image ---> adjustments ---> color balance
ตั้งค่า Color Balance
สำเร็จแล้วค่ะ
 cradit:http://www.webthaidd.com/photoshop/
สร้างปกหนังสือด้วย toolที่มีอยู่ใน photoshop
วันนี้เรามีวิธีง่ายๆในการสร้างปกหนังสือบน photoshop มาให้ได้เรียบรู้กันในที่นี้เราจะเอา too lต่างๆที่มีอยู่ในโปรแกรมมาใช้
ซึ่งเหมาะกับคนที่เริ่มต้นในการออกแบบหนังสือและยังไม่ถนัดที่จะใช้ photoshop ซึ่งเราก็จะเอา tool ง่ายๆมาเป็น ideaเริ่มต้นในการสร้างกันนะครับ
สิ่งที่ควรคำนึงถึง
1.สีที่ใช้ต้องเป็สสีที่สร้างอารมณ์สอดคล้องกับเนื้อหา
2.รูปที่อยู่หน้าปกต้องสื่อถึงภาพรวมหรือสดคล้องกับเนื้อหา
3.การสร้างรูปจาก photoshopนั้นเราต้องรู้ขนาดที่เราต้องการที่แน่นอน เนื่องจาก photoshopน้นเป็นแบบ pixel ถ้าขยายหรือย่อรูปอาจไม่สวย ซึ่งจะ
แตกต่างจากการสร้างจาก illustrator นั้นคือเป็นแบบ vector
4.สิ่งที่ต้องมีบนปกคือ ชื่อหนังสือ ชื่อผู้แต่ง และรูปแบบการ design ในข้อนี้แล้วแต่ ideaของแต่ละคนนะครับ
เรามาเริ่มกันเลยดีกว่าครับ
1.สร้าง file ใหม่ขึ้นมาโดยไปที่ file--->new ผมจะยกตัวอย่างเป็นขนาด 19.5*25 cm นะครับ

2.เลือก paint bucket tool--->เลือกสี--->เทสีลงบน background


3.copy รูปที่เราต้องการเาาไว้หน้าปกมาวางที่ background เราสามารถย่อขยาย หมุน รูปได้โดยวิธีการกด ctrl+t เราก็จะสามารถต่อรูปได้ หมุนรูปได้ ลองเล่นดูนะครับ
4.ขั้นตอนนี้เราจะมาตกแต่งรูปภาพแบง่ายๆกัน โดยเลือกทีรูปยางลบ ---> เลือกลักษณะของยางลบ (ขึ้นไปดูที่ด้านบนนะครับจะมีให้กด dropdown เพื่อเลือก)
5.เมื่อเราได้ละกษณะของยางลบแล้ว เราก็จัดการลบขอบของรูปได้เลยครับ หรือใครที่ไม่ต้องการจะลบขอบแต่ต้องการสร้างให้ภาพดูมีมิติ ก็ double clickที่ layerของรูป เลือกที่ drop shadow เราก็จะได้รูปที่ดูมีมิติมากขึ้น
6.เรามาเขียนชื่อหนังสือกันดีกว่า โดยให้กดตัว t ที่ keyboardจากนั้นให้พิมพ์ได้เลยครับ เราจะจัดตำแหน่งของหนังสือได้โดยให้เลือกที่ move tool
แค่นี้เราก็เลื่อนข้อความได้แล้วครับ ถ้าเราต้องการสร้างขอบให้ข้อความก็ double clickที่ text layer เลือก stoke ได้เลยครับ จะสามารถเลือกสีเส้น
เลือกขนาดของเส้นขอบได
เราสามารถเลือกขนาดตัวอักษร รูปแบบตัวอักษรได้จาก tool ตามรูปด้านล่างเลยนะึครับ ถ้าเราเลือกตัวอักษรแบบ smooth จะช่วยทำให้ขอบตัวอักษรดูเรียบเนียนมากขึ้น

7.ต่อไปผมจะเอาข้อความที่ชวนให้ผู้อ่านอยากเข้าไปอ่านมาลงบนหน้าปกครับ เมื่อได้ข้อความแล้วผมก็จัดการสร้างเงาให้ข้อความก็ทำเหมือนกับที่เราจะสร้างให้รูปครับ แต่ทีนี้ผมจะสร้าง
ให้เงามี noise ด้วยครับ เมื่อเราเลือกที่ drop shadow แล้วมาดูตรงช่อง quality ครับจะมีช่องที่สามารถกำหนดความเป็น noiseได้ครับ จากนี้ก็จะใส่ตัวเลข
หรือเลื่อนแทบก็แล้วแต่สะดวกเลยครับ

8.ต่อไปเรามาตกแต่งหน้าปกแบบง่ายๆกันครับ ผมเลือกใน brush tool ครับ
cradit:http://www.webthaidd.com/photoshop/
การทำภาพเอนิเมชั่นใน photoshop cs3
ตามปกติแล้ว โปรแกรม photoshop ในเวอร์ชั่นก่อนหน้านี้ จะมีโปรแกรม imageready แถมมาให้ด้วย เพื่อไว้ทำภาพเอนิเมชั่น แต่พอมาถึงเวอร์ชั่น cs3 นั้น กลับไม่มี โปรแกรม imageready แถมมาให้ หลายๆคนคงคิดว่า แล้วจะทำภาพเอนิเมชั่นใน cs3 ได้ยังไง บทความนี้จะเสนอเกี่ยวกับการทำภาพเอนิเมชั่นใน photoshop cs3 ครับ
1. เปิดเอกสารใหม่ขึ้นมา โดยไปที่เมนู file > new แล้วตั้งค่าเอกสารตามความต้องการ ในที่นี้ สร้างเอกสารใหม่ขนาด 125x125



2. หารูปภาพอะไรก็ได้มา 3 ภาพ ใส่แยกไว้ในแต่ละเลเยอร์ รวมทั้งหมด 3 ภาพ 3 เลเยอร์ ดังรูป




3. ไปที่เมนู Window > Animation จะได้หน้าต่าง Animation ขึ้นมา ดังรูป


4. คลิกตรง 0 sec. เพื่อเลือกเวลาที่ต้องการ ในการแสดงแต่ละภาพ ในที่นี้เลือกเป็น 2 วินาที


5. คลิกที่ Duplicates selected frames เพื่อ copy จาก frame แรก ดังรูป


6. หลังจากนั้นให้ไปคลิกที่รูปตาตรงเลเยอร์ที่ 3 ออก ดังรูป


7. กลับไปคลิกที่ Duplicates selected frames เพื่อ copy จาก frame ที่สอง (เหมือนข้อ 5)


8. ต่อจากนั้นให้ไปคลิกที่รูปตาตรงเลเยอร์ที่ 2 ออก (เหมือนข้อ 6)


9. ทดสอบได้โดยการกดปุ่ม play animation จะเล่นตั้งแต่ frames แรกไป frames สุดท้าย frames ละ 2 วินาที เมื่อจบ frames สุดท้ายก็จะวนกลับไปที่ frames แรกใหม่

10. ไปที่ File > Save for Web & Devices หรือกด ALT + CTRL + SHIFT + S เพื่อเซฟ และตั้งค่าตามต้องการ


11. สุดท้ายเราก็จะได้รูปเอนิเมชั่นที่ทำจาก photoshop cs3 แล้วครับ ง่ายๆใช่มั๊ยครับ สำหรับคนที่เคยใช้ ImageReady ก็คงจะคุ้นเคยกันเป็นอย่างดี

cradit:http://www.webthaidd.com/photoshop/