การเริ่มต้น

         1. คลิกที่ปุ่ม Start 

         2. คลิกเลือก All Programe คลิกเลือก Adobo Photoshop CS3

          3. จะเข้าสู่โปรแกรม Adobe Photoshop CS3 ดังนี้

มื่อเปิดโปรแกรม Adobe Photoshop CS3 ขึ้นมาจะเห็นหน้าของ Adobe Photoshop CS3 เปลี่ยนไป

จากเดิม ๆ เป็นอย่างมาก หน้าตาของพาเลตต่าง ๆ ก็ไม่เหมือนเดิม แต่ยังคงรูปแบบของ Adobe Photoshop ไว้ใน กล่องเครื่องมือมีเครื่องมือใหม่ ๆ เพิ่มมากขึ้น มีการปรับรูปแบบให้สวยงามและเพิ่มความสะดวกในการใช้งาน
มากยิ่งขึ้น

Adobe Photoshop CS3

โปรแกรมตกแต่งรูปภาพที่มีผู้นิยมใช้มากที่สุด

wall1

 

ส่วนประกอบโปรแกรม และการจัดหน้าจอโปรแกรม
เปิดโปรแกรม ส่วนประกอบของหน้าจอโปรแกรม
ไดเติ้ลบาร์ (Title Bar) และเมนูหลัก (Menu Bar)
ทูลบ็อกซ์ (Tool Box) ออปชั่นบาร์ (Option Bar) แถบสถานะ (Status Bar)
พาเล็ต (Palette) การเรียใช้ Workspace

การใช้งานเครื่องมือพื้นฐาน
การเปิด สร้าง การบันทึกไฟล์
ย่อ ขยาย ด้วยพาเล็ต Navigator
การใช้ไม้บรรทัด การใช้เส้น Guide Grid
การย้อนการทำงานด้วยพาเล็ต Histoty
การใช้งาน Snapshot

คุณสมบัติของภาพกราฟฟิกและการนำมาใช้
ประเภทของภาพ Bitmap Vector
การปรับขนาดภาพ แบบ Document และ Resolution
การเพิ่ม ลดขนาดพื้นที่ภาพด้วย Canvas Size
การใช้เครื่องมือ Crop ในการตัดขอบภาพ,
บิดภาพ,ตัดขอบตามแนว selection,ตัดภาพจากการสแกน
การหมุนภาพด้วย Rotate Canvas

การเลือกพื้นที่บนภาพ (Selection & Mask)
เครื่องมือต่างๆ ในกลุ่ม Selection
Marquee Lasso Magic Wand Quick selection Quick mask
ย้าย ปรับขนาด หมุน แต่งขอบ Selection
บันทึกและเรียกใช้Selection
แยกวัตถุออกจากฉากหลังด้วย Magic Eraser & Background Eraser

ps3-tool

ซ้อนภาพและปรับแต่งภาพด้วยเลเยอร์รู้จักกับพาเล็ต Layers การปรับขนาดไอคอนเลเยอร์การแปลงเลเยอร์ Backgroundการสร้าง การลบ เปลี่ยนชื่อ ก๊อปปี้ เชื่อมโยง จัดเรียง จัดระยะห่าง ล็อค จัดกลุ่มการปรับความทึบ ผสมสี Blend Modeตกแต่งเลเยอร์ด้วย Layer Styleการใช้เลเยอร์เอฟเฟ็กซ์สำเร็จรูปและเลเยอร์ไลบรารี่เทคนิคการบังภาพด้วย Layer Maskการบังภาพด้วย Clipping Maskรู้จัก Fill Layer และ Adjusment Layerการใช้งาน Smart Object ที่มีเฉพาะ CS3

wall2

ปรับแต่งรูปทรงของภาพ (Transform)
การปรับรูปทรงของภาพด้วยคำสั่งกลุ่ม Transform
การปรับขนาด การหมุน พลิกกลับ แบบอิสระ
Scale Rotate Skew Distort Perspective Wrap
เทคนิคการใช้ Bounding Box
การปรับโดยใช้ Option Bar
การกำหนดจุดหมุน ตำแหน่ง ขนาด องศา
การบิดและดึงภาพอย่างอิสระ

การวาดและระบายสีภาพ
กลุ่มเครื่องมือต่างๆ Brush / Pencil / Stamp / History / Eraser / Gradient / Paint
ออปชั่นของพาเล็ตเครื่องมือต่างๆ
การจัดการ Library Pattern Fill Stroke

