Topic 1: How about starting learning graphic design

ូ
ជាទេ�ការចាប ី � េរៀនពអ
េ់ ផម ី ម ួ ជាការការពត
ី� យ ិ វាមន �
ិ ងាយ្រសលេនាះេទ ។
ី � ពច
គេឺ ផម ំ ូ លចត
ំ ង់ចណ
ី ន �
ិ ែដលេយ ី មាន ឬកជា
ង ំ ប្រ់ បចាៃថ
៏ ទលា �
ំ របសេ់ យង
ី ែដលេយង ំ យេពលេធេី � �
ី ែតងែតចណា
ី � �នជាជនា
ី បេងត
េលវា ូ
ំ ញ យរេ�កា ួ
� យជាេទពេលាសល្យមយស្រមាបខ ួ � ឯង។ ជាការពត
់ ន ូ
ិ ជាកែ់ សង� ដចជា
ិ � ឌហ
ំ ញ្រកាហច
ជនា ី ្សាញជាេដម
ី េយង
ី ្រសលាញ់ នង ូ ត
ិ ចលច ិ � េហយ
ី កចា ី � ្រសាវ្រជាវេចញព្រី បភពេផ្សងៗ។ ែត
៏ បេ់ ផម
អែី � ដលព�
ិ កគកា ី � េចញពរី េបៀបណា េរៀនពអ
ឺ រចាបេ់ ផម ី ម ុ
ី � នេគ ី េរឿងែដលចា�ច
េហយ �
ំ ់ ្រតវេរៀនព ី ខ
អ ួ ង
ី � ះ� គរន ឹ
ិ � ឌហ
ួ � ែបបណា។ េរៀន្រកាហច
េ្រតៀមខន ិ ែមន្រគានែ់ តេចះេធី � Poster ឬក ៏ េធី � Logo មយេ�ជា
ី ្សាញមន ួ
ិ � ឌហ
ំ ញកាហច
ជនា ឺ គនះឹ � ខះៗស្រមាប
ី ្សាញេនាះេទ។ ខាងេ្រកាមេនះគជា � ី � របសេ់ យង
់ រចាបេ់ ផម
កា ី ។
Topic 1: How about starting learning graphic design

ឺ គនះឹ � ខះៗស្រមាប
ខាងេ្រកាមេនះគជា � ី � របសេ់ យង
់ រចាបេ់ ផម
កា ី

1 Understand the Basics 2 Get the Right Tools

- Graphic Design Principles - Adobe Creative Suite
- Typography (Photoshop Illustrator,
InDesign)
- Corel draw graphic
3 Consider Formal Education
- Canva
- Courses and Certifications
- Graphic Design Degree
 Topic 2: Theory of Graphic Design

Design គជា ់ ្រមាបេ� Elements តច

ឺ ការដាកត ិ ឬកេ៏ ្រចន ូ � គា�ជា្រសទាប់ Layers.
ី ប�ល

Elements ទាងេនាះមានដ
ំ ូ
ចជា៖

ូ
១. របភាព Photos/Image ២. ទង់្រទាយ Shapes

៣. អក្សរ Types Texts

 Topic 2: Theory of Graphic Design

ុ � ការរចនា Design
ក្បួនច្បាប់កង

ំ ត្រ់ ទង់្រទាយ
១. ការកណ ៉ូ
៣. មតអក្សរម ិ ឲ្យេលស
ន ី សា�យ
ី ព៣

២.ពណ៍មន
ិ ឲ្យេលស
ី ព ី ៣ ពណ៍ ី ៖ អក្សរ ឬក ៏ Shape
៤.កែុំ កែ្រប្រទង់្រទាយេដម
 Topic 2: Theory of Graphic Design

ុ � ការរចនា Design
ក្បួនច្បាប់កង

ំ ត្រ់ ទង់្រទាយ
១. ការកណ ៉ូ
៣. មតអក្សរម ិ ឲ្យេលស
ន ី សា�យ
ី ព៣

២.ពណ៍មន
ិ ឲ្យេលស
ី ព ី ៣ ពណ៍ ី ៖ អក្សរ ឬក ៏ Shape
៤.កែុំ កែ្រប្រទង់្រទាយេដម
 Lesson 1: Getting To Know The Area

Get Oriented

