Cách làm pattern trong photoshop

Mùa hè nóng bỏng trên thiên đường nhiệt đới! Còn gì tuyệt vời hơn nữa? Trong bài hướng dẫn này, chúng ta sẽ tạo ra một mẫu pattern nhiệt đới của chúng ta, làm cho nó liền mạch và khám phá thêm một vài cách áp dụng pattern này nhé! Chúng ta sẽ sử dụng những hình học cơ bản cũng như những hình tùy biến có sẵn, tạo ra những hình yêu thích chỉ với một vài cú nhấp chuột và thêm chi tiết cho nó với sự trợ giúp của các cọ kết cấu.

Những mẫu pattern và kết cấu texture hiện diện khắp nơi xung quanh chúng ta. Chúng được sử dụng trong các thiết kế web và cho các tài liệu in, chúng trang trí cho các bộ áo quần và trên tường, và chúng ta sử dụng chúng để làm giấy gói và rất nhiều mục đích khác.

Trong bài hướng dẫn này, chúng ta sẽ tạo ra một kết cấu lấy cảm hứng từ thiên nhiên. Cuối bài này, bạn sẽ có thể tạo ra kiểu mẫu bất kỳ trong cùng một phong cách, cho dù đó là một mẫu pattern liền mạch phong cách hoa hay sinh nhật, mẫu giấy gói thức ăn hay bất cứ thứ gì khác. Nếu bạn muốn làm chắc các kỹ năng của mình bằng cách tạo ra những kết cấu đa dạng, hãy ghé thăm Envato Market để tạo cảm hứng, và sau đó sẵn sàng để bắt đầu!

1. Sử dụng và tùy biến các hình cơ bản để vẽ các yếu tố nhiệt đới.

Bước 1

Bắt đầu tạo một New File kích cỡ 2000 x 2000 px. Chúng ta sẽ làm tập tin này đủ để sử dụng cho in ấn, nếu cần.

Cách làm pattern trong photoshop
Cách làm pattern trong photoshop
Cách làm pattern trong photoshop

Bước 2

Dùng Ellipse Tool (U) và bắt đầu tạo trái thơm. Tạo một hình ovan màu vàng, 550 x 660 px. Bạn có thể điều chỉnh kích thước của hình này mà màu tô của nó trong bảng Properties (Window > Properties).

Dùng Direct Selection Tool (A) để chọn điểm neo dưới cùng và kéo các tay xoay điểm neo, làm cho nó dài hơn và làm cho phần đáy của trái dứa bằng phẳng hơn.

Cách làm pattern trong photoshop
Cách làm pattern trong photoshop
Cách làm pattern trong photoshop

Bước 3

Bây giờ chúng ta sẽ tạo hình cho phần trên, hoặc " vương miện" của quả dứa. Tiếp tục dùng Ellipse Tool (U) để tạo một hình oval 70 x 400 px, tô màu xanh lam.

Dùng Convert Point Tool (trong cùng một menu xổ xuống với Pen Tool), và click vào các điểm neo trên và dưới cùng để tạo chóp cho hình được làm nhọn.

Cách làm pattern trong photoshop
Cách làm pattern trong photoshop
Cách làm pattern trong photoshop

Bước 4

Bây giờ uốn hình này nhé. Nhấn Control-T cho Free Transform Path. Click chuột phải và chọn Warp. Vào bảng điều khiển ở phần trên cùng và mở menu xổ xuống để chọn hiệu ứng Arc. Chúng ta cần hình này cong qua bên trái, vì thế, click vào Change the warp orientation để thay đổi hướng làm cong và thiết lập giá trị Bend30.

Trông ổn rồi đấy! Nhấn Enter để áp dụng hiệu ứng.

Cách làm pattern trong photoshop
Cách làm pattern trong photoshop
Cách làm pattern trong photoshop

Bước 5

Nhấn Control - T để dùng Free Transform Path và xoay chiếc lá, gắn nó vào quả dứa. Áp dụng phép biến đổi và nhấn Control-J để tạo layer sao chép của chiếc lá. Làm cho nó lớn hơn một chút bằng Free Transform Path, và gắn nó lên trên chiếc lá đầu tiên. Tạo một chiếc lá khác, thay đổi kích cỡ của nó.

