30
ກາຌພັຈະຌາສ ກາຌອຌ-ກາຌສຬຌ/Media development ສະຊາຍັຌພັຈະຌາຬາຆີວະສຶກສາ Vocational Education Development Institute ຈງ: ຬ໋ຬຈ ໍາຠະວ຺ຄ ກາຌຌໍາເຆ ໄ Photoshop ຽຂ຺ າເຌກາຌສໄາຄສ ກາຌອຌ-ກາຌສຬຌ

ພື້ນຖານການນໍາໃຊ້ Photoshop cs

Embed Size (px)

Citation preview

Page 1: ພື້ນຖານການນໍາໃຊ້ Photoshop cs

ກາຌພຈັະຌາສ ໃ ກາຌອຼຌ-ກາຌສຬຌ/Media development ສະຊາຍຌັພຈັະຌາຬາຆວີະສກຶສາ Vocational Education Development Institute ຈງ: ຬ໋ຬຈ ໍາຠະວຄ຺

ກາຌຌາໍເຆ ໄ Photoshop ຽຂ຺ ໄາເຌກາຌສ ໄາຄສ ໃ ກາຌອຼຌ-ກາຌສຬຌ

Page 2: ພື້ນຖານການນໍາໃຊ້ Photoshop cs

ກາຌພຈັະຌາສ ໃ ກາຌອຼຌ-ກາຌສຬຌ/Media development ສະຊາຍຌັພຈັະຌາຬາຆວີະສກຶສາ Vocational Education Development Institute ຈງ: ຬ໋ຬຈ ໍາຠະວຄ຺

Adobe Photoshop ຽຎັຌ ຎົ ກົຠາຄ ຈ ໄາຌ ກຣາຍຟິກ ີໃ ເຆ ໄ ເຌ ຬຸຈສາຫະກໍາ ກາຌ ພຠິ, ຬຬກ ຍຍ ສ ໃ ສິໃ ຄ ພຠິ ຺ໃ ວ ແຎ ລະ ຽຎັຌຎົ ກົຠີໃ ເຆ ໄ ເຌ ກາຌ ສ ໄາຄ ລະ ຎັຍ ຉໃ ຄ ພາຍກຣາຍຟິກ ເຌຎົ ກຠົ ຌີ ໄສາຠາຈ ຽອຈັ ວຼກ ແຈ ໄ ຄັ ພາຍ Bitmap ລະ ພາຍ Vector. ພາຍ Bitmap ຽຎັຌ ພາຍີໃ ຎະກຬຍ ຂຶ ໄຌາກ ຈຸ ສ ີຌ ໄຬງໂ ຆຶໃ ຄ ຽຬີ ໄຌວໃ າ ພກິຽຆ ວ (Pixel) ຟໃ າງ ພາຍ Bitmap ຎະກຬຍ: gif, jpg, ລະ bmp ຽຎັຌຉ຺ ໄຌ

Page 3: ພື້ນຖານການນໍາໃຊ້ Photoshop cs

ກາຌພຈັະຌາສ ໃ ກາຌອຼຌ-ກາຌສຬຌ/Media development ສະຊາຍຌັພຈັະຌາຬາຆວີະສກຶສາ Vocational Education Development Institute ຈງ: ຬ໋ຬຈ ໍາຠະວຄ຺

Page 4: ພື້ນຖານການນໍາໃຊ້ Photoshop cs

ກາຌພຈັະຌາສ ໃ ກາຌອຼຌ-ກາຌສຬຌ/Media development ສະຊາຍຌັພຈັະຌາຬາຆວີະສກຶສາ Vocational Education Development Institute ຈງ: ຬ໋ຬຈ ໍາຠະວຄ຺

Page 5: ພື້ນຖານການນໍາໃຊ້ Photoshop cs

ກາຌພຈັະຌາສ ໃ ກາຌອຼຌ-ກາຌສຬຌ/Media development ສະຊາຍຌັພຈັະຌາຬາຆວີະສກຶສາ Vocational Education Development Institute ຈງ: ຬ໋ຬຈ ໍາຠະວຄ຺

Page 6: ພື້ນຖານການນໍາໃຊ້ Photoshop cs

ກາຌພຈັະຌາສ ໃ ກາຌອຼຌ-ກາຌສຬຌ/Media development ສະຊາຍຌັພຈັະຌາຬາຆວີະສກຶສາ Vocational Education Development Institute ຈງ: ຬ໋ຬຈ ໍາຠະວຄ຺

Page 7: ພື້ນຖານການນໍາໃຊ້ Photoshop cs

