ݺߣ

ݺߣShare a Scribd company logo
สร้างปกหนังสือด้วย  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  ครับ
* ระหว่างการสร้างอย่าลืม   save  ไว้บ่อยๆนะครับกันพลาด โดย  save   เป็น  .psd  ซึ่งเป็นนานสกุล

More Related Content

What's hot (10)

การใช้งาȨปรแกรมคอมพิว๶ตอร์กราฟิก
การใช้งาȨปรแกรมคอมพิว๶ตอร์กราฟิกการใช้งาȨปรแกรมคอมพิว๶ตอร์กราฟิก
การใช้งาȨปรแกรมคอมพิว๶ตอร์กราฟิก
กชพร มณีพงษ์
เครื่องมือที่ใช้ลงสีในโปรแกรม Paint
เครื่องมือที่ใช้ลงสีในโปรแกรม Paintเครื่องมือที่ใช้ลงสีในโปรแกรม Paint
เครื่องมือที่ใช้ลงสีในโปรแกรม Paint
Benjapeon Jantakhot
เครื่องมือต่างๆ ในโปรแกรม Paint
เครื่องมือต่างๆ ในโปรแกรม Paintเครื่องมือต่างๆ ในโปรแกรม Paint
เครื่องมือต่างๆ ในโปรแกรม Paint
Benjapeon Jantakhot
สร้างྺ้อความโค้งตามวัตถุแบบง่ายๆ
สร้างྺ้อความโค้งตามวัตถุแบบง่ายๆสร้างྺ้อความโค้งตามวัตถุแบบง่ายๆ
สร้างྺ้อความโค้งตามวัตถุแบบง่ายๆ
สมใจ จันสุกสี
สร้างหนังสือแบบ 3 d ใน photoshop.1
สร้างหนังสือแบบ 3 d ใน photoshop.1สร้างหนังสือแบบ 3 d ใน photoshop.1
สร้างหนังสือแบบ 3 d ใน photoshop.1
Zamului
สร้างหนังสือแบบ 3 d ใน photoshop
สร้างหนังสือแบบ 3 d ใน photoshopสร้างหนังสือแบบ 3 d ใน photoshop
สร้างหนังสือแบบ 3 d ใน photoshop
Zamului
การใช้งาȨปรแกรมคอมพิว๶ตอร์กราฟิก
การใช้งาȨปรแกรมคอมพิว๶ตอร์กราฟิกการใช้งาȨปรแกรมคอมพิว๶ตอร์กราฟิก
การใช้งาȨปรแกรมคอมพิว๶ตอร์กราฟิก
กชพร มณีพงษ์
เครื่องมือที่ใช้ลงสีในโปรแกรม Paint
เครื่องมือที่ใช้ลงสีในโปรแกรม Paintเครื่องมือที่ใช้ลงสีในโปรแกรม Paint
เครื่องมือที่ใช้ลงสีในโปรแกรม Paint
Benjapeon Jantakhot
เครื่องมือต่างๆ ในโปรแกรม Paint
เครื่องมือต่างๆ ในโปรแกรม Paintเครื่องมือต่างๆ ในโปรแกรม Paint
เครื่องมือต่างๆ ในโปรแกรม Paint
Benjapeon Jantakhot
สร้างྺ้อความโค้งตามวัตถุแบบง่ายๆ
สร้างྺ้อความโค้งตามวัตถุแบบง่ายๆสร้างྺ้อความโค้งตามวัตถุแบบง่ายๆ
สร้างྺ้อความโค้งตามวัตถุแบบง่ายๆ
สมใจ จันสุกสี
สร้างหนังสือแบบ 3 d ใน photoshop.1
สร้างหนังสือแบบ 3 d ใน photoshop.1สร้างหนังสือแบบ 3 d ใน photoshop.1
สร้างหนังสือแบบ 3 d ใน photoshop.1
Zamului
สร้างหนังสือแบบ 3 d ใน photoshop
สร้างหนังสือแบบ 3 d ใน photoshopสร้างหนังสือแบบ 3 d ใน photoshop
สร้างหนังสือแบบ 3 d ใน photoshop
Zamului

