การใส่ข้อความ (text) ลงในโปรแกรม ที่มา...

17
7 ก (Text) Photoshop กก ก ก , กก Photoshop กกก ก ก กก Photoshop Type Tool กกก , ก Type Tool ก 4 Type Tool 4 Horizontal Type Tool Outline Vertical Type Tool Outline

Upload: -

Post on 16-May-2015

1.404 views

Category:

Education


0 download

DESCRIPTION

การใส่ข้อความ (Text) ลงในโปรแกรม

TRANSCRIPT

Page 1: การใส่ข้อความ (Text)  ลงในโปรแกรม ที่มา jiraphinya/photoshop.html

�����ก����� ��� 7

���� ก����� ����� (Text) ���� !"ก�

������ก� Photoshop �ก��ก ��������������������ก�������������������� � !��"�# �����������������$�����%�&#���'���(���ก)( �"� ��(� ��������ก� !� �!� ��������������$�����%�&#������������� � ��$�#��� ��"ก�� �"���������%�&#���*���������+$��� ��,���������������� � �,�� ������#-� , ������/���0(1� ��*���� �!���$%�&#���'�������������%������� 23$��� ���456�#���&�+$�&�7#���8��$ ��29�#�8 ��(� ���� ��������:!��� !� �����%�&#� !���ก��"���*����������6�3$� ����6�ก�������%�&#���ก����ก� Photoshop ��*���$�7��ก#7;�6�3$���$�������%�&#��6��<ก�&�+$��������� !�

� ()กก)*ก�� ��� �����

ก�������%�&#� 6�+ ก���7�8%�&#� ����*�ก�������%�&#���'���$��*���#�ก(���#�!��#6�+��*������&ก- !� �!�ก�������%�&#�������ก� Photoshop ��'���,��&�+$�+ Type Tool ��ก�������%�&#����������� � �,�� ก��ก��6�!��������#�ก(� , %��!��#�ก(� �#��'�ก����!������%���6��� �!���$�&�+$�+ Type Tool ����&�+$�+�������ก 4 �&�+$�+ �"��<ก&��'���$�ก�������%�&#�����ก���������"���8%3'��6�������� 23$��"���8��'����*��"���8��$�,����6���ก���7�8�!��>���

�&�+$�+ Type Tool �&����$��������ก 4 &����$� 23$�����"����!!����' � Horizontal Type Tool �����%�&#���� Outline ����#�� � Vertical Type Tool �����%�&#���� Outline ����#��'�

Page 2: การใส่ข้อความ (Text)  ลงในโปรแกรม ที่มา jiraphinya/photoshop.html

206

� Horizontal Type Mask Tool �����%�&#���� Mask ����#�� � Vertical Type Mask Tool �����%�&#���� Mask ����#��'�

�+$ ������� !��"+ก�&�+$�+ Type Tool ������%�&#��"�# ����#�%� Option bar

�����ก? Option %��&�+$�+ Type Tool !����'

��ก�; <)���*�=�ก�>?�>@ Character Palette

Character Palette &+��#&#�&<ก���7�8%�&#�23$����ก�!�#�ก��ก��6�!��������#�ก(�� �"8��#�ก(� , %��!��#�ก(� ก���#��������6#��������! 6�+ ��%���#�ก(� ��*���� 6�+��� �ก��6�!��ก���"-� ������������ก��6�! !���ก Type Tool Option ��ก����:!���"-�%3'���,�����6�&"7ก���&����$� Window &"7ก�"+ก���"-�,+$ Character �����ก?���"-�,+$ Character !�����"����!%����"-� !����'

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

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

�����������ก � ��������ก � ก�������� !�����ก �

2

4

1

6

8

10

13

11

3

5

9

7

12

Page 3: การใส่ข้อความ (Text)  ลงในโปรแกรม ที่มา jiraphinya/photoshop.html

207

� ���E���F����G��)���� Character Palette 1. �!"**<)��)กJ (Font) ���ก�!�#���#�ก(���"�ก(1����� � ��$����ก������ #��6� 23$� ���������7!��'���7$���6"�� !� 2. �)กJME�N<�@<)��)กJ (Type Style) &+ ก��6�!�6���#�ก(��&#����� , 6�� 6�+ "�ก(1�+$� � 3. ���F<)�<)��)กJ (Size) �����&"7ก�"+ก��ก���ก����#�ก(� ��$ก��6�! #��6� 6�+ �7�8&�� ��#�"%"� � 4. E�E����E�����*�)F (Leading) �,����6���ก��6�!����6�����6#��������! ��6���6#��� �����!����7!6�+6���ก���ก7� �

5. !)*;���NT (Kerning) �,�����,�� 9��6#�����#�ก(�23$���'�&���#��,�� 9%���#�ก(� !� �����6���

