Hướng dẫn cách thực hiện Geek để học Photoshop, Phần 7: Thiết kế và Typography

Mục lục:

Hướng dẫn cách thực hiện Geek để học Photoshop, Phần 7: Thiết kế và Typography
Hướng dẫn cách thực hiện Geek để học Photoshop, Phần 7: Thiết kế và Typography

Video: Hướng dẫn cách thực hiện Geek để học Photoshop, Phần 7: Thiết kế và Typography

Video: Hướng dẫn cách thực hiện Geek để học Photoshop, Phần 7: Thiết kế và Typography
Video: Hướng dẫn cách chia đôi màn hình cho ipad - YouTube 2024, Tháng Ba
Anonim
Các chương trình như Photoshop đã cho phép các nhà thiết kế mới trở thành nhà thiết kế nhảy vào và tạo ra dễ dàng hơn bao giờ hết. Hãy xem nó dễ dàng như thế nào bằng cách tìm hiểu Type Character Panel và áp dụng nó cho một số công việc thiết kế cơ bản.
Các chương trình như Photoshop đã cho phép các nhà thiết kế mới trở thành nhà thiết kế nhảy vào và tạo ra dễ dàng hơn bao giờ hết. Hãy xem nó dễ dàng như thế nào bằng cách tìm hiểu Type Character Panel và áp dụng nó cho một số công việc thiết kế cơ bản.

Sau khi đã giới thiệu ngắn gọn về công cụ văn bản trong Phần 1, Hộp công cụ và tạo các đối tượng văn bản trong Phần 3, Lớp, hãy xem xét kỹ hơn cách thiết lập kiểu chữ trong Photoshop. Tất nhiên, nếu bạn đã bỏ lỡ bất kỳ phần nào của Hướng dẫn Làm thế nào để Geek để học Photoshop, mỗi vẫn có sẵn trong liên kết này đi kèm.

Phông chữ và Bảng điều khiển ký tự

Trong khi các chương trình vectơ như Adobe Illustrator là những lựa chọn vượt trội để xử lý các hình dạng trừu tượng như phông chữ, Photoshop không hề bị ảnh hưởng trong bộ phận Typography. Nó có khả năng gần như bất kỳ điều trị typographic Illustrator có khả năng, và một số mà nó không phải là.

Bạn có thể tìm thấy bảng điều khiển ký tự bằng cách vào Window> Character, nếu nó chưa nằm trong bảng điều khiển bên phải của bạn. Nó rất phong phú với các tùy chọn cho văn bản của bạn, mà chúng tôi sẽ đi qua bây giờ. Được cảnh báo, rằng phần này chứa các thuật ngữ typographic phức tạp mà bạn có thể hoặc có thể không biết. Dọn dẹp các điều khoản về kiểu chữ của bạn với bài viết How-To Geek, “Hiểu Typography Giống như một nhà thiết kế chuyên nghiệp,” hoặc đơn giản là tiếp tục đọc.
Bạn có thể tìm thấy bảng điều khiển ký tự bằng cách vào Window> Character, nếu nó chưa nằm trong bảng điều khiển bên phải của bạn. Nó rất phong phú với các tùy chọn cho văn bản của bạn, mà chúng tôi sẽ đi qua bây giờ. Được cảnh báo, rằng phần này chứa các thuật ngữ typographic phức tạp mà bạn có thể hoặc có thể không biết. Dọn dẹp các điều khoản về kiểu chữ của bạn với bài viết How-To Geek, “Hiểu Typography Giống như một nhà thiết kế chuyên nghiệp,” hoặc đơn giản là tiếp tục đọc.

Họ phông chữ: Khi bạn chọn phông chữ, đối tượng văn bản của bạn được đặt trong, ví dụ như Helvetica, Arial, Times New Roman, v.v.