วาดและตกแต่งสีภาพแบบเวคเตอร์ (Vector)
กลุ่มเครื่องมือวาดภาพแบบเวคเตอร์
ส่วนประกอบของเส้นพาธ
เทคนิคการวาดเส้นพาธแบบต่างๆ
การใช้เครื่องมือกลุ่ม Pen
การเพิ่มและลบจุด Anchor
เทคนิคการปรับ ย้าย ก๊อปปี้ ลบ เปลี่ยนส่วนโค้งเป็นมุม
การใช้เครื่องมือกลุ่ม Shape
สร้างและจัดการรูปทรงสำเร็จรูป
การใช้งานพาเล็ตพาธ
การเปลี่ยนพาธเป็น Selection

สร้างงานกราฟฟิก

เปิดอบรมหลักสูตร Photoshop CS3สำหรับบุคคลทั่วไปที่สนใจด้านการตกแต่งรูปภาพหรือผู้ที่ทำงานด้านกราฟฟิกดีไซน์โดยตรง เช่น เว็บดีไซน์เนอร์ กราฟฟิกดีไซน์เนอร์รวมถึงงานตกแต่งรูปภาพของร้านป้ายโฆษณา โรงพิมพ์ งานนิตยสาร สตูดิโอ ฯลฯ

pho2

              เรียนรู้โปรแกรม Adobe Photoshop CS3 โปรแกรมตกแต่งรูปภาพที่มีผู้ใช้มากที่สุดในโลก
เทคนิคการนำภาพดิจิตอลเข้าสู่โปรแกรม การทำภาพพาโนรามา
เทคนิคการตกแต่งภาพอย่างมืออาชีพด้วยลูกเล่นต่างๆ การใส่เอฟเฟกซ์ สี แสง เงา
การใช้เครื่องมือต่างๆ ใน Photoshop เช่น การซ่อมแซมรูปภาพ การตัดต่อรูปภาพ การรีทัช
เทคนิคการทำภาพเคลื่อนไหวแบบอนิเมชั่น gif
เทคนิคการ save งานเพื่อนำไปใช้ออกแบบเว็บไซด์
พิเศษ เทคนิคการทำ photo gallery สร้างเว็บไซด์
กระชับ ครอบคลุม ใช้งานได้จริง พร้อม workshop ฝึกการประยุกต์ใช้ในรูปแบบต่างๆ

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

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 จนได้รูปตามด้านล่างค่ะ

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

ทฤษฎีสี

รูปด้านล่างวงล้อความสัมพันธ์ของสี ซึ่งบรรจุสีที่นิยมใช้ในเว็บไซต์ไว้ 20 สี เหมาะสำหรับผู้ที่กำลังเลือกสีที่จะใช้ในการออกแบบงาน
กราฟฟิคต่างๆ อยู่เราสามารถใช้ความสัมพันธ์ของวงล้อขอสีนี้ให้เกิดประโยชน์ได้อย่างมากมาย เช่น ต้องการออกแบบให้เว็บไซต์รู้สึกตัดกันโดยสิ้นเชิง เราอาจใช้ชุดสี 4 สีที่ทำมุมกัน 90 องศา เช่นดังตัวอย่างถ้าเราเลือกชุดสี 1 , 6 , 11 , 16 สีที่ได้จะตัดกันชัดเจน ถ้าต้องการให้เว็บไซต์ดูกลมกลืนก็อาจเลือกชุดสีใกล้เคียงกันก็ได้เช่น เลือกชุดสีเขียวเบอร์ 8 , 9 , 10 , 11 ก็จะได้สีในโทนสีเขียวสว่าง
ด้านล่างเป็นเบอร์สีที่ใช้แบ่งตามมาตราฐานการอ้างอิงของสีHexadecimal – Browser Colour Codes 

1 – #FF0000 6 – #FFFF00 11 – #009900 16 – #0000FF

2 – #FF3300 7 – #CCFF00 12 – #006633 17 – #3300CC

3 – #FF6600 8 – #99CC00 13 – #006666 18 – #660099

4 – #FF9900 9 – #66CC00 14 – #003399 19 – #990066

5 – #FFCC00 10 – #339900 15 – #0033CC 20 – #CC0033

Red, Green and Blue Values 

1 – R:255 G:000 B:000

2 – R:255 G:051 B:000

3 – R:255 G:102 B:000

4 – R:255 G:153 B:000

5 – R:255 G:204 B:000

6 – R:255 G:255 B:000

7 – R:204 G:255 B:000

8 – R:153 G:204 B:000

9 – R:102 G:204 B:000

10 – R:051 G:204 B:000

12 – R:000 G:102 B:051

13 – R:000 G:102 B:102

14 – R:000 G:051 B:153

15 – R:000 G:051 B:204

16 – R:000 G:000 B:255

17 – R:051 G:000 B:204

11 – R:000 G:153 B:000

18 – R:102 G:000 B:153

19 – R:153 G:000 B:102

20 – R:204 G:00 B:051

ดูตารางรหัสสี