6. � �;���NT (Tracking) �#��,�� 9�,���!��#ก�� Kerning ���������ก���#��,�� 9�>�����#��$ �"+ก!�#�#7;�ก��!��ก�8���8�"�#�3�ก��6�!&�� 7. กG���F�������<)��)กJ (Vertically Scale) ก��6�!&#����%���#�ก(� �!��7�8&����$ ���ก��"� � !��"������ 8. กG���F����ก� ��E�����<)��)กJ (Horizontally Scale) ก��6�!&#�ก#���%���#�ก(� �!��7�8&����$���ก��"� � !��"������ 9. กG���FE�E����E�����<)��)กJ (Baseline) ก��6�!����6���%���#�ก(� �+$�����ก������ %���#�ก(�23$�������7�8%�&#���������#�ก 6�+��#6�� !�������ก��� �!�6�ก ก��6�!&���กก#�� 0 ����*�ก��ก��6�!�6���*���#�ก �"�&������ก�� 0 ��*�&���ก�7 ������ ก��6�!&�����ก#�� 0 ����*�ก��ก��6�!�6�%�&#���!���*���#6��

10. กG���F�����<)��)กJ (Color) �"+ก����$�����,��7�8%�&#�

11. กG���F�)กJME���<)��)กJ �"+ก"�ก(1���#�7�8�ก(���(���ก)( �6���*���#�7�8�65� , ��#�7�8�"-ก �#��'� ��#�ก , ��#6�� 6�+%�!������� 12. ���ก[�J� (Language) ก��6�!��(���$�������,��7�8%�&#� 13. <ก"<����*<)��)กJ (Anti - Alias) �ก����%�%��ก(��6����������� 23$����ก�!�#� - None ����ก������������#�ก(� - Sharp ��!���#�ก(��6�!�&,�!�ก��$�<!

Page 4: การใส่ข้อความ (Text)  ลงในโปรแกรม ที่มา jiraphinya/photoshop.html

208

- Crisp ��!���#�ก(��6�!�&%3'� - Strong ��!���#�ก(��!������6��6-��3��'��6��ก%����"���#�ก(�

ก�>?�>@� ����� "�Eก�� ��<G�"�������� �����F �� Type Tool ก���7�8%�&#�!�#��&�+$�+������ Type Tool &+ ก���,��&�+$�+������ Horizontal Type Tool &+ก�������%�&#�����ก�7����#�� �"� Vertical Type Tool &+ก�������%�&#�����ก�7����#��'� �!�����ก���������"���8�6�%3'�������6"����ก��$�"+ก�&�+$�+�"�# ���ก������"-� Character ��� �����"-��6���:!�,���ก&����$� Windows ���� �)_�<��ก�>?�>@� �����"**"����� ��F)���_ 1. �6� �������&"7ก���8��$�&�+$�+ Type Tool �"�#�"+ก�&�+$�+��� ��ก Toolbox 6"����ก��'��6�&"7ก���8��$�+'���$%�ก��!�(���ก�� �����ก?�&�8�2�8ก����7�23$���*�����6�����$������7�8%�&#� !� �!��������"�$����(���$�,���ก���7�8 !���'���(���ก)( �"� ��(� �� (�>��� Font ��$�������!���(� �� !�������'�)

2. �+$�7�8%�&#��"�ก��6�!���"����!���� � ���������"�# �"����ก��6�<!ก���7�8��+$����6�ก��%�&#���'��*�#���<��$������&"+$������6+�#���<+$� � ��$# ��6�&"7ก���8��$ &� �� Option bar 6�+�����&"7ก���8��$�&�+$�+ Move Tool �� Toolbox �!�����ก�#��ก��%�&#�����������"��� ��� ����������ก������#���< ��������6�����$���ก���6�&"7ก���8��$#���<�"�#"�ก �#���������6����6���$���ก��

Page 5: การใส่ข้อความ (Text)  ลงในโปรแกรม ที่มา jiraphinya/photoshop.html

209

���� �)_�<��ก�>?�>@� �����"**"��<)_� ��F)���_ 1. �6� �������&"7ก���8��$�&�+$�+ Type Tool �"�#�"+ก�&�+$�+��� ��ก Toolbox 6"����ก��'��6�&"7ก���8��$�+'���$%�ก��!�(���ก�� �����ก?�&�8�2�8ก����7�23$���*�����6�����$������7�8%�&#� !� �!��������"�$����(���$�,���ก���7�8 !���'���(���ก)( �"� ��(� �� (�>��� Font ��$�������!���(� �� !�������'�)

