1.
ก PhotoShop Macromedia Flash ˈ ก F ก
ก F กF F ก ʽก ก
F F
2. Fก F
1. F ก F F
2. F ก F
2. ก F
- ก F ก F
- ก F ก
3. ก ก F
F F
1. F ก ʽ F www.piriyalai.ac.th
2. F ก ก F F ก ก F ก
3. F F F ก F ก F ก
F ก F ก F
ก
4. ก ก F ก F 8 ก F F 9
ก F ก
5. ก ก F lan
6. F ก 8, 9
7. ก ก ก F ก
กF ก F ก F
8. F ก 3 4 F ก ก F
ก F F ก ก F
ก ก F / ก F ก ก ʽก
F ก F 1
ก F ก F ก
1-4 ก ก ʽก
4
ก F ก ก ʽก
F 4 .6
9. F F F F ก ก F
ก ก F ก
ก ก ก ก ก
10. ก
5. ก ก
1. F
2. F 8,9
3. 8,9
6. ก
6.1
6.1.1 ก ก F
6.1.2 ʿก
6.2
6.2.1 ก ก F
6.2.2 ก ʿก
7. F
8. ก ก
( F )
F
9. F
( )
F
F 8
ก F ก F
1. ก
F ก F F ก ก F F
F F ก ก F F PhotoShop กF F
F F Attribute Width & Height TAG <IMG> F
ก F ก F ก F ก F / Image, Image Size...
ก
Image, Image Size
F Pixel Dimensions F F ก F F
F F F ก F F F ก ก ก ก Constrain Proportions
กF
2. ก F F
F ก ʽก ˈ F ก ก ก F
• ʽ F F F
• ก ก Text Tool
• ก ก ก Text Options Bar
o ก F ก F F ก F ก
ก ˈ F F F F ก F ˆ
ก F F
o ก ก F
o ก ก
o ก ก ก
o ก ก
o ก F ก
o ก F ก F
o ก F
o ก ก
• F ก F F ก F F
• F F F ก F ˁ F <Backspace>
กF
• F Select ก F ก F
• F F F F F F F
ก
ก ก ˁ F F F ก F F ก ก ˁ
F F F ก F F ก
• F ก ก F F ก F ˁ ก ˁ
Type Mask ก ˈ F F F F F ก
• ก Foreground F ˈ F F ก Edit, Stroke
F F
• ก Background F ˈ F F ก Edit, Fill, Background
Color F
3. ก ก F F (Crop Image)
F ก ˈ F F ก ก F ก F F
F F F ก F F ก ก F F
ก ก ก F ก F F Crop PhotoShop
1. ʽ F F ก
2. ก Marquee
ก F ก F ก
F ก ก F ก F F ˁ ก
ก
ก F ก Marquee
3. F F ˈ ก ก ก F F F ก
ก ˁ F F F ก F ก F
F ก F F F F F ก
4. ก F ก ก กก ก F ก Select, None
5. F F ก ก ก F Image, Crop
ก F F F
Image, Crop F F F
4. F
1. ก ʽ F ก กF F ʽ F shoes.jpg ก F samples
Adobe ก ʽ F fruit.jpg ก F
2. ʽ F F Layer F Window, Show Layers
3. F ก Marquee F ก F fruit F F F ก
4.ก ˁ <Ctrl> <C> F ก shoes F Window, Shoes ก
F <Ctrl> <V> ก F F F shoes
5. ก ʽก
ก ก ʽก F กก ก F ก F
(Resolution) F 72 dpi F ˈ F
ก ก ก ก F PhotoShop F ก ʽก
ˈ F F ก F
ก ʽก
• F (Resolution) 72 dpi
• F RGB ก F
• F Screen Area
o 640 x 480 pixel
o 800 x 600 pixel
o 1024 x 768 pixel
• ก F F F (.psd F PhotoShop)
o ก F F F
o F , F ก ก ˈ .gif
o F ก ก ก ˈ .jpg
• ก ก F F ก F Interlaced, Progressive,
Transparent
• F ก F ก ˈ ก F ก F
HTML
8
ก F ก F
1. F ก ก F F ก F ก
ก F
.
2. F ก F F ก F F F ˈ F F ก F F F
F ก ก
F
.
3. F ก ก F F ก F F
ก ก F
.
4. F ก ก F F ก F ก
ก F
.
F 9
ก F ก
1. ก ก
Dropper Tool
ก ก
F
1. ก F F F
Movie Properties
F Modify >
Movie
2. ก Frame
Rate F ก 12 fps
Dimensions Width
F ก 400 px
Dimensions Height
300 px
3. ก
F
F ก
Background Color
ก Dropper
Tool F F ก
ก F ก
ก F F F Movie Properties
ก
ก
2 ก F
ก F
F
1. F F ก
Pencil Tool
2. ก Options
F F
ˈ
Smooth
3. F F ก
F 1 F
ก
F F 2 F
ˈ ก
F ก
ก F Pencil Tool
Option Pencil
Tool
F
ก F Paint Bucket Tool
Fill Color
4. F F ก Paint
Bucket Tool
5. F F ก Fill
Color ก
F F F
ก
6. F ˈ
7. F F ก Fill
Color F ก
F
(Gradient)
Fill Color
8. F ก ˈ
ˈ ก
ก
9. F F ก Brush
Tool
10. ก Options
Brush Tool F F
ˈ ก
ก
11. F F ก Fill
Color ก
F F F
ก
12. F F ˈ
F
ก F Brush Tool
Option
F F Frame
Fill Color
Tool
2
Tool
1
Frame
By
Frame 3
Frame
By
Frame 1
Frame
By
Frame 2
Tools
3
Movie
Propertie
s
3. ก F Frame By Frame
F ก F
Frame By Frame
F
1. F 1.2
F 1 - 12
2. F F ก Arrow
Tool
3. F F ก
ก ก
ก
4. ก F F F
Symbol Properties
ก ก ˂
F F8 F
Insert > Convert to
Symbol
ก F Arrow Tool
ก
ก F F F Symbol Properties
ˈ Symbol 5. ˈ
Symbol ก
F F Symbol
Properties ก
Behavior ˈ
Graphic
6. F F ก
5 ( F
F 5)
7. ก Keyframe
5 ก F
Insert >
Keyframe ก
˂ F F6
8. ก Keyframe
F ก
ก F
Keyframe 5
กก 5
ˈ Symbol
ก F ก Keyframe
Keyframe 5
ก F Rotate 9. ก F Modify
> Transform >
Rotate ก
ˁ 8 ˁ
10. F F ก F
F F ก
F
11. ก Frame
8 F F
ก F Frame
8 F ก F
Insert > Frame
F ˂ F F5
12.
ก F
Control > Play
ก ˂ F
Enter ก
ก Frame 8
4. ก F Frame By Frame
ก F Oval Tool
ˈ Symbol
ก Keyframe
F Motion Tween
9
ก F ก
1. F ก ก F DocumentProperty ก F ก
ก F
.
2. F ก F ก F ก
ก F
.
3. F ก
ก ก F
.
4. F ก ก F F Motiontween
ก ก F
.
ก
ก ก 1 ก ก 2
ก F F F F F F
ก
ก ก 3 ก ก 4
ก F F F F F F
ก ก F
ก F
F 1. (2 )
F 2. F F F (2 )
F 3. F F F (3 )
F 4. ก ก (3 )
ก F 1 F 2 F 3 F 4
ก Fก
9 10 = ก
7 8 =
5 6 = F
ก F 5 = F
แผนการสอน

