ใบความรู้ที่ 4

45
4 กกก 4 กกกก 1. กก 2. กก 3. 4. กกก ก PhotoShop กกกกก 1. ก File New ก Ctrl + N 2. Name ( กกกก ) 3. กกก Width Height 4. กกกก Width 5. กกก Height 6. ก Resolution 7. กกก Resolution 8. ก ก Mode 9. Contents กก 3 - White ก - Background Color ก Background Color - Transparent ก () 10. OK ก กกกกกก PhotoShop กก Preset Sizes กกก File New กก , , Mode

Upload: justp1

Post on 26-May-2015

1.860 views

Category:

Education


0 download

TRANSCRIPT

Page 1: ใบความรู้ที่ 4

���������� 4

������ ก�����ก��ก������

���ก����������� 4

��� �!"��� ����� ��ก���������� ก�ก��������� �������ก���� ��� �!"����#��� 1. ��ก������������������ �������ก���� 2. ��ก��������� ������� �������ก���� 3. ��ก���������� ������"�#�����$��%� �������ก���� 4. ��ก�����������"'ก������� �������ก���� ���$�%�

��(��$ก� PhotoShop ���������/01'2���� ��3��� �������/0"�#�����$��%�1��4���� � $�5��ก����"'ก��ก6������"'ก����� �������$���7%����ก��4���1���� ก��"�������%�& ���"8� � ����2 1. ��3�ก��� File � New ��3�ก �?@ Ctrl + N 2. ��2�43#�1��/0����4��� Name ( ��3��5�ก6��%�ก8�� �����#����"'ก����ก6� � ) 3. ��3�ก���%�1��7%ก%��$�57%�%�7%����ก���4��� ������4��� Width $�5 Height 4. ก��ก7%ก%��"�#����ก���4��� Width 5. ก��ก7%���"�#����ก���4��� Height 6. ��3�ก���%�7%�5���� 1��/0��4��� ������4��� Resolution 7. ก��ก7�7%�5���� �����ก���4��� Resolution 8. ��3�ก(� 1���� �ก4��� Mode 9. ����%�1�� Contents ��V�ก���3�ก��032� W'#�� 3 $�� 73�

- White ก8�� ���032�������V���1% - Background Color ก8�� ���032�������V����"�#��2��%��� Background Color - Transparent ก8�� ���032�������V�$��(������ (���032�����)

10. 7�ก�?@ OK �03#��ก����������� ก6�5� �ก�5 �% ����"�#��ก8�� �%� ก����ก��ก' ��ก�� PhotoShop ��! .��������

∗ ��ก��������� �ก��������������������� ���������

��� ก���������ก�� � Preset Sizes

∗ ��������ก������ ก�����ก� �! ���ก"#�$�����%&# �!�

��� ��� ก������ File � New '&�(ก���)ก��*���$��

ก$��� ,�$��+�$ ,����$���)� �+� (�) Mode �� �*�ก�#

���'�+ ��'����%�����ก,�)(�)����� ������%����ก��

���� ก��

Page 2: ใบความรู้ที่ 4