2. �+$�7�8%�&#��"�ก��6�!���"����!���� � ���������"�# �"����ก��6�<!ก���7�8��+$����6�ก��%�&#���'��*�#���<��$������&"+$������6+�#���<+$� � ��$# ��6�&"7ก���8��$ &�

Page 6: การใส่ข้อความ (Text)  ลงในโปรแกรม ที่มา jiraphinya/photoshop.html

210

�� Option bar 6�+�����&"7ก���8��$�&�+$�+ Move Tool �� Toolbox %�&#���$ !�����*���#��'��������ก!�����"�"���

���� �)_�<��ก�!)*"<��� ����� ��F)���_ 6"����ก��$ ������� !������%�&#��"�# �"����ก����$����������6�+��"�$��%�&#��6��������� !��!� 1. �6� �������&"7ก���8��$�&�+$�+ Type Tool �"�#�"+ก������%��&�+$�+����6��6+�ก��%�&#��!7��$ !������ ��"�# ��ก��'�������8&"7ก��$%�&#���+$�6��ก7!�&�8�2�8������6����!7%�%�&#� 23$� ������������"� 6�+ �ก� %%�&#� !��6+�ก��ก���7�8��$# �

2. ������ก����������%�&#� �,�� ��"�$��"�ก(1���#�ก(� , ��"�$���� 6�+ก��6�!���"����!+$� � 6"����ก��$ !��7�8%�&#� ��"�#�6� �������&"7ก���8��$�&�+$�+ Type Tool �"�#�"+ก������%��&�+$�+����6��6+�ก��%�&#��!7��$ !������ ��"�# ��ก��'�������8&"7ก��$%�&#���+$�6��ก7!�&�8�2�8������6����!7%�%�&#��"�#���ก��!��ก�8%�&#��6�������!��&"<%�&#���'� ��ก��'��3���"�$������������ � ��ก Option bar 6�+���"-� Character

Page 7: การใส่ข้อความ (Text)  ลงในโปรแกรม ที่มา jiraphinya/photoshop.html

211

���� �)_�<��ก�>?�>@� �����"** Type Mask Tool

Type Mask Tool ��*��&�+$�+���6����7�8%�&#�������6�3$�����&#��7�G(��������$%�&#���$ !�����������"��� &+ ��*����� Selection 23$��������7�� 6�+��������$# ��������+'���$ Selection ��' !� �!���$%�&#� ����� ���ก��!#�������"-� Layer ��ก#���� !��ก����������+$� � ก�� 23$�ก���7�8����������'�����'������#�� &+ Horizontal

Type Mask Tool �"� �����#�� &+ Vertical Type Mask Tool �!��%�'���ก���7�8%�&#� !����'

1. �6� �������&"7ก���8��$�&�+$�+ Type Tool �"�#�"+ก�&�+$�+��� 6�+ ��ก Toolbox 6"����ก��'��6�&"7ก���8��$�+'���$%�ก��!�(���ก�� �����ก?�&�8�2�8ก����7�23$���*�����6�����$������7�8%�&#� !� ����ก�#���+'�6"��%�6���ก��!�(����"�$����*���,���"����#�ก(���$�7�8��*���%�#��� �!��������"�$����(���$�,���ก���7�8 !���'���(���ก)( �"� ��(� �� (�>��� Font ��$�������!���(� �� !�������'�)

Note : '��������� ��(ก���������)������������ก ���������*�+���ก��ก���ก��,- ,������� ก.���

�/�������ก� �,0+�*�+�)���� ���� �����+����1�����

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

Page 8: การใส่ข้อความ (Text)  ลงในโปรแกรม ที่มา jiraphinya/photoshop.html

212

2. �+$�7�8%�&#��"�ก��6�!���"����!���� � ���������"�# �6�&"7ก���8��$ &� �� Option bar 6�+�����&"7ก���8��$�&�+$�+ Move Tool �� Toolbox %�&#���$ !�����*����� Selection

3. �������������ก�����������%� Selection ��' !��!�ก����7�� 6�+ ก�� "��>!�� !� (��ก��#��������*�ก�� "��>!�� �!�ก���,��&�+$�+ Gradient Tool )