• Tool locations
• Keyboard shortcuts
• File types
• Workspace customizing
• Workflow and organization

Adobe Photoshop/ Mit Laithean

 Lesson 1: Getting To Know The Area

ំ
១. ការែណនាឲ្យសា� លព ី � ងការងារ
់ ផា ំ
Starting and Opening a File

េបើកឱ�ដល់���ំង Desktop របស់ Window សិន

ចុចេលើ Start > Program > Adobe Photoshop CC
ម�៉ាងេទៀតេយើង��ចចូលេ����ន់ Start > Search ប���ប់
មក��យ��ក� Photoshop CC រួច Click េដើម�ីដំេណើរ��រ។

Adobe Photoshop/ Mit Laithean

 Lesson 1: Getting To Know The Area

2. Navigating the Workspace

Create New

Open

Adobe Photoshop/ Mit Laithean

 Lesson 1: Getting To Know The Area

3. Set-up a new Documents

Step 1: Create a New Document
Go to File > New or use the shortcut Ctrl + N
(Windows) / Cmd + N (Mac).

Step 2: Choose Document Settings

You’ll see the New Document dialog box, where
you can set up your document preferences

Adobe Photoshop/ Mit Laithean

 Lesson 1: Getting To Know The Area

3. Set-up a new Documents

• Name: ស���ប់កំណត់េ���ះ��រ��រ
• Document Type: ���បេភទ���ំង��រ��រ
• Size: ទំហំ�ក��ស��រ��រ
• Width: ��តៃម�េលខេ��យគិត���បែវង
• Height: ��តៃម�េលខេ��យគិត��កម�ស់
• Resolution: សំេ��េលើគុណ��ព��រ��រ
• Color Mode: ��ទី��ំងកំណត់�បេភទ Color

Adobe Photoshop/ Mit Laithean

 Lesson 1: Getting To Know The Area
2. Navigating the Workspace MENU BAR

In Adobe Photoshop, a workspace TOOLBAR OPTIONS BAR

refers to the arrangement of various

panels, tools, and menus within the
Photoshop interface. It is essentially
the layout that you work in while editing
images. Photoshop offers different
predefined workspaces tailored to
specific tasks, such as photo editing,
graphic design, painting, and more

Adobe Photoshop/ Mit Laithean

 Lesson 1: Getting To Know The Area

4. How do you set up your workspace

Setting up your own

workspace in Adobe
Photoshop is important
because it allows you to
tailor the software
environment to your My workspace
specific needs and
working style.

Adobe Photoshop/ Mit Laithean

 Lesson 2: Import Elements

1. Open To import elements into

Adobe Photoshop, such as
2. Drag Objects
images, graphics, or other file
3. Copy & Past types, you can use several
methods depending on what
4. Place Embedded
you want to achieve. Here are

5. Place lined the main ways to import

elements.

Adobe Photoshop/ Mit Laithean

 Lesson 2: Import Elements

4. Place Embedded When to Use Each:

•Use "Place Embedded" when you
5. Place lined need a self-contained document
that doesn't rely on external
resources, such as for archiving or
sharing.
•Use "Place Linked" when working
with a workflow where the original
files might frequently update or
when file size needs to be kept

Adobe Photoshop/ Mit Laithean manageable.

 Lesson 2: Import Elements

6. Save, Export file

Saving a File

1.Go to File > Save (or Save As):

1. If it’s the first time you’re saving, use Save As

to choose the file location, name, and format.

2. Choose a file format, such as PSD, to

maintain all your layers and adjustments.

Adobe Photoshop/ Mit Laithean

 Lesson 2: Import Elements

6. Save, Export file

Exporting a File
1.Go to File > Export > Export As:
1. This option allows you to save your image in
various formats, such as PNG, JPEG, GIF, or SVG.
2. You can adjust settings like image size, quality,
and resolution.

Adobe Photoshop/ Mit Laithean

 Lesson 2: Import Elements

6. Save, Export file

Exporting a File:
2.Quick Export:
•Use File > Export > Quick Export as PNG for a fast
way to save your file as a PNG with preset settings.
•Save for Web (Legacy):
This option is helpful for web-optimized images. Go
to File > Export > Save for Web (Legacy) and
choose the desired format and settings.

