13
สำนักงำนวิทยำศำสตร์และเทคโนโลยีชั้นสูง มหำวิทยำลัยธรรมศำสตร์ เอกสำรกำรจัดกำรควำมรู้ เรื่อง Photoshop เบื้องต้นในกำรทำสื่อประชำสัมพันธ์เว็บไซต์ จัดทำโดย นำยไชยพจน์ จันทร์แสน 1 Photoshop เบื้องต้นในการทาสื่อประชาสัมพันธ์เว็บไซต์ 1. การตัดพื้นหลังรูปภาพ 1.1 เปิดรูปภาพที่ต้องการตัดพื้นหลัง

Photoshop เบื้องต้นในการท าสื่อประชาสัมพันธ์เว็บไซต์ ITS/04-ITS-Photoshop เบื้องต้นใน... ·

  • Upload
    others

  • View
    8

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Photoshop เบื้องต้นในการท าสื่อประชาสัมพันธ์เว็บไซต์ ITS/04-ITS-Photoshop เบื้องต้นใน... ·

ส ำนักงำนวิทยำศำสตร์และเทคโนโลยีชั้นสูง มหำวิทยำลัยธรรมศำสตร์

เอกสำรกำรจัดกำรควำมรู้ เรื่อง Photoshop เบือ้งต้นในกำรท ำสื่อประชำสัมพันธ์เว็บไซต์ จัดท ำโดย นำยไชยพจน์ จันทร์แสน

1

Photoshop เบื้องต้นในการท าสื่อประชาสัมพันธ์เว็บไซต์

1. การตัดพื้นหลังรูปภาพ

1.1 เปิดรูปภาพที่ต้องการตัดพื้นหลัง

Page 2: Photoshop เบื้องต้นในการท าสื่อประชาสัมพันธ์เว็บไซต์ ITS/04-ITS-Photoshop เบื้องต้นใน... ·

ส ำนักงำนวิทยำศำสตร์และเทคโนโลยีชั้นสูง มหำวิทยำลัยธรรมศำสตร์

เอกสำรกำรจัดกำรควำมรู้ เรื่อง Photoshop เบือ้งต้นในกำรท ำสื่อประชำสัมพันธ์เว็บไซต์ จัดท ำโดย นำยไชยพจน์ จันทร์แสน

2

1.2 ในกรณีที่พื้นหลังภาพเป็นสีขาว ให้ใช้ยางลบในการลบพื้นหลัง โดยเลือกที่

Eraser Tool และ คลิกซ้ายค้างไว้ เลือก Magic Eraser Tool

Page 3: Photoshop เบื้องต้นในการท าสื่อประชาสัมพันธ์เว็บไซต์ ITS/04-ITS-Photoshop เบื้องต้นใน... ·

ส ำนักงำนวิทยำศำสตร์และเทคโนโลยีชั้นสูง มหำวิทยำลัยธรรมศำสตร์

เอกสำรกำรจัดกำรควำมรู้ เรื่อง Photoshop เบือ้งต้นในกำรท ำสื่อประชำสัมพันธ์เว็บไซต์ จัดท ำโดย นำยไชยพจน์ จันทร์แสน

3

1.3 และคลกิที่พื้นหลังสีขาว คลิกซ้าย 1 ครั้ง พื้นหลังจะกลายเป็นตารางหมากรุกสี

ขาวสลับสีเทา

Page 4: Photoshop เบื้องต้นในการท าสื่อประชาสัมพันธ์เว็บไซต์ ITS/04-ITS-Photoshop เบื้องต้นใน... ·

ส ำนักงำนวิทยำศำสตร์และเทคโนโลยีชั้นสูง มหำวิทยำลัยธรรมศำสตร์

เอกสำรกำรจัดกำรควำมรู้ เรื่อง Photoshop เบือ้งต้นในกำรท ำสื่อประชำสัมพันธ์เว็บไซต์ จัดท ำโดย นำยไชยพจน์ จันทร์แสน