Kiểu phông chữ: Nếu bạn đã cài đặt phông chữ, “kiểu phông chữ” của bạn có thể hoạt động, đây là nơi bạn có thể chọn các phiên bản thay thế của cùng một khuôn mặt. Ví dụ: Arial Bold, Arial Narrow, Arial Condensed, Arial Rounded MT, Arial Black, v.v.

Cỡ chữ: Nơi bạn có thể thay đổi số lượng phông chữ của bạn. Nhập số ở đây hoặc sử dụng menu kéo xuống cho các kích thước điểm chung được đề xuất.

Dẫn đầu: Thuật ngữ kiểu chữ cho khoảng cách giữa các dòng văn bản đoạn văn, được đặt theo điểm.

Kerning: Khoảng cách ngang giữa các cặp chữ cái. Các giá trị số âm ở đây sẽ đóng dấu cách giữa các ký tự trong khi giá trị dương sẽ thêm khoảng cách giữa các chữ cái.

Theo dõi: Tương tự như khái niệm Kerning, theo dõi điều chỉnh độ sành điệu chung trên toàn bộ đối tượng văn bản hoặc trên một số chữ cái được chọn. Bạn có thể điều chỉnh theo dõi trên một đối tượng văn bản, và sau đó kern giữa các chữ cái riêng lẻ, nếu bạn muốn.

Thang dọc: Một cách kiểm soát để kéo dài và squash typography lên và xuống. Nhập giá trị số ở đây theo phần trăm của chiều cao ký tự ban đầu.

Quy mô ngang: Một cách kiểm soát để căng và squash typography bên trái và bên phải. Nhập giá trị số ở đây theo phần trăm của chiều rộng ký tự ban đầu.

Shift cơ sở: Đường cơ sở là dòng văn bản "nằm". Di chuyển một số ký tự đã chọn khỏi đường cơ sở để làm cho chúng xuất hiện cao hơn hoặc thấp hơn phần còn lại của văn bản đã đặt.

Văn bản màu: Vùng có thể điều chỉnh màu đối tượng văn bản.

Ngôn ngữ: Điều chỉnh ngôn ngữ mà văn bản được đặt trong trường hợp cần có ký tự không phải tiếng Anh.

Anti-Aliasing: Các tùy chọn để hiển thị văn bản bằng pixel bằng cách điều chỉnh lượng pixel làm mờ được sử dụng để mô tả các cạnh của loại. "Không" hiển thị các chữ cái trong các pixel cứng, trong khi tất cả những người khác sử dụng các hình thức chống răng cưa khác nhau.

Faux Bold và các tùy chọn khác của bảng điều khiển ký tự

Faux Bold: Kích thước phông chữ hiện tại của bạn dày lên giả tạo để tạo phông chữ đậm nhân tạo. Việc sử dụng phông chữ đậm thực tế trong “Phông chữ gia đình” hoặc “Kiểu phông chữ” thường thích hợp hơn.
Giả nghiêng: Phông chữ hiện tại của bạn được nghiêng một cách giả tạo ở bên phải, tạo ra một cái nhìn nghiêng nghiêng. Một lần nữa, việc sử dụng phông chữ nghiêng thực trong “Phông chữ gia đình” hoặc “Kiểu phông chữ” là thích hợp hơn.
Chữ hoa: Chuyển đổi loại của bạn thành tất cả chữ hoa. Rất hữu ích trong những trường hợp mà nó là tốn thời gian để gõ lại phần lớn của văn bản trường hợp trên và dưới.
Mũ nhỏ: Tạo một mũ nhỏ giả bằng cách thu hẹp kích thước điểm của các chữ in hoa của bạn. Tất cả các chữ cái thường sẽ được thay thế bằng các thủ đô nhỏ hơn này trong đối tượng văn bản của bạn.
Siêu âm: Thay đổi văn bản hoặc đối tượng văn bản đã chọn thành siêu chữ số, như trong trường hợp 28.
Image
Image
Subscript: Thay đổi văn bản hoặc đối tượng văn bản đã chọn thành chỉ số con, như trong trường hợp của C6H12O6.
Image
Image
Gạch dưới: Thêm một dấu gạch dưới đơn giản bên dưới văn bản hoặc đối tượng văn bản đã chọn của bạn.
Image
Image
Đường gạch ngang: Thêm một cảnh cáo đơn giản thông qua tất cả văn bản hoặc đối tượng văn bản đã chọn của bạn.
Image
Image