Adobe Photoshop/ Mit Laithean

 Lesson 2: Import Elements

7. Photoshop file

PSD JPG PNG

A PSD file is a Photoshop Document file

A JPG (or JPEG) file stands for Joint Photographic Experts Group

A PNG file stands for Portable Network Graphics

Adobe Photoshop/ Mit Laithean

 Lesson 3: Photoshop Basic (Tools)

1. Tools Box
What are the categories of tools in Photoshop?

A. Selection Tool
Adobe Photoshop provides a wide range
of tools that allow users to perform various B. Crop and Slice Tools

editing tasks, ranging from simple image C. Measuring Tools

adjustments to complex graphic design D. Retouching Tools
work. Here’s a breakdown of some of the
E. Painting Tools
most commonly used tools in Photoshop
F. Drawing and Type Tools

G. Navigation Tools

Adobe Photoshop/ Mit Laithean

 Lesson 3: Photoshop Basic (Tools)

1. Tools Box
- Move Tool: េ្រប្រ បាស់ស្រមាប់ Select នង
ិ រ ំកល
ិ បំលស់ទី Objects

- Rectangular Marquee Tool: េ្របស

 ្រមាប់ Select កត់រូបភាពជា រង៤្រជ�ង។

- Elliptical Marquee Tool: េ្របស

 ្រមាប់ Select កត់រូបភាពជារង ពង្រកេព ឬរងមូល។

- Single Row Marquee Tool: េ�បើស���ប់ Select ��ត់រូប��ព�� ��ងេផ�ក។

- Single Column Marquee Tool: េ�បើស���ប់ Select ��ត់រូប��ព ����ងប��រ។

- Crop Tool: េ�បើស���ប់��ត់ព�ងីក ឬប�ងួមៃផ���រ��រ។

Adobe Photoshop/ Mit Laithean
 Lesson 3: Photoshop Basic (Tools)

1. Tools Box

- Slice Tool: េ្របស្រមាប់កត់ែផ�កចំេរៀកនីមយ

ួ ៗ ែដលយកេទ ភា�ប់ Link ។

- Slice Select Tool: េ្របស

 ្រមាប់ Select បំែណកណាមួយ Slice

- Lasso Tool: េ្របស

 ្រមាប់ Select កត់រូបភាពេដយេ្រប Mouse ចុចឱ្យជាប់។
- Polygon Lasso Tool: េ្រប Select កត់រូបេដយេ្រប Mouse ចុច ម�ងមួយៗជាលក�ណៈបនា�ត់
- Magic Lasso Tool: េ្របស
 ្រមាប់ Select កត់រូបភាពេដយមន
ិ េ្រប Mouse ចុចឱ្យជាប់។

Adobe Photoshop/ Mit Laithean

 Lesson 3: Photoshop Basic (Tools)

1. Tools Box

- Magic Wand Tool: េ្របស

 ្រមាប់ Select តំបន់ណាមានពណ៌្រសេដៀងគា�
- Quick Selection Tool: េ្របស
 ្រមាប់ Select តំបន់ណាមានពណ៌្រសេដៀងគា�
- Spot leading Brush Tool: េ្របស
 ្រមាប់លុបស�ម្របឡាក់តូចៗ
- Healing Brush Tool: េ្របស
 ្រមាប់លុបស�មធំៗ
- Patch Tool: េ្របស
 ្រមាប់ Select ជួសជុលត្រម�វែផ�កណាមួយ
- Red Eye Tool: ែដលអចប�ូរពណ៌ែភ�ក្រកហមេទជាេខ�

Adobe Photoshop/ Mit Laithean

 Lesson 3: Photoshop Basic (Tools)

1. Tools Box

- Brush Tool: េ្របស

 ្រមាប់ផាត់ ឬគូសឆ�ូតេផ្សងៗ
- Pencil Tool: េ្របស
 ្រមាប់គូសដូចជាេខ�ៃដជាេដម
- Color Replacement Tool: េ្របស
 ្រមាប់ផាត់ពណ៌ែដលមានលក�ណៈ Highlight
- Mixer Brush Tool: េ្របស
 ្រមាប់ផាត់ពណ៌ែដលមានលក�ណៈ Highlight
- Brush Tool: េ្របស
 ្រមាប់ផាត់ ឬគូសឆ�ូតេផ្សងៗ