4

1.4 ในกรณีที่พื้นหลังไม่ใช่สพีื้น ให้ใช้ Pen Tool คลิกซ้ายที่รูปเพื่อตัดขอบเส้น คลิก

รอบรูป

1.5 คลิกขวาเลือก Make Selection….

Page 5: Photoshop เบื้องต้นในการท าสื่อประชาสัมพันธ์เว็บไซต์ ITS/04-ITS-Photoshop เบื้องต้นใน... ·

ส ำนักงำนวิทยำศำสตร์และเทคโนโลยีชั้นสูง มหำวิทยำลัยธรรมศำสตร์

เอกสำรกำรจัดกำรควำมรู้ เรื่อง Photoshop เบือ้งต้นในกำรท ำสื่อประชำสัมพันธ์เว็บไซต์ จัดท ำโดย นำยไชยพจน์ จันทร์แสน

5

1.6 เลือก Feather Radius: 0 pixels กด OK

1.7 เลือก Rectangular Marquee tool

Page 6: Photoshop เบื้องต้นในการท าสื่อประชาสัมพันธ์เว็บไซต์ ITS/04-ITS-Photoshop เบื้องต้นใน... ·

ส ำนักงำนวิทยำศำสตร์และเทคโนโลยีชั้นสูง มหำวิทยำลัยธรรมศำสตร์

เอกสำรกำรจัดกำรควำมรู้ เรื่อง Photoshop เบือ้งต้นในกำรท ำสื่อประชำสัมพันธ์เว็บไซต์ จัดท ำโดย นำยไชยพจน์ จันทร์แสน

6

1.8 คลิกขวาที่รูปเลือก Select Inverse

1.9 เลือก Magic Eraser tool คลิกที่รูปพื้นหลัง 1 ครั้ง

Page 7: Photoshop เบื้องต้นในการท าสื่อประชาสัมพันธ์เว็บไซต์ ITS/04-ITS-Photoshop เบื้องต้นใน... ·

ส ำนักงำนวิทยำศำสตร์และเทคโนโลยีชั้นสูง มหำวิทยำลัยธรรมศำสตร์

เอกสำรกำรจัดกำรควำมรู้ เรื่อง Photoshop เบือ้งต้นในกำรท ำสื่อประชำสัมพันธ์เว็บไซต์ จัดท ำโดย นำยไชยพจน์ จันทร์แสน

7

1.10 เลือก Eraser tool ท าการลบพ้ืนหลังให้เป็นตารางหมากรุกทัง้หมด

2. การใส่กรอบรูปภาพ

2.1 เปิดไฟล์พื้นหลังที่ต้องการใส่รูปเครื่องมือ หรืออุปกรณ์ต่างๆ

Page 8: Photoshop เบื้องต้นในการท าสื่อประชาสัมพันธ์เว็บไซต์ ITS/04-ITS-Photoshop เบื้องต้นใน... ·

ส ำนักงำนวิทยำศำสตร์และเทคโนโลยีชั้นสูง มหำวิทยำลัยธรรมศำสตร์

เอกสำรกำรจัดกำรควำมรู้ เรื่อง Photoshop เบือ้งต้นในกำรท ำสื่อประชำสัมพันธ์เว็บไซต์ จัดท ำโดย นำยไชยพจน์ จันทร์แสน

8

2.2 ไปที่ไฟล์รูปภาพที่ได้ท าการตัดพ้ืนหลังออกแล้ว เลือก Move tool และท าการ

Copy โดยใช้ คีย์ลัด Ctrl + C

2.3 ไปที่ไฟล์รูปพื้นหลัง และท าการวางโดยใช้คีย์ลัด Ctrl + V

Page 9: Photoshop เบื้องต้นในการท าสื่อประชาสัมพันธ์เว็บไซต์ ITS/04-ITS-Photoshop เบื้องต้นใน... ·

