SlideShare a Scribd company logo
Hướng dẫn sử dụng Photoshop CS5 - Phần 7: Thiết kế và trình bày với Type
                              Character Panel

Những chương trình như Photoshop cho phép người dùng hiện nay dễ dàng hơn trong việc
thiết kế và học thiết kế. Chỉ cần học cách sử dụng Type Character Panel là đã có thể dễ dàng
cá nhân hóa những bức ảnh của bạn.




Panel Fonts và Character

Trong khi các chương trình như Adobe Illustrator là lựa chọn phù hợp để xử lý hình khối trừu
tượng của các font chữ, thì Photoshop chỉ đơn giản là sử dụng các thành phần font chữ có sẵn. Tuy
nhiên, nó cũng có một vài tùy chọn chỉnh sửa cơ bản để việc trình bày chữ không quá đơn điệu.

Panel Character có thể tìm thấy bằng cách vào Window > Character (nếu bạn không nhìn thấy nó
ở panel phía bên phải màn hình làm việc). Panel này chứa khá nhiều tùy chọn với chữ mà bạn có
thể thử qua.
Font Family: Tại đây bạn có thể lựa chọn font cho đối tượng chữ (như font Arial, Times New
Roman…)

Font Style: Thông thường một font được cài đặt ra sẽ đi kèm với một hệ thống font có liên quan
bao gồm kiểu đậm, kiểu nghiêng… (ví dụ như Arial, Arial Bold, Arial Narrow, Arial Condensed,
Arial Rounded MT, Arial Black…)

Font Size: Đây là nơi bạn sẽ thay đổi kích thước của font chữ. Tự nhập số vào ô hoặc sử dụng trình
đơn thả xuống để chọn.

Leading: Thông thường Photoshop mặc định đặt một khoảng cách phù hợp giữa các dòng trong
cùng một nội dung văn bản, tuy nhiên trong một số trường hợp nào đó bạn cần thay đổi lại khoảng
cách này thì đây là lựa chọn cần sử dụng tới.

Kerning và Tracking: Lựa chọn này cho phép tăng hoặc giảm khoảng trống giữa các chữ cái. Giá
trị 0 là khoảng cách mặc định, tăng hoặc giảm giá trị này sẽ tương đương với việc tăng/giảm
khoảng trống.

Vertical Scale và Horizontal Scale: Đây là điều khiển dùng để kéo dài hoặc tăng độ dẹt của chữ,
giá trị nhập ở đây tương ứng với tỉ lệ % chữ ban đầu.

Baseline Shift: Tùy chọn này dùng để đẩy những chữ đang được bôi đen lên cao hơn (hoặc thấp
xuống) so với các chữ còn lại. Tùy chọn này phù hợp để đánh chỉ số trên (hoặc dưới) trong một
đoạn văn bản. Giá trị >0 sẽ tương đương với việc đẩy chữ lên cao, giá trị <0 tương đương đẩy chữ
xuống thấp.

Text Color: Đây là lựa chọn điều chỉnh màu sắc cho chữ đang được chọn.

Language: Tùy chọn này dùng để thiếp lập các ngôn ngữ không phải tiếng Anh trong một số
trường hợp cần thiết.

Anti-Aliasing: Tùy chọn dùng để chỉnh chữ theo từng pixel điểm ảnh. Lượt qua một loạt lựa chọn
trong tùy chọn                                           này bạn sẽ thấy điểm khác biệt với
       từng kiểu khác                                           nhau.

Faux Bold và các tùy chọn Character khác

Faux Bold: Nếu kiểu font chữ hiện tại bạn đang chọn đã là chữ đậm nhưng vẫn chưa ưng ý về độ
“đậm” của nó, bạn có thể sử dụng thêm tùy chọn này để tăng thêm độ dày cho chữ.

Faux Italic: Tương tự như Faux Bold, tùy chọn này dùng để tăng thêm độ nghiêng của chữ.


Uppercase: Chuyển toàn bộ font chữ của bạn thành chữ hoa. Rất hữu ích trong việc văn bản đang
cần chuyển sang chữ hoa là đoạn văn bản dài.