Viewers also liked (17)

Robinson and hardin business platform
Robinson and hardin business platformRobinson and hardin business platform
Robinson and hardin business platform
Marques Hardin
Workshop - Social Media For Startups
Workshop - Social Media For StartupsWorkshop - Social Media For Startups
Workshop - Social Media For Startups
ucla1985
Gestalt Foundation Overview
Gestalt Foundation OverviewGestalt Foundation Overview
Gestalt Foundation Overview
The Gestalt Foundation, Inc.
Hello websocket(cn)
Hello websocket(cn)Hello websocket(cn)
Hello websocket(cn)
g65537
ผังงาน
ผังงานผังงาน
ผังงาน
jutamat
Portfolio Works
Portfolio WorksPortfolio Works
Portfolio Works
minimaki88
๶ทคȨคการทำʳdzٴDzDZ
๶ทคȨคการทำʳdzٴDzDZ๶ทคȨคการทำʳdzٴDzDZ
๶ทคȨคการทำʳdzٴDzDZ
jutamat
Hello serversentevent(cn)
Hello serversentevent(cn)Hello serversentevent(cn)
Hello serversentevent(cn)
g65537
ผังงาน
ผังงานผังงาน
ผังงาน
jutamat
Diapoistivas ZacDiapoistivas Zac
Diapoistivas Zac
Mcrsc1
لائحة انماء العدوسية
لائحة انماء العدوسيةلائحة انماء العدوسية
لائحة انماء العدوسية
joseph
Unidad 3 tecUnidad 3 tec
Unidad 3 tec
ivan flores
Ecg
EcgEcg
Ecg
NAO, Medical University of Shahid Beheshti
Hello communications(cn)
Hello communications(cn)Hello communications(cn)
Hello communications(cn)
g65537
ผังงาน
ผังงานผังงาน
ผังงาน
jutamat
Radiologia veterinariaRadiologia veterinaria
Radiologia veterinaria
Angy
Robinson and hardin business platform
Robinson and hardin business platformRobinson and hardin business platform
Robinson and hardin business platform
Marques Hardin
Workshop - Social Media For Startups
Workshop - Social Media For StartupsWorkshop - Social Media For Startups
Workshop - Social Media For Startups
ucla1985
Hello websocket(cn)
Hello websocket(cn)Hello websocket(cn)
Hello websocket(cn)
g65537
ผังงาน
ผังงานผังงาน
ผังงาน
jutamat
๶ทคȨคการทำʳdzٴDzDZ
๶ทคȨคการทำʳdzٴDzDZ๶ทคȨคการทำʳdzٴDzDZ
๶ทคȨคการทำʳdzٴDzDZ
jutamat
Hello serversentevent(cn)
Hello serversentevent(cn)Hello serversentevent(cn)
Hello serversentevent(cn)
g65537
ผังงาน
ผังงานผังงาน
ผังงาน
jutamat
Diapoistivas ZacDiapoistivas Zac
Diapoistivas Zac
Mcrsc1
لائحة انماء العدوسية
لائحة انماء العدوسيةلائحة انماء العدوسية
لائحة انماء العدوسية
joseph
Unidad 3 tecUnidad 3 tec
Unidad 3 tec
ivan flores
Hello communications(cn)
Hello communications(cn)Hello communications(cn)
Hello communications(cn)
g65537
ผังงาน
ผังงานผังงาน
ผังงาน
jutamat
Radiologia veterinariaRadiologia veterinaria
Radiologia veterinaria
Angy

Similar to ๶ทคȨคการทำʳdzٴDzDZ (20)