- Pencil Tool: េ្របស
 ្រមាប់គូសដូចជាេខ�ៃដជាេដម

Adobe Photoshop/ Mit Laithean

 Lesson 3: Photoshop Basic (Tools)

1. Tools Box

- Color Replacement Tool : េ្របស

 ្រមាប់ផាត់ពណ៌ែដលមានលក�ណៈ Highlight
- Mixer Brush Tool : េ្របស
 ្រមាប់ផាត់ពណ៌ែដលមានលក�ណៈ Highlight

- Clone Stamp Tool : េ្របស

 ្រមាប់ចម�ងពក
ី ែន�ងមួយេទកែន�ងមួយេទៀត
- Pattern Stamp Tool : ស្រមាប់លបពណ៍ឲ្យរូបភាពជាលក�ណៈ Pattern
- History Brush Tool : ស្រមាប់ែករូបភាពែដលមានភាពរេញ៉ រៃញ៉ ឲ្យេទទ្រមង់េដម
 វញ
ិ

Adobe Photoshop/ Mit Laithean

 Lesson 3: Photoshop Basic (Tools)

1. Tools Box

- Pen Tool : ស្រមាប់គូេដជាចំណុចតមរូបរងេផ្សងៗ

- Free Form Pen Tool : ស្រមាប់គូេដជាចំណុចតមរូបរងេផ្សងៗ េដយេ្រប Mouse ជាប់

- Add Anchor point Tool : េ្របស

 ្រមាប់ចំណុចខ�ះខត

- Horizontal Type Tool : ស្រមាប់សរសរអក្សរធម�ត

- Vertical Type Tool : ស្រមាប់សរេសរអក្សរប�្ឈរ

Adobe Photoshop/ Mit Laithean

 Lesson 3: Photoshop Basic (Tools)

1. Tools Box

- Eyedropper Tool : ស្រមាប់ចម�ងពណ៍ៃនែផ�កណាមួយ េដម

 ្បយ
ី កមកេធ�ព
 ណ៍គំរូ
- Color Sample Tool : ស្រមាប់សង
� គ
់ ំរូពណ៍ៃនរូបភាព

- Ruler Tool : ស្រមាប់បេង�តនូវកំណត់សមា�ល់

- Hand Tool : ស្រមាប់ទញ ឬរ ំកល
ិ រូបភាពឬ Background
- Zoom Tool : ស្រមាប់ព្រងីកឬព្រង�មរូបភាព

Adobe Photoshop/ Mit Laithean

 Lesson 3: Photoshop Basic

2. How to copy & Past

01: Copy & Past Copy the Selection:
02: Past Special •Press Ctrl + C (Windows)
or Cmd + C (Mac) to copy the
selected area to the clipboard.
Paste the Selection (if needed):
•You can then paste the copied content into
the same or a different document by pressing

Ctrl + V (Windows) or Cmd + V (Mac).

Adobe Photoshop/ Mit Laithean
 Lesson 3: Photoshop Basic

2. How to copy & Past

03: Create a new layer

Open the Layers Panel:

•Make sure the Layers panel is visible. If it's not, go to
Window > Layers or press F7 to display it, then Drag
layer move to put the Create a new layer icon. After
that Drag layer move to put the icon for adding a new
layer.

Adobe Photoshop/ Mit Laithean

 Lesson 3: Photoshop Basic

2. How to copy & Past

04: Duplicate layer

Using the Layers Panel : Right-click on the

layer you want to duplicate and select
"Duplicate Layer…" from the context menu.

Adobe Photoshop/ Mit Laithean

 Lesson 3: Photoshop Basic

2. How to copy & Past

05: Layer Vai copy

Using Keyboard Shortcuts : Select the layer

you want to duplicate and press Ctrl +J

(Windows) or Cmd + J (Mac).
Hold ALT Keyboard
Copy

Adobe Photoshop/ Mit Laithean

 Lesson 4: Layer and Photoshop Muscle

1. What is Layer in Photoshop?

In Photoshop, a layer is like a transparent sheet

that can hold images, text, or other elements.
Layers allow you to work on different parts of an
image separately without affecting the rest. This
flexibility makes it easier to edit, move, and
modify elements within a project