ກາຌພຈັະຌາສ ໃ ກາຌອຼຌ-ກາຌສຬຌ/Media development ສະຊາຍຌັພຈັະຌາຬາຆວີະສກຶສາ Vocational Education Development Institute ຈງ: ຬ໋ຬຈ ໍາຠະວຄ຺

ຽຠຌຫົູ ຼັກ (Manu Bar) ຬຬຍຆ ຼັຌຍາ

(Option Bar)

ພາຽລຈ (Palette)

ຌູຍຬກ (Tool Box)

Page 8: ພື້ນຖານການນໍາໃຊ້ Photoshop cs

ກາຌພຈັະຌາສ ໃ ກາຌອຼຌ-ກາຌສຬຌ/Media development ສະຊາຍຌັພຈັະຌາຬາຆວີະສກຶສາ Vocational Education Development Institute ຈງ: ຬ໋ຬຈ ໍາຠະວຄ຺

ຂັ ໄຌຉຬຌເຌກາຌສ ໄາຄຟໃ າງພາຍເໝໃ 1. ກິີໃ ຽຠ ຌ ູFile → New 2. ກາໍຌຈ຺ວາຠ ກ ໄວາຄ ລະ ວາຠ ງາວ ຂຬຄ ພາຍ ຉາຠ ີໃ ຉ ໄຬຄກາຌ

Width: ວາຠ ກ ໄວາຄຂຬຄພາຍ Height: ວາຠ ສູຄຂຬຄພາຍ

3. ກາໍໜຈ຺ວາຠ ລະຬຼຈຂຬຄພາຍ (Resolution) 4. ຽລ ຬກ ໝຈສີຂຬຄ ພາຍ (Color Mode) 5. ຽລ ຬກ ລກັສະຌະ ຂຬຄ ພ ໄຌຫົຄັ (Background Contents) ຆຶໃ ຄຠ ີ3 ຍຍ : • white: ພ ໄຌຫົຄັຽຎັຌ ສຂີາວ • Background Color: ເຫ ໄພ ໄຌຫົຄັຽຎັຌ ສີຉາຠ ີໃ ກາໍໜຈ຺ • Transparent: ຍໍໃ ຠີສພີ ໄຌ 6. ກິຎຸໃ ຠ OK

Page 9: ພື້ນຖານການນໍາໃຊ້ Photoshop cs

ກາຌພຈັະຌາສ ໃ ກາຌອຼຌ-ກາຌສຬຌ/Media development ສະຊາຍຌັພຈັະຌາຬາຆວີະສກຶສາ Vocational Education Development Institute ຈງ: ຬ໋ຬຈ ໍາຠະວຄ຺

1

2

3

4

5

6

Page 10: ພື້ນຖານການນໍາໃຊ້ Photoshop cs

ກາຌພຈັະຌາສ ໃ ກາຌອຼຌ-ກາຌສຬຌ/Media development ສະຊາຍຌັພຈັະຌາຬາຆວີະສກຶສາ Vocational Education Development Institute ຈງ: ຬ໋ຬຈ ໍາຠະວຄ຺

1 ຽລືຬກ File

2 ຽລືຬກOpen

4 ຽລືຬກOpen

3 ຽລືຬກອຍູ

Page 11: ພື້ນຖານການນໍາໃຊ້ Photoshop cs

ກາຌພຈັະຌາສ ໃ ກາຌອຼຌ-ກາຌສຬຌ/Media development ສະຊາຍຌັພຈັະຌາຬາຆວີະສກຶສາ Vocational Education Development Institute ຈງ: ຬ໋ຬຈ ໍາຠະວຄ຺

1. ຽລືຬກ File 2. ຽລືຬກຆໃຬຄຍ ຼັຌຶກຟໃາງຽຬກະສາຌ

5. ຽລືຬກ Save

3. ຂຼຌຆືໃ ຟໃາງ

4. ຽລືຬກຌາຠສະກຌຸຂຬຄຟໃາງພາຍ

Page 12: ພື້ນຖານການນໍາໃຊ້ Photoshop cs

ກາຌພຈັະຌາສ ໃ ກາຌອຼຌ-ກາຌສຬຌ/Media development ສະຊາຍຌັພຈັະຌາຬາຆວີະສກຶສາ Vocational Education Development Institute ຈງ: ຬ໋ຬຈ ໍາຠະວຄ຺

ກາຌຉຈັອູຍຈ ໄວງກາຌສ ໄາຄ Selection ສໍາລຍັຽ ໃ ຬຄຠ ຠໃ ຌເຆ ໄກຸໃ ຠ Marquee Tool ເຌກາຌສ ໄາຄສ ໄາຄ Selection