02 บทที่ 2-เอกสารที่เกี่ยวข้อง
02 บทที่ 2-เอกสารที่เกี่ยวข้อง02 บทที่ 2-เอกสารที่เกี่ยวข้อง
02 บทที่ 2-เอกสารที่เกี่ยวข้อง
Champ Wachwittayakhang
02 บทที่ 2-เอกสารที่เกี่ยวข้อง
02 บทที่ 2-เอกสารที่เกี่ยวข้อง02 บทที่ 2-เอกสารที่เกี่ยวข้อง
02 บทที่ 2-เอกสารที่เกี่ยวข้อง
Champ Wachwittayakhang
02 บทที่ 2-เอกสารที่เกี่ยวข้อง
02 บทที่ 2-เอกสารที่เกี่ยวข้อง02 บทที่ 2-เอกสารที่เกี่ยวข้อง
02 บทที่ 2-เอกสารที่เกี่ยวข้อง
Champ Wachwittayakhang
บทที่3
บทที่3บทที่3
บทที่3
ถุงปุ๋ย ท.บ.
แนะนำ Adobe photo shop 7
แนะนำ Adobe photo shop 7แนะนำ Adobe photo shop 7
แนะนำ Adobe photo shop 7
chaiwat vichianchai
ใบความรู้หȨวยที่6ตัวอักษร+ԾپDz3
ใบความรู้หȨวยที่6ตัวอักษร+ԾپDz3ใบความรู้หȨวยที่6ตัวอักษร+ԾپDz3
ใบความรู้หȨวยที่6ตัวอักษร+ԾپDz3
Pop Thakonwan
๶ครื่องมือและคำสั่งพื้นฐาน
๶ครื่องมือและคำสั่งพื้นฐาน๶ครื่องมือและคำสั่งพื้นฐาน
๶ครื่องมือและคำสั่งพื้นฐาน
กชพร มณีพงษ์
Photoshop cs3
Photoshop cs3Photoshop cs3
Photoshop cs3
Nadda Laosakul
รู้จักโปรแกรม Adobe Photoshop CS6
รู้จักโปรแกรม Adobe Photoshop CS6รู้จักโปรแกรม Adobe Photoshop CS6
รู้จักโปรแกรม Adobe Photoshop CS6
Khon Kaen University
ตอนที่4 การชิ้นงาน
ตอนที่4 การชิ้นงานตอนที่4 การชิ้นงาน
ตอนที่4 การชิ้นงาน
Kriangx Ch
๶ทคȨคการใช้ Photoshop
๶ทคȨคการใช้ Photoshop๶ทคȨคการใช้ Photoshop
๶ทคȨคการใช้ Photoshop
thaksapron
๶ทคȨคการใช้ Photoshop
๶ทคȨคการใช้ Photoshop๶ทคȨคการใช้ Photoshop
๶ทคȨคการใช้ Photoshop
thaksapron
๶ทคȨคการใช้ Photoshop
๶ทคȨคการใช้ Photoshop๶ทคȨคการใช้ Photoshop
๶ทคȨคการใช้ Photoshop
thaksapron
๶ทคȨคการใช้ Photoshop
๶ทคȨคการใช้ Photoshop๶ทคȨคการใช้ Photoshop
๶ทคȨคการใช้ Photoshop
thaksapron
ใบความรู้ Type tool ใน photoshop
ใบความรู้ Type tool ใน photoshopใบความรู้ Type tool ใน photoshop
ใบความรู้ Type tool ใน photoshop
Obob Kukkong
๶ทคȨคการใช้ Photoshop
๶ทคȨคการใช้ Photoshop๶ทคȨคการใช้ Photoshop
๶ทคȨคการใช้ Photoshop
thaksapron
การใช้งาȨปรแกรมคอมพิว๶ตอร์กราฟิก
การใช้งาȨปรแกรมคอมพิว๶ตอร์กราฟิกการใช้งาȨปรแกรมคอมพิว๶ตอร์กราฟิก
การใช้งาȨปรแกรมคอมพิว๶ตอร์กราฟิก
กชพร มณีพงษ์
02 บทที่ 2-เอกสารที่เกี่ยวข้อง
02 บทที่ 2-เอกสารที่เกี่ยวข้อง02 บทที่ 2-เอกสารที่เกี่ยวข้อง
02 บทที่ 2-เอกสารที่เกี่ยวข้อง
Champ Wachwittayakhang
02 บทที่ 2-เอกสารที่เกี่ยวข้อง
02 บทที่ 2-เอกสารที่เกี่ยวข้อง02 บทที่ 2-เอกสารที่เกี่ยวข้อง
02 บทที่ 2-เอกสารที่เกี่ยวข้อง
Champ Wachwittayakhang
02 บทที่ 2-เอกสารที่เกี่ยวข้อง
02 บทที่ 2-เอกสารที่เกี่ยวข้อง02 บทที่ 2-เอกสารที่เกี่ยวข้อง
02 บทที่ 2-เอกสารที่เกี่ยวข้อง
Champ Wachwittayakhang
ใบความรู้หȨวยที่6ตัวอักษร+ԾپDz3
ใบความรู้หȨวยที่6ตัวอักษร+ԾپDz3ใบความรู้หȨวยที่6ตัวอักษร+ԾپDz3
ใบความรู้หȨวยที่6ตัวอักษร+ԾپDz3
Pop Thakonwan
๶ครื่องมือและคำสั่งพื้นฐาน
๶ครื่องมือและคำสั่งพื้นฐาน๶ครื่องมือและคำสั่งพื้นฐาน
๶ครื่องมือและคำสั่งพื้นฐาน
กชพร มณีพงษ์
รู้จักโปรแกรม Adobe Photoshop CS6
รู้จักโปรแกรม Adobe Photoshop CS6รู้จักโปรแกรม Adobe Photoshop CS6
รู้จักโปรแกรม Adobe Photoshop CS6
Khon Kaen University
ตอนที่4 การชิ้นงาน
ตอนที่4 การชิ้นงานตอนที่4 การชิ้นงาน
ตอนที่4 การชิ้นงาน
Kriangx Ch
๶ทคȨคการใช้ Photoshop
๶ทคȨคการใช้ Photoshop๶ทคȨคการใช้ Photoshop
๶ทคȨคการใช้ Photoshop
thaksapron
๶ทคȨคการใช้ Photoshop
๶ทคȨคการใช้ Photoshop๶ทคȨคการใช้ Photoshop
๶ทคȨคการใช้ Photoshop
thaksapron
๶ทคȨคการใช้ Photoshop
๶ทคȨคการใช้ Photoshop๶ทคȨคการใช้ Photoshop
๶ทคȨคการใช้ Photoshop
thaksapron
๶ทคȨคการใช้ Photoshop
๶ทคȨคการใช้ Photoshop๶ทคȨคการใช้ Photoshop
๶ทคȨคการใช้ Photoshop
thaksapron
ใบความรู้ Type tool ใน photoshop
ใบความรู้ Type tool ใน photoshopใบความรู้ Type tool ใน photoshop
ใบความรู้ Type tool ใน photoshop
Obob Kukkong
๶ทคȨคการใช้ Photoshop
๶ทคȨคการใช้ Photoshop๶ทคȨคการใช้ Photoshop
๶ทคȨคการใช้ Photoshop
thaksapron
การใช้งาȨปรแกรมคอมพิว๶ตอร์กราฟิก
การใช้งาȨปรแกรมคอมพิว๶ตอร์กราฟิกการใช้งาȨปรแกรมคอมพิว๶ตอร์กราฟิก
การใช้งาȨปรแกรมคอมพิว๶ตอร์กราฟิก
กชพร มณีพงษ์