แผนการสอน

  • 1.
    1. ก PhotoShop MacromediaFlash ˈ ก F ก ก F กF F ก ʽก ก F F 2. Fก F 1. F ก F F 2. F ก F 2. ก F - ก F ก F - ก F ก 3. ก ก F F F 1. F ก ʽ F www.piriyalai.ac.th 2. F ก ก F F ก ก F ก 3. F F F ก F ก F ก F ก F ก F ก 4. ก ก F ก F 8 ก F F 9 ก F ก 5. ก ก F lan 6. F ก 8, 9 7. ก ก ก F ก กF ก F ก F 8. F ก 3 4 F ก ก F ก F F ก ก F ก ก F / ก F ก ก ʽก F ก F 1 ก F ก F ก 1-4 ก ก ʽก 4 ก F ก ก ʽก F 4 .6
  • 2.
    9. F FF F ก ก F ก ก F ก ก ก ก ก ก 10. ก 5. ก ก 1. F 2. F 8,9 3. 8,9 6. ก 6.1 6.1.1 ก ก F 6.1.2 ʿก 6.2 6.2.1 ก ก F 6.2.2 ก ʿก 7. F 8. ก ก ( F ) F
  • 3.
  • 4.
    F 8 ก Fก F 1. ก F ก F F ก ก F F F F ก ก F F PhotoShop กF F F F Attribute Width & Height TAG <IMG> F ก F ก F ก F ก F / Image, Image Size... ก Image, Image Size F Pixel Dimensions F F ก F F F F F ก F F F ก ก ก ก Constrain Proportions กF
  • 5.
    2. ก FF F ก ʽก ˈ F ก ก ก F • ʽ F F F • ก ก Text Tool • ก ก ก Text Options Bar o ก F ก F F ก F ก ก ˈ F F F F ก F ˆ ก F F o ก ก F o ก ก o ก ก ก o ก ก o ก F ก o ก F ก F o ก F
  • 6.
    o ก ก •F ก F F ก F F • F F F ก F ˁ F <Backspace> กF • F Select ก F ก F • F F F F F F F ก ก ก ˁ F F F ก F F ก ก ˁ F F F ก F F ก • F ก ก F F ก F ˁ ก ˁ Type Mask ก ˈ F F F F F ก • ก Foreground F ˈ F F ก Edit, Stroke F F • ก Background F ˈ F F ก Edit, Fill, Background Color F 3. ก ก F F (Crop Image)
  • 7.
    F ก ˈF F ก ก F ก F F F F F ก F F ก ก F F ก ก ก F ก F F Crop PhotoShop 1. ʽ F F ก 2. ก Marquee ก F ก F ก F ก ก F ก F F ˁ ก ก ก F ก Marquee 3. F F ˈ ก ก ก F F F ก ก ˁ F F F ก F ก F F ก F F F F F ก
  • 8.
    4. ก Fก ก กก ก F ก Select, None 5. F F ก ก ก F Image, Crop ก F F F Image, Crop F F F 4. F 1. ก ʽ F ก กF F ʽ F shoes.jpg ก F samples Adobe ก ʽ F fruit.jpg ก F 2. ʽ F F Layer F Window, Show Layers 3. F ก Marquee F ก F fruit F F F ก 4.ก ˁ <Ctrl> <C> F ก shoes F Window, Shoes ก F <Ctrl> <V> ก F F F shoes
  • 9.
    5. ก ʽก กก ʽก F กก ก F ก F (Resolution) F 72 dpi F ˈ F ก ก ก ก F PhotoShop F ก ʽก ˈ F F ก F ก ʽก • F (Resolution) 72 dpi • F RGB ก F • F Screen Area o 640 x 480 pixel o 800 x 600 pixel o 1024 x 768 pixel • ก F F F (.psd F PhotoShop)
  • 10.
    o ก FF F o F , F ก ก ˈ .gif o F ก ก ก ˈ .jpg • ก ก F F ก F Interlaced, Progressive, Transparent • F ก F ก ˈ ก F ก F HTML
  • 11.
    8 ก F กF 1. F ก ก F F ก F ก ก F . 2. F ก F F ก F F F ˈ F F ก F F F F ก ก F . 3. F ก ก F F ก F F ก ก F .
  • 12.
    4. F กก F F ก F ก ก F .
  • 13.
    F 9 ก Fก 1. ก ก Dropper Tool ก ก F 1. ก F F F Movie Properties F Modify > Movie 2. ก Frame Rate F ก 12 fps Dimensions Width F ก 400 px Dimensions Height 300 px 3. ก F F ก Background Color ก Dropper Tool F F ก ก F ก ก F F F Movie Properties ก ก
  • 14.
    2 ก F กF F 1. F F ก Pencil Tool 2. ก Options F F ˈ Smooth 3. F F ก F 1 F ก F F 2 F ˈ ก F ก ก F Pencil Tool Option Pencil Tool F
  • 15.
    ก F PaintBucket Tool Fill Color 4. F F ก Paint Bucket Tool 5. F F ก Fill Color ก F F F ก 6. F ˈ 7. F F ก Fill Color F ก F (Gradient) Fill Color
  • 16.
    8. F กˈ ˈ ก ก 9. F F ก Brush Tool 10. ก Options Brush Tool F F ˈ ก ก 11. F F ก Fill Color ก F F F ก 12. F F ˈ F ก F Brush Tool Option F F Frame Fill Color Tool 2 Tool 1 Frame By Frame 3 Frame By Frame 1 Frame By Frame 2 Tools 3 Movie Propertie s
  • 17.
    3. ก FFrame By Frame F ก F Frame By Frame F 1. F 1.2 F 1 - 12 2. F F ก Arrow Tool 3. F F ก ก ก ก 4. ก F F F Symbol Properties ก ก ˂ F F8 F Insert > Convert to Symbol ก F Arrow Tool ก
  • 18.
    ก F FF Symbol Properties ˈ Symbol 5. ˈ Symbol ก F F Symbol Properties ก Behavior ˈ Graphic 6. F F ก 5 ( F F 5) 7. ก Keyframe 5 ก F Insert > Keyframe ก ˂ F F6 8. ก Keyframe F ก ก F Keyframe 5 กก 5 ˈ Symbol ก F ก Keyframe
  • 19.
    Keyframe 5 ก FRotate 9. ก F Modify > Transform > Rotate ก ˁ 8 ˁ 10. F F ก F F F ก F 11. ก Frame 8 F F ก F Frame 8 F ก F Insert > Frame F ˂ F F5 12. ก F Control > Play ก ˂ F Enter ก ก Frame 8
  • 20.
    4. ก FFrame By Frame ก F Oval Tool ˈ Symbol ก Keyframe
  • 21.
  • 22.
    9 ก F ก 1.F ก ก F DocumentProperty ก F ก ก F . 2. F ก F ก F ก ก F . 3. F ก ก ก F .
  • 23.
    4. F กก F F Motiontween ก ก F .
  • 24.
    ก ก ก 1ก ก 2 ก F F F F F F
  • 25.
    ก ก ก 3ก ก 4 ก F F F F F F
  • 26.
    ก ก F กF F 1. (2 ) F 2. F F F (2 ) F 3. F F F (3 ) F 4. ก ก (3 ) ก F 1 F 2 F 3 F 4 ก Fก 9 10 = ก 7 8 = 5 6 = F ก F 5 = F