1. ກິຽຠາ຺ໄາຄແວໄ ໃ ຽືໃ ຬຄຠືMarquee Tool

2. ຽລືຬກຽືໃ ຬຄຠ ື

Page 13: ພື້ນຖານການນໍາໃຊ້ Photoshop cs

ກາຌພຈັະຌາສ ໃ ກາຌອຼຌ-ກາຌສຬຌ/Media development ສະຊາຍຌັພຈັະຌາຬາຆວີະສກຶສາ Vocational Education Development Institute ຈງ: ຬ໋ຬຈ ໍາຠະວຄ຺

3. ກິກວຠຽຬ຺າຈຸ ໃ ຉໄຬຄກາຌ

4. ຽຎ ຈຟໃາງເໝໃຂຶໄຌຠາຬ ກ1 ຟໃາງ

5. ຽລືຬກຽືໃ ຬຄຠືMove Tool ລໄວຈຄຶຈຸ ໃ ຂ ຈຬໄຬຠຽຎຼັຌວຄ຺ຠຌ຺ແຎຫາຟໃາງ ໃ 2

Page 14: ພື້ນຖານການນໍາໃຊ້ Photoshop cs

ກາຌພຈັະຌາສ ໃ ກາຌອຼຌ-ກາຌສຬຌ/Media development ສະຊາຍຌັພຈັະຌາຬາຆວີະສກຶສາ Vocational Education Development Institute ຈງ: ຬ໋ຬຈ ໍາຠະວຄ຺

ຽ ໃ ຬຄຠ ຌີ ໄຽອາ຺ສາຠາຈເຆ ໄຉຈັຽຬາ຺ອູຍສໃ ວຌເຈສໃ ວຌຌຶໃ ຄແຈ ໄຉາຠເ ລະ ສາຠາຈຉຈັສໃ ວຌເຈສໃ ວຌໜຶໃ ຄຂຬຄພາຍີໃ ຍໍໃ ຉ ໄຬຄກາຌຬຬກແຎແຈ ໄ

Page 15: ພື້ນຖານການນໍາໃຊ້ Photoshop cs

ກາຌພຈັະຌາສ ໃ ກາຌອຼຌ-ກາຌສຬຌ/Media development ສະຊາຍຌັພຈັະຌາຬາຆວີະສກຶສາ Vocational Education Development Institute ຈງ: ຬ໋ຬຈ ໍາຠະວຄ຺

1. ຽລືຬກຽືໃ ຬຄຠືLasso

2. ຂ ຈຬໄຬຠຽຬ຺າຍໍລິຽວຌອຍູ ໃຉໄຬຄກາຌ

Page 16: ພື້ນຖານການນໍາໃຊ້ Photoshop cs

ກາຌພຈັະຌາສ ໃ ກາຌອຼຌ-ກາຌສຬຌ/Media development ສະຊາຍຌັພຈັະຌາຬາຆວີະສກຶສາ Vocational Education Development Institute ຈງ: ຬ໋ຬຈ ໍາຠະວຄ຺

3 . ຫົ ຼັຄາກຌ ຼັໄຌເຫໄຽຎ ຈຟໃາງຂຶໄຌຠາເໝໃຬ ກຈງຽຂ຺ໄາແຎ ໃ File New

4. ກາໍຌຈ຺ຂະໜາຈຂຬຄພາຍລະຽລືຬກຆໃຬຄColor Mode ເຫໄຽຎຼັຌ

Transparent

Page 17: ພື້ນຖານການນໍາໃຊ້ Photoshop cs

ກາຌພຈັະຌາສ ໃ ກາຌອຼຌ-ກາຌສຬຌ/Media development ສະຊາຍຌັພຈັະຌາຬາຆວີະສກຶສາ Vocational Education Development Institute ຈງ: ຬ໋ຬຈ ໍາຠະວຄ຺

5. ເຆໄຽືໃ ຬຄຠືMove Tool ຼັຍຈຸ ໃຽອ຺າຂ ຈຬໄຬຠຌ ຼັໄຌງໄາງແຎເສໃຟໃາງເໝໃ

Page 18: ພື້ນຖານການນໍາໃຊ້ Photoshop cs

ກາຌພຈັະຌາສ ໃ ກາຌອຼຌ-ກາຌສຬຌ/Media development ສະຊາຍຌັພຈັະຌາຬາຆວີະສກຶສາ Vocational Education Development Institute ຈງ: ຬ໋ຬຈ ໍາຠະວຄ຺