Small Caps: Vẫn là lựa chọn để tạo chữ hoa cho toàn bộ đoạn văn bản, tuy nhiên tùy chọn này có
khác biệt là những chữ thường được tạo thành hoa sẽ nhỏ hơn một chút so với những chữ đã được
viết hoa sẵn.

Superscript: Thay đổi chữ hoặc đối tượng chữ đang được chọn thành chỉ số trên, ví dụ như 28


Subscript: Thay đổi chữ hoặc đối tượng chữ đang được chọn thành chỉ số dưới, ví dụ như
C6H12O6.


Underline: Thêm một đường gạch chân vào dưới đoạn văn bản đã chọn



Strikethrough: Thêm một đường gạch ngang thông qua tất cả các văn bản đang chọn.


Options Panel và Type Tool

Có một vài tùy chọn không có trong Character Panel nhưng bạn có thể tìm thấy trong thanh công
cụ phía trên màn hình làm việc – Options Panel – khi đang chọn công cụ Type (T)




Text Orientation: Tùy chọn này dùng để điều chỉnh hướng của văn bản theo chiều dọc hay chiều
ngang.


Alignment: Thiết lập canh lề cho các đối tương văn bản đã được xác đinh theo lề trái (Left
Aligned), lề phải (Right Aligned) hay canh giữa (Center Aligned)
Warp Text: Uốn đối tượng văn bản theo một hình dạng xác định, hình dạng này cũng có
        thể điều chỉnh độ cong/nghiêng sao cho phù hợp. Tùy chọn này thường được sử dụng trong
        trường hợp đối tượng văn bản tạo ra là biểu ngữ..


Thiết kế một bìa sách dạng đơn giản

Thiết kế phải đi kèm với ứng dụng thực tế thì người dùng mới nắm rõ được những kiến
thức cơ bản áp dụng hữu ích như thế nào. Hướng dẫn trong mục này là tạo một bìa sách
cơ bản, cuốn sách On The Origin of Species By Mean of Natural Selection của tác giả
Charles Darwin.




Nhấn Ctrl + L để mở công cụ Levels và điều chỉnh lại bức ảnh của Darwin. Trong thiết
kế thì việc bố trí vị trí phù hợp để trình bày các thành phần là khá cơ bản.
Khi bức ảnh đã được làm tối đi, vào Image > Mode > Grayscale, giữ Ctrl và kích chuột
vào channel Gray trong Panel Channels. Thao tác này sẽ tạo ra một vùng lựa chọn tất cả
các vùng màu còn trắng của bức ảnh.
Nhấn Ctrl + Shift + N để tạo một lớp mới
Vào Edit > Fill để phủ lớp màu trắng lên vùng lựa chọn của lớp vừa tạo.




Bức ảnh biểu tượng Darwin giờ đã nổi bật khỏi nền đen và bạn có thể sử dụng như một
phần tử để tạo bìa
Nhấn Ctrl + N để tạo một file mới ở kích thước cần tạo bìa của bạn.




Và đây là khung làm việc rất dài, tương đương với quyển sách
Chọn màu foreground bất kỳ trong hộp công cụ, màu tối là phù hợp hơn cả.




Vào Edit > Fill để đổ màu Foreground cho nền sách




Nền lúc này sẽ có màu rượu vang như đã chọn trước đó.
Nhấn phím V để lựa chọn công cụ Move. Mở tập tin gốc có bức ảnh Darwin đã sửa trước
đó và kéo layer ảnh bạn vừa sửa vào ảnh khung làm việc của ảnh mới với công cụ Move.
Lớp ảnh vừa kéo nên nằm phía trên lớp nền của file mới.
Nhấn phím T hoặc chọn công cụ Type




Không phải tất cả các font chữ đều phù hợp. Font theo pixel điểm là không phù hợp trong
trường hợp này.
Một font cổ điển sẽ phù hợp hơn.




Để chọn được font chữ phù hợp không hoàn toàn đơn giản, nó có thể là việc khó khăn và
gây tốn thời gian nhất, nhưng lại là việc quan trọng nhất của thiết kế.
Thay đổi kích thước font và chia tiêu đề sách thành 2 dòng. Khi đã chọn được font phù
hợp, điều chỉnh Character Panel để có được định dạng phù hợp.
Huong dan su dung photoshop cs5 phan 7
Sau khi điều chỉnh xong kích thước, bạn cần điều chỉnh thêm về Leading




