Làm thế nào để tạo một hiệu ứng văn bản lặp đi lặp lại trừu tượng trong Adobe Illustrator

Trong hướng dẫn này, bạn sẽ tìm hiểu cách sử dụng tùy chọn Offset Path trong trình minh họa và sự khác biệt giữa việc sử dụng nó thông qua phương thức bảng điều khiển Appearance và phương thức thanh menu.

1. Cách tạo tài liệu Illustrator

Bước 1


Trong Illustrator , vào File> New . Đặt tên cho tài liệu là Infinity. Đặt Width thành 1080 pxHeight thành 1080 px . Đặt Color Mode thành RGBResolution 72 Pixels / Inch. Nhấp vào OK .

005-4-Infinity-1.jpg

Bước 2


Trên thanh công cụ, chọn Type Tool (T), nhấp vào artboard và nhập Infinity. Tôi đang sử dụng Font Bergen Sans Regular và kích thước ở mức 200pt.

005-4-Infinity-2.jpg

Bước 3


Chuyển đến Window > Align để hiển thị bảng Align. Nhấp vào trình đơn thả xuống và chọn Align to: Align to Artboard và chọn các nút Horizontal Align CenterVertical Align Center. Điều này sẽ căn chỉnh văn bản đến trung tâm của bảng vẽ.

005-4-Infinity-3.jpg

Bước 4


Trong khi chọn hộp văn bản, nhấn Shift-Command-O để tạo phác thảo trên văn bản.

005-4-Infinity-4.jpg

2. Cách sử dụng Công cụ Offset Path


Công cụ Offset Path có thể được truy cập theo hai cách:
  1. Vào bảng Appearance và nhấp vào Fx> Path> Offset Path.
  2. Trong menu, đi tới Object Path> Offset Path
Sự khác biệt chính khi sử dụng hai điều này là khi sử dụng Option 1, đối tượng sẽ chỉ xuất hiện offset path. Với Option 2, đối tượng sẽ được tự động sao chép và đường dẫn sẽ được áp dụng cho bản sao của nó trong khi vẫn duy trì giao diện của đối tượng chính.

Trong khi cả hai mang lại cùng một kết quả trực quan, tôi thích làm việc với Option 2 vì nó cho phép tôi có mỗi layer như một đối tượng mở rộng.

Trong cửa sổ tùy chọn Offset Path là một vài tùy chọn khác:
  • Offset: Bạn có thể đặt giá trị là dương hoặc âm; điều này sẽ làm cho hình dạng lớn hơn hoặc nhỏ hơn trong đối tượng.
  • Joins: Có ba loại cách khác nhau để kết thúc các góc của đối tượng. Mitre là cho các góc nhọn, round cho các góc tròn, và bevel cho góc bình phương.
  • Miter Limit: Thông thường, giá trị này luôn được đặt ở mức 4 nhưng bạn có thể đặt bất kỳ giá trị nào tùy thuộc vào khoảng cách bạn muốn các điểm mở rộng ra khỏi các góc trên hình bạn đang làm việc. Đối với một góc độ cấp tính, bạn có thể muốn có giới hạn miter cao hơn.
Dưới đây, tôi sẽ chỉ cho bạn cách thực hiện hướng dẫn này theo hai cách tôi vừa đề cập.

Option A

Bước 1


Đối với hướng dẫn này, chúng ta sẽ tạo ra một đường dẫn Offset bằng cách sử dụng bảng Appearance. Chúng ta cần copy và paste vào đối tượng. Nhấn Command-C theo sau là Shift-Command-V để dán vào vị trí. Trực quan, không có gì sẽ xảy ra được nêu ra, nhưng nó sẽ tạo sự khác biệt trong một vài bước.

005-4-Infinity-5.jpg

Bước 2


Trên thanh công cụ, nhấp đúp chuột vào màu Fill và thay đổi nó thành màu trắng. Tôi sẽ thay đổi cho bước này thành màu xanh nhạt để bạn có thể thấy hiệu ứng trên màn hình. Hãy nhớ rằng chúng ta sẽ xen kẽ màu sắc.

005-4-Infinity-6.jpg

Bước 3


Vào Object> Appearance. Nhấp vào Fx > Path > Offset Path. Thao tác này sẽ mở cửa sổ tùy chọn Offset Path. Nhấp vào hộp bên cạnh Preview. Đặt giá trị Offset thành 10px, JoinMitre, và Mitre Limit thành 4. Nhấp OK.

