17
ออออ Adobe Photoshop CS3 ออออออ อออ ออออออ Photoshop เเเเเเเเเเเเเเเเเเเเเเเเเเเเเ เเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเ เเเเเเเเเ เเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเ Photoshop เเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเ เเเเเ เเเเเเ เเเเเเเเเเเเเเเเเเเเเเเเเ เเเเเเเ เเเเเเ เเเเเเเ เเเเเเเเเเเเเเเเเ เเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเ เเเ Presentation เเเเเเเเเเเเเเเเเเเ เเเเเเเเเเเเเเเเเเเเเเเ เเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเเ เเเเเเเเเเเเเเเเเเเเเเเเเเเ ออออออออออออออ อออออ 1 ออออออออออออออ Photoshop อออออ 2 อออออออออออออออ Photoshop Workshop 1 อออออออออออออออออออออ Workshop 2 อออออออออออออออออออ Workshop 3 อออออ e-card อออออ Workshop 4 อออออออออออออออออออออออออ Photoshop

อบรม Adobe Photoshop CS3 เบื้ องต้น

  • Upload
    krumax

  • View
    1.861

  • Download
    2

Embed Size (px)

Citation preview

Page 1: อบรม Adobe Photoshop CS3 เบื้ องต้น

อบรม Adobe Photoshop CS3 เบ��องต้�น