Sau đó là đến vấn đề khoảng cách giữa các chữ cái. Tăng kích thước của Tracking để
cho tiêu đề dễ đọc




Bổ xung thêm thông tin vào tiêu đề với font chữ nhỏ hơn và sắp xếp lại ảnh Darwin
Huong dan su dung photoshop cs5 phan 7
Bạn có thể bổ xung thêm các yếu tố hình ảnh phụ họa vào để bớt phần đơn điệu của trang
bìa.
Chỉ cần vài điểm xuyến cơ bản, bạn đã có được một bức ảnh bìa sách khá đơn giản mà
vẫn đẹp. Thiết kế không phải là việc tìm hay vẽ được một hình ảnh nào đó đẹp mà là việc
phải tìm được chỗ để đặt hình ảnh đó một cách phù hợp.

More Related Content

DOCX
Hướng dẫn xử lý văn bản trên word
PDF
Giáo trình word 2003
PDF
BÀI 4 Ký tự và biểu tượng trong TYPOGRAPHY - Giáo trình FPT
PDF
BÀI 4 Làm việc với công cụ vẽ và văn bản - Giáo trình FPT
PPT
định dạng văn bản trong word
PPTX
Hướng dẫn sử dụng word 2013 - Chương 2 Định Dạng Văn Bản
DOC
Huong dan thiet ke khoi dong
PDF
BÀI 1 LÀM QUEN VỚI ADOBE ILLUSTRATOR CS4 & KHÔNG GIAN LÀM VIỆC - Giáo trình FPT
Hướng dẫn xử lý văn bản trên word
Giáo trình word 2003
BÀI 4 Ký tự và biểu tượng trong TYPOGRAPHY - Giáo trình FPT
BÀI 4 Làm việc với công cụ vẽ và văn bản - Giáo trình FPT
định dạng văn bản trong word
Hướng dẫn sử dụng word 2013 - Chương 2 Định Dạng Văn Bản
Huong dan thiet ke khoi dong
BÀI 1 LÀM QUEN VỚI ADOBE ILLUSTRATOR CS4 & KHÔNG GIAN LÀM VIỆC - Giáo trình FPT

Viewers also liked (8)

PDF
Bach khoa thuy san phan 2
PDF
Huong dan su dung photoshop cs5 phan 12
PDF
Huong dan su dung photoshop cs5 phan 4
DOC
Bai tap coreldraw
PDF
Huong dan su dung photoshop cs5 phan 14
PDF
Huong dan su dung photoshop cs5 phan 18
PDF
Huong dan su dung photoshop cs5 phan 8
PDF
Cau hinh-va-su-dung-print-server
Bach khoa thuy san phan 2
Huong dan su dung photoshop cs5 phan 12
Huong dan su dung photoshop cs5 phan 4
Bai tap coreldraw
Huong dan su dung photoshop cs5 phan 14
Huong dan su dung photoshop cs5 phan 18
Huong dan su dung photoshop cs5 phan 8
Cau hinh-va-su-dung-print-server
Ad

Similar to Huong dan su dung photoshop cs5 phan 7 (20)