Chọn toàn bộ ba chiếc lá, nhân đôi (Control-J) chúng và áp dụng Edit > Transform > Flip Horizontal để tạo ra những hình đối xứng trên cạnh đối diện. Hoàn thành phần trên của quả dứa, gắn những cái lá với nhau và dặt cái lá thẳng đứng ở giữa.

Cách làm pattern trong photoshop
Cách làm pattern trong photoshop
Cách làm pattern trong photoshop

Bước 6

Bây giờ chúng ta cần làm cho quả dứa có thể chỉnh sửa được để thêm vào các chi tiết cho nó. Chọn layer có hình màu vàng trong bảng Layers, click chuột phải và Rasterize Layer. Sau khi rasterize hình này, chúng ta sẽ không thể thay đổi kích thước của nó mà không làm giảm chất lượng. Tuy nhiên, nó cho phép chúng ta thao tác với các cọ và Eraser Tool (E).

Cách làm pattern trong photoshop
Cách làm pattern trong photoshop
Cách làm pattern trong photoshop

Bước 7

Chúng ta sẽ vẽ những cái vảy hoặc cái đốt được cách điệu lên trên của dứa. Chúng ta sẽ sử dụng Clipping Mask để dễ dàng xóa hoặc trở lại bất cứ thao tác nào, thao tác theo cách không thể phá hủy.

Chọn layer hình màu vàng trong bảng Layers và click Add vector mask nằm ở phía dưới bảng này.

Bây giờ, hướng tới Pen Tool (P) và tạo một nét chéo ngang qua quả dứa trong khi vẫn giữ phím Shift.

Cách làm pattern trong photoshop
Cách làm pattern trong photoshop
Cách làm pattern trong photoshop

Bước 8

Chọn Clipping Mask trong bảng Layers và chọn màu Fill màu đen trong bảng Color.

Dùng Brush Tool (B)click chuột phải để mở danh sách các cọ. Chọn cọ có kết cấu tròn bất kỳ mà bạn thích. Tôi sử dụng cọ Hard Round 9 #1 từ bộ M Brushes mặc định.

Trở lại Pen Tool (P), click chuột phải trên Artboard và chọn Stroke Path. Thiết lập Tool thành Brush và click OK để tạo một nét viền bề mặt. Như bạn thấy, đường vector làm bằng Pen Tool (P) vẫn thấy được.

Theo cách này, chúng ta đang thật sự tạo một khoảng trống, xóa một phần của quả dứa bằng Clipping Mask.

Cách làm pattern trong photoshop
Cách làm pattern trong photoshop
Cách làm pattern trong photoshop

Bước 9

Vẽ một đường chéo bằng Pen Tool (P) hoặc chọn đường path vector đang có bằng Move Tool (V) và nhấn Control-T để dùng Free Transform Path. Dời đường chéo này xuống dưới. Gõ Enter để áp dụng sự biến đổi, và sau đó dùng Pen Tool (P) click chuột phải vào Stroke Path.

Tiếp tục dời đường chép này xuống và Stroke Path, thêm nhiều nét stroke có kết cấu rỗng ngang qua quả dứa.

Cách làm pattern trong photoshop
Cách làm pattern trong photoshop
Cách làm pattern trong photoshop

Bước 10

Khi bạn đã bao phủ quả dứa bằng những nét viền, chọn đường path vector của chúng ta và Edit > Transform Points > Flip Horizontal để đối xứng nó theo chiều ngang.

Bây giờ lập lại thao tác cũ với Stroke Path để thêm vào các đường chồng lên ngang qua quả dứa.

Cách làm pattern trong photoshop
Cách làm pattern trong photoshop
Cách làm pattern trong photoshop

Bước 11

Chuyển qua Brush Tool (B) và dùng cọ đã dùng để thêm vào các nét viền ngắn hoặc các chấm ở mỗi ô. Nhớ vẽ trên layer Clipping Mask nhé.

Bây giờ, phần cơ sở của quả dứa đã sẵn sàng, Group (Control-G) các yếu tố lại với nhau.

Cách làm pattern trong photoshop
Cách làm pattern trong photoshop
Cách làm pattern trong photoshop

Bước 12