Bảng tùy chọn và công cụ Type

Một số tùy chọn không khả dụng trong Bảng điều khiển ký tự đang chờ ở đầu màn hình, trong Bảng tùy chọn, khi bạn sử dụng công cụ Type. Ba điều này là:
Một số tùy chọn không khả dụng trong Bảng điều khiển ký tự đang chờ ở đầu màn hình, trong Bảng tùy chọn, khi bạn sử dụng công cụ Type. Ba điều này là:
Image
Image
Định hướng văn bản: Chuyển hướng văn bản trong đối tượng văn bản của bạn chạy, theo chiều ngang hoặc chiều dọc.
Image
Image
Căn chỉnh: Đặt căn chỉnh của đối tượng văn bản của bạn thành Căn trái, Căn giữa, hoặc Căn phải.
Image
Image
Văn bản dọc: Warps đối tượng văn bản vào một trong một số hình dạng có thể điều chỉnh được xác định trước, như biểu ngữ hoặc các đối tượng khác.
Image
Image

Thiết kế bìa sách đơn giản

Image
Image

Bởi vì thiết kế là ứng dụng thế giới thực, chúng ta sẽ xem xét việc tạo ra một thiết kế bìa sách cơ bản cho một trong những cuốn sách khoa học quan trọng nhất (không phải là gây tranh cãi) mọi thời đại, Về nguồn gốc của loài theo phương tiện lựa chọn tự nhiên, bởi Charles Darwin.

Image
Image
đưa lên các công cụ mức độ để điều chỉnh hình ảnh của Darwin. Mặc dù thiết kế không nhất thiết đơn giản là về sắp xếp các yếu tố, cách tiếp cận đơn giản này sẽ đủ cho các mục đích trình diễn.
đưa lên các công cụ mức độ để điều chỉnh hình ảnh của Darwin. Mặc dù thiết kế không nhất thiết đơn giản là về sắp xếp các yếu tố, cách tiếp cận đơn giản này sẽ đủ cho các mục đích trình diễn.
Khi hình ảnh bị bôi đen, Ctrl nhấp vào kênh Màu xám trong bảng điều khiển kênh của bạn. Điều này tạo ra một lựa chọn của tất cả các màu trắng trong hình ảnh.
Khi hình ảnh bị bôi đen, Ctrl nhấp vào kênh Màu xám trong bảng điều khiển kênh của bạn. Điều này tạo ra một lựa chọn của tất cả các màu trắng trong hình ảnh.

Chỉnh sửa: Nếu tệp của bạn chưa có trong Grayscale, nhưng RGB hoặc CMYK, bạn nên chuyển đến Image> Mode> Grayscale trước Ctrl + Nhấp vào kênh màu xám của bạn. Nhờ HTG đọc l3utterfish để đưa điều này đến sự chú ý của tôi.

nhấn
nhấn
để tạo lớp mới.
để tạo lớp mới.
Chỉnh sửa> Điền để điền vào vùng chọn trong lớp mới của bạn với màu trắng.
Chỉnh sửa> Điền để điền vào vùng chọn trong lớp mới của bạn với màu trắng.
Image
Image

Các bức ảnh biểu tượng của Darwin bây giờ được lấy ra từ nền đen và sẵn sàng để được sử dụng như một yếu tố.

nhấn
nhấn
Image
Image
Image
Image

để tạo một tài liệu mới với kích thước ưa thích của bạn. Kích thước được minh họa có cùng kích thước của một cuốn sách quan trọng khác, Robert Bringhurst’s Các yếu tố của Typographic Style.