6. ຫົ ຼັຄາກ ໃ ຼັຍອຍູແຎເສໃຟໃາງເໝໃລໄວເຫໄຽສຍຟໃາງຈ ຼັໃຄກ ໃາວຽຎຼັຌຟໃາງຎະຽພຈPNGຆຶໃ ຄຽຎຼັຌພາຍ ໃ ຍໍໃ ຠ ສ ພືໄຌຈງຽຂ຺ໄາແຎ ໃ File Save As ຽລືຬກຌາຠສະກຌຸຟໃາງ

PNG Save

Page 19: ພື້ນຖານການນໍາໃຊ້ Photoshop cs

ກາຌພຈັະຌາສ ໃ ກາຌອຼຌ-ກາຌສຬຌ/Media development ສະຊາຍຌັພຈັະຌາຬາຆວີະສກຶສາ Vocational Education Development Institute ຈງ: ຬ໋ຬຈ ໍາຠະວຄ຺

ເຫ ໄສໍາຠະຌາກຬຌຸກຌ຺ຌໍາຽຬາ຺ອູຍພາຍີໃ ກໃ ຼວຂ ໄຬຄກຍັຍຈ຺ອຼຌຂຬຄຉຌ຺ຽຂ຺ ໄາຠາຉຈັຉໍໃ ເຌ Photoshop ຆຶໃ ຄຠລີາງລະຬຼຈຈັໃ ຄຌີ ໄ: 1. ຉັ ໄຄຂະໜາຈຂຬຄພາຍຽຎັຌ

2. ເຫ ໄຉຈັຽຬາ຺ສໃ ວຌເຈສໃ ວຌໜຶໃ ຄຂຬຄພາຍ 3. Save ຟໃ າງຽຎັຌ PNG 4.ຽວລາ 3o ຌາ ີ

Page 20: ພື້ນຖານການນໍາໃຊ້ Photoshop cs

ກາຌພຈັະຌາສ ໃ ກາຌອຼຌ-ກາຌສຬຌ/Media development ສະຊາຍຌັພຈັະຌາຬາຆວີະສກຶສາ Vocational Education Development Institute ຈງ: ຬ໋ຬຈ ໍາຠະວຄ຺

ກາຌຂຼຌຂໍໄວາຠເຌ Photoshop ຌ ຼັໄຌຠ ໃຌໄາງກື ຼັຍກາຌຂຼຌຂໍໄວາຠມູໃຎົກຠົ ຺ໃວໂແຎ ຉໃວໃາມູໃເຌ Photoshop ຌ ໄະຠ ຽືໃ ຬຄຠ ືສາໍລ ຼັຍຎຼັຍຉໃຄຂໍໄວາຠຫົາງຍຍ ຆຶໃ ຄຽຎຼັຌກາຌຎຼັຍຉໃຄເຫໄຠ ວາຠສ ສ ຼັຌຫົາງກວໃາຉວ຺ໜຼັຄສືາໍຠະຈາ

Page 21: ພື້ນຖານການນໍາໃຊ້ Photoshop cs

ກາຌພຈັະຌາສ ໃ ກາຌອຼຌ-ກາຌສຬຌ/Media development ສະຊາຍຌັພຈັະຌາຬາຆວີະສກຶສາ Vocational Education Development Institute ຈງ: ຬ໋ຬຈ ໍາຠະວຄ຺

1.ຽລືຬກສ ຼັຌງາລ ຼັກ ໃ

ຽຎຼັຌຉວ຺ຬ ຼັກສຬຌT

2.ພ ຠຂໍໄວາຠ ໃຉໄຬຄກາຌເສໃ

3. ຫົ ຼັຄາກພ ຠຂໍໄວາຠ ໃ ຉໄຬຄກາຌເສໃລໄວເຫໄຽລືຬກກິເສໃສ ຼັຌງາລ ຼັກFx

4. ຫົ ຼັຄາກຌ ຼັໄຌເຫໄຎ ຼັຍຂໍໄວາຠຈງເຆໄຽືໃ ຬຄຠເືຌ

ຍໍລິຽວຌຌ ໄ

Page 22: ພື້ນຖານການນໍາໃຊ້ Photoshop cs

ກາຌພຈັະຌາສ ໃ ກາຌອຼຌ-ກາຌສຬຌ/Media development ສະຊາຍຌັພຈັະຌາຬາຆວີະສກຶສາ Vocational Education Development Institute ຈງ: ຬ໋ຬຈ ໍາຠະວຄ຺

ກາຌຎຼັຍສຄສະຫວໃາຄຽຎຼັຌຬ ກາຄຽລືຬກໜຶໃ ຄເຌກາຌກໄແຂຍ ຼັຌຫາພາຍ ໃ ແຈໄຠາຌ ຼັໄຌຍໍໃ ຊກືກ ຼັຍວາຠຉໄຬຄກາຌ