Bây giờ tạo hình cho chiếc lá cọ đơn giản cho mẫu nhiệt đới của chúng ta. Dùng Ellipse Tool (U) và tạo một hình ovan 80 x 700 trên một layer mới. Dùng Convert Point Tool để tạo các phần trên và dưới của hình ovan có đầu nhọn.

Cách làm pattern trong photoshop
Cách làm pattern trong photoshop
Cách làm pattern trong photoshop

Bước 13

Bây giờ, nhấn Alt - Control - T để dùng Free Transform Path. Click vào điểm chốt ở giữa của chiếc lá và kéo nó xuống, đặt nó lên chóp ở phía dưới của hình vẽ. Bạn sẽ thấy, một bản sao của hình đó sẽ được tạo ra trong bảng Layers sau khi di chuyển điểm chốt đó. Đó chính là điều chúng ta cần, và nó sẽ chỉ làm được khi bạn dùng Alt-Control-T để chuyển đổi.

Bây giờ, bạn có thể xoay bản sao của chiếc lá. Gõ Enter để áp dụng chuyển đổi và nhấn giữa Shift-Control-Alt-T để tạo ra thêm các bản sao chép được xoay. Đây là cách nhanh nhất để tạo ra các bản sao chuyển đổi và được xoay một cách tự động.

Cách làm pattern trong photoshop
Cách làm pattern trong photoshop
Cách làm pattern trong photoshop

Bước 14

Chọn tất cả các hình và nhân đôi (Control-J) chúng. Áp dụng Edit > Transform > Flip Horizontal để đối xứng các hình này sang cạnh đối diện, tạo thành một chiếc lá cọ to. Bạn có thể thêm vào một vài mảnh nhỏ hơn ở phía dưới để che đi các khoảng trống. Group (Control-G) tất cả các phần lại để giữ layer của bạn gọn gàng và có tổ chức.

Cách làm pattern trong photoshop
Cách làm pattern trong photoshop
Cách làm pattern trong photoshop

Bước 15

Bây giờ bạn đã có một vài yếu tố cho mẫu nhiệt đới, hãy cùng xem cách dễ nhất để thêm các hình vẽ nhé. Dùng Custom Shape Tool (U) và mở danh sách hình xổ xuống trong bảng điều khiển ở trên. Ở đây, bạn có thể tìm rất nhiều hình hoa và lá, cực kỳ phù hợp với chủ đề của chúng ta. Chọn hình vẽ mà bạn thích và kết hợp chúng với nhau, biến tấu màu sắc và kích cỡ của chúng.

Cách làm pattern trong photoshop
Cách làm pattern trong photoshop
Cách làm pattern trong photoshop

2. Áp dụng kết cấu lên các yếu tố.

Bước 1

Hãy bắt đầu với quả dứa của chúng ta. Chọn layer có hình màu vàng trong bảng Layerskhóa các điểm ảnh trong suốt ở trên cùng của bảng. Thao tác này cho phép chúng ta vẽ lên hình bằng công cụ brush, mà không ảnh hưởng đến các vùng trống bên trong hoặc bên ngoài của đối tượng. Hãy xem cách chúng hoạt động nhé!

Chọn một cọ khô phủ bụi, như Dry Brush 1#2 từ bộ M Brushes mặc định, hoặc thử một vài cọ kết cấu từ Envato Market, ví dụ như các cọ Chalk Scattering Brushes.

Chọn màu cam và bắt đầu vẽ từ phần dưới của quả dứa, làm nó dần dàn đậm màu hơn.

Cách làm pattern trong photoshop
Cách làm pattern trong photoshop
Cách làm pattern trong photoshop

Bước 2

Hãy làm như vậy cho cái vương miện hay là phần trên của quả dứa. Đầu tiên, Merge (Control-E) những cái lá màu xanh của vương miện lại với nhau và Rasterize chúng bằng cách click chuột phải vào layer được hợp nhất trong bảng Layers.

Bây giờ, chúng ta có thể khóa những điểm ảnh trong suốt và tô màu lên hình đó, tạo cho nó một chút kết cấu bề mặt bằng cách tô thêm một chút màu xanh đen ở phía dưới và ở phần trên cùng sẽ sáng hơn