Và đây là không gian làm việc rất cao của chúng tôi cho bìa sách.
Và đây là không gian làm việc rất cao của chúng tôi cho bìa sách.
Chọn màu nền trước trong
Chọn màu nền trước trong
trong hộp công cụ của bạn. Bất kỳ màu nào cũng đủ, mặc dù trong phần trình diễn này, một màu tối là thích hợp hơn.
trong hộp công cụ của bạn. Bất kỳ màu nào cũng đủ, mặc dù trong phần trình diễn này, một màu tối là thích hợp hơn.
Chỉnh sửa> Điền và chắc chắn để đặt "Sử dụng" thành "Màu nền trước".
Chỉnh sửa> Điền và chắc chắn để đặt "Sử dụng" thành "Màu nền trước".
Nền được làm đầy với màu rượu được chọn trước đó.
Nền được làm đầy với màu rượu được chọn trước đó.
Nhấn phím tắt
Nhấn phím tắt
. Điều hướng đến tệp gốc của bạn và kéo lớp của bạn vào tệp mới bằng cách sử dụng Công cụ di chuyển đã chọn.
. Điều hướng đến tệp gốc của bạn và kéo lớp của bạn vào tệp mới bằng cách sử dụng Công cụ di chuyển đã chọn.
Lớp sẽ xuất hiện một cái gì đó như thế này bên trong tập tin mới.
Lớp sẽ xuất hiện một cái gì đó như thế này bên trong tập tin mới.
Image
Image

nhấn

