สร้างปกหนังสือด้วย 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/

สร้างตัวหนังสือแตกๆ ด้วย Photoshop

1. สร้างไฟล์ใหม่แล้วกด T ที่แป้นพิมพ์ แล้วทำการพิมพ์ข้อควา

2. กด Ctrl+J จะได้ layer ใหม่ตามด้านล่างค่ะ

3. Filter ---> Stylize ---> Tiles

ตั้งค่า Number Of Tiles ค่ะ แล้วกด OK

จะได้ตามด้านล่าง

4. click ขวาที่ layer แรกที่ไม่ใส่ layer ที่เรา copy มา แล้วเืลือก Rasterize Layer

5. จากนั้นให้ click เลือก layer ที่เรา copy มาค่ะ แล้ว เลือก Magic Wand Tool (W)

ทำการเลือกพื้นที่ที่เป็นสีชมพูจะได้ตามด้านล่าง

6. จากนั้นให้เลือกที่ layer ตามแทบสีฟ้าด้านล่างค่ะ แล้วกด delete ที่แป้นพิมพ์

แล้วเราลองปิดตาที่ layer copy

จะได้ตามด้านล่าง

7. ทำการตามข้อ 5-6 จนได้รูปตามด้านล่าง

ตกแต่งให้สวยงาม

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

เทคนิคการแต่งภาพสไตล์โลโม

เทคนิคการแต่งภาพสไตล์โลโม
หลายคนอาจจะงงว่าภาพ โลโม (LOMO) มันคืออะไร มันก็คือภาพที่มี Contrast จัดๆ ขอบรูปมืดๆ นั้นเอง ภาพที่ตกแต่งด้วยสไตล์โลโมนั้นจะมีลักษณะสีที่ดูสดขึ้น ทำให้ภาพธรรมดา ๆ มีความโดดเด่นขึ้นในด้านของสีสรรที่สวยงาม แม้ว่าเราจะไม่มีกล้องโลโมที่จะถ่ายภาพให้ออกมาแปลกตา แต่เราก็สามารถนำภาพจากกล้องดิจิตอลของเรา มาดัดแปลงแต่งเติมให้เป็นภาพแนวโลโมได้ไม่ยาก วันนี้ทางทีมงาน Design guru ขอแนะนำวิธีการทำภาพแนวโลโมแบบไม่ต้องออกแรงมาก เพราะเราจะใช้ Script ซึ่งเป็นวิธีแบบสำเร็จรูป
ก่อนที่จะเริ่มลงมือทำงั้น จะต้องโหลดตัว Script มาลงก่อน โหลด Script Lomo จากนั้นทำการแตกไฟล์ที่ได้มา แล้วนำไฟล์ที่ชื่อว่า CHLomoScript ไปไว้ที่ C:\Program Files\Adobe\Adobe Photoshop CS2\Presets\Scripts เมื่อลง Script เรียบร้อยแล้วก็เปิดโปรแกรม Photoshop ได้เลย

1. ให้เปิดรูปที่ต้องการขึ้นมา โดยไปที่ File---->Open

 

2. เมื่อได้รูปที่ต้องการแล้วให้ไปที่ เมนู File ---> Scripts --- > CHLomoScript  แล้วรอสักครู่เพื่อให้โปรแกรมจัดการรูปภาพให้เรา

 

3. จากรูปที่ได้จะเห็นว่าสีมันจัดจ้านแสบตามาก เราต้องมาลดสีมันนิดหน่อย โดยคลิกเลือกที่เลเยอร์ Background และไปที่เมนู Image ---> Adjustments ---> Hue/saturation หรือ Ctrl+U

ปรับค่า Saturation ตามใจชอบเพื่อลดความจัดของสีลงหน่อย จากในตัวอย่างปรับลดลงประมาณ -35

รูปที่ทำเรียบร้อยแล้ว

เปรียบเที่ยบความแตกต่างของรูปก่อนทำและหลังทำ

By:http://oxygen.readyplanet.com/index.php?lay=show&ac=article&Id=538661042&Ntype=28