อบรม adobe photoshop cs3 เบื้ องต้น

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

Upload: krumax

Post on 27-Jul-2015

1.866 views

Category:

Documents


2 download

TRANSCRIPT

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 เบื้ องต้น