Cách làm pattern trong photoshop
Cách làm pattern trong photoshop
Cách làm pattern trong photoshop

Bước 3

Hãy áp dụng cùng cách thức cho lá cọ. Chọn nhóm các yếu tố màu xanh lá và vào Layer > Merge Group. Đảm bảo layer này được rasterizekhóa các điểm ảnh trong suốt trong bảng Layers. Dùng cọ có kết cấu bề mặt khô để làm chiếc lá trông chi tiết và phức tạp hơn.

Cách làm pattern trong photoshop
Cách làm pattern trong photoshop
Cách làm pattern trong photoshop

Bước 4

Bây giờ hãy tô màu của những bông hoa bằng một phương pháp khác. Lần này, chúng ta sẽ không rasterize layer này. Hãy chọn layer hoa trong bảng Layers, giữ Alt và click vào Create a new layer.

Trong cửa sổ thoại bật mở, đánh dấu vào Use Previous Layer to Create Clipping Mask để liên kết một layer mới với layer hoa.

Bây giờ, chúng ta dùng layer được liên kết để vẽ đè lên các bông hoa đó, mà không đi qua các cạnh của nó.

Nhóm (Control-G) các layer bông hoa lại với nhau, giữ trật tự cho bản vẽ của bạn.

Cách làm pattern trong photoshop
Cách làm pattern trong photoshop
Cách làm pattern trong photoshop

Bước 5

Dùng một trong các phương pháp trước mà bạn thích để tô màu toàn bộ các yếu tố còn lại, tạo thêm chi tiết và kết cấu bề mặt cho chúng.

Cách làm pattern trong photoshop
Cách làm pattern trong photoshop
Cách làm pattern trong photoshop

3. Tạo một mẫu liền mạch với các yếu tố nhiệt đới.

Bước 1

Chọn layer Background trong bảng Layers và tô màu xanh nhạt. Hãy bắt đầu sắp xếp các yếu tố của chúng ta xung quanh bức vẽ nào.

Cách làm pattern trong photoshop
Cách làm pattern trong photoshop
Cách làm pattern trong photoshop

Bước 2

Nhân đôi (Control-J) các yếu tố, xoay chúng và phản chiếu (Edit > Transform > Flip Horizonal) để biến đổi mẫu này, thêm sự nhịp nhàng cho nó. Dùng Custom Shape Tool (U) để thêm vào các bông hoa để làm cho các yếu tố đó trông khác biệt.

Cách làm pattern trong photoshop
Cách làm pattern trong photoshop
Cách làm pattern trong photoshop

Bước 3

Bây giờ, bạn đã biết được cách chúng ta thực sự tạo một mẫu liền mạch. Như bạn để ý, một vài các yếu tố chạy qua cạnh trái của Artboard. Chọn yếu tố đó (hoặc group các hình) đang đặt ngang qua cạnh của mẫu, nhân đôi (Control-F) và nhấn Control-T để dùng Free Transform.

Vào bảng điều khiển ở phía trên và tìm ô Horizontal và Vertical đánh dấu bằng X Y. Bạn sẽ thấy một vài giá trị, định vị trí của các đối tượng. Click vào nút tam giác để sử dụng vị trí tương đối cho điểm tham chiếu, cách này thiết lập các giá trị thành 0. Bây giờ, gõ vào 2000 (bằng với độ rộng của Artboard) trong giá trị vị trí Horizontal, như vậy, sẽ di dời các đối tượng được chọn 2000 px qua bên phải. Gõ Enter để áp dụng sự chuyển đổi.

Cách làm pattern trong photoshop
Cách làm pattern trong photoshop
Cách làm pattern trong photoshop

Bước 4

Thao tác tương tự với các đối tượng, cắt cạnh trên cùng của bản vẽ. Nhân đôi (Control-J) các yếu tố, nhấn Control-T và gõ vào 2000 (là chiều cao của Artboard) trong giá trị vị trí Vertical, như vậy, sẽ di dời vị trí của yếu tố xuống 2000 px.

Nếu bạn cần di dời các đối tượng theo hướng ngược lại, dùng các giá trị âm (-2000) để dời các yếu tố từ dưới lên trên hoặc từ phải sang trái.