Adobe Photoshop/ Mit Laithean

 Lesson 4: Layer and Photoshop Muscle

1. What is Layer in Photoshop?

Layers in Photoshop
1. Pixel Layer
2. Vector Layer
3. Smart Object Layer

Adobe Photoshop/ Mit Laithean

 Lesson 4: Layer and Photoshop Muscle

2. How to Control Layer

េយងដឹងេហយថាេនក�ុង Adobe Photoshop គឺពឹងែផ�កេទេល Layer

ទំងមូល (Layer ្រសទប់)។ េបស

 ិ នជាេយងមន
ិ េចះ្រគប់្រគង់វឲ្យមានរេបៀបរបរយល�

េទេនាះករងរេយងនង
ិ មានភាពរៃញ៉ រៃញ៉ ។ ដូេច�ះេបស
 ិ នជាេយងេចះ្រគប់្រគង

ករងរ Layer េយងឲ្យបានល�េនាះ កររចនារបស់េយងនង

ឹ កន់ែត្របេសរ។

Adobe Photoshop/ Mit Laithean

 Lesson 4: Layer and Photoshop Muscle

2. How to Control Layer

01: Layer Name
េយងអចអចដក់េឈ�ះ Layer របស់េយងនម
ី យ
ួ ៗបាន
េដម្បង
ី យ្រស�លក�ុងករចំណាំ
ករកំណត់ដូចខងេ្រកម៖

- Double Click ឲ្យចំចំណុចអក្សររបស់ Layer

- Remove េទេល Layer
- Enter

Adobe Photoshop/ Mit Laithean

 Lesson 4: Layer and Photoshop Muscle

2. How to Control Layer

02: Layer Groups
េយើង��ចេធ�ើ��រ��ក់ប���ល���រ��ង Layer េ�ចើនេ��យេ�បើ���ស់

Layer Groups េដើម�ី�គប់�គងេ��េពលឌីហ�ញ��ន��ព��យ�សួល និងែកែ�ប

- Select េ��ែផ�ករបស់ layer ��មួយែដលេយើងចង់��ក់�� Group
- Right Click យក��ក��� Group From Layer( Shortcut key

Ctrl + G ) រួចចុច Ok

Adobe Photoshop/ Mit Laithean

 Lesson 4: Layer and Photoshop Muscle

2. How to Control Layer

03: Ungroups All Layer
េយងដង  ថា
ឹ េហយ Group layer មានតួនាទស
ី ំ ខន់កុ ងករចង
� ្របមូលផ�ុំ េន layer ដក់ជា
� ប់ធា�ប់ល� និង ងយ្រស�លក�ុងករឌីហ្សោញ។ េហយក៏អចបំែបបេន
្រក�មៗ ឲ្យមានសណា

Group layer បានផងែដរ ែដលេយងេហថា Ungroup layer

- េដើម�ីេធ�ើ��រេ��ះ Group េចញពី��� ឈរេលើ Layer Group > Right Click >
Ungroup Layer( Ctrl + Shift + G)

Adobe Photoshop/ Mit Laithean

 Lesson 4: Layer and Photoshop Muscle

2. How to Control Layer

04: Link Layer

េនក�ុង Adobe Photoshop ពក្យ "link Layer"

ជាធម�តសំ េដេលមុខងរែដលអនុ��តឱ្យអ�កភា�ប់្រសទប់មយ
ួ

ឬេ្រចន
 ជាមួយគា� ដូេច�ះពួកវផា�ស់ទី ឬផា�ស់បូ រជាមួ
� យគា�។

Adobe Photoshop/ Mit Laithean

 Lesson 5: Layer Style Panel (Effects)

1. What is layer style panel?

The Layer Style Panel in Adobe Photoshop is a powerful

tool that allows you to apply various effects and
enhancements to layers in your Photoshop documents. To
access the Layer Style Panel, you can either double-click on
a layer in the Layers panel or go to Layer > Layer Style >
[desired effect] from the menu bar. Here's a brief overview
of what you can do with the Layer Style Panel

Adobe Photoshop/ Mit Laithean

 Lesson 5: Layer Style Panel (Effects)

1.1 Bevel & Emboss

Bevel & Emboss
Bevel & Emboss is one of the layer styles
available in Adobe Photoshop , found within
the Layer Style Panel. It's used to add
dimension and depth to objects by
simulating highlights and shadows that
would occur with real-world lighting. Here's
how you can use Bevel & Emboss