ส ำนักงำนวิทยำศำสตร์และเทคโนโลยีชั้นสูง มหำวิทยำลัยธรรมศำสตร์

เอกสำรกำรจัดกำรควำมรู้ เรื่อง Photoshop เบือ้งต้นในกำรท ำสื่อประชำสัมพันธ์เว็บไซต์ จัดท ำโดย นำยไชยพจน์ จันทร์แสน

9

2.4 ในกรณีการปรับรูปภาพให้พอดีกรอบ ให้เลือกที่ มุมซ้ายบนของรูป

Page 10: Photoshop เบื้องต้นในการท าสื่อประชาสัมพันธ์เว็บไซต์ ITS/04-ITS-Photoshop เบื้องต้นใน... ·

ส ำนักงำนวิทยำศำสตร์และเทคโนโลยีชั้นสูง มหำวิทยำลัยธรรมศำสตร์

เอกสำรกำรจัดกำรควำมรู้ เรื่อง Photoshop เบือ้งต้นในกำรท ำสื่อประชำสัมพันธ์เว็บไซต์ จัดท ำโดย นำยไชยพจน์ จันทร์แสน

10

2.5 บันทึกรูปภาพ โดยเลือก File -> Save as -> เลอืกไฟลไ์ทป์ .png

Page 11: Photoshop เบื้องต้นในการท าสื่อประชาสัมพันธ์เว็บไซต์ ITS/04-ITS-Photoshop เบื้องต้นใน... ·

ส ำนักงำนวิทยำศำสตร์และเทคโนโลยีชั้นสูง มหำวิทยำลัยธรรมศำสตร์

เอกสำรกำรจัดกำรควำมรู้ เรื่อง Photoshop เบือ้งต้นในกำรท ำสื่อประชำสัมพันธ์เว็บไซต์ จัดท ำโดย นำยไชยพจน์ จันทร์แสน

11

3. การใส่สัญลักษณ์ในรูปภาพ

3.1 ในกรณีรูปที่ใช้ในการประชาสัมพันธ์ข่าว ให้เปิดรูปข่าวที่ต้องการประชาสัมพันธ์

สร้างไฟล์รูปภาพที่มีขนาด 620 * 380 Pixels

Page 12: Photoshop เบื้องต้นในการท าสื่อประชาสัมพันธ์เว็บไซต์ ITS/04-ITS-Photoshop เบื้องต้นใน... ·

ส ำนักงำนวิทยำศำสตร์และเทคโนโลยีชั้นสูง มหำวิทยำลัยธรรมศำสตร์

เอกสำรกำรจัดกำรควำมรู้ เรื่อง Photoshop เบือ้งต้นในกำรท ำสื่อประชำสัมพันธ์เว็บไซต์ จัดท ำโดย นำยไชยพจน์ จันทร์แสน

12

3.2 เลือกรูปภาพที่ต้องการประชาสัมพันธ์ลงบนรูปที่ไฟล์ที่สร้าง

Page 13: Photoshop เบื้องต้นในการท าสื่อประชาสัมพันธ์เว็บไซต์ ITS/04-ITS-Photoshop เบื้องต้นใน... ·

ส ำนักงำนวิทยำศำสตร์และเทคโนโลยีชั้นสูง มหำวิทยำลัยธรรมศำสตร์

เอกสำรกำรจัดกำรควำมรู้ เรื่อง Photoshop เบือ้งต้นในกำรท ำสื่อประชำสัมพันธ์เว็บไซต์ จัดท ำโดย นำยไชยพจน์ จันทร์แสน

13

3.3 ติดแท็คประจ าศูนย์ไว้มุมบนขวา โดยเลือกรูปแท็ควางไว้บนมุมขวาบน

3.4 บันทึกรูปภาพ โดยเลือก File -> Save as -> เลอืกไฟลไ์ทป์ .JPG