Hướng dẫn sử dụng Font Awesome trong Photoshop

Kỹ thuật lỗi thời để tạo các biểu tượng được sử dụng để cắt xén hình ảnh theo cách thủ công để làm biểu tượng.

Kỹ thuật lỗi thời để tạo các biểu tượng được sử dụng để cắt xén hình ảnh theo cách thủ công để làm biểu tượng.

Điều này cực kỳ tốn thời gian. Bây giờ các biểu tượng Google Font Awesome giải quyết vấn đề này.

Trong hướng dẫn này, bạn sẽ tìm hiểu cách đặt biểu tượng Phông chữ Tuyệt vời trong tài liệu web Photoshop của mình bằng cách nhập tên của biểu tượng.

Với mục đích của hướng dẫn này, chúng tôi sẽ làm việc với Font Awesome Free. Chúng tôi sẽ sử dụng nó với Photoshop CC 2018 được cài đặt trên Windows 10.

Bạn cũng có thể áp dụng các hướng dẫn này cho phiên bản trả tiền của Biểu tượng Google Font Awesome. Cả hai bộ biểu tượng Miễn phí và Trả phí cũng có thể được cài đặt trên Mac.

Bước 1. Tải xuống các biểu tượng miễn phí tuyệt vời về phông chữ

  • Truy cập trang web Font Awesome và tải xuống Font Awesome Free .

02 phông chữ tải về miễn phí tuyệt vời

  • Giải nén tệp đã tải xuống trên ổ cứng của bạn. Bây giờ bạn sẽ thấy hai thư mục:
    • thư mục tập tin fontawgie-free-xyz
    • thư mục nén (nén) fontawgie-free-xyz

03 trích xuất phông chữ tuyệt vời miễn phí vào ổ cứng của bạn

  • Chuyển đến thư mục tệp fontawgie-free-xyz . Bạn sẽ thấy một thư mục fontawgie-free-xyz khác . Mở nó ra.
  • Bạn sẽ thấy một vài thư mục và tập tin. Tìm thư mục sử dụng trên máy tính để bàn :

05 tìm thấy sử dụng trên thư mục máy tính để bàn

  • Bấm vào thư mục này. Bây giờ bạn sẽ thấy các tệp phông chữ Font Awesome:

06 tập tin phông chữ tuyệt vời

  • Nhấp chuột phải vào bất kỳ một trong ba loại phông chữ. Để tìm hiểu thêm về cách mỗi biểu tượng hiển thị biểu tượng, vui lòng truy cập Thư viện Biểu tượng Tuyệt vời Phông chữ :
  • Bạn sẽ thấy cửa sổ bật lên Trình đơn ngữ cảnh. Nhấp vào Cài đặt:

04 lần cài đặt

  • Phông chữ của bạn sẽ cài đặt gần như ngay lập tức. Lặp lại các bước trên để cài đặt hai loại phông chữ còn lại nếu bạn muốn.

Làm tốt! Bây giờ bạn đã cài đặt các tệp phông chữ Font Awesome trên Windows của mình. Hãy kiểm tra kỹ để đảm bảo rằng chúng đã được cài đặt trên Windows của chúng tôi và sẵn sàng với Photoshop của chúng tôi.

  • Trong Windows của bạn, khởi chạy Trình quản lý phông chữ. Bạn sẽ thấy (các) phông chữ của bạn được hiển thị một cách vui vẻ. Tôi đã cài đặt cả ba trong số họ. Vì vậy, Trình quản lý phông chữ của tôi hiển thị cả ba cho tôi:
  • Khởi chạy Photoshop của bạn. Mở danh sách các phông chữ có sẵn cho bạn. Bây giờ bạn sẽ thấy các phông chữ Phông chữ tuyệt vời được liệt kê, với một mục nhập Phông chữ tuyệt vời miễn phí cho cả loại phông chữ miễn phí thường xuyên và miễn phí:

Bước 2. Tìm một Tên Biểu tượng Tuyệt vời

Các Biểu tượng Tuyệt vời Phông chữ đã sẵn sàng với Photoshop của bạn dưới dạng các loại phông chữ. Trước khi bạn có thể sử dụng một biểu tượng trong tài liệu Photoshop mới hoặc hiện tại của bạn, bạn cần tìm tên biểu tượng.

  1. Chuyển đến ” Font Awesome Free’s Chcoateet “. Chọn loại phông chữ yêu cầu. Với mục đích của hướng dẫn này, tôi đã chọn “Solid”.
  2. Tìm tên biểu tượng bên cạnh biểu tượng bạn muốn sử dụng. Với mục đích của hướng dẫn này, tôi đã chọn thêm vào tài liệu hình ảnh Photoshop của mình “thẻ địa chỉ”:

11 chọn kiểu chữ chọn biểu tượng

Thông minh! Bây giờ bạn đã sẵn sàng để thêm biểu tượng Google Font Awesome đã chọn vào tài liệu Photoshop mới hoặc hiện có của bạn.

Bước 3. Thêm biểu tượng vào tài liệu hình ảnh Photoshop của bạn

Bây giờ bạn đã sẵn sàng để thêm biểu tượng “thẻ địa chỉ” vào tài liệu Photoshop mới hoặc hiện có của bạn. Trong ví dụ của tôi, tôi sẽ thêm nó vào một tài liệu mới.

  1. Khởi chạy Photoshop của bạn và tạo một tài liệu mới. Nhấp vào công cụ Kiểu ngang .
  2. Vẽ một hình chữ nhật.
  3. Chọn Phông chữ Tuyệt vời Miễn phí :

12 nhấp vào công cụ vẽ ngang và chọn phông chữ tuyệt vời

  • Nhập thẻ địa chỉ bên trong hình chữ nhật:

13 gõ vào tên biểu tượng

  • Khi bạn nhập tên biểu tượng đầy đủ, bạn sẽ thấy văn bản thẻ địa chỉ được thay thế bằng chính biểu tượng đó:

14 biểu tượng được hiển thị

Có bạn có nó. Với biểu tượng Google Font Awesome đã chọn theo ý của bạn, giờ đây bạn có thể tiếp tục tạo phần còn lại của tài liệu hình ảnh Photoshop của mình theo ý muốn.

Nguồn:


ostraining.com

How to Use Font Awesome in Photoshop Designs

In this tutorial, you will learn how to place a Font Awesome icon in your Photoshop web document by simply typing in the icon’s name.