There are a myriad of ways to play with color in your projects. In this tutorial, explore how and when to change an image’s color values. Discover how to transform pixels from RGB to CMYK or grayscale, and learn best practices for preserving data when transitioning between different color modes in different media. Add colors, change colors, and convert assets into different file types.
Overlay multiple images.
Gradients and text effects are only the beginning of working with transparency. Transparent images can add a dramatic and otherworldly effect to whatever they are placed upon. With image overlays, you can craft collages, montages, and surreal dreamscapes that go beyond reality. Blend images, add textures, and add effects like double exposure to create unique art and branded assets. Explore the basics of overlaying images and learn how to combine two or more photos into one new image.
หากภาพที่จะบันทึกยังไม่ได้ทำโปร่งใส สามารถทำให้เลเยอร์รูปภาพโปร่งใสในบริเวณที่ต้องการ โดยใช้เครื่องมือ Magic Eraser หรือ Background Eraser ลบสีที่ต้องการให้โปร่งใส
วิธีที่ 2 สร้างการโปร่งใสตอนบันทึกด้วยคำสั่ง Save for Web
เลือกคำสั่ง File > Save For Web คลิกเลือกภาพตัวอย่างใดภาพหนึ่ง เลือกประเภทไฟล์เป็น GIF และสร้างการโปร่งใส่ดังนี้
1. คลิกที่เครื่องมือ /
2. คลิกเลือกสีจากรูปภาพที่จะทำให้โปร่งใส
3. คลิกที่ปุ่ม X Transparent ข้างล่างตารางสี จะปรากฎรูปตารางของการโปร่งใสที่ภาพตัวอย่างโดยจะเปลี่ยนเฉพาะสีที่เลือกจากข้อ 2 ให้กลายเป็นโปร่งใส
4. คลิกปุ่ม Save จากไดอะล็อกบ็อกซ์ Save for web
การบันทึกภาพที่ทำ Slice
หลังจากที่คุณสร้าง Slice รูปภาพเสร็จแล้ว การบันทึกรูปภาพที่ slice ไปใช้งานนั้นทำได้ 3 แบบ คือบันทึกเฉพาะรูปภาพแล้วนำรูปนั้นไปวางในตารางของโปรแกรมจัดหน้าเว็บเพจเอง หรือบันทึกเป็นไฟล์เว็บเพจพร้อมรูปภาพ ซึ่งโปรแกรมจะสร้างไฟล์ HTML ที่เป็นตารางและจัดวางรูปภาพย่อย ๆ ที่ slice ลงไปในตารางให้อัตโนมัต และบันทึกเป็นไฟล์เฉพาะไฟล์ HTML เท่านั้นซึ่งการบันทึกแต่ละแบบทำได้ดังนี้
1. เลือกคำสั่ง File > Save for Web
2. เลือกรูปภาพในกรอบตัวอย่าง
3. เลือกชนิดของไฟล์ภาพ
4. คลิกปุ่ม Save ในไดอะล็อกบ็อกซ์ Save for web
5. ในไดอะล็อกบ็อกซ์เลือกตำแหน่งที่เก็บไฟล์ที่ช่อง Save
6. กำหนดออปชั่นการบันทึกไฟล์ดังนี้
a. กำหนดชื่อไฟล์ในช่อง File Name
b. กำหนดการบันทึกเฉพาะรูปภาพในช่อง Save as type เป็น Images Only (*jpg)
c. เลือก Slice ที่ต้องการบันทึกในช่อง Slices เป็น All Slices (สไลซ์ทั้งหมด)
7. คลิกปุ่ม Save
บันทึกภาพ Slice พร้อมเว็บเพจ
การบันทึกภาพที่ทำ Slice ในลักษณะนี้คุณจะได้สร้างไฟล์ HTML ที่ใช้รวบรวมรูปภาพไว้ในตาราง 1 ไฟล์ พร้อมกับโฟลเดอร์ไฟล์รูปภาพย่อย ๆ อีก 1 โฟลเดอร์ การนำไปใช้งานนั้นก็เพียงแต่เปิดไฟล์ HTML นี้ในโปรแกรมจัดหน้าเว็บเพจนคุณก็จะได้รูปภาพที่จัดวางในตารางเรียบร้อย หรือจะใช้วิธีก็อปปี้เฉพาะโค้ดส่วนที่ใช้สร้างตาราง Slice กลับเป็นภาพเต็ม ไปแทรกในเว็บเพจที่มีอยู่แล้วก็ได้ วิธีการบันทึกทำได้ดังนี้
1. ใช้เครื่องมือ สร้างสไลซ์บนรูปภาพ
2. เลือกคำสั่ง File > Save for Web
3. เลือกชนิดของภาพ แล้วคลิกเลือกภาพจากรอบตัวอย่างใดภาพหนึ่ง
4. คลิกปุ่ม Save
5. เลือกโฟลเดอร์ที่จะเก็บไฟล์เว็บเพจและรูปภาพ
6. ในช่อง File name ตั้งชื่อไฟล์เว็บเพจ
7. ในช่อง Save as type ให้เลือกเป็น HTML and Lmages (*.html)
8. ในช่อง Slices เลือกเป็น All User Slices
9. คลิกปุ่ม Save
ออปชั่นการบันทึกไฟล์มีดังนี้
- Save as type กำหนดว่าจะบันทึกไฟล์และรูปภาพเป็นชนิดใด
- Settings เลือกชุดออปชั่น ที่ใช้ควบคุมการสร้างไฟล์ ปกติเลือกเป็น Default Settings
- Slices เลือก Slice ที่จะให้บันทึก
Web Graphic Workshop
การตกแต่งภาพทั่วไปนิยมสร้างลายเส้นขึ้นมาเพื่อใช้ในการบังภาพ ที่ทำให้ดูเหมือนการทำลายเส้นทีวีเวลาแสดงภาพ ซึ่งจะทำให้ภาพออกมาดูแปลกตาออกไป มาดูวิธีการสร้างลายเส้นทีวี เพื่อที่จะนำไปใช้ในการตกแต่งภาพดังนี้
1. เลือกคำสั่ง File > New และเลือกขนาดของไฟล์ Width 1 Height 2 กำหนดฉากหลังเป็น Transparent
2. ขยายมุมมองภาพ เป็น 100%
3. คลิกเครื่องมือ Single Row Marquee
4. คลิกลงไปบนรูปภาพ
5. คลิกเลือกเครื่องมือ Pain Basket
6. เลือกสี FG ของลายเส้น
7. คลิกเทสีลงใน Selection ที่เลือกไว้
8. เลือกคำสั่ง Edit > Define Pattern
9. กำหนดชื่อให้กับลาย Pattern
10. คลิกปุ่ม Ok
ที่มา : //www.radompon.com/resourcecenter/?q=node/33
บทความนี้จะมาสอนวิธีการทำพื้นหลังรูปภาพให้โปร่งใสโดยนำไปใช้แล้วไม่มีพื้นหลัง โดยนำไปใช้เป็นลายน้ำบนรูปภาพหรืออื่นๆตามที่ต้องการ ซึ่งวิธีการนี้จะนำไปใช้กับรูปต่างได้ตามที่เราต้องการที่จะให้ไม่แสดงพื้นหลัง เช่นโลโก้ที่มีพื้นหลังสีขาว ข้อความต่างที่มีพื้นหลังสีขาว โดยวิธีตามทบความนี้จะมาทำให้พื้นหลังสีขาวเป็นแบบโปร่งใส
ก่อนอื่นก็เตรียมรูปของที่ต้องการทำให้โปร่งใส (.JPG) โดยแนะนำให้เป็นรูปที่มีพื้นหลังเรียบ หรือปรับให้มีพื้นหลังเรียบๆ ซึ่งให้มีสีของพื้นหลังแตกต่างอย่างชัดเจน ตามรูปภาพตัวอย่างนี้
ADVERTISEMENT
จากบทความนี้ใช้ Adobe Photoshop CC ซึ่งจะเหมือนกับเวอร์ชั่นอื่นๆ โดยสามารถนำขั้นตอน ตามบทความนี้ไปใช้ด้วยกันได้ครับ
หากลองนึกถึงการนำรูปภาพไปใช้งาน ไม่ว่าจะเป็นการนำรูปภาพไปใช้งานงานกราฟฟิก งานออกแบบเว็บไซต์ หรืองานนำเสนอต่างๆ รูปภาพเหล่านี้หากเราทำการค้นหาบนอินเตอร์เน็ตและนำมาใช้งานนั้น บางรูปจะติดพื้นหลัง(Background) ของรูปภาพไปด้วย และหากพื้นหลังงานออกแบบของเราคนละสีกับ Background ของรูปภาพหละ? ลองคิดภาพว่าในขณะที่พื้นหลังของงานออกแบบของเราเป็นสีน้ำเงิน และเราได้แทรกรูปภาพรวัตถุรูปหนึ่ง และมีพื้นหลังสีขาว ซึ่งหากมองดูแล้วมันไม่สวยเลยถ้าจะมีพื้นหลังติดมาด้วย เพราะเราต้องการเพียงแค่รูปวัตถุเท่านั้น….
ดังนั้นในบทความนี้ผมจะมาสอนในเรื่องของการใช้งาน Photoshop โดยการทำพื้นหลังของรูปภาพให้โปร่งใส เพื่อที่จะสามารถนำไปปรับประยุกต์ใช้กับงานท่าน ไม่ว่าจะเป็นงานนำเสนอ งานออกแบบเว็บไซต์ หรืองานกราฟฟิต เป็นต้น
ลองมาดูตัวอย่างกันดีกว่า.. ว่าการตัดรูปภาพพื้นหลังออกหรือพื้นหลังโปร่งใสมีลักษณะเป็นยังไง
- ตัวอย่างการนำภาพการ์ตูนไปแทรกที่ PowerPoint โดยที่ยังไม่ได้ตัดพื้นหลัง ให้สังเกตุว่ามีพื้นหลังสีม่วงติดมาด้วย
- ตัวอย่างการนำภาพการ์ตูนไปแทรกที่ PowerPoint และตัดรูปพื้นหลังออก โดยใช้โปรแกรม Photoshop
เอาหละเมื่อเห็นผลลัพธ์กันแล้วว่าการทำรูปพื้นหลังให้โปร่งใสนั้นเป็นยังไง ต่อไปเราลองมาดูวิธีการทำโดยใช้โปรแกรม Photoshop กันเถอะ…