Page 23: ພື້ນຖານການນໍາໃຊ້ Photoshop cs

ກາຌພຈັະຌາສ ໃ ກາຌອຼຌ-ກາຌສຬຌ/Media development ສະຊາຍຌັພຈັະຌາຬາຆວີະສກຶສາ Vocational Education Development Institute ຈງ: ຬ໋ຬຈ ໍາຠະວຄ຺

1. ຽລືຬກImage

2. ຽລືຬກAdjustment

3. ຽລືຬກBrightness

Page 24: ພື້ນຖານການນໍາໃຊ້ Photoshop cs

ກາຌພຈັະຌາສ ໃ ກາຌອຼຌ-ກາຌສຬຌ/Media development ສະຊາຍຌັພຈັະຌາຬາຆວີະສກຶສາ Vocational Education Development Institute ຈງ: ຬ໋ຬຈ ໍາຠະວຄ຺

4. ຽລືໃ ຬຌລກູສຬຌຂືໄຌລະລຄ຺ຽພືໃ ຬຎຼັຍ

ວາຠ ໄຄຂຬຄພາຍ

Page 25: ພື້ນຖານການນໍາໃຊ້ Photoshop cs

ກາຌພຈັະຌາສ ໃ ກາຌອຼຌ-ກາຌສຬຌ/Media development ສະຊາຍຌັພຈັະຌາຬາຆວີະສກຶສາ Vocational Education Development Institute ຈງ: ຬ໋ຬຈ ໍາຠະວຄ຺

1. ຽລືຬກຽືໃ ຬຄໝາງ

2. ຽລືຬກCurves

Page 26: ພື້ນຖານການນໍາໃຊ້ Photoshop cs

ກາຌພຈັະຌາສ ໃ ກາຌອຼຌ-ກາຌສຬຌ/Media development ສະຊາຍຌັພຈັະຌາຬາຆວີະສກຶສາ Vocational Education Development Institute ຈງ: ຬ໋ຬຈ ໍາຠະວຄ຺

3. ເຆໄຽຠາ຺ ຼັຍຽສຼັໄຌຏໃາກາຄ ໃ ມູໃເຌອຍູສ ໃ ລໃຼ ຠຌ ໄລໄວ

ຈຄຶຂຶໄຌລະລຄ຺

Page 27: ພື້ນຖານການນໍາໃຊ້ Photoshop cs

ກາຌພຈັະຌາສ ໃ ກາຌອຼຌ-ກາຌສຬຌ/Media development ສະຊາຍຌັພຈັະຌາຬາຆວີະສກຶສາ Vocational Education Development Institute ຈງ: ຬ໋ຬຈ ໍາຠະວຄ຺

ກາຌຎໃ ຼຌສພີາຍຽຎັຌຬກີວິໜີຶໃ ຄ ີໃ ຽອຈັເຫ ໄພາຍີໃ ແຈ ໄຠາຌັ ໄຌຠີວາຠຉກຉໃ າຄ ລະ ຌໃ າສຌ຺ເ

Page 28: ພື້ນຖານການນໍາໃຊ້ Photoshop cs

ກາຌພຈັະຌາສ ໃ ກາຌອຼຌ-ກາຌສຬຌ/Media development ສະຊາຍຌັພຈັະຌາຬາຆວີະສກຶສາ Vocational Education Development Institute ຈງ: ຬ໋ຬຈ ໍາຠະວຄ຺

1. ຽລືຬກImage

3. ຽລືຬກHue/Saturatio

n

2. ຽລືຬກAdjustment

Page 29: ພື້ນຖານການນໍາໃຊ້ Photoshop cs

ກາຌພຈັະຌາສ ໃ ກາຌອຼຌ-ກາຌສຬຌ/Media development ສະຊາຍຌັພຈັະຌາຬາຆວີະສກຶສາ Vocational Education Development Institute ຈງ: ຬ໋ຬຈ ໍາຠະວຄ຺

4. ຎຼັຍສ ຉາຠຍຬໆກສ ເຌ3 ຍຬໆກຌ ໄຈງ ໃ ຽລືໃ ຬຌລກູສຬຌ

Page 30: ພື້ນຖານການນໍາໃຊ້ Photoshop cs

ກາຌພຈັະຌາສ ໃ ກາຌອຼຌ-ກາຌສຬຌ/Media development ສະຊາຍຌັພຈັະຌາຬາຆວີະສກຶສາ Vocational Education Development Institute ຈງ: ຬ໋ຬຈ ໍາຠະວຄ຺

ຂໍຂຬຍເ

30