Cách làm pattern trong photoshop
Cách làm pattern trong photoshop
Cách làm pattern trong photoshop

Bước 5

Thêm vào các hình tùy biến nhỏ để tô màu khoảng trống của mẫu pattern. Tôi đã dùng sự kết hợp màu đối lập cho yếu tố mới, như màu xanh lá với một chút màu hồng hoặc đỏ và vàng. Tôi thích cách chúng thể hiện với một cọ kết cấu khô, tăng thêm vẻ tinh nghịch và đa dạng cho mẫu pattern của chúng ta.

Cách làm pattern trong photoshop
Cách làm pattern trong photoshop
Cách làm pattern trong photoshop

Bước 6

Thử thêm các vết nhuộm kết cấu sắc màu lên các yếu tố khác của mẫu: lá cọ, phần trên của quả dứa, những bông hoa, và các hình khác nữa. Cách này sẽ làm mẫu pattern của chúng ta trông độc đáo.

Cách làm pattern trong photoshop
Cách làm pattern trong photoshop
Cách làm pattern trong photoshop

Bước 7

Bây giờ chúng ta đã thấy hài lòng với mẫu pattern của mình, với vị trí của các yếu tố, và màu sắc của chúng, hãy xem cách chúng ta lưu trữ mẫu pattern và áp dụng nó cho các hình tùy biến bất kỳ.

Vào Edit > Define Pattern và đặt tên cho mẫu pattern của bạn trong hộp thoại bật mở.

Cách làm pattern trong photoshop
Cách làm pattern trong photoshop
Cách làm pattern trong photoshop

Bước 8

Bây giờ, nếu chúng ta dùng Paint Bucket Tool (G) và vào bảng điều khiển ở trên, chúng ta có thể cài đặt tùy chọn tô màu cho Pattern và tìm mẫu pattern trong danh sách xổ xuống. Từ đây, chúng ta có thể click vào icon nhỏ hình răng cưa và dùng Save Patterns hoặc mở Preset Manager Save mẫu pattern của chúng ta ở đó.

Cách làm pattern trong photoshop
Cách làm pattern trong photoshop
Cách làm pattern trong photoshop

Bước 9

Bây giờ, có một vài tùy chọn mà chúng ta có thể dùng để áp dụng cho pattern mới tạo. Chúng ta có thể dùng Rectangular hoặc Elliptical Marquee Tool (M) để xác định một vùng chọn và áp dụng một Pattern Fill với sự trợ giúp của Paint Bucket Tool (G).

Bên cạnh đó, chúng ta có thể dùng Custome Shape Tool (U) để tạo hình tùy biến bất kỳ và áp dụng một Pattern Fill từ bảng điều khiển trên cùng. Từ đây, chúng ta cũng có thể điều chỉnh Scale của mẫu pattern.

Cách làm pattern trong photoshop
Cách làm pattern trong photoshop
Cách làm pattern trong photoshop

Bước 10

Cuối cùng nhưng không kém phần quan trọng, chúng ta có thể tạo một New File với kích thước lớn, tạo một New Layer và dùng Paint Bucket Tool (G) để tô màu toàn bộ Artboard với mẫu nhiệt đới của chúng ta.

Cách làm pattern trong photoshop
Cách làm pattern trong photoshop
Cách làm pattern trong photoshop

Tuyệt vời! Mẫu liền mạch theo phong cách nhiệt đới của chúng ta đã xong rồi!

Bạn đã làm rất tốt! Chúng ta đã hoan thành việc tạo ra mẫu pattern kết cấu mùa hè yêu thích với các yếu tố nhiệt đới. Tôi hy vọng bài hướng dẫn này sẽ mang tới cho bạn một tâm trạng tươi sáng và giúp bạn khám phá thêm một vài mẹo và thủ thuật hữu dụng cho bản vẽ tương lai của bạn.

Hãy thoải mái áp dụng các kỹ thuật đơn giản này, tạo ra những mẫu pattern và các kết cấu mới, có thể sử dụng cho các hình nền web, cho in ấn, giấy gói và bất kỳ mục đích nào khác nhé!

Chúc bạn vui vẻ!

Cách làm pattern trong photoshop
Cách làm pattern trong photoshop
Cách làm pattern trong photoshop