DOCX
Ly thuyet
PPTX
BAI 2 CAC NHOM CONG CU 2.pptx
PDF
TỰ HỌC indesign cs2
PDF
DOC
Quyển giáo trình adobe indesign cs3
PDF
Chon font chu cho thuong hieu truong cao dang quoc te Kent
PDF
Giáo trình tự học ID.pdf
PDF
17 bai tu tao ra bong do
PDF
17 bai tu tao ra bong do
PDF
Kent fontchu-thuonghieu
PDF
Hocphotoshop
PDF
Tom tat bai giang illustrator
PDF
Autocad 2007 - tài liệu hướng dẫn sử dụng autocad 2007 đầy đủ
PDF
Tai lieu huong dan su dung autocad 2007
PDF
Thiết kế cho người mới bắt đầu color me
PDF
Photoshop shortcut
PDF
Vietnamese Publisher 2007 Visual
PDF
Microsoft word bai tap msword chuong 6
PDF
BÀI 3 Tổng quan về TYPOGRAPHY - Giáo trình FPT
DOC
Bai tap corel_draw
Ly thuyet
BAI 2 CAC NHOM CONG CU 2.pptx
TỰ HỌC indesign cs2
Quyển giáo trình adobe indesign cs3
Chon font chu cho thuong hieu truong cao dang quoc te Kent
Giáo trình tự học ID.pdf
17 bai tu tao ra bong do
17 bai tu tao ra bong do
Kent fontchu-thuonghieu
Hocphotoshop
Tom tat bai giang illustrator
Autocad 2007 - tài liệu hướng dẫn sử dụng autocad 2007 đầy đủ
Tai lieu huong dan su dung autocad 2007
Thiết kế cho người mới bắt đầu color me
Photoshop shortcut
Vietnamese Publisher 2007 Visual
Microsoft word bai tap msword chuong 6
BÀI 3 Tổng quan về TYPOGRAPHY - Giáo trình FPT
Bai tap corel_draw
Ad

More from nhatthai1969 (20)

PDF
Yahoo toan tap
PDF
Tao phan vung_bao_mat_tren_usb
PDF
Tai lieu-huong-dan-su-dung-cabri-3d-tieng-viet
PDF
Sua chua phan cung
PDF
Su co pc
PDF
Sao luu-thong-tin-ban-quyen-cac-phan-mem-dang-co-tren-he-thong
PDF
Phim tat-trong-photoshop
PDF
Ms office keyboard
PDF
PDF
Huong dan-tao-dia-multi-boot-setup-windows-7-setup-windows-xp-hiren-s-boot
PDF
Huong dan-sua-mainboard
PDF
Huong dan su dung photoshop cs5 phan 28
PDF
Huong dan su dung photoshop cs5 phan 27
PDF
Huong dan su dung photoshop cs5 phan 26
PDF
Huong dan su dung photoshop cs5 phan 25
PDF
Huong dan su dung photoshop cs5 phan 24
PDF
Huong dan su dung photoshop cs5 phan 23
PDF
Huong dan su dung photoshop cs5 phan 22
PDF
Huong dan su dung photoshop cs5 phan 21
PDF
Huong dan su dung photoshop cs5 phan 20
Yahoo toan tap
Tao phan vung_bao_mat_tren_usb
Tai lieu-huong-dan-su-dung-cabri-3d-tieng-viet
Sua chua phan cung
Su co pc
Sao luu-thong-tin-ban-quyen-cac-phan-mem-dang-co-tren-he-thong
Phim tat-trong-photoshop
Ms office keyboard
Huong dan-tao-dia-multi-boot-setup-windows-7-setup-windows-xp-hiren-s-boot
Huong dan-sua-mainboard
Huong dan su dung photoshop cs5 phan 28
Huong dan su dung photoshop cs5 phan 27
Huong dan su dung photoshop cs5 phan 26
Huong dan su dung photoshop cs5 phan 25
Huong dan su dung photoshop cs5 phan 24
Huong dan su dung photoshop cs5 phan 23
Huong dan su dung photoshop cs5 phan 22
Huong dan su dung photoshop cs5 phan 21
Huong dan su dung photoshop cs5 phan 20