Nhấn Shift-Command- {.

005-4-Infinity-7.jpg

Bước 4


Để tạo ảo ảnh của đối tượng này đang mở rộng, bạn cần làm theo các bước sau cho đến khi bạn đã điền toàn bộ bảng vẽ:

Nhấn Command-C theo sau là Shift-Command-V để dán vào vị trí. Thay đổi Fill thành màu đen. Đi qua bảng Appearancenhấp đúp vào hiệu ứng Offset Path đã được áp dụng để chỉnh sửa cài đặt. Tăng giá trị đường dẫn Offset lên 10 px cho mỗi bước. Nhấp vào OK. Nhấn Shift-Command- {.

Lặp lại các bước này, xen kẽ các màu ở giữa và thêm 10 px gia tăng vào giá trị Offset path.

005-4-Infinity-8.jpg

Option B

Bước 1


Nhấn Command-C theo sau là Shift-Command-V để dán đối tượng Infinity vào vị trí. Trực quan, không có gì sẽ xảy ra được nêu ra, nhưng nó sẽ tạo sự khác biệt trong một vài bước.

005-4-Infinity-9.jpg

Bước 2


Trên thanh công cụ, nhấp đúp chuột vào màu Fill và chuyển sang màu trắng. Ngoài ra, bạn có thể đi qua Window > Color để mở bảng Color và thay đổi màu trực tiếp từ đó. Tôi sẽ thay đổi cho bước này thành màu xanh nhạt để bạn có thể thấy hiệu ứng trên màn hình.

005-4-Infinity-10.jpg
Bước 3

Đi đến Menu> Object Path> Offset Path, sẽ mở cửa sổ tùy chọn Offset Path. Nhấp vào hộp bên cạnh Preview. Đặt giá trị Offset thành 10 px, Join thành Mitre, và Mitre Limit thành 4. Nhấp OK.

005-4-Infinity-11.jpg

Bước 4


Bạn sẽ thấy rằng so với Option A, tùy chọn này nhân đôi đối tượng với phác thảo trong khi vẫn duy trì các điểm của đối tượng chính. Hãy đơn giản hóa điều này và sử dụng bảng Pathfinder và chọn Unite trong Shape Mode. Điều này sẽ hợp nhất đối tượng thứ hai mà chúng ta vừa sao chép.

Nhấn Shift-Command- { để gửi đối tượng về phía sau.

005-4-Infinity-12.jpg

Bước 5


Để tạo ảo ảnh của đối tượng này đang mở rộng, bạn cần làm theo các bước sau cho đến khi bạn đã điền toàn bộ bảng vẽ:

Chọn đối tượng cuối cùng và thay đổi Fill thành màu đen. Đi đến Menu> Object Path> Offset Path, sẽ mở cửa sổ tùy chọn Offset Path . Nhấp vào hộp bên cạnh Preview. Đặt giá trị Offset thành 10 px, Join thành Mitre, và Mitre Limit thành 4. Nhấp OK.

Sử dụng bảng Pathfinder và chọn Unite trong Shape Mode.

Nhấn Shift-Command- { .

Lặp lại các bước này, xen kẽ các màu ở giữa. Đối với tùy chọn này, bạn không cần phải thêm 10 px increments vào giá trị Offset vì bạn sẽ làm việc trực tiếp từ đối tượng được sao chép.

005-4-Infinity-13.jpg

3. Cách thêm Drop Shadow


Bước 1


Để thêm chiều sâu cho tác phẩm nghệ thuật, hãy chọn đường dẫn bù đắp. Trên bảng Appearance, chọn Fx> Stylize> Drop Shadow, sẽ mở cửa sổ tùy chọn Drop Shadow. Đặt Blend ModeMultiply, Opacity đến 40%, XY offset để 7 px, và Blur5 px. Bạn có thể chọn hộp Preview để xem các thay đổi ngay lập tức. Nhấp vào OK.

005-4-Infinity-14.jpg

Bước 2


Trên thanh công cụ, chọn công cụ Rectangle Tool (M) và vẽ một hình vuông bằng cách nhấn Shift và kéo trên bảng để tạo hình vuông.

005-4-Infinity-15.jpg

Bước 3


Đối với màu Fill, chọn Không. Chọn hình vuông và tất cả các đường dẫn bù đắp mà chúng tôi đã tạo. Nhấn Command-7 để tạo mặt nạ cắt xung quanh các đường dẫn mà chúng ta đã tạo.

005-4-Infinity-16.jpg

4. Cách lưu tệp Illustrator và Jpeg

Để lưu tệp, hãy chuyển đến File > Save As... để lưu tệp dưới dạng tệp Adobe Illustrator. Nếu bạn muốn lưu dưới dạng JPEG, hãy chuyển đến File > Export, chọn định dạng và cảm thấy tự do để kiểm tra Sử dụng Artboards nếu bạn đã đặt các phần tử bên ngoài bản vẽ của mình trên tài liệu. Nhấp vào Export.

005-4-Infinity-17.jpg

Xin chúc mừng! Bạn đã hoàn thành hướng dẫn này!


005-4-Infinity-final.jpg

Nguồn: Tutsplus.com
 

Đính kèm

  • 005-4-Infinity-final.jpg
    005-4-Infinity-final.jpg
    128.2 KB · Lượt xem: 0
  • Thẻ
    illustrator tutorial
  • DesignerVN là chuyên trang cung cấp thông tin dành cho cộng đồng Designer, nhà thiết kế Việt Nam. Thư viện font chữ, tài nguyên thiết kế đa dạng.
    Back
    Bên trên