ร �จั�ก Photoshop เป็�นโป็รแกรมที่��ใช้�สำ��หร�บสำร��งและตกแต�งภ�พกร�ฟิ�กซึ่ �งม�ป็ระสำ!ที่ธิ!ภ�พ และตกแต�งภ�พด้�วยเคร(�องม(อด้�วยเคร(�องและเที่คน!คพ!เศษต��งๆ Photoshop ได้�ถู/กน��ม�ใช้�ในก�รออกแบบช้!0นง�นด้��นต��งๆ ด้�งน�0

สำ(�อสำ!�งพ!มพ1ไม�ว��จะเป็�น น!ตยสำ�ร ว�รสำ�ร หน�งสำ(อ แผ่�นพ�บและโบช้�วร1 ง�นกร�ฟิ�กโฆษณ�สำ!นค��ที่�งโที่รที่�ศน1

ง�น Presentation และตกแต�งภ�พสำ��หร�บภ�พยนตร1และม�เด้�ยที่��วไป็

ออกแบบกร�ฟิ�กบรรจ6ภ�ณฑ์1และฉล�กสำ!นค��ที่��วไป็

ออกแบบกร�ฟิ�กสำ��หร�บเว9บไซึ่ต1

เน��อหาการอบรม

บทท�� 1 เร��มต้�นใช้�งาน Photoshop

บทท�� 2 หน�าจัอการใช้�งาน Photoshop

Workshop 1 ทดลองใช้�งานเคร��องม�อ

Workshop 2 ท�ากรอบร ปอย่�างง�าย่

Workshop 3 สร�าง e-card ง�าย่ๆ

Workshop 4 การแก�ไขภาพท��บกพร�องด�วย่ Photoshop

Page 2: อบรม Adobe Photoshop CS3 เบื้ องต้น

บทท�� 1 เร��มต้�นใช้�งาน Photoshop

การเป(ดโปรแกรม

Start > Programs > Adobe Photoshop CS3 Extended

Page 3: อบรม Adobe Photoshop CS3 เบื้ องต้น

การสร�างไฟล+ภาพ

ในกรณ�ที่��น�กเร�ยนต�องก�รสำร��งภ�พขึ้ 0นม�ใหม� น�กเร�ยนสำ�ม�รถูสำร��งไฟิล1ภ�พใหม�ว��งๆ ขึ้ 0นม�ในโป็รแกรม Photoshop CS3 ได้�ด้�งน�0

1. New เล(อกค��สำ��ง File > New (ค�ย1ล�ด้ Ctrl + N)

2. Name ที่��ก�รต�0งช้(�อไฟิล1ที่��สำร��งขึ้ 0น3. Size ก��หนด้คว�มกว��ง (Width) และคว�มสำ/ง (Height)

ขึ้องภ�พ โด้ยใสำ�ค��แล�วเล(อกหน�วยว�ด้ในช้�องด้��นหล�ง4. Resolution คว�มละเอ�ยด้ เป็�นก�รก��หนด้คว�มละเอ�ยด้ขึ้องภ�พ

- ค��ม�ตรฐ�นขึ้องง�นพ!มพ1อย/�ที่�� 150 – 300 dpi

- ค��ม�ตรฐ�นขึ้องง�นเว9บไซึ่ด้1 อย/�ที่�� 72 dpi

5. Color Mode เล(อกโหมด้สำ�ขึ้องภ�พ เล(อกโหมด้สำ�ที่��เหม�ะสำมก�บง�นขึ้องเร�- RGB สำ��หร�บง�นบนเว9บไซึ่ต1- CMYK สำ��หร�บง�นพ!มพ1

6. Background Contents เล(อกล�กษณะขึ้องพ(0นหล�ง white = สำ�ขึ้�ว, Background color = สำ�อ(�นๆ, Transparent

= โป็ร�งใสำ

หร(อ ด้�บเบ!ลคล!ก ที่�� ไอคอน Photoshop

ที่��หน�� Desktop

Page 4: อบรม Adobe Photoshop CS3 เบื้ องต้น

เม(�อต�0งค��เสำร9จคล!ก OK

การเป(ดไฟล+ภาพ

ขึ้�0นตอนแรกในก�รตกแต�งภ�พหร(อก�รเป็�ด้ไฟิล1ภ�พที่��ม�อย/�ขึ้ 0นม�ใช้�ง�นในโป็รแกรม Photoshop CS ม�ค6ณสำมบ�ต!เด้�นที่��สำ�ม�รถูเป็�ด้ไฟิล1ภ�พป็ระเภที่ต��งๆ ได้�ที่6กร/ป็แบบ เช้�น ไฟิล1ร/ป็ภ�พ น�กสำก6ล .JPG (JPEG) .TIF

(TIFF) .RAW , .PNG , .BMP , .GIF และน�มสำก6ลอ(�นรวมที่�0งไฟิล1 .PSD ซึ่ �งเป็�นร/ป็แบบพ(0นฐ�นขึ้อง Photoshop CS

ขึ้�0นตอนก�รเป็�ด้ไฟิล1

1. เล(อกค��สำ��ง File > Open (ค�ย1ล�ด้ Ctrl + O )

2. เล(อกได้รว1และโฟิลเด้อร1ที่��เก9บไฟิล1ไว�3. คล!กเล(อกไฟิล1จ�กร�ยก�ร4. คล!กป็6<ม Open เพ(�อเล(อกภ�พต�วอย��งขึ้องไฟิล1ที่��ก��ล�งเล(อก

Page 5: อบรม Adobe Photoshop CS3 เบื้ องต้น

· การบ�นท,กไฟล+ Photoshop (PSD)

เม(�อสำร��งหร(อตกแต�งภ�พเสำร9จต�องก�รสำ��งบ�นที่ กไฟิล1 ควรบ�นที่ กร/ป็แบบ PSD ขึ้อง Photoshop เพ(�อเก9บเป็�นต�นฉบ�บไว�สำ��หร�บน��กล�บม�แก�ไขึ้ภ�ยหล�งได้� จ�กน�0นจ งสำ��งบ�นที่ กเป็�นไฟิล1ป็ระเภที่อ(�น เช้�น JPG หร(อ Gif เพ(�อน��ไป็ใช้�ให�เหม�ะสำมก�บง�นป็ระเภที่ต��งๆ

1. เล(อกค��สำ��ง File > Save (ค�ย1ล�ด้ Ctrl + S )

2. เล(อกได้รว1และโฟิลเด้อร1ที่��จะใช้�เก9บไฟิล13. ต�0งช้(�อไฟิล14. เล(อกป็ระเภที่ไฟิล1เป็�น Photoshop(PSD)

5. คล!กป็6<ม Save

บทท�� 2 หน�าจัอการใช้�งาน Photoshop

Page 6: อบรม Adobe Photoshop CS3 เบื้ องต้น

แถบค�าส��ง (Menu Bar)ค��สำ��งใน Menu Bar ม�ที่�0งหมด้ 9 ค��สำ��ง ด้�งต�อไป็น�0 ค(อ File เป็�นค��สำ��งก�รที่��ง�นเก��ยวก�บไฟิล1 เช้�น ก�รเป็�ด้ไฟิล1 (Open) ป็�ด้

ไฟิล1 (Close) ก�รบ�นที่ กโป็รแกรม (Save) ก�รออกจ�กโป็รแกรม (Exit)

Edit เป็�นค��สำ��งเก��ยวก�บก�รป็ร�บแต�งต��งๆ เช้�น ก�รต�ด้ (Cut) ค�ด้ลอก (Copy) ป็ะ (Paste) เต!มสำ�(Fill) และเป็ล��ยนขึ้น�ด้ (Transform)

Image เป็�นค��สำ��งที่��เก��ยวก�บก�รป็ร�บภ�พที่�0งภ�พ Layer เป็�นค��สำ��งที่��เก��ยวก�บก�รป็ร�บแต�งภ�พในแต�ละเลเยอร1 และก�ร

เร�ยงล��ด้�บก�อนหล�งขึ้องเลเยอร1 Select เป็�นแถูบค��สำ��งที่��เก��ยวก�บก�รจ�ด้ก�รก�บพ(0นที่��เล(อก ม�กใช้�ร�วม

ก�นก�บ Toolbox

Filter เป็�นแถูบค��สำ��งที่��เก��ยวก�บก�รป็ร�บเป็ล��ยนภ�พอ�ตโนม�ต! รวมที่�0งค��สำ��งเก��ยวก�บค��ล�ยน�0� (Digimarc) ซึ่ �งถู(อเป็�นก�รจด้ล!ขึ้สำ!ที่ธิ!=แสำด้งคว�มเป็�นเจ��ขึ้องภ�พ ก9เป็�นฟิ�ลเตอร1หน �งที่��อย/�ในเมน/น�0เช้�นก�น

View รวบรวมค��สำ��งในก�รก��หนด้ม6มมองภ�พในร/ป็แบบต��งๆ ก�รย�อ-ขึ้ย�ย รวมที่�0งเร(�องก�รว�ด้ Grid, Guide และไม�บรรที่�ด้ด้�วย

Window รวบรวมค��สำ��งที่��เก��ยวก�บก�รจ�ด้ก�รหน��ต��งแต�ละหน�� ที่��ป็ร�กฏบนหน��จอ รวมถู งหน��ต��ง palette, Toolbox ด้�วย เช้�น ค��สำ��งแสำด้ง (Show..) ค��สำ��งซึ่�อน (Hide..)

Help รวบรวมค��สำ��งที่��เก��ยวก�บก�รแนะน��โป็รแกรม Photoshop

และก�รใช้�ง�นโป็รแกรม

ToolBar เคร��องม�อใน Photoshop ถู/กแบ�งหน��ที่��ก�รใช้�ง�นไว�เป็�นกล6�มๆ ด้�งน�0

Page 7: อบรม Adobe Photoshop CS3 เบื้ องต้น

Selection tools : กล6�มเคร(�องม(อที่��ใช้�ในก�รเล(อกพ(0นที่��ก�อนใช้�ง�น

Crop and slice tools : กล6�มเคร(�องม(อที่��ใช้�สำ��หร�บต�ด้พ(0นที่��บนร/ป็ภ�พ

Retouching tools : กล6�มเคร(�องม(อที่��ใช้�แก�ไขึ้จ6ด้บกพร�องที่��อย/�บนร/ป็ภ�พ

Painting tools : กล6�มเคร(�องม(อที่��ใช้�ในก�รใสำ�สำ�ร/ป็แบบต��ง ๆ บนร/ป็ภ�พ

Drawing and type tools : กล6�มเคร(�องม(อที่��ใช้�ว�ด้ภ�พ/สำร��งขึ้�อคว�ม

Annotation measuring and navigation tools : กล6�มเคร(�องม(อที่��ใช้�อ��นวยคว�มสำะด้วกในก�รที่��ง�นเช้�น แสำด้งหน�วยว�ด้ ที่!ศที่�ง เป็�นต�น

Palettes ป็ระกอบด้�วยฟิ?งก1ช้�นต��งๆ ที่��จะช้�วยในก�รแก�ไขึ้ร/ป็ภ�พขึ้องเร�ได้� โด้ยจะม�ฟิ?งก1ช้��นม�ตรฐ�นค(อ Navigator / Color/ History/

Layer และถู��ต�องก�รเร�ยก Palettes ออกม�สำ�ม�รถูเร�ยกได้�ที่�� Window ในแถูบ Manu bar

Palettes ท��ใช้�บ�อย่ๆ

- Nevigator เป.น Palettes ส�าหร�บย่�อขย่าย่ร ปภาพ และเคล��อนท��เพ��อด ร ปภาพได�

Page 8: อบรม Adobe Photoshop CS3 เบื้ องต้น

- Swatches เป.น Palettes ส�าหร�บเก0บค�าส�เป.นประจั�าหร�อเก0บไว�ใช้�ภาย่หล�ง

- History เป.น Palettes ส�าหร�บเก0บและแสดงการกระท�าท1กอย่�าง ท�าให�เราสามารถข�ามกล�บไปย่�งข��นต้อนท��ผ่�านมาได� แต้�ย่�อนกล�บได�ไม�เก�น 20 ข��นต้อน

- Layers เป.น Palettes ส�าหร�บเก0บและแสดงภาพโดย่แบ�งเป.นช้��นๆ(ส�าค�ญมาก) เพ��อประกอบการเป.นร ปภาพ

Workshop 1 ทดลองใช้�งานเคร��องม�อ

เอ�เม�สำ1ช้�0ที่��ร/ป็ไอคอนขึ้องเคร(�องม(อแต�ล�ะช้น!ด้จะม�ช้(�อขึ้องเคร(�องม(ออย/� สำ�วนไอคอนไหนที่��ม�ร/ป็สำ�มเหล��ยมอย/�ล��งที่�งขึ้ว�ขึ้องไอคอน จะม�เคร(�องม(อในห�วขึ้�อเด้�ยวก�นซึ่�อนอย/�ด้�วย

Selection tools- Marquee ไว�select ภ�พ โด้ย selection เป็�นสำ��เหล��ยม วงกลม/

เสำ�นตรง ไว�ที่��เสำ�นต�0ง-นอน- Move เคล(�อนย��ยว�ตถู6- Lasso ใช้�สำร��ง selection แบบก��หนด้เอง- Magic Wand ใช้�สำร��ง selection แบ�งต�มสำ�ที่��แตกต��ง

Crop and slice tools- Crop Tool เอ�ไว�ครอบต�ด้ภ�พ- Slice Tool ต�ด้ภ�พเป็�นสำไลด้1เพ(�อใช้�ที่��เว9บไซึ่ด้1

Retouching tools- Healing Brush copy ร/ป็ภ�พ(ต�นฉบ�บค(อจ6ด้เสำ�ย)

- Brush Tool air brush / paint brush ใช้�ลงสำ� โด้ย aribrush

จะลงสำ�แบบฟิ6 @งๆ- Clone Stamp copy ร/ป็ภ�พ(ต�นฉบ�บค(อจ6ด้ด้�)- Art History Brush เต!มสำ�ด้�วยแป็ลงแบบต��งๆ

Page 9: อบรม Adobe Photoshop CS3 เบื้ องต้น

- Erase Tool ย�งลบPainting tools

- Paint Bucket Tool เที่สำ�- Gradient Tool เที่สำ� แบบไล�สำ�ได้�- Blur Tool ที่��ภ�พให�เบลอ- Dodge Tool ที่��ภ�พให�สำว��งขึ้ 0นหร(อม(ด้ลง

Drawing and type tools- type ไว�พ!มพ1ต�วหน�งสำ(อ- zoom ขึ้ย�ย (ป็กต!จะขึ้ย�ยด้/ภ�พ แต�ถู�� กด้ alt ค��งไว�จะเป็�นย�อ)

- Color Boxes แสำด้งสำ�ในป็?จจ6บ�น

Workshop 2 ท�ากรอบร ปอย่�างง�าย่

ขึ้�0นตอน1.เป็�ด้ไฟิล1ร/ป็ภ�พที่��เร�ต�องก�รจะใสำ�กรอบขึ้ 0นม�2. สำร��ง Layers ใหม�ขึ้ 0นม� 1 layers

3.เล(อกเคร(�องม(อ Custom Shape Tool ที่�� Shape เล(อก Frame 7

แล�วเล(อกที่�� Fill pixels

Page 10: อบรม Adobe Photoshop CS3 เบื้ องต้น

4. ล�กกรอบต�มต�องก�ร5. เล(อกเคร(�องม(อ Magic Wand Tool แล�วเล(อกพ(0นที่��ที่��ไม�ต�องก�ร

แล�วกล�บม�เล(อกที่�� layer background แล�วกด้ป็6<ม Delete

6. เล(อก Select > DeSelect

หร(อ Ctrl+D เพ(�อยกเล!ก พ(0นที่��ที่��เล(อกไว�

Workshop 3 สร�าง e-card ง�าย่ๆ

ขึ้�0นตอน1. สำร��งไฟิล1ง�นใหม�ขึ้ 0นม� โด้ยม�ขึ้น�ด้ 400 x 350 pixel พ(0นหล�งสำ�

ขึ้�ว2. เป็�ด้ไฟิล1ร/ป็ภ�พที่��จะใช้�ตกแต�งที่�0งหมด้ขึ้ 0นม� เร�ต�องมองก�อนว��จ6ด้

เด้�นขึ้อง e-card ที่��เร�จะสำร��งขึ้ 0นค(ออะไร แน�นอน ต�องห�วขึ้�อค(อ “Merry Christmas & Happy New year 2010” และอ�จเป็�นภ�พกล�องขึ้องขึ้ว�ญ หร(อ ต6Bกต� อะไรก9ได้�สำ�กอย��ง 1 ที่��ต�องก�รให�เด้�นที่��สำ6ด้ ที่��เหล(อค(อสำ�วนป็ระกอบ ต�องให�ไม�เด้�นเป็�นเพ�ยงแค�แบล9คกร�วน1ขึ้อง e-card ขึ้องเร�เที่��น�0น

3. ที่��พ(0นหล�งขึ้อง e-card อ�จใช้� Paint Bucket Tool เที่สำ� หร(อ Gradient Tool เที่สำ�แบบไล�สำ�ได้�หร(อ ไป็ต�ด้(Marquee Tool)

ภ�พอ(�น แล�วก9ย��ย(Move Tool ) ม�ว��งที่��ง�นขึ้องเร�ก9ได้�3.1 เล(อกเคร(�องม(อ Marquee Tool

3.2 เล(อกพ(0นที่��ที่��ต�องก�ร

Page 11: อบรม Adobe Photoshop CS3 เบื้ องต้น

3.3 เล(อกเคร(�องม(อ Move Tool

3.4 ล�กโด้ยคล!กเม�สำ1ซึ่��ยค��งไว�ที่��ภ�พต�นฉบ�บแล�วล�กม�ว�งที่��ง�นขึ้องเร�(ให�ง�นเร�ขึ้ 0นกรอบสำ�ด้��แล�วจ งป็ล�อยเม�สำ1)

4. สำ�วนใหญ�ภ�พที่��ได้�ม�จะม�ขึ้น�ด้ไม�พอด้�ก�บง�นขึ้องเร�ก9ต�องเล(อก Edit > Free Transform แล�วก9ใช้�เม�สำ1ล�กเพ(�อป็ร�บขึ้น�ด้ขึ้องภ�พพ(0นหล�ง เม(�อป็ร�บได้�ที่��แล�ว กด้ Enter 1 คร�0งเพ(�อยกเล!ก Free Transform

5. เม(�อป็ร�บได้�ที่��แล�ว ก9น��ร/ป็ภ�พอ(�นม�ใสำ� เพ(�อตกแต�งโด้ยใช้�ว!ธิ�เด้�ยวก�น6. เขึ้�ยนขึ้�อคว�มห�วเร(�องและใสำ� style ให�ก�บต�วหน�งสำ(อ ก�บ ใสำ�กลอนอ�ก

เล9กน�อย

6.1 คล!กขึ้ว�ที่�� layer

ที่��ต�องก�รเพ!�มเอฟิเฟิ�ก

6.2 เล(อก Blending Option

Page 12: อบรม Adobe Photoshop CS3 เบื้ องต้น

7. ตกแต�งภ�พจ6ด้เด้�นขึ้องเร� โด้ยอ�จเพ(�อแสำง เง� ใสำ� style เพ(�อให�เด้�นขึ้ 0น

8. อ�จตกแต�งด้�วยก�รเพ!�มด้�วเขึ้��ไป็ โด้ยไป็ที่�� History Brush Tool

>ห�วแป็ลงเป็�นร/ป็ด้�ว(Flowing Star)

Page 13: อบรม Adobe Photoshop CS3 เบื้ องต้น

เม(�อเสำร9จสำมบ/รณ1ก9จะป็ระม�ณน�0

Workshop 4 การแก�ไขภาพท��บกพร�องด�วย่ Photoshop

- ลบภาพถ�าย่ท��ต้าแดง

1. เป(ดภาพท��ม�ป4ญหาต้าแดง

2.ขย่าย่ส�วนภาพต้าแดง

3.เล�อกส� Foreground เป.นด�า Background เป.นขาว

4.คล�กเมาส+ค�างไว�ท�� Healing Brush Tool แล�วเล�อก Red Eye Tool

Page 14: อบรม Adobe Photoshop CS3 เบื้ องต้น

5.แดรกเมาส+ครอบพ��นท��ส�วนท��แดง

- การท�าภาพให�น1�ม

1.เป(ดภาพท��ต้�องการท�าให�น1�มข,�น

2.คล�กขวาท�� layer background เล�อก Duplicate Layer

3.Filter > Blur > Gaussian Blurสามารถใช้�ท�าภาพช้�ดต้�นก0ได�

- ลบส�วฝ่6า

1.เป(ดภาพท��ต้�องการต้กแต้�ง

2.เคร��องม�อ Healing Brush Tool เล�อกต้�าแหน�งท��ม�ส�วไปว�าท�� ท��ไม�ม� แต้�ควรเล�อกพ��นท��ข�างๆก�นเพ��อท��ว�าส�ผ่�วจัะได�ไม�ผ่�ดเพ��ย่นไป

3.เล�อกเคร��องม�อ Blur Tool เกล��ย่พ��นผ่�วหน�าอ�กท��เพ��อให�ผ่�วด เน�ย่นข,�น แต้�อย่�าให�มากเก�นไปเพราะจัะด ไม�ด�

ก�อน

หล�ง

Page 15: อบรม Adobe Photoshop CS3 เบื้ องต้น
Page 16: อบรม Adobe Photoshop CS3 เบื้ องต้น