๶ทคȨคการทำʳdzٴDzDZ

  • 1. สร้างปกหนังสือด้วย tool ที่มีอยู่ใน photoshop
  • 2. วันนี้เรามีวิธีง่ายๆในการสร้างปกหนังสือบน photoshop มาให้ได้เรียบรู้กันในที่นี้เราจะเอา too l ต่างๆที่มีอยู่ในโปรแกรมมาใช้ ซึ่งเหมาะกับคนที่เริ่มต้นในการออกแบบหนังสือและยังไม่ถนัดที่จะใช้ photoshop ซึ่งเราก็จะเอา tool ง่ายๆมาเป็น idea เริ่มต้นในการสร้างกัน สิ่งที่ควรคำนึงถึง
  • 3. 1 . สีที่ใช้ต้องเป็สสีที่สร้างอารมณ์สอดคล้องกับเนื้อหา 2 . รูปที่อยู่หน้าปกต้องสื่อถึงภาพรวมหรือสดคล้องกับเนื้อหา 3 . การสร้างรูปจาก photoshop นั้นเราต้องรู้ขนาดที่เราต้องการที่แน่นอน เนื่องจาก photoshop น้นเป็นแบบ pixel ถ้าขยายหรือย่อรูปอาจไม่สวย ซึ่งจะ แตกต่างจากการสร้างจาก illustrator นั้นคือเป็นแบบ vector 4 . สิ่งที่ต้องมีบนปกคือ ชื่อหนังสือ ชื่อผู้แต่ง และรูปแบบการ design ในข้อนี้แล้วแต่ idea ของแต่ละคนนะครับ เรามาเริ่มกันเลยดีกว่าครับ
  • 4. 1 . สร้าง file ใหม่ขึ้นมาโดยไปที่ file--->new ผมจะยกตัวอย่างเป็นขนาด 19.5*25 cm นะครับ
  • 5. 2 . เลือก paint bucket tool---> เลือกสี --- > เทสีลงบน background
  • 6. 3 .copy รูปที่เราต้องการเาาไว้หน้าปกมาวางที่ background เราสามารถย่อขยาย หมุน รูปได้โดยวิธีการกด ctrl+t เราก็จะสามารถต่อรูปได้ หมุนรูปได้ ลองเล่นดูนะครับ
  • 7. 4 . ขั้นตอนนี้เราจะมาตกแต่งรูปภาพแบง่ายๆกัน โดยเลือกทีรูปยางลบ --- > เลือกลักษณะของยางลบ ( ขึ้นไปดูที่ด้านบนนะครับจะมีให้กด dropdown เพื่อเลือก )
  • 8. 5 . เมื่อเราได้ละกษณะของยางลบแล้ว เราก็จัดการลบขอบของรูปได้เลยครับ หรือใครที่ไม่ต้องการจะลบขอบแต่ต้องการสร้างให้ภาพดูมีมิติ ก็ double click ที่ layer ของรูป เลือกที่ drop shadow เราก็จะได้รูปที่ดูมีมิติมากขึ้น
  • 9. 6 . เรามาเขียนชื่อหนังสือกันดีกว่า โดยให้กดตัว t ที่ keyboard จากนั้นให้พิมพ์ได้เลยครับ เราจะจัดตำแหน่งของหนังสือได้โดยให้เลือกที่ move tool แค่นี้เราก็เลื่อนข้อความได้แล้วครับ ถ้าเราต้องการสร้างขอบให้ข้อความก็ double click ที่ text layer เลือก stoke ได้เลยครับ จะสามารถเลือกสีเส้น เลือกขนาดของเส้นขอบได้
  • 10.
  • 11. เราสามารถเลือกขนาดตัวอักษร รูปแบบตัวอักษรได้จาก tool ตามรูปด้านล่างเลยนะึครับ ถ้าเราเลือกตัวอักษรแบบ smooth จะช่วยทำให้ขอบตัวอักษรดูเรียบเนียนมากขึ้น
  • 12. 7 . ต่อไปผมจะเอาข้อความที่ชวนให้ผู้อ่านอยากเข้าไปอ่านมาลงบนหน้าปกครับ เมื่อได้ข้อความแล้วผมก็จัดการสร้างเงาให้ข้อความก็ทำเหมือนกับที่เราจะสร้างให้รูปครับ แต่ทีนี้ผมจะสร้าง ให้เงามี noise ด้วยครับ เมื่อเราเลือกที่ drop shadow แล้วมาดูตรงช่อง quality ครับจะมีช่องที่สามารถกำหนดความเป็น noise ได้ครับ จากนี้ก็จะใส่ตัวเลข หรือเลื่อนแทบก็แล้วแต่สะดวกเลยครับ
  • 14. * ระหว่างการสร้างอย่าลืม save ไว้บ่อยๆนะครับกันพลาด โดย save เป็น .psd ซึ่งเป็นนานสกุล