Page 9: การใส่ข้อความ (Text)  ลงในโปรแกรม ที่มา jiraphinya/photoshop.html

213

ก�� ��� ������� � ��?�E<��"��� � Path ก�������%�&#��6���*�������7����!�ก���,����� Path �,�#���ก��#�!�&������%����� ������6�ก�������%�&#���'��6"�ก6"���������"����ก��&#����ก���,���� !��ก��$�<! �!���$ �����������������������;!�#�#7;�ก������ � ����$ !�G3ก(���"�#����+$�ก�������������;ก�������� #7;�ก�������%�&#�����#���� Path �!����' 1. �����������;�!�&"7ก�"+ก�&�+$�+ Path Tool �� Toolbox

Page 10: การใส่ข้อความ (Text)  ลงในโปรแกรม ที่มา jiraphinya/photoshop.html

214

2. &"7ก�&�+$�+ Type Tool �� Toolbox (������"+ก !��<ก������) ��ก��'�������8 �&"7ก��������; ����ก�#������&�8�2�8ก����7���������;�"�#�7�8%�&#���$���ก�� �!�%�&#�����ก#�� #���������;����$��������

3. �+$�7�8%�&#���$���ก�� !��6����������;ก��+$�� !��>���%�&#���$ ��������;�7!�!�#� �!�&"7ก�"+ก�&�+$�+ Direct Selection Tool �� Toolbox �"�#��� �&"7ก��$������;�"�ก!�<Q Enter ������;����ก"�ก ��6"+���%�&#���$�������*�"�ก(1��&�������ก��

Page 11: การใส่ข้อความ (Text)  ลงในโปรแกรม ที่มา jiraphinya/photoshop.html

215

ก�()F���� �����"**>?dJ Warp Text #7;�ก����!#��%�&#�����7�G(��'����*�ก�����������6�%�&#��&#��"7'# 6# 6�+�������*�����&���#��,�7!���� � �!���$����������������ก��%�&#���$��� !������ ��"�# 23$���������'��� ������ก��6�! !�������7����6+�������;�������*�����������$����ก�ก��6�!��6� 23$����������������������� � !�����$ก��6�!��6�������'� #7;�ก����������%�&#��6��&#���7'# 6# �!����' 1. �����%�&#���$���ก�� ��ก��'����ก���"+ก%�&#���$����� #�

2. &"7ก�&�+$�+ Type Tool �� Toolbox �!���$��� Option bar %� Type Tool ���ก?%3'� �6�&"7ก���8��$ &� �����ก? !�"-ก28�"-ก28 Warp Text ���6���ก����������

Page 12: การใส่ข้อความ (Text)  ลงในโปรแกรม ที่มา jiraphinya/photoshop.html

216

3. &"7ก�"+ก������%�ก����!#��%�&#�����7�G(��ก,�� Style �"� �"+กก����!#��%�&#�����#���!�&"7ก&����$� Horizontal �"�#��%�&#�����#��'�&"7ก Vertical 4. ก��6�!&������ � ��7$��7!����' - Bend ก��6�!&#��&�����&#����ก������7��� - Horizontal Distortion ก��6�!����%�ก����!#������#�� - Vertical Distortion ก��6�!����%�ก����!#������#��'�

ก�<ก"<��� �����F �� Layer Style

Layer Style ��*�ก������9�9ก�8�7�G( !��ก� ก�������� , ก������6�%�&#�!����%3'�� 6�+����6�!�"3ก"� � ��*���� 23$�ก���ก�����6�ก��%�&#���'����*�ก������9�9ก�8��$�����-������$����ก� Photoshop ���6� 6�ก�ก����������ก-������������6�#%�����$����ก��6��������'� #7;�ก����������%�&#�!�#� Layer Style �!����' 1. �����%�&#���$���ก�� ��ก��'����ก���"+ก%�&#���$����� #�

Page 13: การใส่ข้อความ (Text)  ลงในโปรแกรม ที่มา jiraphinya/photoshop.html

217

2. &"7ก�"+ก���&����$� Layer �"+ก&����$� Layer Style ���������%��9�9*ก�8�6� ��������"+ก�ก6"�������� &"7ก�"+ก��������$���ก�� ��ก��'������ก? !�"-ก28�"-ก28%� Layer Style �6���������������,�7!���� �

3. !���������#���� !���ก,�� Preview �"����ก��6�!���"����!�"�#�6�&"7ก�<Q OK. �� !�%�&#���$�ก��������������+$�%� Layer Style

Page 14: การใส่ข้อความ (Text)  ลงในโปรแกรม ที่มา jiraphinya/photoshop.html

218

ก�<ก"<��� �����F �� Style Palette

Style Palette &+ก"<��������7�G(��$�,���ก���ก���������� , #���< 6�+%�&#� ��$��������"��"���8 23$����#�,�#�����6�%�&#���$�7�8"� ���'��&#��#�����������ก�7$�%3'� �!� Style Palette ������,���'��&�+$�+ Type Tool �"� Type Mask Tool �ก��'�������%� Style

Palette ���������7!��'���7$��7������ก� Photoshop CS3 !��ก�6�+��ก����ก���$ก��6�!��6� 6�ก ������"-� Style �� !eF�; >�

�f< F��; �G��)�� Windows �"+ก���"-� �!�&"7ก���8��$6���,+$���"-� Styles �!�#7;�ก����������%�&#�!�#� Style Palette �!����' 1. �����%�&#���$���ก�� ��ก��'����ก���"+ก%�&#���$����� #�

2. �"+ก������%� Style ��$���ก�������"-�23$�������������-������$����ก��������6� ���������ก���"+ก������ Style ��$��7$�ก%3'� �6�&"7ก���8��$�<Q �����"-� ��ก��'��"+ก��������$������*�,<! � %� Style 23$��+$�"+ก,<! 6�����ก���%3'�ก��&����$���#�����ก���6� Style �6������$�������!76�+ � ��� ����ก���6������$�������!7�6��"+ก&����$� Append ��+$�6��������6�����ก�������!7

Page 15: การใส่ข้อความ (Text)  ลงในโปรแกรม ที่มา jiraphinya/photoshop.html

219

3. &"7ก�"+ก������ Style �����"-� �!�����ก�#��%�&#�����"�$�������� ���+$� � �� Style ��$�"+ก�����"-� �6� ��������"+ก��������$���ก����ก#���� !���������$���ก�� 23$�%�&#�����"�$����*���������$����ก���6�

Style *�+��5��/��,-+ �67�

Page 16: การใส่ข้อความ (Text)  ลงในโปรแกรม ที่มา jiraphinya/photoshop.html

220

ก�>?�>@� �����"**����*�)F Paragraph Paragraph ��*�ก���7�8%�&#���$�6"�� � �����!�����ก����$�6"�$��!��#ก�� 6�+ ��*�#���<�!��#ก�� 23$��������ก%�&#�6"�������!#�� ����� �

(Paragraph) �!��+$ ������������%�&#���$��*���6�����'�����ก?���"-���$&#�&<ก���������,+$#�� Paragraph

Palette 23$��,�&#�&<ก��������%���6�����'�6! 23$�6�ก ����ก?���"-���'6"����ก����ก�,��&�+$�+�6�&"7ก��$���&����$� Windows �"+ก6�#%� ���"-�,+$ Paragraph #7;�ก���������6��� �!����' 1. &"7ก��$�&�+$�+ Type Tool �� Toolbox 2. !��ก�8���8���+'���$#���%�ก��!�(���ก����+$#�!%��%�%��+'���$��$���������*���6��� �!�����!���*�ก����$�6"�$� �"��+$�"�����8�"�#����&�8�2�8ก����7��6��7�8%�&#�����$���ก��6�ก%�&#���$�7�8 ���!� ���� 1 �����!����ก������ก��%3'������!�6��6��!�������7 23$� �������������7�8%�&#� ���+$� � ����%�&#� 6�+�����ก!��/� Enter ��+$%3'������!�6�ก- !��,���!��#ก�� 3. �+$�������6������-��"�#�6�&"7ก���8��$�&�+$�+ Move Tool 6�+�<Q �"�6�ก���ก������%��!%���6����6� �������&"7ก���8��$�<Q��$�6"�$�%���6�����ก��'�"�ก���8�%����+$��%��!%���6��� 6�+"�ก���8��+$%�����6���ก

Page 17: การใส่ข้อความ (Text)  ลงในโปรแกรม ที่มา jiraphinya/photoshop.html

221

Note : �� ��(���������� ��)�1*������� (Paragraph) ���ก������8������� ������*������ !����0�ก������ *�+���ก��������0�ก����+� � ��-ก� ������+� Layer ��0�ก����+� Type ��0�ก����+� Convert to Paragraph Text �,0+����������� ��)�1*���������8������� ������*������ � ��-ก� ������+� Layer ��0�ก����+� Type ��0�ก����+� Convert to Point Text �,0+����������� ���*���������ก����8�����������