Adobe Photoshop/ Mit Laithean

 Lesson 5: Layer Style Panel (Effects)

1.2 Stroke
Stroke
In Adobe Photoshop, the term

"stroke" refers to applying a border

or outline to a selection, shape, or
text. Here's how you can add a stroke
to an object.

Adobe Photoshop/ Mit Laithean

 Lesson 5: Layer Style Panel (Effects)

1.3 Inner Shadow

Inner Shadow
In Adobe Photoshop, you can
create an inner shadow effect
using layer styles. Here's how you
can do it

Adobe Photoshop/ Mit Laithean

 Lesson 5: Layer Style Panel (Effects)

1.4 Satin

Satin
In Adobe Photoshop, you can
create a satin effect using layer
styles. Here's a basic way to
achieve this effect.

Adobe Photoshop/ Mit Laithean

 Lesson 5: Layer Style Panel (Effects)

1.5 Color Overlay

Color Overlay
In Adobe Photoshop, you can use the

Color Overlay layer style to apply a

solid color to an entire layer or shape.
Here's how you can do it.

Adobe Photoshop/ Mit Laithean

 Lesson 5: Layer Style Panel (Effects)

1.6 Drop Shadow

Adding a drop shadow in Adobe Drop Shadow

Photoshop is a common technique used
to give elements a sense of depth and
separation from the background. Here's
how you can do it.

Adobe Photoshop/ Mit Laithean

 Lesson 5: Layer Style Panel (Effects)

1.7 Drop Shadow

Adding a drop shadow in Adobe Drop Shadow

Photoshop is a common technique used
to give elements a sense of depth and
separation from the background. Here's
how you can do it.

Adobe Photoshop/ Mit Laithean

 Lesson 6: Graphic design rules

្រទង់ ្រទា យ : Youtube, Facebook, instagram

ពណ៍ : មិ ន េល ី ស ព ី ៣ / េរ ស
� ពណ៌ តា មល ំ ដា ប់

ម៉ូ ត អក្សរ : មិ ន េល ី ស ព ី ៣ ទ ី តា ង
ំ ត្រមឹ ម ឲ្យ្រត ឹ ម

ក ុំ ែ ក្រទង់ ្រទា យ េដ ី ម : រ បភា

ូ ព អក្សរ Shape

Adobe Photoshop/ Mit Laithean

 Lesson 6: Graphic design rules

្រទង់ ្រទា យ :

Adobe Photoshop/ Mit Laithean

 Lesson 6: Graphic design rules

ពណ៍ :

ពណ៍មិនេលើសពី៣ េហើយេរើសពណ៌តាម
លំដាប់ ចូល�កេឡកេមើលរូបភាព ពីរផ�ាំង
េនះ េតើអ�កគិតថារូបមួយណាេធ�ើ�ានល�ជាង

Adobe Photoshop/ Mit Laithean

 Lesson 6: Graphic design rules

ម៉ូ ត អក្សរ :

ម៉ូតអក�រ : មិនេលើសពី ៣ េហើយទីតាំង�តូវ

មានក�ាល មានខ��ន មានចុងប��ប់ ដាក់
តាមលំដាប់លំេដោយៃនអក�រ

Adobe Photoshop/ Mit Laithean

 Lesson 6: Graphic design rules

ម៉ូ ត អក្សរ ត្រមឹ ម :

េតើរូបភាពពីរផ�ាំងេនះេតើរូបភាពណាមួយ
រចនា�ានស�ាតជាង? េហើយរូបមួយណា
ែដលេគេ�បើការត�មឹមអក�រ�ាន�តឹម�តូវ?

Adobe Photoshop/ Mit Laithean

 Lesson 6: Graphic design rules

ក ុំ ែ ក្រទង់ ្រទា យ េដ ី ម :

ក��ងរូបភាពទី២ គឺេធ�ើ�ានល�ជាងរូបទី ១
េនៅ�តង់ចំណ�ចរូបទី២ គឺេគមិន�ានទាញ
េឡោេហ�ោ និងតួអក�រឲ�ខុស�ទង់�ទាយេដើម

Adobe Photoshop/ Mit Laithean