ก�����ก�ก(��$ก���7%�� ����������������������ก���$��%�'���ก�ก(��$ก��03#��a��ก��7%b^ 0� "�#���ก 1'2�ก��������� �

ก�� ������ �����"8� �( � 1. 7�ก�?@ "�#?1%��1����"�#������ก��5� ��3� ก �?@ Ctrl + W ��3� 7�ก��3�ก���78��#� File � Close 2. ���/0 ��3�����2��5� ��"��"� $������$ก��1����2�$��%������ �"8ก����"'ก �5��กc�������%�����ก�

���"'ก����2ก�����3��� ��/0 �����

�8����ก�� (��$ก� �����"8� � ����2

1. 7�ก��3�ก���78��#� File � Exit ��3�7�ก�?@ "�#?1%�� ��3�ก �?@ Ctrl + Q

���ก����� ���������

���ก������������ก������ก��

���ก��������������ก������ก��

���ก����� ���� ก ��กก�������

Page 3: ใบความรู้ที่ 4

ก��� .�����/0$����1���

��(��$ก� PhotoShop ��ก�ก������5�� ������"�#�����ก PhotoShop 1'2�� �$��%���������� �������/0���g 1'2�� ���ก �%� $�5�3#��� /0������2�1'2�$��%��ก6����ก$���/0"�#�� 1'2�� � ( ��4��7�3#��3�1�� PhotoShop ����� ก��� ��������3����/0���"8� � ����2

1. 7�ก��3�ก78��#� File � Open ��3� ����^2�7�ก��032�"�#%��g ��������(��$ก� PhotoShop ��3� ก �?@ Ctrl + O

2. 7�ก��3�ก��5�/"1������"�#����ก��� 1'2��4��� 3. 7�ก��3�ก������"�#����ก��� 1'2� 4. 7�ก�?@ Open

���ก����� ������ก!�ก"��#ก�

∗ ������ก��� �������? "�#�0#��4��������"8� �( ���3�ก���78��#� File � Open Recent $��%7�ก"�#43#�����"�#����ก�

1

2

3

4

(����)� ���

Page 4: ใบความรู้ที่ 4
Page 5: ใบความรู้ที่ 4

ก��� .����� PDF ��� 4��� 5�6 ���� PDF (Portable Document Format) ��V�����"�#�������?� �"�2�/0$���%7����� $�5/0$���^�$����%�����%��� ���� PDF �^��4���V�������ก������?���/0�03#����b��"����������6� �0�5%���V�����"�#�1� ��6ก ������� ���� PDF �4���( ��1�2����$�ก����ก�����3#���6ก���� ���������2 1. 7�ก��3�ก78��#� File � Open ��3� ����^2�7�ก��032�"�#%��g ��������(��$ก� PhotoShop ��3� ก �?@ Ctrl + O 2. 7�ก��3�ก4�^ 1��������V� PhotoShop PDF (*.PDF) ��4��� File of Type 3. 7�ก��3�ก����"�#����ก��5�� 1'2��4��� 4. 7�ก�?@ Open �3#���3�ก����"�#����ก�� �$��%

5. 7�ก�?@ (��3#����) ��3��?@ (��3#��1'2�) ��������"�#����ก� ��3� �4��?@ Go to Page �03#��5�?��1���ก6

���"8� � (��ก�n�"�#����� ��%�5���������1�� PDF Page Selector 1'2������3�ก���) 6. 7�ก�?@ OK �3#���3�ก���"�#����ก�� �$��%

1

2

3 4

6

Page 6: ใบความรู้ที่ 4

7. ก��ก7�7%ก%��$�57%���"�#����ก� ��4��� Width $�54��� Height ��8 �� 8. ก��ก7�7%�5���� 1��/0"�#����ก���4��� Resolution 9. 7�ก��3�ก(� ��"�#����ก�"8����4��� Mode 10. 7�ก�?@ OK 11. �����ก�� PDF "�#��3�ก�5��ก�� 1'2���V����/0�����'#�"�#0���"�#�5�4��8�����ก$���/0

ก���#��/������� 5�6��ก���� PDF

7. ก��ก����)�ก)���#�-�)�./��������ก��

8

9

11. �ก.�� PDF ���5��� 6��-7����� ���ก

10

Page 7: ใบความรู้ที่ 4

��ก�ก�5�� ���� PDF 1'2�"�2����� ��3�"�2������ก��$��% ����������3�ก���o05���/0�����"�#����������� PDF �4���� ���ก �%� W'#����"8� � ���������2 1. 7�ก��3�ก���78��#� File � Import � PDF Image 2. 7�ก��3�ก���� PDF "�#����?���/0"�#����ก� 3. 7�ก�?@ Open �3#���3�ก����"�#����ก�� �$��%

4. 7�ก�?@ ��3� �03#���3�ก��������"�#

����ก� 5. 7�ก�?@ OK �3#���3�ก���"�#����ก�� �$��% (��

ก�n�"�#����ก��� ���/0"�2�� ������1'2������3�ก�?@ Import All $"�)

6. /0"�#��3�ก�5��ก�� 1'2���V����/0�����'#�0���"�#�5�4���

ก���1��� File Browser

1

2

3

4. ���ก�/��������ก�� 5. ���ก ��� ���ก�/����#��)

���ก������������ก��(������7�

Page 8: ใบความรู้ที่ 4

File Browser ��V��7�3#��3����"�#�0#�1���(��$ก� PhotoShop 7 �4��8������ ����/01'2��4��� ( ��5$� �/0"�2�� "�#������(��� �����2� ��ก�ก��2� File Browser �����5ก�� �%�78��#�"�#�4���ก��� ก�ก�����/0������2� �( ���� File Browser �������ก�4���� ��ก��� Window $�����7�3#��7�0%�����1��������7%�5���� 1����������%�1� ��2�$�� 1024 x 768 0ก�W�1'2��� File Browser �5rs�����"�# ��W���? 1�� Options Bar (������ก��%���2%� Palette Well)W'#��������ก�4���� �( �ก�7�ก��$"6�1�� File Browser

���������ก�4��� File Browser � � ����2 1. 7�ก��3�ก���78��#� Window � File Browser ��3� File � Browse �03#�$� �7���/0 �3#�7�ก��3�ก$��%�5�

�7�3#������ก���� ����� File Browser ����� Window �ก����ก�� ���7�ก��ก7��2�����7�3#������ก���� 2. 7�ก��3�ก$�����ก6�/0"�#����ก��ก� ��t$�5(��� ������g 3. 7�ก������"�#����ก� ����ก�� �%����/0�5$� ���u�1'2�"� ��W�� $�5����� �43#�����$�5���5����

���g 1������� ��ก4���$� ����5 �����W��1�������� 4. �3#�����ก��� ���� ��ก��%1'2� ��� ����^2�7�ก������"�#����ก� 5. ���/0 ��ก��%�5��ก�� 1'2�����4���� ������ก�

���ก ���� ��� File Browser

Palette Well

Page 9: ใบความรู้ที่ 4

1

2. ���ก ���ก#7������ กE�(���������ก��

3. ���ก ���ก�F�G�������ก��

�� �- �� �5���F�G��� ���ก

(����� ���ก#.��HI�����

(��������กJ5�� ������ �������ก ���ก�F�G�������ก��

Page 10: ใบความรู้ที่ 4

File Browser ��5ก�� �%�78��#��8����ก8�� 1� ���/0�03#��4���ก�$� �b� ��3�78��#���ก��ก$���/0 W'#��%v�ก��4�78��#� ���������2 1. ����8�����7�ก"�#�?@ "�#?1%��1�������� File Browser �5��กc���78��#������3�ก 2. 7�ก��3�ก78��#�"�#����ก��4��� W'#�78��#�� ����2

- Dock to Palette Well �� �ก6������� File Browser �%�"�# Palette Well (�4���� ���ก�n�"�#��2�7%�5���� 1���������2�$�� 1024 x 768 0ก�W�1'2���)

- Expanded View $� �1� 1�����/0$�5���5���� "� ��W��1������� File Browser - Open �� �������/0"�#��3�ก������ก�5 �% ��� - Select All "8ก���3�ก�������/0"�2�� ��(��� ��� - Deselect All �ก��กก���3�ก����"�2�� "�#��3�ก�%� - Rename ����#��$���43#��������/0 - Batch Rename ����#��$���43#�(� /0 - Delete "8ก����������/0 - Clear Ranking "8ก��� Rank "�#��2��%�

- New Folder ����(��� ���1'2���� - Show Folder $� �(��� ��� - Rotate 180? "8ก��?����/0��"^y"����ก��1� (180 ��y) - Rotate 90? CW "8ก��?����/0��"� ��1%1��"y"��ก/0���o��� (90 ��y) - Rotate 90? CCW "8ก��?����/0��"� ��W��1��"y"��ก/0���o��� (90 ��y"%��16�zก) - Small Thumbnail $� ����/0����1� ��6ก

1

2

Page 11: ใบความรู้ที่ 4

- Medium Thumbnail $� ����/0����1� ก�� - Large Thumbnail $� ����/0����1� ��u� - Large Thumbnail with Rank $� ����/0����1� ��u�( ���ก�8$����4�2� - Details $� ����/0( ���ก���5���� 1���������/0 - Refresh Desktop View ���(��� ���$� ����/0�����ก7��2� - Reveal Location in Explorer $� ����/0"�2�(��� ���( �ก��� (��$ก� Explorer 1'2� - Export Cache ���"'ก cache �ก6���V������%� �03#�"�#�� 1'2��4�����5��ก '��4�"��"�( ����������� cache

��� ( �5��ก�����ก6��%���(��� ���� ��%ก�����/0 ) - Purge Cache ��1����"�#�ก6��%��� cache

∗ /0��%����$�51�������5���� �3#��%"�2� rank "�#��ก8�� �5��ก�ก6��%������%�7%�8W'#�����ก%� cache $�%����5����#������ (��� ����3#�1������2ก6�5������� �3#�ก���(��� ���� ^���5��ก����กก����4� "8���(��$ก�$� �/0��%����� ������% ��6% ก��ก#�%�� Rank �%ก���� 5�6

�����ก8�� Rank ���ก�����/01����� � �%�%v�ก� ����2 1. 7�ก���1%"�#���/0"�#$� ������� File Browser "�#������ก�ก8�� Rank �ก��2�7�ก��3�ก Rank "�#����ก��ก

Rank A �����'� Rank E ��3�

2. ��3�ก��� File Browser $� �/0$�� Large Thumbnail with Rank �ก��2�7�ก��"�#4��� Rank 1�����/0"�#����ก�ก8�� 00� Rank "�#����ก� $��%ก �?@ Enter

1. Rank ���.���� ���ก���

Page 12: ใบความรู้ที่ 4

ก�ก8�� Rank ��2 ���8�4���ก��� ��������/0�%�$� ���ก� � ( ������ก8�� ก��� ������ ��

����ก��ก$�� �����1�� File Browser ���5$� ������6��ก/0 �����

2. ���ก #��)���G Rank �������ก�� !�ก��ก���� Enter

���ก�����!-���กJ /H7� �� ���ก)������ก��!�� �� �"� ���-�� �O7��ก

���ก����� ���� ��� #�-��� Expanded View

���ก ���� ���กI��5��/����!-#.��

7�(����)� ���

���F�G

Page 13: ใบความรู้ที่ 4

ก���3�ก4�^ 1����"�#�5$� ���4���$� �1����1������ ����3�ก� � 2 $�� 73� All �03#�$� �1����"�2�� ��3� EXIF �03#�$� ��o051�����กก���� ^�^��� ( ก�n���V�����"�#��� �%�ก���� ^�^��� ) �4�� ��#��� / �?�� , 7%�%$�� $�57%��6%���ก���� ก�����0ก/����6B�CD�%�� 5�6

1����0�y� ��3�"�#����ก%� matadata ���'� 1����W'#������"'ก�ก6��%��������03#���ก���5���� �ก�#�%ก��������2� �4�� 43#�b������ ,1��7%�1�"v� ��3��% ���1������ ��V���� 1����������2�5��ก$� ���ก��4���$� �1����1�������� File Browser $�5������ ( �4�� 43#�����2�$�51��7%�1�"v� ) �5��ก����%����%6��0�"�# PhotoShop �����3#����4�78��#��3#�g �%� 1�2������ก����"'ก1����"8� � ����2

1. �� �������/0 $��%��3�ก���78��#� File � File Info 2. ��3�ก��%1��1�����ก4��� Section 3. ก��ก1�������g �����ก� 4. "81�� 2 � 3 W28�8����1������%1���3#�g "�#����ก� 5. 7�ก OK

���5��/�!�ก�F�G .xmp

����ก5��/� กE����F�G .xmp

���5��/�!�ก�F�G .xmp � ���H5��/��U!!���

Page 14: ใบความรู้ที่ 4

ก�����0กก��������/��6�$���#�����กE��� ��(��$ก� PhotoShop �0��"���g ก� �ก�b���4����7�ก6���5�7%����ก�ก��� %��8$����$�ก���ก�� ��ก6���"�#�5���"'กก��� %���2��ก6��%��8����$���57���3�$���5��� � ( ��%v�ก� ����2 1. "8ก����0��"$�5������%���5ก�����g �7%����ก� �4�� ก�����1� ก���3#��$���7�3#��3� �%

���'�� 0��""�#������ก��4� ��V���� 2. �3#�"8ก�����$�����0���$��% �����3�ก���78��#� Window � Workspace � Save Workspace 3. ��2�43#�ก����"'ก1���� 4. 7�ก�?@ Save

1. ����#���.�)��-ก������V ���)�����ก��

2. ���ก ���ก

3. ����I���������ก��

4. ���ก �����W�ก������ก

* ����������ก����(��$ก����"'ก�8$����ก�����7�3#��3� $�50��"1n5� (��$ก������3�ก 78��#� Edit � Preference � General $��%�ก��ก��%��3�ก Save Palette Locations "?ก7��2�"�#���� (��$ก��8$����1��0��"���g �5��ก�� ��3���3#��� (��$ก�7��2�$�ก���

Page 15: ใบความรู้ที่ 4

�3#���"8ก����"'ก�%�$��% 7��2�����3#��� (��$ก�1'2��4��� $�%���%���5ก�����g �5��ก����#���8$��������ก6����� ก��� %�"�#�����"'ก�%�ก���1'2�� � ( �%v� ����2

1. ��3�ก���78��#� Window � Workspace � 43#�1��ก����"'ก"�#�����"'ก�%� 2. 032�"�#"8��ก6�5��V�$��"�#�����"'ก�%�"��"�

������ก�"8���0��"ก�������V������ ^��3����2�$������ ��2�(��$ก����g �����3�ก��� Window � Workspace � Reset Palette Locations

��ก�n�"�#������ก��� Workspace "�#�����"'ก�%����"8� �( � 1. ��3�ก���78��#� Window � Workspace � Delete Workspace 2. 7�ก��3�ก43#�1��ก����"'ก"�#������ก��� 3. 7�ก�?@ Delete 4. �5��กc��������03#��3���� ��$����ก �?@ Yes ����ก �?@ No �03#�����ก���

1. ���ก ���ก

2. ก��� �O#����� ������ก�)�

Page 16: ใบความรู้ที่ 4

1. ���ก ���ก

2. ���ก ���กI���5��ก������ก�������ก����

3. ���ก �����W�ก����

ก������ ���� � �ก����

4. 7������ � �ก����

ก������ ���� ก ��ก#��) ��ก���

Page 17: ใบความรู้ที่ 4

ก�����0ก���� ก����"'ก������ PhotoShop �%v�ก�������$�� ����2

- File � Save �� �ก6��������$��� ^ ( ����"'ก��"�#��ก$ก��1�����43#������ ^ - File � Save As �� �ก6���( �����������3�ก��5�/"1������� ���� �%"�2�ก8�� 43#�����

���� ������ก� - File � Save for Web ��V�ก��� �ก6������03#����/0�7%��5�ก��ก��4������%6��W��

ก����"'ก���������V��������$��� ^ 1. 7�ก��3�ก���78��#� File � Save

����� Save ��V����" $� �%��������� �$ก��1���/0"�#�� 1'2� �'���������"'ก� �$�5����V�����"�#��������5��กc1�2������3��ก��4�78��#� Save As �ก����/0���o�����V�����/0$�� BMP , JPG ��3�����/0�����$���3#�"�#��������?�ก����"'ก/0$������������ $����� �"8ก�$ก��1/0����������������$��% (��$ก��5$�5�8��������"'ก���������V�����/0 PhotoShop ( .PSD ) ( ����(��� ก����"'ก���������V��������$�����g

��ก�กก����"'ก������� ^$��% ��7��2���������ก����"'ก����"�#ก8���"8�����������V����$�����g �03#��8���4���(��$ก��3#�g ��3��03#�"8�8�� �����"8� �( �%v�ก� ����2

1. ���ก ���ก

Page 18: ใบความรู้ที่ 4

1. 7�ก��3�ก���78��#� File � Save As

2. ��3�ก(��� ���"�#����ก��� �ก6���4��� Save in 3. ก��ก43#���������4��� File name 4. 7�ก��3�ก���$������"�#����ก���4��� Format ( �����ก��5������3�ก�o05���$������"�#������"'ก����

� ��"���2� 5. ��ก����"'ก������V����$�����g �5���%��3�ก"�#��V���ก�n50�y�1������$���54�^ ��กc1'2������3�ก ��

���7�ก��3�ก��ก�n50�y����g ������2�� ������ก� W'#�� ����2 - As a Copy ��V�ก����"'ก������V��������"�#�78%� Copy ���"�� ( ������ก������ "8�������4��� ^ ( �����ก��������5������#��$��� ) - Alpha Channels ��V�ก����"'ก Alpha Channels "�#�4������������/0���������� �%� �ก����3�ก��%��3�ก��2 Alpha Channels �5��ก��"^2��� ( �������4�^ �"���2�"�#������"'ก Alpha Channels ����������� � ) - Layers ��V�ก����"'ก����$��$�ก�������$���5����������%��4��� ^ �ก��� ���3�ก��%��3�ก��2 ��3��������3�ก��%��3�ก��2� � ����������g �5��ก�%��V��������� ��% ( ��%��3�ก��21'2�����ก��4� 1������"�#���"'ก ) - Annotations ��V�ก����"'ก(��� ��3����"'ก���"�#�ก��������������� �%� - Spot Colors ��V�ก����"'ก$4�$��"�#�1����1����0�y� (Spot Colors) ���������� �%� - Use Proof Setup� $��������/0������ก��b�"�#�5� �����ก�?�ก�n�"�#�4��8����00���� ( �4��3#��ก��� ก����/0 �%��5�� Color Management ) - ICC Profile ��V�ก����"'ก1�����ก�#�%ก���5����"�#�4�ก�����/0 (color profile) �%�������� �%� (�4��3#��ก��� ก����/0 �%��5�� Color Management)

1. ���ก ���ก

Page 19: ใบความรู้ที่ 4

- Thumbnail ��V�ก����"'ก���/01� ��6ก"�#�4�$� ���V�/0��%����1��/0��� ( /0��%�����5��ก�ก6��%��������%ก��1�������1�����/0��2��03#�"�#�5� ��4�7���$�5�� ���������% ��6% ) - Use Lower case Extension ����4���ก?�������V���ก��00���6ก ��7%���3�ก��%��3�ก��2�%� ( ��o05��ก����"'ก�03#��8���4������������6��0�5�W����%������5������su�ก������"�#���ก?���V���ก��00���u�

6. 7�ก�?@ Save �03#����"'ก���� ( ����/0��4�^ ������ก8�� ��%��3�ก�0#�����g ���ก������������2� �%� W'#��5ก��%�'������ )

∗ ������ก����(��$ก����"'ก/0��%����1� ��6ก"?ก7��2�( ���������3�ก��%��3�ก Thumbnail ��������3�ก���78��#� Edit � Preferences � File Handling $��%��3�ก��4��� Image Preview ��V� Always Save $�5������ก������ก?�1��������V���%00���6ก���ก6��3�ก��4��� File Extension ��V� Use Lower Case

�������/0$�����g "�# PhotoShop ������"'ก� ���ก�กก����"'ก�����$��1������ PhotoShop (�������ก?� .PSD) ก6� �%�ก�����4�^ W'#����%��3�ก�0#��$�ก���ก�� ����2 ��%��3�ก�8��������4�^ BMP (Bitmap) File Format : ��V���%��3�ก"�#�4��8�����5�?���$��ก��ก6�1����%���V�����$��"�#�4����5���c^���ก� Windows ��3� OS/2

2

3

4

5

6

Page 20: ใบความรู้ที่ 4

Depth : ��V���%��3�ก"�#�4�ก8�� 7%�5���� 1������ ��ก�n�/0$�� RGB "�#%���5��กก8�� ������"'ก��7%�5���� 1� 24 �^� $���3#���V�/0��(� Grayscale, Indexed Color, Bitmap �5���ก8�� ���7�7%�5���� �1� 1, 4 ��3� 8 �^�� � $�5�3#�����ก����"'ก/0$��� Alpha Channels ����

�5�?�����V�$�� 32 �^� Compress (RLE) : ��V�ก��5�?%��5������"'ก����$������� �%���3��� ��%��3�ก��2�5�4���� �����3#�������กก8�� ����7%�5���� 1����1� 4 ��3� 8 �^����"���2�

Flip Row Order : ( ��ก�/0$�� Bitmap �5���"'ก1����$�� �����1'2� ���� $���3#���3�ก��%��3�ก��2�5����#����V����"'ก1�����ก ������ �����$"� (�ก�����3�ก �0�5��(��$ก����� ������5�/"��2��� �)

��%��3�ก�8��������4�^ JPEG (Joint Photographic

Experts Group) Matte : ��V���%��3�ก�8����ก8�� ��"�#�5����5������%�"�#(������1��/0

Quality : ��V���%��3�ก�8����ก8�� 7?n/01��/0�ก��%��1�7�ก 7?n/01��/0�5 � $��1� �����5� 1� ��u� �ก��%��1�7����� /0�5 ���7?n/0�� $��1� 1�������5�1� ��6ก�� ก�ก8�� 7����"8� �( �%v�� %v���'#� ����2

� ก��ก��%��1"�#����ก� (

�5�%�� 1 � 12 ) ����4�����%��1

� 7�ก��3�ก1� 7?n/0"�#����ก��� �6�0 %������ � $ �ก����ก$����3#����"�W����3�1% Format Option : ��V���%��3�ก�8����ก8�� ���$��ก����"'ก�8����/0$�� JPEG W'#����%��3�ก ����2

- Baseline (�Standard�) ��V����$��"�#����4�� �ก���%6���%�W����ก3��"?ก4� (��V�$������)

Page 21: ใบความรู้ที่ 4

- Baseline Optimized ��V����$��"�#�5� 7?n/0��1��/0���03#���������1� ��6ก�� $���%6���%�W�����4�^ ������4������$����2� �

- Progressive ��V����$��"�#ก8�� ���$� �b�/0"��5��6ก�5�����5�%���%6���%�W���ก8��� %��(�� ����/0"�2�� ���� $����2�5"8��������1� ��u�1'2���6ก���� $�5�%6���%�W�����4�^ ������4������$����2� �

��%��3�ก�8��������4�^ GIF (Graphics Interchange Format) Palette : ��V�ก�ก8�� ��ก�n5ก���3�ก��"�#�5����#���ก/0(� �����g ����V�$�� Indexed Color ��3#���ก����$�� GIF ��2��5�ก6�1������$�� Indexed Color ��%��3�ก���g �7%�� ����2

- Exact ก8�� ����4���� ��%ก����"�#��กc (�4�� ���ก�n�"�#� 256 ���"���2�)

- System (Windows) ก8�� ����4�������1�� Windows

- System (Mac OS) ก8�� ����4�������1�� Macintosh

- Web ก8�� ����4��������8�����%6��W��

- Uniform ก8�� �������0��"����8�%���"�#�5�?��4��� Color ( ���"�#��3�ก�4���2�5�4�%v�ก��?�������V��5������ก7���1�� RGB

- Perceptual ก8�� �������0��"( ���3�ก��"�#�7%�%���ก�����6�1����?���ก������3#�g - Selective ก8�� �������0��"( �ก���3�ก��7���g ก��%v� Perceptual $����"�#��3�ก�4��5��V���"�#�4��8����

�%6��W���"���2� - Adaptive ก8�� �������0��"( ���3�ก�����������4�%�1����"�#�ก"�#�? �����/0 �4�� /0"�#����1��%กg ��

��0��"��%���u�ก6�5��V����1��% ��V���� - Custom ก8�� �������0��"( ��4���"�#���5�����V�b��ก8�� ���� �"�2�� ��3��5(�� �ก����0��"

��"�#��ก���"'ก���%��4���ก6� � - Previous ก8�� ����4�0��"$��� ��%ก��ก��4���7��2����?

Colors : ��V�ก��5�?�8�%���"�#�5�4��8�������/0 ��ก��% �����ก8�� �8�%���� �����3#���3�ก Palette ��V�4� Uniform, Perceptual, Selective $�5 Adaptive �"���2�

Forced : ��V�ก��5�?%����� ���"�#�5���������?��0��"�� ��%��3�ก���g �7%�� ����2 - None 73� ก����5�?��� ��V�0�y� - Black and White 73� ก��5�?%��������?��1% $�5�� 8���?"v�����0��" - Primaries 73� ก��5�?�������?��$ � (Red) ,�1��% (Green) ,�28��^� (Blue),�a (Cyan),����6� (Magenta),���3��

(Yellow), 8 (Black) $�51% (White) ����0��"��

Page 22: ใบความรู้ที่ 4

- Web 73� ก��5�?�������?��"�#�4����8�����%6��W��"�2� 216 ������0��"�� - Custom 73� ก��5�?��"�#����ก�������0��"�� �%���%�����

Transparency : ��V���%��3�ก"�#�4�ก8�� %�����%����%�(������1�����/0���%� $��������3�ก��%��3�ก��2 ��%�(������1��/0�5��ก�5�� �%���1% ��3���"�#��3�ก����%��3�ก Matte

Matte : ��V�ก��5�?��"�#�5����5�����%����%�"�#��V� Anti � Alias 1��1��/0"�#(������ Dither : ��V�ก��5�?%v�ก��8�����" $"���ก�n���"�#����?������0��"�����7����8�%���"�#�������/0

��%��3�ก���g �7%�� ����2 - None �������ก��8�����" $"� $�����$"���"�#���� �%���"�#�ก���7���$"� - Diffusion ก�5���? ��$���?� ��V�ก��8�����" $"� �%�%v� Error � Diffusion W'#��5"8���� ���"�#���ก�n5

ก�ก�3�ก%�$�� Pattern - Pattern ��V�ก��8�����" $"�( ��4��? ��#����#���6กg 1�������g %������ก��������V��5����� - Noise ��V�ก��8�����" $"�"�#4�%�� ����43#�����5�%��1��1��/0"�#�5�� (Slice) ��%��3�ก��2��5

�8����/0"�#�5�8���� �4����%6��W�� Row Order : ��V�ก�ก8�� ��ก�n5ก���กc��%1��/0���%6�

��%�W��� - Normal ���$� �/0�3#� %��(�� /0� �7��"�2�����$��%

�"���2� - Interlaced ���$� �/0$�����g ก������5�%�� %��(��

/0 �03#�"8�����3��ก���5�5�%���ก� %��(�� /0��2��� ��%��3�ก�8��������4�^ PNG (Portable Network Graphics)

Interlace Option : ��V�ก�ก8�� ��ก�n5ก���กc��%1��/0���%6���%�W��� - None ���$� �/0�3#� %��(�� /0� �7��"�2�����$��%�"���2�

- Interlaced ���$� �/0$�����g ก������5�%�� %��(�� /0 �03#�"8�����3��ก���5�5�%���ก� %��(�� /0��2��� ��%��3�ก�8��������4�^ TIFF (Tagged Image File Format) Image Compression : ��V�ก�ก8�� %v�ก������ ���� Byte Order : ��V���%��3�ก�03#��5�?%���V�����"�#�5�8���4����7�3#�� PC ��3� Macintosh

Page 23: ใบความรู้ที่ 4

Save Image Pyramid : ��V�ก�ก8�� ������"'ก����4�^ "�#������7%���$�� Pyramid Save Transparency : ��V�ก�ก8�� ���7�7%(������1��/0���%� �%� Layer Compression : ��V�ก�ก8�� %v�ก������ 1����"�#����/����������$���5������� ��%��3�ก�8��������4�^ PDF (PostScript Document Format)

Encoding : ��V���%��3�ก�8����ก8�� ��ก�n5ก������ ����$��"�#����ก� Save Transparency : ��V���%��3�ก�8����7���%�"�#(������1��/0���%� Image Interpolation : ��V���%��3�ก"�#�4�ก8�� ������� anti � alias �8����ก�00�/0"�#�7%�5���� �#8 Downgrade Color Profile : ��V���%��3�ก"�#�5ก8�� ������"'ก Color Profile ��V��?���ก� �03#����(��$ก��?���ก��������ก�4���� � PDF Security : ��V���%��3�ก"�#�4��8����ก�ก8�� 7%��� /����ก��� �4������� �4�� ก�ก8�� 0��%�� ��ก��� ����1'2� ��V����

Include Vector Data : ��V���%��3�ก"�#ก8�� ������"'ก1����( ����7��/01��%���?"�#��V��%7��������%� �����4�� %���?"�#��V���%��ก�� ��V���� W'#����%��3�ก�0#�� ����2

- Embed Fonts ��V�ก�ก8�� �������?1����1���������%��ก��"�#�4�������/0 �%� �03#��a��ก��ก�n�"�#�7�3#��7�0%�����"�#�8��� ��ก��%���4����������� ��ก��%���� �%�

- Use Outlines for Text ��V�ก�ก8�� ������"'ก��%��ก������V� Path ��3���V�/0������$"� �4��8������ก�n�"�#ก����"'ก$�� Embed Fonts "8����ก ����"�#�1� ��u��ก���

��%��3�ก�8��������4�^ EPS (Encapsulate PostScript) $�5 DCS (Desktop Color Separations) Preview : ��V���%��3�ก"�#�4��8��������"�#����ก��4�����%ก���5�%���5���c���ก� Windows $�5 �5�� Mac Os �03#����/0���$� ���(��$ก�"�#�4���� ���ก� DCS : ��V���%��3�ก0�y��8��������$�� DCS W'#�� ����2

Page 24: ใบความรู้ที่ 4

• ����$�� DCS 1.0 ก����"'ก����$�� DCS 1.0 ��2�5�������ก����1'2�"�2��2� 5 ���� �%�ก�� ��#�73� 4 ����$�ก�8�������"'ก1����1��$4�$����"�2���#1��(� �� CMYK 1��/0 $�5����"�#�� 73��������ก�8������5ก������"�2�� �1� �%�ก��W'#����%��3�ก ����2

- No Composition PostScript ��V�ก�ก8�� %�����������/0�8��������/0���ก (����"�# 5) ��ก�n���2��������� ����1'2�$ก��1� � �4��8����"�#�500����/0��ก��V�� �����( �������ก�$ก��1������ก

- Grayscale Composition ��V�ก�ก8�� %��������/0�8�����������ก ��V����������(� ��$��1% 8 ���%��8������ 1'2� ������%����

- Color Composition ��V�ก�ก8�� %��������/0�8�����������ก��V��������$����� 1� 1������$����2�5�1� ��u�"�#�?

• ����$�� DCS 2.0 �������3�ก"�#�5����?$��$�ก���� (Multiple) ��3��ก�� DCS 1.0 ��3�$���%��V������ ��% (Single) ก6� �

Encoding : ��V�ก��5�?%v�ก��1�����1��������ก�n�"�#�5�8��00���ก"��7�3#��00�$�� PostScript W'#����%��3�ก ����2

- ASCII �4��8������ก�n�"�#00�/0�ก�5���c^���ก� Windows - Binary �4��8������ก�n�"�#00�/0�ก�5���c^���ก� Mac OS - JPEG �4��8������ก�n�"�#����ก�ก����"'ก$���% ��6%"�#�? $��7?n/01�����5� ����3#���ก1������ก���

�� $������1��������%��� ก����"'ก$����2�����00�$��$�ก�0�"� � Include Halftone Screen : ��V���%��3�ก�8�������"'ก7� Halftone "�#ก8�� ���%��03#��8���4��%�00�/0��ก"��7�3#��00�"�#������7� ��ก��% Include Transfer Function : ��V���%��3�ก�8�������"'ก7�ก�����4 �4�����(��$ก� PhotoShop �03#��8������7������7�3#��00�"�#�500�/0��ก PostScript Color Management : ��V���%��3�ก�8����ก����"'ก���������$�� EPS �4�ก8�� ��ก�n�"�#�5����7�3#��00���������#��������1�ก��4�%���1���7�3#��00�$�� PostScript ��%��3�ก ��ก��%��2��7%���3�ก��ก�n�"�#���5�8/0 ��ก��%���4���(��$ก��3#�g ��ก Include Vector Data : ��V���%��3�ก"�#ก8�� ������"'ก1����( ����7��/01��%���?"�#��V��%7��������%� Image Interpolation : ��V���%��3�ก"�#�4�ก8�� ������� anti � alias �8����ก�00�/0"�#�7%�5���� �#8

��%��3�ก�8��������$�� PICT Resolution : ��V�ก�ก8�� 7%�5���� 1��/0

Page 25: ใบความรู้ที่ 4

��%��3�ก�8��������$�� RAW

��%��3�ก�8��������$�� TGA (Targa) Resolution : ��V�ก�ก8�� 7%�5���� 1��/0

��ก�ก��2 PhotoShop ���������"'ก����/0��$�� PCX , PIXAR $�5 Scitex CT (Continuous Tone) � ���ก �%� ก�����0ก�����6����%5�6�������%��!"�ก��ก���1�������E�

�3#�������ก����"'ก/0�03#��4������%6����5�4�78��#� Save for Web �8�����������/0"�#������"'ก� �( ��4�78��#� Save for Web ����� 5 4�^ 73� 1. GIF ��V����$��"�#�1���8ก� ����8�%���W'#�����4�� �����? 256 �� (1�����1� 8 �^�) ��5�8����/0(�(ก�

/0ก����� /0% ������ ��3�/0��%��ก�� W'#����ก�n5��V���"'� ���ก�����5 ���� $�5�1��"�#74� $�����4����$����2�ก6�/0��� �5"8���� �/0"�#����������3#�� $�5�����5�1� ��u� ���� GIF ��? � �����"�#�����ก8�� ���oก����1��%���?��3�032�"�#����%�1��/0(������ (transparent), ก8�� ���/0$� �$������g ก���$��%7���g 4� 1'2� (interlace) $�5�4�"8/0�7�3#����% (animation) � �

2. JPEG ������2����4���� ��'� 16.7 ����� (24 �^�) �'���5�8�����ก6�/0��� ��3�/0ก�� ก"�#�4����8�%�ก $�5�ก�����5 �������������3#�� �����ก8�� ���/0$� �$������g ก���$��%7���g 4� ���1'2� (progressive) � ���"8���� ��%ก������ GIF

Page 26: ใบความรู้ที่ 4

�? � ����ก����1������ JPEG 73������ก8�� ก������ 1����� �����5 �� "8���/01� ��u��1� ��6ก��� ������ก� $��ก������ �5�b����7?n/01��/0 73��#������ ก�"�� 7%74� ก6�5�������"���2� /0"�#��ก����� ก�ก����5 �����$�5��กc$����#����#������6���V�����g ��ก����"'ก����������3�ก���$��"�#����5�ก����ก�n51��/0 �4�� ���"'ก/0��� �%����$�� GIF ��3����"'ก/0ก����� �%����$�� JPEG ��ก�ก�5"8���� �/0"�#�7?n/0�#8$��%���"8���1� ������u��ก�7%�8��V���ก �%�

3. PNG-8 ��V����$��"�#�4���� ��0��� 256 �� $�5�7?n����7���ก������ GIF �'���5�8����/0�������g �4��/0ก����� /0(�(ก� /0% ������ $�5/0��%��ก�� ��ก�ก��2������ก8�� ���oก����(������$�5"8���/07���g $� �4� 1'2�"��5����� �

4. PNG-24 ��V����$��"�#�4���� ��'� 16.7 ������4��� ��%ก�� JPEG �'���5�8����/0�����3�/0"�#�("��������3#�� $����3#���ก PNG �4�%v������ 1����$������u����7?n/0 "8�������"�#� ��1� ��u�ก%� JPEG ก �? � ��1������ PNG-24 73������ก8�� �5 ��7%(������1��0ก�W�� ��'� 256 �5 ��"8���ก�������ก/0�����oก����"�#(��������V������������3#��$�5���ก�1��"�#��V�������ก $��"�2���2�51'2�ก����%�W��� �%�%����$� �7?n����0�y���2� ���3��� PNG (Portable Network Graphics) ��V����$��"�#7���1������3#��"���ก�� GIF $�5 JPEG �'�$� �� ��o05����%�W����?�����g �"���2� ��ก�ก��2��%�W���$���5��%���������?�7?n����0�y����g ���"�ก�� �4��ก�����5 ��7%(������1������ PNG-24 ���$� ��� Netscape 6.2 $�� IE 6 ��������?� ����2�( �"�#%��1�$�5�8����4��o05���$�� GIF $�5 JPEG

5. WBMP ��V����$��"�#�4�ก���?�ก�n���������g �4�� ("�y�0"�3��3���3� PDA ��3#���ก�?�ก�n���5�/"��2����7%��6%��ก�������1�����������ก 7��43#����$0� $�5�7%�����ก�$� ���� ��8ก� ���/04�^ ��21�������1� �0��� 1 �^� $���50ก�W��'�$� �� ��o05��1%��3� 8�"���2� ��%�����4��/0(�(ก��������1��("�y�0"�3��3� ��V����

ก���1����#�"��� Save for Web 1. 7�ก��3�ก���78��#� File � Save for Web

Page 27: ใบความรู้ที่ 4

2. �5��กc� �5�6�ก�6�กW� Save for Web �03#������"8ก�����$�����%��3�ก���g ��ก�$������� ����2

(����6���

กW�7���) ���กHก��#����F�G

����/(����)� �����) ���) X��G 5��/�.� Y

�W�#7����� �.GI��

�����ก��X/(��

ก���� �������� #�E�.W�7��� ���ก#.��(����)� ��� (����)� ��� /กW�7���) ���กHก��#.��(����)� ���

กW�7����"� HI���) ���ก.W� �E!�/�����������ก�)�#��) /.W�7���!��ก�� ก�� )ก����) ���กHก��#����F�G

��) ���ก.W�7���กW�7���Y.����5��(��X���!-��� �- �� �#�ก����ก���.W�7����F�G(��#���-�/�#��

����W�.���.W�7���!��ก��.�H�����

!W�).�H�����

/�W�.���.W�7���!��ก��.�H����� HI�#ก��5�����.�

�����#.��.�����/กHI�H(��

Page 28: ใบความรู้ที่ 4

����%�$� �/0��%�����5�$"6��������3�ก 4 $�� � �$ก� � Original $� �/0���o���/0� ��% � Optimized $� �/0b���0v�"�#��ก$������$��$��%�0���/0� ��% � 2-Up $� �/0��%���� 2 /0�������"���ก��73�/0���o��� (Original) $�5/0b���0v�"�#$������$��$��% ( ��3#�����ก�������%��3�ก1��/0��ก���� ���7�ก��ก�����2� (/0"�#ก8�����3�ก�5�ก����� 8������) � 4-Up $� �/0��%���� 4 /0 73�/0���o��� 1 /0 (Original) $�5/0"�#$������$��$��% 3 /0 �03#��������"���b�ก��4����$����3���%��3�ก"�#$�ก���ก�� ( ��3#�����ก�������%��3�ก1��/0��ก���� ���7�ก��ก�����2� (/0"�#ก8�����3�ก�5�ก����� 8������)

HI�����5��(��

5��(����6���

กW�7�5��(��H7�

Original Optimized

Page 29: ใบความรู้ที่ 4

�����W�/0��%����� �( ��4��7�3#��3� Zoom "�#������ก�����7�3#��3���3�ก �?@ Alt 0���ก��7�ก"�#/0�03#����/0 ��3���3�ก����ก�W��ก��� ��3��a��7���4��� "� �����1��� �5�6�ก�6�กW� Save for Web

��ก�n�"�#/0�1� ��u��ก�ก���������4��7�3#��3� Hand ��ก�����7�3#��3� 7�ก�ก�03#���3#��/0 ��3�ก �?@ space 7���%�$��%7�ก�ก��/0

��ก���$���5ก����5$� �1����1��/0��%����"�#������$����%���� �%� W'#�����5���� ����2

����ก� Dither ���/04�^ GIF ,PNG-8 $�5 WBMP ( �"�#%���3#��4�7����/0�5�7?n/0 �ก%�$��1� /0�5��u�1'2� �%� ��5�/"����� ���/04�^ GIF $�5 PNG-8 �8�%����5�$� ���/04�^ GIF $�5 PNG-8 ( �"�#%���#��4��������"�� 1� ����ก6�5�#���6ก$�57?n/0ก6�5� �� ��"�ก���ก��ก��4���ก�5"8���������u�1'2�$��7?n/01��/0�� �1'2� ��3���ก6� � $�5����ก�n�ก��4���ก�5"8����ก ก� Dither ������ "8���� �����"�#��6กก%��3#��4�������ก6� � ������W6���7?n/0 �5���/04�^ JPEG �"���2��3#��4�7�ก7?n/0ก6�5���1'2�$�51� ����ก6�5��u�1'2� �%� �����ก8�� 7%��6%��ก� Download 1����� �( �7�ก�?@ "�#�������3�/0��%����$��%��3�ก7%��6%"�#����ก� ( � PhotoShop �5�87���2��78�%n�5�5�%���ก� Download

�/�#���F�G

5���F�G

�- - )�� Download

�����ก�� Dither

��- (������.�

!W�).�����7�H(��

���G XE�G��Y(��

Page 30: ใบความรู้ที่ 4

�ก��������ก����"'ก���� $������ก����"'ก��%��3�ก���g 1��/0��%����"�#ก8�����3�ก"�#����2��%� �03#��4���V�7� �������%�"8��ก�������3#� ���"8� � 2 %v� 73� 1. 7�ก�?@ Done �03#����"'ก7�$�5� � �5�6�ก�6�กW� Save for Web 2. ก �?@ Alt 7���%�$��%7�ก�?@ Remember �03#����"'ก7�( ���� � �5�6�ก�6�กW� Save for Web ������ก����"'ก��%��3�ก�ก6��%���V�����ก6���"8� �W'#��5ก��%����%1�����"'ก��%��3�ก�ก6��%��4��� 3. �3#���3�ก/0��%����"�#����ก�� �$��% ���7�ก�?@ Save �5��กc������ Save Optimized As 4. ��3�ก(��� ���"�#����ก��� �ก6���4��� Save in 5. ��2�43#�����"�#����ก���4���File name ��3�ก��5�/"1��ก����"'ก��4��� Save as type 6. 7�ก�?@ Save (��ก�n�"�#�43#�����W28ก���5��������%�����ก����"'ก"�������ก���3��� ������ก� �����3�ก

�?@ Replace)

∗ 1n5"�#�4�?�� 4-Up �3#���ก8�� ��%��3�ก���ก��/0��%������$��%��'#�/0 ������ก����(��$ก�ก8�� ��%��3�ก/0�3#����( ����(��� ���"8� �( �7�ก"�#�?@ ����4��� Settings $��%��3�ก78��#� Repopulate Views (��$ก��5ก8�� ��%��3�ก���5�/"����"�#����3�ก $���5�4�7�"�#"8��������1� ��6ก��

���5���� 1����%��3�ก������5�/"���g ��%��3�ก�8����/0��5�/" GIF $�5 PNG-8 ���$����2���%��3�ก"�#7���ก���'��51�ก��%0���ก�� ����2

- Lossy ��o05��/0��5�/" GIF ( ���V�ก�ก8�� ����4�%v������ 1����"�#�������u�������5���� ����%�� � W'#����#��4�7�ก�5"8��������1� ��6ก�� $��/0ก6�5b �0�2�����ก/0���o���ก1'2� ( �"�#%��7%��4�7���5n 5-10 ��3���ก�n�������'� 50 ก6� �

- Color Reduction Algorithm ก8�� %v�ก���������� ��3���3�ก�4������032��� ��3#���ก������5�/"��2���� ����ก� 256 �� ��ก�ก��2����������8ก� �8�%����������ก%���2ก6� � ����2��'��8��V�����ก8�� %�������

���ก�)� �E)Hก�� Download 5��/�

∗ ��.����กW�7�H7�(����)� ���#.��^�ก��I� I .�.W�7���!�(��5���-���J�����ก������V ��� "� ���กStandard Windows Color 7��� Standard Macintosh Color ��� ���ก Uncompensated Color 7� ������ก��I� I

Page 31: ใบความรู้ที่ 4

� ��� ��%����3#�"�#����������� (��$ก��5�4�%v�ก� Dither �03#��8�������2�( ��4��? 1����"�#����������b�ก�� ��7%���3�ก�����"�#��5�ก��/01����

* Perceptual ��V������"�#���� �%�%v���5%��ก����/0 ( ���3�ก��"����7���������� � �"�#�? ��V����ก * Selective ��V������"�#����1'2��ก����/0 ( ���3�ก��1���1�"�#ก%��ก%�$�� Perceptual $�50��7�4? ���8�����%6��%� �%� %v���2�5���/0"�#����"�#�����"�#�? * Adaptive ��V������"�#����1'2��ก����/0 ( ���3�ก��"�#�4�ก��V����ก * Web ��V������������7�0%������ก3��"?ก�5�� W'#�����ก%� Web-safe Palette ��3� Browser-safe Palette ( ���5ก�� �%���"�#$������8�%� 216 �� ($�������/0�������ก%���2ก6�5�ก6��o05��"�#�4�����"���2�) W'#���%�W���"?ก��%�5$� �b�� ���3��ก�� ก��4��������27%�%�$b���2�$������5��/0 ( ���3�ก�4��o05��ก�?� Web-safe �0�5��$�����1�2�������"'ก������"8�����/0�0�2����� � * Custom ���7������"�#ก8�����3�ก���%� �ก��2�����0#��3�� ��� ������ก� * Black & White ��V����"�#��5ก�� �%���1%$�5 8�"���2� * Grayscale ��V������"�#��5ก�� �%��o ���" 256 �5 �� * Mac OS ��V������$��$����� W'#���5ก�� �%�4? ������1���5���c���ก� Mac OS "�2�� 256 �� (�8�%���"�#�4����������ก%���2) * Windows ��V������$��$����� W'#���5ก�� �%�4? ������1���5���c���ก� Windows "�2�� 256 �� (�8�%���"�#�4����������ก%���2)

- Color ก8�� �8�%�������� ����? 256 �� - Dither Algorithm ก8�� %v��8�����"�#��������

* No Dither ���ก� Dither ����2���"�#���������5��ก$"�"�# �%���"�#�ก���7���"�#�? W'#�������������2� ��5ก��/0"�#�ก��4���032������g �4�� (�(ก���3�/0ก����� กก%�/0"�#�ก�����o �� * Diffusion ก�5���? ��$���?� ( ����ก8�� ������W6���ก������? ��� ���4��� Dither ก�ก8�� ������W6�������5"8�����ก�ก�3�ก1'2�$��1� ����ก6�5��u�1'2� �%� * Pattern ก�5���? �������$��$b�W'#��5"8�����6���1���? ��7���1��4� ��� * Noise ก�5���? ��$���?�7���ก��$�� Diffusion $���5���b�1������0ก�W�"�#����� ก��"8

���� ��ก�n5"�#��6�����V�$������ - Transparency ก8�� ����4����%n"�#(��������/0���o���"8��V���%�"�#(��������/0 GIF ��3� PNG-8 W'#�

�3#��8���4����%6��0� ���%n"�#(�������5�����"5�?����6�032�����1���%6��0���3�%���?�3#�"�#���� ������� � ��/0���o�������%n"�#(������$������� ���3�ก��%��3�ก��2�%� ���%n��2��5��ก�� �%��� Matte

- Transparency Dither Algorithm �3#���3�ก Transparency �����ก8�� %v�ก� Dither 1��0ก�W�"�#(����������%�� � �03#����0ก�W�������2ก�3���ก��032�����

* No Transparency Dither ���ก� Dither ����2�0ก�W�"�#�7%(����������ก%� 50% �5���"'� ��%�0ก�W�"�#�7%(������กก%� 50% �5ก����V�(������"�2�� * Diffusion Transparency Dither ����ก� Dither ��$�� Diffusion ( ����ก8�� ������W6���ก������? ��� ���4��� Amount

Page 32: ใบความรู้ที่ 4

Compression Quality

* Pattern Transparency Dither ����ก� Dither ��$�� Pattern * Noise Transparency Dither ����ก� Dither ��$�� Noise - Matte ��V����8�����4�b�ก��0ก�W�"�#(����������%��03#��������8/0��%����%6��0�"�#032�������V���

� ��%ก���� Matte � �����ก�ก�3�( �����6�1�� * None ���4��� Matte ����2�0ก�W�"�#�7%(����������ก%� 50% �5���"'� ��%�0ก�W�"�#�7%(������กก%� 50% �5ก����V�(������"�2�� * Eyedropper Color �4���"�#������4�������ก�����7�3#��3�1��� �5�6�ก�6�กW� Save for Web ��V��� Matte �����

����#������2� �( ��4��7�3#��3� 7�ก��3�ก����/0��%���� ��3�7�ก��4�����$��%��3�ก�� �%� Color Picker * White �4���1%��V��� Matte * Black �4��� 8��V��� Matte * Other ��3�ก�� Matte ( ��4� Color Picker - Interlaced ก8�� ���/0��ก$� �$������g $��%7���g 4� 1'2����n1����"�#��ก Download ��%��3�ก��2

"8��������1� ��u�1'2���6ก���� - Web Snap ก8�� �5 ��ก��������������1�ก������4? web-safe �3#��4�7�ก��������5��ก��3�ก������

ก������4? web-safe ก1'2� ��%��3�ก�8����/0��5�/" JPEG

- Compression Quality ก8�� 7?n/01��/0"�#����ก�( ���3�ก�5 ��"�#����ก���3��4�%v�����7���4��� Quality /0"�#7?n/0�#81� �����5��6ก �ก7?n/0���1� ����ก6�5��u�

- Optimized ก8�� ����ก6�1���������$��0�y�W'#��5"8���� �����1� ��6ก $�����4���� ��8������%�W����?���ก�g

- Progressive ��3��7%��� Interlaced 1��/0��5�/" GIF - Blur "8���/0������3��ก��4� Filter Gaussian Blur W'#��5�b�"8���/0��ก����� � �ก1'2�$�51� ����

��6ก�� ( �7�"�#7%��4������5�%�� 0.1 - 0.5 - ICC Profile ������"'ก Profile ��1�����/0�%������� �%� - Matte ก8�� ��"�#�5�4�������%�"�#(������1��/0���o��� �8�������%n"�#(����������%� �� Matte �5��ก

b��1�ก����1��0ก�W�������2� ��%��3�ก�8����/0��5�/" PNG-24

Page 33: ใบความรู้ที่ 4

- Transparency ก8�� ����4����%n"�#(��������/0���o���"8��V���%�"�#(��������/0b���0v� 7���ก�n�1�� GIF $�5 PNG-8 $��/0 PNG-24 ������"'ก7%(������� ��'� 256 �5 �� �'�����5 �������ก�ก�3���ก��032������ � �ก%� �����o������%�"�#(������ $��������3�ก��%��3�ก��2 ���%n��2��5��ก�� �%��� Matte

- Matte ก8�� ��"�#�5��ก�������%n"�#(������1��/0���o��� (ก�n�"�#����3�ก Transparency) �8�������%n"�#(����������%� �� Matte �5��กb��1�ก����1��0ก�W�������2�

- Interlaced ก8�� ���/0��ก$� �$������g $��%7���g 4� 1'2����n1����"�#��ก Download ��%��3�ก�8����/0��5�/" WBMP

- Dither Algorithm %v������? �03#��4�$"�����/0���o��� ( �ก�n�"�#��3�ก��V� Diffusion �����ก8�� ������W6���ก������? � ���4��� Dither

ก�ก8�� 7?n/01��/0�o05��%� ��ก���%��3�ก"�#�4���ก�$��������5�b����/0"�2�/0 $����3#���ก/0$���5��%�����5���� $�ก���

ก�� ( ������%n�����7%�87�u ����2� PhotoShop 7 �'��������ก8�� 7?n/0"�#$�ก���ก���8����/0$���5��%�� �( ��4� Mask �� Alpha Channel, Text Layer ��3� Shape Layer ��V���%7%�7? %v��8 Mask ��V���%7%�7?���"8� � ����2 1. 7�ก�?@ ��������%��3�ก"�#����ก� (��"�#��2�5$� ���%����1����%��3�ก Quality 1��������5�/" JPEG �8������%��3�ก�3#�ก6�%v��4�7���ก��) 2. ����%� Use �����3�ก%��5�8 Mask ��5�/"� ����4� * All Text Layers �4� Mask �ก�������1��7%"?ก������� (�5���b����/0��%�"�#��V�1��7%�7?n/0���ก%���%��3#�) * All Vector Shape Layers �4� Mask �ก Shape Layer "?ก������� (�5���b����/0"�#��V� Shape �7?n/0���ก%���%��3#�) * Channel �4� Mask �ก Alpha Channel "�#�5�? (���5�ก��ก�����3�ก��V� None) 3. ����%� Quality ���ก8�� �5 ��7?n/0�#8�? $�5����? "�#�5��ก7%�7? �%� Mask ( ����%n"�#��V��� 8�� Mask /0�5�7?n/0�#8�? $�5��%�"�#��V���1%/0�5�7?n/0����? $�5��%�"�#��V��o ���"/0�5�7?n/0�����5�%��7� Minimum $�5 Maximum ��� ��%� * Minimum �5 ��7?n/0�#8�? W'#��5�b����/0���%n"�#��V��� 8�� Mask ������7���2� �( �00�����4��� Minimum ��3�7�ก�ก ��$������ ��� * Maximum �5 ��7?n/0����? W'#��5�b����/0���%n"�#��V���1%�� Mask ������7���2� �( �00�����4��� Maximum ��3�7�ก�ก ��$������ ��� ��%�����4�� Minimum = 5% $�5 Maximum = 60% $� �%�/0��%�"�# Mask ��V��� 8�5��5 ��7?n/0 5% $�5/0��%�"�# Mask ��V���1%�5��5 ��7?n/0 60% 4. 7�ก�?@ OK

1

2

3

4

#.��(���)5�� Mask ����7���� ���กHI�

Page 34: ใบความรู้ที่ 4

�8������%��3�ก�3#�g "�#����4� Mask 7%�7?� ��5��5ก�� �%� (�5��?@ ���� ������) ��%��3�ก Lossy �8����������5�/" GIF ( ����%n"�#��V��� 8�� Mask /0�5�7?n/0�#8�? ��%�"�#��V���1%/0�5�7?n/0����? ��%��3�ก Color Reduction Algorithm �8����������5�/" GIF $�5 PNG-8 ( ����%n"�#��V��� 8�� Mask ��1��0ก�W���2��5�7%�87�u�#8�? ��%�"�#��V���1%��1��0ก�W���2��5�7%�87�u����? ��%��3�ก Dither �8����������5�/" GIF ,PNG-8 $�5 WBMP ( ����%n"�#��V��� 8�� Mask /0�5��ก Dither ����"�#�? ��%�"�#��V���1%/0�5��ก Dither ก"�#�? ก��ก#�%��J������ก��J'���JBJ��/���������J��ก�� ������8ก� 1� 1������"�#����ก� $��%���(��$ก�"8ก���3�ก��%��3�ก( ����(������� � ����2 1. 7�ก��3�ก/0��%����"�#����ก�ก8�� ��%��3�ก 2. 7�ก�?@ "�#��������4��� Settings $��%��3�ก78��#� Optimize To File Size 3. ก8�� 1� 1������"�#����ก���4��� Desired File Size 4. ����%�1�� Start With �������3�ก%�����ก�$���/0��V����$��� W'#�� ����2

� Current Settings �4����$������$�5��%��3�ก���g �/0��%����"�#ก8�����3�ก � Auto Select GIF/JPEG ���(��$ก���3�ก���%��5�4����$�� GIF ��3� JPEG 0���"�2�ก8�� ��%��3�ก���g ���( ����(���

5. ��ก�n�"�#��V�ก����"'ก Slice �����3�ก%��5�4�1� ����"�#��3�ก1�����ก�� Slice 42�� W'#�� ����2 � Current Slice �4�ก�� Slice 42�"�#ก8�����3�ก � Each Slice �4���%��3�ก� ��%ก���8���� Slice $���542� � Total of Slices �4�ก��b��%1�� Slice "?ก42�

6. 7�ก OK (��$ก��5"8ก�$����������� �1� �ก���7���ก��"�#��ก8�� �%�

Page 35: ใบความรู้ที่ 4

ก���ก�/J����"� ��ก�$������/0��V����� GIF $�5 PNG-8 (��$ก��5������������( ����(��� ( � ��ก��%��3�ก

Color Reduction Algorithm $�5�8�%���"�#��ก8�� $����ก6���"�#�5�0#��3����������� � �%���%��� �03#����� �����"�#�1� �����ก� ��ก�ก��2����������#����������V����3#�� � ��3����������V�����4? Web-safe $�5�����3�ก���������ก����V���%�"�#(������1��/0� � �%� ก���6B��"� ������0#���1����������� � ( ��1�2���� ����2 1. 7�ก�7�3#��3� ��ก�����7�3#��3�1��� �5�6�ก�6�กW� Save for Web 2. 7�ก��ก���1��/0���o�����3�/0��%�����3#�"�#���"�#������ก���3�ก�4� 3. 7�ก��3�ก��"�#����ก� 4. ก���7�ก��ก�����%����"�#����ก�$ก��1����� 5. ก �?@ Ctrl 7���%� $��%7�ก�?@ "�# �����1������� ��"�#��3�ก�5��ก�0#�1���������� ����ก��ก4�����"�#�0#�1����5������#����#���1%��6กg �������?���1% , ��%��1$� ��8�%���������5�0#1'2� $�54�����%��3�ก Color Reduction Algorithm �5����#����V�78%� Custom 6. "81�2����1�����W28�03#��0#���3#�g ��ก�����ก� ( �3#�4�����%��3�ก Color Reduction Algorithm ��V�78%� Custom $��%�����8��V�����ก �?@ Ctrl ��1�� 5 ) * �����ก8�� �� �%�%v�7�ก��4�������ก�����7�3#��3� $��%��3�ก�� �%� Color Picker � � ( �%v���2��5�8�����0#��1%$�5�� 8 ก����"� ��������ก�����������ก���ก�������ก6���"8� � ����2 1. 7�ก��3�ก4������������"�#����ก�����ก�ก����� ( �������3�ก4������ �7��2��5���g 4��� ( � ก�ก �?@

Ctrl 7���%�$��%��3�ก4�����"�#����ก� ��3�ก �?@ Shift 7���%�$��%��3�ก4�����4���$�ก$�54����? "��"�#����ก� W'#��5��V�ก���3�ก4�������2�$��4���$�ก�����'�4����? "��"�#��3�ก )

2. 7�ก�?@ "�# �����1�������

.�����/ก ��� 5���

���ก ���� ���.� 5����H�����.�

Page 36: ใบความรู้ที่ 4

3. �5��กc��������3����ก��� �3#�$���������3�ก�?@ Yes ( ��"�#��3�ก�5��ก����ก�ก����� ) * ������4�%v�7�ก"�#4�����"�#����ก���7���%�$��%�ก��"�#�?@ �03#�"8ก���ก6� � ( %v���2��"�#��3�ก�5 ��ก����ก���ก�����"��"� ( ������������กc�ก��3���� ) �������3�ก%v�������8 ����������� ( W'#����b�ก�5"����ก�"8��1��(��$ก� ) ( �7�ก�?@ ���?1%

��1������� $��%��3�ก78��#�"�#����ก� W'#�� ����2

- Unsorted ������8 ���7���#��� - Sort By Hue ������7��� - Sort By Luminance ������7�7%�%�� - Sort By Popularity ������7%��#"�#����2���ก�4�

��ก�ก��2�����������"'ก������ก6��%��4�ก�����/0�3#�� � ( �7�ก�?@ $��%��3�ก78��#� Save Color Table $�5�3#�����ก�(�� �4�ก6��3�ก78��#� Load Color Table ก������"���J�������"����� ��1�2����"�# 5 1����%1��ก��0#�� ����7�ก�?@ ( ���ก �?@ Ctrl 7���%� (��4�����%��3�ก Color Reduction Algorithm ������ �ก8�� ��V� Custom) ��"�#��3�ก�%��5��ก�8��$"�"�#��� ^�����"�#�ก���7���ก�� $"�ก��0#����� $�5�5"8�������/0����#����� �%�

���ก ������.���ก!�ก�����.�

I���.���� ���ก

7��������ก�� � �ก����.�

.� ��

.����W��HI�#�

Page 37: ใบความรู้ที่ 4

ก�$"������"8� ���ก%v� ( � ����^�7�ก4�����"�#����ก�$"�"�#������� $��%��3�ก�����( ��4� Color Picker �8����%v��ก��กก�$"�"�# "8� �( � ����^2�7�ก��4�����"�#�ก�$"�"�# �5��กc� �5�6�ก�6�กW� Color Picker ( ����� ^��ก��3�ก���� ����2��3#�7�ก OK ��� ^ก6�5ก���73�

��ก�n�"�#������ก�$"�"�#������� �%���4? Web-safe ก6"8� �( �7�ก��3�ก�� ��ก��% $��%7�ก�?@ "�# �����1�������4������5����#���ก ��V���� �8����ก�����#��ก���ก6"8� � �%�%v�� ��%ก��ก��ก�$"����ก� ��3� 7�ก�?@ W28

��"�#������4? Web-safe �3#������������ �5������#����#�1�����ก����������ก�� �4�� ก���E����!�ก��Bก�E��"���J����

�����#����#���1%��6ก g "�#�������?���1%1��4�����"�#�0#�1����������2� ��V��7�3#����"�#$� �%��� ��ก��%��ก�6�7�%� W'#��5"8���������กก8�� "^2����ก������#��%v������������3������ �8�%����� ������6�7��3��ก��ก�6�7�����g �%�%v� ����2 1. ��3�ก���������"�#����ก� ( ������4�78��#������ ( �7�ก�?@ ���?1%��1������� $��%��3�ก78��#� Select All Colors , Select All Web Safe Colors ��3� Select All Non-Web Safe Colors �03#���3�ก�������ก�ก6� � ������ก��ก��กก���3�ก4����������3�ก78��#� Deselect All Colors) 2. 7�ก�?@ "�# �����1������� ��3� 7�ก�?@ ���?1%��1�������$��%��3�ก78��#� Lock/Unlock Selected Colors ��"�#��3�ก��2��5��ก�6�7 ��3���� ^���6�7����$��%ก6�5��ก�ก��ก�6�7 ( ������ก��ก��กก��6�7"�2�� �����3�ก78��#� Unlock All Colors ) ก��� �����"��%� 4�"&����' �&��" ก�����032�"�#(��������/0$�� GIF $�5 PNG-8 ��ก�ก�5"8��2�$���������/0���o���$��% ��������ก8�� ���032�"�#1����������/0���(������� � �%� ( ��%v�"8 ����2 1. ��3�ก��"�#����ก�"8���(������( ��4��7�3#��3� 7�ก��3�ก����/0��%���� ��3� ��3�ก�ก4������������ 2. 7�ก�?@ "�# �����1������� ������ก�����#����"�#(���������ก�����V���� ^ ก6"8� �( �7�ก��3�ก�� ��ก��% $��% 7�ก�?@ ก�����0กJ������ก�กE����1��� �3#�������$�����%��3�ก���g ��ก�$����������/0��0���$��% ��������"'ก�ก6��%���V���%��3�ก�8��6�����03#��%��4� � � ����2 1. 7�ก�?@ ����4��� Settings $��%��3�ก78��#� Save Settings �5��กc� �5�6�ก�6�กW� Save Optimization Settings 2. �a��43#�������4��� File name 3. 7�ก�?@ Save

.�����/ก�E��

Page 38: ใบความรู้ที่ 4

43#�����"�#�����"'ก�%��5��กc��4��� Settings W'#����������ก�4�� ��3#�����ก� ( ���ก����"'ก������"'ก�%���(��� ��� Optimized Settings 1�� PhotoShop �"���2� �����"'ก"�#�3#����5���������ก�4�� � ก����J������ก�����0ก�� 1. ��3�ก43#�����"�#����ก����ก4��� Settings 2. 7�ก�?@ ����4��� Settings $��%��3�ก78��#� Delete Settings ก�� ���/����� 5�6����6K�

��ก����"'ก/0�03#����4�ก���%6���2������ก8�� 7%���$�57%ก%��1��/0"�#�5���"'ก��0���g ก��ก�ก8�� ��%��3�ก��ก�$�������� � ( ����b�ก�5"����/0���o��� W'#��%v� ����2 1. 7�ก��3�ก$"6� Image Size 2. 7�ก��3�ก��%��3�ก Constrain Proportions ������ก�7��� ��%�� 1��/0�%� 3. ��ก�ก8�� 1� ��� ���"8� � 2 %v� 73�

� �a��7�0ก�W�"�#$�������4��� Width $�5 Height ( ����1�� 2 ����3�ก��%��3�ก Constrain Proportions �%� �3#����a��7�4���� 4�����'#� 7�1����ก4���ก6�5����#����� �%� ) � �a��7���V�������W6�����4��� Percent ( �7� 100 73�1� �"�ก��/0���o���

4. Quality ��V�ก�ก8�� 7?n/01��/0 ( � PhotoShop �5�4�7���2��ก���3�ก%��5��� / 1�� $���5�? ��/0 �%�

%v�� W'#�� 2 %v� 73� � Jagged ( Nearest Neighbor ) ��V�%v�"�#"8��� ���6% $�����b���0v�"�#�7?n/0 ���ก%� ��5�8�����4�ก��/0"�#�����1����/074� � Smooth ( Bicubic ) ��V�%v�"�#"8��4� $�����b���0v�"�#�7?n/0 �ก%�

5. 7�ก�?@ Apply

I����F�G�������ก�)�!-����กJHI�����

1

2

Page 39: ใบความรู้ที่ 4

ก�����0ก'�J������J��������#� ��ก�"8���ก������ก�� ���"'กก�"8���03#�ก���3 ��3��03#����"'ก���%���ก�03#��"�#�5"8����� ��ก6������"'ก1��7%������2��������������/01����� �( ���� ( �1��7%��2�5���b����ก�00�/0��ก"��7�3#��00� $���5��V����"'ก"�#����� 1'2����� �"?ก7��2�"�#����ก� ก����"'ก(����� PhotoShop 7 ����� �%�ก�� 2 %v� 73� ก����"'ก��V�1��7% $�5 ก����"'ก��V������0�

• %v�ก����"'ก(���1��7% 1. 7�ก��3�ก�7�3#��3� Note tool ��$���7�3#��3� 2. ก��ก43#�b�����"'ก����4��� Author 3. 7�ก��3�ก4�^ 1������� ���5���"'ก��V�/��"� ������3�ก����������V������/��"�ก��� 4. 7�ก��3�ก1� 1�������"�#�5���$� �������� 5. 7�ก��3�ก��1��ก�5 ����"'ก��4��� Color 6. 7�ก��������/0���%n"�#������ก�$�5ก�5 �(������� (���$�5� �กก%� 1 (���)

1

2

3

4

5

2 3

5 4

Page 40: ใบความรู้ที่ 4

7. ก��ก1��7%����ก�5 �(���"�#��กc1'2� 8. 7�ก�?@ �03#�� ก�5 �(��������3#����"'ก(������������$��% 9. ��ก�n�"�#����ก���3#���8$����ก�5 �(������7�ก����7�� 7�����%�$��%�ก������8$����"�#����ก� 10. ������ก��� ก�5 �(���1'2����7�ก1%����7�� �ก��2��5��กc����� 1'2� �����3�ก��"�#78��#� Open Note ��3� "8ก� ����^�7�ก"�#��7��

7 8

Page 41: ใบความรู้ที่ 4

11. ������ก���ก�5 �(���"^2����7�ก1%"�#��7�� �ก��2��5��กc����� 1'2� �����3�ก��"�#78��#� Delete Note �03#�"8ก���ก�5 �(�����2� $��������ก���(���"�2�� "�#���"'ก�%�"�2�1��7%$�5����� �����3�ก"�#78��#� Delete All Annotations �3#���"8ก����5�1��7%��กc�ก��3���� �3#�$����$��%�����3�ก OK ก�5 �(���ก6�5��ก����

9. ���กX�� �����)�#��)��ก

10. ���ก ���ก

11. ���ก ���ก �����W�ก����

Page 42: ใบความรู้ที่ 4

• %v�ก����"'ก(���$�������0� ��ก�n�"�#������ก����"'ก(���$�������0� ��2 ���8��V������ก�� ����� �(7�(�� $�5�8(0� ��������2��5��������"'ก������ � �8����%v�ก����"'ก���"8� � ����2 1. 7�ก��3�ก�7�3#��3� Audio Annotation Tool 2. ก��ก43#�b����"'ก����4��� Author 3. 7�ก��3�ก��1����7��"�#����ก� 4. 7�ก��������/0���%n"�#������ก�$�5(������������ (���$�5� �กก%� 1 (���) 5. 7�ก�?@ Start �03#���#ก����"'ก 1�2���2�����0� 1��7%"�#����ก����"'ก�����(7�(��"�#������%� 6. 7�ก�?@ Stop �3#�� 1��7%"�#�5���"'ก

5���)���ก�� � �ก����

���ก OK ���� � �

���ก Cancel ���� ก ��ก

2

3

4

Page 43: ใบความรู้ที่ 4

7. ก���3#���8$�������7�ก����7�� 7�����%�$��%�ก������8$����"�#����ก� ( ��3��ก��ก���3#���8$����ก�5 �(��� )

8. ������ก��� �s���� ����^�7�ก����7�� ��3� 7�ก1%����7�� �ก��2��5��กc����� 1'2� �����3�ก��"�#78��#� Play

8. ���ก ���� ���FU�

�������ก��7 ��ก�� �� .� �.���� ���ก�W�.��������

Page 44: ใบความรู้ที่ 4

9. ������ก���(��� ���"8� �( �7�ก1%����7�� �ก��2��5��กc����� 1'2� �����3�ก��"�#78��#� Delete Audio Annotation �3#���"8ก����5�1��7%��กc�ก��3���� �3#�$����$��%�����3�ก OK (����������2�ก6�5��ก���� ( ��3��ก���ก�5 �(��� )

�ก����ก�W�����7��(���"�#��กc�����/0���"8� �( � ����3�ก"�#���78��#� View � Show � Annotations ����7�3#������ก �������%��3�ก���� �ก����ก������7��(���"�#W����%�$� ���ก ก6�����"�#���78��#� View � Show � Annotations 7�ก��3�ก�����กc�7�3#������ก��3��� ^

9. ���ก ������"�� .� �

Page 45: ใบความรู้ที่ 4