Huong dan su dung photoshop cs5 phan 7

  • 1. Hướng dẫn sử dụng Photoshop CS5 - Phần 7: Thiết kế và trình bày với Type Character Panel Những chương trình như Photoshop cho phép người dùng hiện nay dễ dàng hơn trong việc thiết kế và học thiết kế. Chỉ cần học cách sử dụng Type Character Panel là đã có thể dễ dàng cá nhân hóa những bức ảnh của bạn. Panel Fonts và Character Trong khi các chương trình như Adobe Illustrator là lựa chọn phù hợp để xử lý hình khối trừu tượng của các font chữ, thì Photoshop chỉ đơn giản là sử dụng các thành phần font chữ có sẵn. Tuy nhiên, nó cũng có một vài tùy chọn chỉnh sửa cơ bản để việc trình bày chữ không quá đơn điệu. Panel Character có thể tìm thấy bằng cách vào Window > Character (nếu bạn không nhìn thấy nó ở panel phía bên phải màn hình làm việc). Panel này chứa khá nhiều tùy chọn với chữ mà bạn có thể thử qua.
  • 2. Font Family: Tại đây bạn có thể lựa chọn font cho đối tượng chữ (như font Arial, Times New Roman…) Font Style: Thông thường một font được cài đặt ra sẽ đi kèm với một hệ thống font có liên quan bao gồm kiểu đậm, kiểu nghiêng… (ví dụ như Arial, Arial Bold, Arial Narrow, Arial Condensed, Arial Rounded MT, Arial Black…) Font Size: Đây là nơi bạn sẽ thay đổi kích thước của font chữ. Tự nhập số vào ô hoặc sử dụng trình đơn thả xuống để chọn. Leading: Thông thường Photoshop mặc định đặt một khoảng cách phù hợp giữa các dòng trong cùng một nội dung văn bản, tuy nhiên trong một số trường hợp nào đó bạn cần thay đổi lại khoảng cách này thì đây là lựa chọn cần sử dụng tới. Kerning và Tracking: Lựa chọn này cho phép tăng hoặc giảm khoảng trống giữa các chữ cái. Giá trị 0 là khoảng cách mặc định, tăng hoặc giảm giá trị này sẽ tương đương với việc tăng/giảm khoảng trống. Vertical Scale và Horizontal Scale: Đây là điều khiển dùng để kéo dài hoặc tăng độ dẹt của chữ, giá trị nhập ở đây tương ứng với tỉ lệ % chữ ban đầu. Baseline Shift: Tùy chọn này dùng để đẩy những chữ đang được bôi đen lên cao hơn (hoặc thấp xuống) so với các chữ còn lại. Tùy chọn này phù hợp để đánh chỉ số trên (hoặc dưới) trong một đoạn văn bản. Giá trị >0 sẽ tương đương với việc đẩy chữ lên cao, giá trị <0 tương đương đẩy chữ xuống thấp. Text Color: Đây là lựa chọn điều chỉnh màu sắc cho chữ đang được chọn. Language: Tùy chọn này dùng để thiếp lập các ngôn ngữ không phải tiếng Anh trong một số trường hợp cần thiết. Anti-Aliasing: Tùy chọn dùng để chỉnh chữ theo từng pixel điểm ảnh. Lượt qua một loạt lựa chọn
  • 3. trong tùy chọn này bạn sẽ thấy điểm khác biệt với từng kiểu khác nhau. Faux Bold và các tùy chọn Character khác Faux Bold: Nếu kiểu font chữ hiện tại bạn đang chọn đã là chữ đậm nhưng vẫn chưa ưng ý về độ “đậm” của nó, bạn có thể sử dụng thêm tùy chọn này để tăng thêm độ dày cho chữ. Faux Italic: Tương tự như Faux Bold, tùy chọn này dùng để tăng thêm độ nghiêng của chữ. Uppercase: Chuyển toàn bộ font chữ của bạn thành chữ hoa. Rất hữu ích trong việc văn bản đang cần chuyển sang chữ hoa là đoạn văn bản dài. Small Caps: Vẫn là lựa chọn để tạo chữ hoa cho toàn bộ đoạn văn bản, tuy nhiên tùy chọn này có khác biệt là những chữ thường được tạo thành hoa sẽ nhỏ hơn một chút so với những chữ đã được viết hoa sẵn. Superscript: Thay đổi chữ hoặc đối tượng chữ đang được chọn thành chỉ số trên, ví dụ như 28 Subscript: Thay đổi chữ hoặc đối tượng chữ đang được chọn thành chỉ số dưới, ví dụ như C6H12O6. Underline: Thêm một đường gạch chân vào dưới đoạn văn bản đã chọn Strikethrough: Thêm một đường gạch ngang thông qua tất cả các văn bản đang chọn. Options Panel và Type Tool Có một vài tùy chọn không có trong Character Panel nhưng bạn có thể tìm thấy trong thanh công cụ phía trên màn hình làm việc – Options Panel – khi đang chọn công cụ Type (T) Text Orientation: Tùy chọn này dùng để điều chỉnh hướng của văn bản theo chiều dọc hay chiều ngang. Alignment: Thiết lập canh lề cho các đối tương văn bản đã được xác đinh theo lề trái (Left Aligned), lề phải (Right Aligned) hay canh giữa (Center Aligned)
  • 4. Warp Text: Uốn đối tượng văn bản theo một hình dạng xác định, hình dạng này cũng có thể điều chỉnh độ cong/nghiêng sao cho phù hợp. Tùy chọn này thường được sử dụng trong trường hợp đối tượng văn bản tạo ra là biểu ngữ.. Thiết kế một bìa sách dạng đơn giản Thiết kế phải đi kèm với ứng dụng thực tế thì người dùng mới nắm rõ được những kiến thức cơ bản áp dụng hữu ích như thế nào. Hướng dẫn trong mục này là tạo một bìa sách cơ bản, cuốn sách On The Origin of Species By Mean of Natural Selection của tác giả Charles Darwin. Nhấn Ctrl + L để mở công cụ Levels và điều chỉnh lại bức ảnh của Darwin. Trong thiết kế thì việc bố trí vị trí phù hợp để trình bày các thành phần là khá cơ bản.
  • 5. Khi bức ảnh đã được làm tối đi, vào Image > Mode > Grayscale, giữ Ctrl và kích chuột vào channel Gray trong Panel Channels. Thao tác này sẽ tạo ra một vùng lựa chọn tất cả các vùng màu còn trắng của bức ảnh.
  • 6. Nhấn Ctrl + Shift + N để tạo một lớp mới
  • 7. Vào Edit > Fill để phủ lớp màu trắng lên vùng lựa chọn của lớp vừa tạo. Bức ảnh biểu tượng Darwin giờ đã nổi bật khỏi nền đen và bạn có thể sử dụng như một phần tử để tạo bìa
  • 8. Nhấn Ctrl + N để tạo một file mới ở kích thước cần tạo bìa của bạn. Và đây là khung làm việc rất dài, tương đương với quyển sách
  • 9. Chọn màu foreground bất kỳ trong hộp công cụ, màu tối là phù hợp hơn cả. Vào Edit > Fill để đổ màu Foreground cho nền sách Nền lúc này sẽ có màu rượu vang như đã chọn trước đó.
  • 10. Nhấn phím V để lựa chọn công cụ Move. Mở tập tin gốc có bức ảnh Darwin đã sửa trước đó và kéo layer ảnh bạn vừa sửa vào ảnh khung làm việc của ảnh mới với công cụ Move.
  • 11. Lớp ảnh vừa kéo nên nằm phía trên lớp nền của file mới.
  • 12. Nhấn phím T hoặc chọn công cụ Type Không phải tất cả các font chữ đều phù hợp. Font theo pixel điểm là không phù hợp trong trường hợp này.
  • 13. Một font cổ điển sẽ phù hợp hơn. Để chọn được font chữ phù hợp không hoàn toàn đơn giản, nó có thể là việc khó khăn và gây tốn thời gian nhất, nhưng lại là việc quan trọng nhất của thiết kế.
  • 14. Thay đổi kích thước font và chia tiêu đề sách thành 2 dòng. Khi đã chọn được font phù hợp, điều chỉnh Character Panel để có được định dạng phù hợp.
  • 16. Sau khi điều chỉnh xong kích thước, bạn cần điều chỉnh thêm về Leading Sau đó là đến vấn đề khoảng cách giữa các chữ cái. Tăng kích thước của Tracking để cho tiêu đề dễ đọc Bổ xung thêm thông tin vào tiêu đề với font chữ nhỏ hơn và sắp xếp lại ảnh Darwin
  • 18. Bạn có thể bổ xung thêm các yếu tố hình ảnh phụ họa vào để bớt phần đơn điệu của trang bìa.
  • 19. Chỉ cần vài điểm xuyến cơ bản, bạn đã có được một bức ảnh bìa sách khá đơn giản mà vẫn đẹp. Thiết kế không phải là việc tìm hay vẽ được một hình ảnh nào đó đẹp mà là việc phải tìm được chỗ để đặt hình ảnh đó một cách phù hợp.