hoặc chọn công cụ loại, minh họa ở trên để bắt đầu cài đặt loại.
hoặc chọn công cụ loại, minh họa ở trên để bắt đầu cài đặt loại.
Không phải tất cả các phông chữ đều phù hợp với nội dung. Phông chữ pixelated này là rất xấu cho khái niệm này.
Không phải tất cả các phông chữ đều phù hợp với nội dung. Phông chữ pixelated này là rất xấu cho khái niệm này.
Một phông chữ bảo thủ hơn có thể tôn trọng nội dung và tạo ra giao diện phù hợp hơn.
Một phông chữ bảo thủ hơn có thể tôn trọng nội dung và tạo ra giao diện phù hợp hơn.
Ngay cả với một vài tùy chọn phông chữ giới hạn được cài đặt, nó có vẻ có vẻ áp đảo. Tuy nhiên, việc chọn đúng phông chữ rất khó và tốn thời gian, nhưng hoàn toàn rất quan trọng đối với một phần thiết kế.
Ngay cả với một vài tùy chọn phông chữ giới hạn được cài đặt, nó có vẻ có vẻ áp đảo. Tuy nhiên, việc chọn đúng phông chữ rất khó và tốn thời gian, nhưng hoàn toàn rất quan trọng đối với một phần thiết kế.
Khi tìm thấy phông chữ phù hợp, việc điều chỉnh phông chữ với Bảng điều khiển ký tự là một vấn đề đơn giản.
Khi tìm thấy phông chữ phù hợp, việc điều chỉnh phông chữ với Bảng điều khiển ký tự là một vấn đề đơn giản.
Kích thước phông chữ được thay đổi và loại được chia thành hai dòng.
Kích thước phông chữ được thay đổi và loại được chia thành hai dòng.
Image
Image
Khi kích thước điểm được điều chỉnh, chúng tôi có thể gặp vấn đề với hàng đầu.
Khi kích thước điểm được điều chỉnh, chúng tôi có thể gặp vấn đề với hàng đầu.
Khi các chữ cái va chạm, người đọc sẽ bị bỏ lại với các vấn đề dễ đọc và dễ đọc. Điều chỉnh hàng đầu là phản hồi duy nhất.
Khi các chữ cái va chạm, người đọc sẽ bị bỏ lại với các vấn đề dễ đọc và dễ đọc. Điều chỉnh hàng đầu là phản hồi duy nhất.
Tăng kích thước điểm của hàng đầu sẽ cải thiện khả năng đọc của tiêu đề.
Tăng kích thước điểm của hàng đầu sẽ cải thiện khả năng đọc của tiêu đề.
Thông tin bổ sung sẽ phải được thêm vào, và thỉnh thoảng, Photoshop giả sử bạn muốn sử dụng cùng một phông chữ với kích thước điểm như đối tượng văn bản được sử dụng cuối cùng của bạn. Điều này có thể hoặc có thể không phải là trường hợp.
Thông tin bổ sung sẽ phải được thêm vào, và thỉnh thoảng, Photoshop giả sử bạn muốn sử dụng cùng một phông chữ với kích thước điểm như đối tượng văn bản được sử dụng cuối cùng của bạn. Điều này có thể hoặc có thể không phải là trường hợp.
Các đối tượng văn bản mới được thêm và điều chỉnh, chúng ta có thể bắt đầu truy cập toàn bộ thiết kế của mình.
Các đối tượng văn bản mới được thêm và điều chỉnh, chúng ta có thể bắt đầu truy cập toàn bộ thiết kế của mình.
Chúng tôi có thể tìm thấy chúng tôi muốn di chuyển các yếu tố xung quanh.
Chúng tôi có thể tìm thấy chúng tôi muốn di chuyển các yếu tố xung quanh.
Chúng tôi cũng có thể thêm nhiều yếu tố hoặc văn bản thay đổi tinh tế hơn, để giữ một dòng nhất quán trên trang. Công cụ Văn bản cũng sẽ cho phép bạn điều chỉnh lỗi chính tả, như các chữ cái "Có nghĩa là" "Tự nhiên" và "Lựa chọn" cần viết hoa trong tiêu đề.
Chúng tôi cũng có thể thêm nhiều yếu tố hoặc văn bản thay đổi tinh tế hơn, để giữ một dòng nhất quán trên trang. Công cụ Văn bản cũng sẽ cho phép bạn điều chỉnh lỗi chính tả, như các chữ cái "Có nghĩa là" "Tự nhiên" và "Lựa chọn" cần viết hoa trong tiêu đề.
Các yếu tố bổ sung cũng có thể giúp thiết kế, giống như bộ xương này của Lucy, loài Australopithecus afarensis nổi tiếng. Một lần nữa, thiết kế không nhất thiết là một sự kết hợp đơn giản của các yếu tố, vì nó có thể liên quan đến quá trình Photoshop hoàn toàn không có khả năng. Tuy nhiên, nó thường là một công cụ tuyệt vời cho loại công việc đồ họa này.
Các yếu tố bổ sung cũng có thể giúp thiết kế, giống như bộ xương này của Lucy, loài Australopithecus afarensis nổi tiếng. Một lần nữa, thiết kế không nhất thiết là một sự kết hợp đơn giản của các yếu tố, vì nó có thể liên quan đến quá trình Photoshop hoàn toàn không có khả năng. Tuy nhiên, nó thường là một công cụ tuyệt vời cho loại công việc đồ họa này.

Mẹo Photoshop khiến bạn bối rối? Bắt đầu lúc bắt đầu! Xem các phần trước của Hướng dẫn Cách Làm quen với Photoshop.

  • Phần 1: Hộp công cụ
  • Phần 2: Các bảng cơ bản
  • Phần 3: Giới thiệu về Lớp
  • Phần 4: Trình đơn cơ bản
  • Phần 5: Chỉnh sửa ảnh mới bắt đầu
  • Phần 6: Nghệ thuật kỹ thuật số
  • Phần 7: Thiết kế và Typography
  • Phần 8: Bộ lọc

Hãy trở lại với How-To Geek cho phần cuối cùng của Hướng dẫn Học Photoshop, nơi chúng tôi sẽ giới thiệu hướng dẫn của chúng tôi với Bộ lọc Photoshop.

Hình ảnh tín dụng: Darwin của Julia Margaret Cameron, trong phạm vi công cộng. Lucy của Wikipedia 120 người dùng, được cung cấp theo Creative Commons.

Đề xuất: