photoshop เบื้องต้นในการท...
TRANSCRIPT
![Page 1: Photoshop เบื้องต้นในการท าสื่อประชาสัมพันธ์เว็บไซต์ ITS/04-ITS-Photoshop เบื้องต้นใน... ·](https://reader033.vdocuments.pub/reader033/viewer/2022041909/5e6680020b221940ea5b1534/html5/thumbnails/1.jpg)
ส ำนักงำนวิทยำศำสตร์และเทคโนโลยีชั้นสูง มหำวิทยำลัยธรรมศำสตร์
เอกสำรกำรจัดกำรควำมรู้ เรื่อง Photoshop เบือ้งต้นในกำรท ำสื่อประชำสัมพันธ์เว็บไซต์ จัดท ำโดย นำยไชยพจน์ จันทร์แสน
1
Photoshop เบื้องต้นในการท าสื่อประชาสัมพันธ์เว็บไซต์
1. การตัดพื้นหลังรูปภาพ
1.1 เปิดรูปภาพที่ต้องการตัดพื้นหลัง
![Page 2: Photoshop เบื้องต้นในการท าสื่อประชาสัมพันธ์เว็บไซต์ ITS/04-ITS-Photoshop เบื้องต้นใน... ·](https://reader033.vdocuments.pub/reader033/viewer/2022041909/5e6680020b221940ea5b1534/html5/thumbnails/2.jpg)
ส ำนักงำนวิทยำศำสตร์และเทคโนโลยีชั้นสูง มหำวิทยำลัยธรรมศำสตร์
เอกสำรกำรจัดกำรควำมรู้ เรื่อง Photoshop เบือ้งต้นในกำรท ำสื่อประชำสัมพันธ์เว็บไซต์ จัดท ำโดย นำยไชยพจน์ จันทร์แสน
2
1.2 ในกรณีที่พื้นหลังภาพเป็นสีขาว ให้ใช้ยางลบในการลบพื้นหลัง โดยเลือกที่
Eraser Tool และ คลิกซ้ายค้างไว้ เลือก Magic Eraser Tool
![Page 3: Photoshop เบื้องต้นในการท าสื่อประชาสัมพันธ์เว็บไซต์ ITS/04-ITS-Photoshop เบื้องต้นใน... ·](https://reader033.vdocuments.pub/reader033/viewer/2022041909/5e6680020b221940ea5b1534/html5/thumbnails/3.jpg)
ส ำนักงำนวิทยำศำสตร์และเทคโนโลยีชั้นสูง มหำวิทยำลัยธรรมศำสตร์
เอกสำรกำรจัดกำรควำมรู้ เรื่อง Photoshop เบือ้งต้นในกำรท ำสื่อประชำสัมพันธ์เว็บไซต์ จัดท ำโดย นำยไชยพจน์ จันทร์แสน
3
1.3 และคลกิที่พื้นหลังสีขาว คลิกซ้าย 1 ครั้ง พื้นหลังจะกลายเป็นตารางหมากรุกสี
ขาวสลับสีเทา
![Page 4: Photoshop เบื้องต้นในการท าสื่อประชาสัมพันธ์เว็บไซต์ ITS/04-ITS-Photoshop เบื้องต้นใน... ·](https://reader033.vdocuments.pub/reader033/viewer/2022041909/5e6680020b221940ea5b1534/html5/thumbnails/4.jpg)
ส ำนักงำนวิทยำศำสตร์และเทคโนโลยีชั้นสูง มหำวิทยำลัยธรรมศำสตร์
เอกสำรกำรจัดกำรควำมรู้ เรื่อง Photoshop เบือ้งต้นในกำรท ำสื่อประชำสัมพันธ์เว็บไซต์ จัดท ำโดย นำยไชยพจน์ จันทร์แสน
4
1.4 ในกรณีที่พื้นหลังไม่ใช่สพีื้น ให้ใช้ Pen Tool คลิกซ้ายที่รูปเพื่อตัดขอบเส้น คลิก
รอบรูป
1.5 คลิกขวาเลือก Make Selection….
![Page 5: Photoshop เบื้องต้นในการท าสื่อประชาสัมพันธ์เว็บไซต์ ITS/04-ITS-Photoshop เบื้องต้นใน... ·](https://reader033.vdocuments.pub/reader033/viewer/2022041909/5e6680020b221940ea5b1534/html5/thumbnails/5.jpg)
ส ำนักงำนวิทยำศำสตร์และเทคโนโลยีชั้นสูง มหำวิทยำลัยธรรมศำสตร์
เอกสำรกำรจัดกำรควำมรู้ เรื่อง Photoshop เบือ้งต้นในกำรท ำสื่อประชำสัมพันธ์เว็บไซต์ จัดท ำโดย นำยไชยพจน์ จันทร์แสน
5
1.6 เลือก Feather Radius: 0 pixels กด OK
1.7 เลือก Rectangular Marquee tool
![Page 6: Photoshop เบื้องต้นในการท าสื่อประชาสัมพันธ์เว็บไซต์ ITS/04-ITS-Photoshop เบื้องต้นใน... ·](https://reader033.vdocuments.pub/reader033/viewer/2022041909/5e6680020b221940ea5b1534/html5/thumbnails/6.jpg)
ส ำนักงำนวิทยำศำสตร์และเทคโนโลยีชั้นสูง มหำวิทยำลัยธรรมศำสตร์
เอกสำรกำรจัดกำรควำมรู้ เรื่อง Photoshop เบือ้งต้นในกำรท ำสื่อประชำสัมพันธ์เว็บไซต์ จัดท ำโดย นำยไชยพจน์ จันทร์แสน
6
1.8 คลิกขวาที่รูปเลือก Select Inverse
1.9 เลือก Magic Eraser tool คลิกที่รูปพื้นหลัง 1 ครั้ง
![Page 7: Photoshop เบื้องต้นในการท าสื่อประชาสัมพันธ์เว็บไซต์ ITS/04-ITS-Photoshop เบื้องต้นใน... ·](https://reader033.vdocuments.pub/reader033/viewer/2022041909/5e6680020b221940ea5b1534/html5/thumbnails/7.jpg)
ส ำนักงำนวิทยำศำสตร์และเทคโนโลยีชั้นสูง มหำวิทยำลัยธรรมศำสตร์
เอกสำรกำรจัดกำรควำมรู้ เรื่อง Photoshop เบือ้งต้นในกำรท ำสื่อประชำสัมพันธ์เว็บไซต์ จัดท ำโดย นำยไชยพจน์ จันทร์แสน
7
1.10 เลือก Eraser tool ท าการลบพ้ืนหลังให้เป็นตารางหมากรุกทัง้หมด
2. การใส่กรอบรูปภาพ
2.1 เปิดไฟล์พื้นหลังที่ต้องการใส่รูปเครื่องมือ หรืออุปกรณ์ต่างๆ
![Page 8: Photoshop เบื้องต้นในการท าสื่อประชาสัมพันธ์เว็บไซต์ ITS/04-ITS-Photoshop เบื้องต้นใน... ·](https://reader033.vdocuments.pub/reader033/viewer/2022041909/5e6680020b221940ea5b1534/html5/thumbnails/8.jpg)
ส ำนักงำนวิทยำศำสตร์และเทคโนโลยีชั้นสูง มหำวิทยำลัยธรรมศำสตร์
เอกสำรกำรจัดกำรควำมรู้ เรื่อง Photoshop เบือ้งต้นในกำรท ำสื่อประชำสัมพันธ์เว็บไซต์ จัดท ำโดย นำยไชยพจน์ จันทร์แสน
8
2.2 ไปที่ไฟล์รูปภาพที่ได้ท าการตัดพ้ืนหลังออกแล้ว เลือก Move tool และท าการ
Copy โดยใช้ คีย์ลัด Ctrl + C
2.3 ไปที่ไฟล์รูปพื้นหลัง และท าการวางโดยใช้คีย์ลัด Ctrl + V
![Page 9: Photoshop เบื้องต้นในการท าสื่อประชาสัมพันธ์เว็บไซต์ ITS/04-ITS-Photoshop เบื้องต้นใน... ·](https://reader033.vdocuments.pub/reader033/viewer/2022041909/5e6680020b221940ea5b1534/html5/thumbnails/9.jpg)
ส ำนักงำนวิทยำศำสตร์และเทคโนโลยีชั้นสูง มหำวิทยำลัยธรรมศำสตร์
เอกสำรกำรจัดกำรควำมรู้ เรื่อง Photoshop เบือ้งต้นในกำรท ำสื่อประชำสัมพันธ์เว็บไซต์ จัดท ำโดย นำยไชยพจน์ จันทร์แสน
9
2.4 ในกรณีการปรับรูปภาพให้พอดีกรอบ ให้เลือกที่ มุมซ้ายบนของรูป
![Page 10: Photoshop เบื้องต้นในการท าสื่อประชาสัมพันธ์เว็บไซต์ ITS/04-ITS-Photoshop เบื้องต้นใน... ·](https://reader033.vdocuments.pub/reader033/viewer/2022041909/5e6680020b221940ea5b1534/html5/thumbnails/10.jpg)
ส ำนักงำนวิทยำศำสตร์และเทคโนโลยีชั้นสูง มหำวิทยำลัยธรรมศำสตร์
เอกสำรกำรจัดกำรควำมรู้ เรื่อง Photoshop เบือ้งต้นในกำรท ำสื่อประชำสัมพันธ์เว็บไซต์ จัดท ำโดย นำยไชยพจน์ จันทร์แสน
10
2.5 บันทึกรูปภาพ โดยเลือก File -> Save as -> เลอืกไฟลไ์ทป์ .png
![Page 11: Photoshop เบื้องต้นในการท าสื่อประชาสัมพันธ์เว็บไซต์ ITS/04-ITS-Photoshop เบื้องต้นใน... ·](https://reader033.vdocuments.pub/reader033/viewer/2022041909/5e6680020b221940ea5b1534/html5/thumbnails/11.jpg)
ส ำนักงำนวิทยำศำสตร์และเทคโนโลยีชั้นสูง มหำวิทยำลัยธรรมศำสตร์
เอกสำรกำรจัดกำรควำมรู้ เรื่อง Photoshop เบือ้งต้นในกำรท ำสื่อประชำสัมพันธ์เว็บไซต์ จัดท ำโดย นำยไชยพจน์ จันทร์แสน
11
3. การใส่สัญลักษณ์ในรูปภาพ
3.1 ในกรณีรูปที่ใช้ในการประชาสัมพันธ์ข่าว ให้เปิดรูปข่าวที่ต้องการประชาสัมพันธ์
สร้างไฟล์รูปภาพที่มีขนาด 620 * 380 Pixels
![Page 12: Photoshop เบื้องต้นในการท าสื่อประชาสัมพันธ์เว็บไซต์ ITS/04-ITS-Photoshop เบื้องต้นใน... ·](https://reader033.vdocuments.pub/reader033/viewer/2022041909/5e6680020b221940ea5b1534/html5/thumbnails/12.jpg)
ส ำนักงำนวิทยำศำสตร์และเทคโนโลยีชั้นสูง มหำวิทยำลัยธรรมศำสตร์
เอกสำรกำรจัดกำรควำมรู้ เรื่อง Photoshop เบือ้งต้นในกำรท ำสื่อประชำสัมพันธ์เว็บไซต์ จัดท ำโดย นำยไชยพจน์ จันทร์แสน
12
3.2 เลือกรูปภาพที่ต้องการประชาสัมพันธ์ลงบนรูปที่ไฟล์ที่สร้าง
![Page 13: Photoshop เบื้องต้นในการท าสื่อประชาสัมพันธ์เว็บไซต์ ITS/04-ITS-Photoshop เบื้องต้นใน... ·](https://reader033.vdocuments.pub/reader033/viewer/2022041909/5e6680020b221940ea5b1534/html5/thumbnails/13.jpg)
ส ำนักงำนวิทยำศำสตร์และเทคโนโลยีชั้นสูง มหำวิทยำลัยธรรมศำสตร์
เอกสำรกำรจัดกำรควำมรู้ เรื่อง Photoshop เบือ้งต้นในกำรท ำสื่อประชำสัมพันธ์เว็บไซต์ จัดท ำโดย นำยไชยพจน์ จันทร์แสน
13
3.3 ติดแท็คประจ าศูนย์ไว้มุมบนขวา โดยเลือกรูปแท็ควางไว้บนมุมขวาบน
3.4 บันทึกรูปภาพ โดยเลือก File -> Save as -> เลอืกไฟลไ์ทป์ .JPG