[PHOTOSHOP] Lý thuyết các hệ màu, áp dụng blend màu nước biển

Trong Photoshop sử dụng 2 hệ màu chính là RBG và CMYK
Để hiểu rõ về 2 hệ màu này và cách áp dụng trong blending các bạn xem video dưới đây:

Thêm bài hướng dẫn về cách sử dụng Selective Color và Hue-Saturation trong blending

(Nguồn video: Vietdesigner, Tập huấn)

Sau đây sẽ hướng dẫn các bạn 1 cách sử dụng Selective Color để kéo màu nước biển cho xanh hơn:

(ảnh lấy nguồn từ 1 bài đăng trong Blend & Retouch)

>> Xem chi tiết

[PHOTOSHOP] Hướng dẫn tạo hình nền chữ huyền ảo

Chẳng biết nó là thể loại gì nhưng thấy đẹp nên post chia sẻ với mọi người.
DEMO:

Thật awesome!!!   :)
Nào hãy cùng bắt tay vào thực hiện, bài này rất đơn giản, chỉ với vài thao tác cơ bản mà thôi!

B1: Mở PTS, tạo 1 hình mới

Ở đây mình để Full HD.

B2: Tạo nền.

Tô đen bức ảnh.
Ấn Ctrl + J để nhân đôi layer gốc, dùng công cụ Gradient Tool (hoặc Brush) để vẽ một nửa hình tròn màu trắng, có độ rộng, độ tỏa vừa phải trên layer vừa nhân đôi.
Dùng Filter > Noise > Add Noise để thêm noise cho layer này.

Hạ Opacity hoặc Fill xuống cho vừa mắt.
Mục đích của việc này là tạo ra một cái nền không quá đơn điệu, tạo cảm giác như có 1 bóng đèn đang chiếu vào   :v

B3: Thêm chữ nền

Dùng Text Tool để viết chữ, viết một đoạn sau đấy copy & paste sao cho phủ 1 khoảng rộng hơn bức hình. Nên để phông chữ nhỏ, dễ nhìn, màu chữ trắng.

Xong rồi thì ấn Ctrl + T rồi quay cả đám chữ đấy đi 1 góc khoảng 30 độ, tùy bạn.

Hạ Opacity xuống khoảng 3-5% sẽ được như này

B4: Tạo 1 kí hiệu hoặc text trung tâm của bức ảnh

Phần nền như thế coi như đã tạm, giờ ta chuyển sang thiết kế một ký hiệu hoặc viết 1 chữ làm trung tâm của bức ảnh.

Ở đây mình tạo 1 document mới, dùng Path Tool để vẽ ra 1 chữ 'N' cách điệu như này   :v

Sau đó kéo layer chữ N trắng về file vừa nãy đang làm ở trên, chỉnh position và bóp hình đi 1 chút sẽ được như này

Lưu ý nếu bạn viết Text trực tiếp lên đây thì phải Raterize layer đó (click chuột phải vào layer text rồi chọn rasterize layer)

B5: Sao chép layer nền phần ký hiệu trung tâm

Như ở bức ảnh hoàn thành thì phần chữ 'N' không còn là màu trằng đơn điệu như bức ảnh trên nữa mà nó được tạo nên từ các dòng text nền phía dưới. Thực chất của việc này là chọn ra 1 phần layer chữ nền vừa bao trọn phần ký hiệu kia, sau đó sao chép phần chọn đấy ra 1 layer khác, tăng opacity lên là được. Chú ý phần chữ nền ta đang để opacity khoảng 5% nên nó mới mờ như thế, nếu ta tăng lên 100% thì nó lại trắng bình thường!

Trước hết phải Rasterize Layer chữ nền.

Ctrl + click vào biểu tượng layer ký hiệu, sẽ có 1 cùng select được bao quanh ký hiệu.

Ấn sang layer text nền rồi ấn Ctrl + J để sao chép sang 1 layer khác.

Tăng opacity layer đó lên 100%, và tắt layer ký hiệu kia đi

Được như này

Nếu vẫn còn vùng selection thì ấn Ctrl + D để bỏ đi

B6: Thêm một vài chi tiết khác

Bạn có thể dùng các công cụ như Shape, Text Tool, Brush... để thêm một vài chi tiết khác cho đỡ đơn điệu.

Có thể thêm 1 vài Len Flare cho sinh động, cái này mình rất thích   :)

B7: Giảm bớt phần viền để làm nổi bật phần trung tâm

Bức hình đã cơ bản hoàn thiện bạn có thể lưu ngay bức ảnh coi như hoàn chỉnh. Hoặc có thể thêm 1 vài layer nhỏ để làm nổi bật phần trung tâm nên. Có thể dùng brush để bôi đen những phần góc hoặc làm như sau:

Tạo 1 layer mới ở trên cùng, bôi đen hoàn toàn, hạ opacity xuống khoảng 50% để có thể nhìn thấy các layer phía dưới

Dùng Lasso Tool để chọn 1 cùng chọn ở trung tâm bức ảnh, bao quanh phần ký hiệu hoặc một số chỗ khác muốn làm nổi bật. Xóa vùng chọn đó đi

Để Feather lớn để không làm quá lộ đường cắt

Cuối cùng, có thể giảm tiếp hoặc tăng opacity lên. Dùng Gaussian Blur (radius khoảng 50 - 60) để làm mờ đường cắt, có sự tương đối giữa phần trung tâm và phần viền

Vậy là đã hoàn tất bức hình, chúc bạn thành công!

>> Xem chi tiết

[PHOTOSHOP] Tạo hiệu ứng chữ vỡ - Broken Text

Bài viết hướng dẫn các bạn tạo được 1 hình nền với hiệu ứng chữ bị vỡ, nứt dùng Adobe Photoshop

Stock download tại đây

B1: Tạo 1 ảnh mới (Ctrl + N) với kích thước tùy chỉnh, fill background màu đen

B2: Viết dòng Text mà bạn muốn hiển thị với công cụ Type Tool, căn chỉnh vị trí dòng text, cỡ chữ, màu sắc phù hợp

B3: Tạo hiêu ứng màu cũ cho phần Text bằng cách dùng Pattern Overlay trong Layer Style của Layer Text
Chạy file .pat trong stock hoặc bạn có thể tự tạo 1 pattern với hình ảnh đính kèm. Nếu ai chưa rõ về Pattern và cách sử dụng thì có thể vào Google để xem thêm

B4: Chuyển Layer Text về dạng Layer hình bình thường: Chuột phải vào layer Text trong cửa sổ Layer, chọn Rasterize

B5: Bắt đầu "căt chữ". Chọn công cụ Polygonal Lasso Tool (L), khoanh vùng một số phần góc, hoặc bất kỳ phần nào của Text. Ấn giữ Ctrl rồi kéo ra vị trí mới. Lặp lại cho đến khi hết chữ, cảm thấy ưng ý

B6: Làm "nổi" một số mảnh vỡ để làm chữ có vẻ nổi bật hơn.
- Chọn công cụ Magic Wand Tool, chọn trên hình một vài mảnh vỡ riêng biệt, phân bố đều phần text, giữ phím Shift để chọn nhiều vùng một lúc
- Copy vùng chọn này ra 1 Layer mới: Ctrl + J
- Đặt hiệu ứng Outer Glow cho layer mới này:

B7: Thêm một vài tia sét để trông có vẻ "nguy hiểm"   :v

B8: Hoàn thiện: chỉnh độ sáng, màu, kích cỡ...

B9: Lưu ảnh

>> Xem chi tiết

[Illustrator] Thiết kế hình nền "lưới tổ ong"

Adobe Illustrator là 1 công cụ vô cùng hữu dụng để các bạn thiết kế các biểu tượng vector, hay những icon cho ứng dụng, website của mình. Nếu biết cách phối hợp các thao tác chúng ta có thể tạo ra những hình ảnh, icon phù hợp ý muốn.
Sau đây tôi sẽ giới thiệu các thao tác để tạo một hình nền dạng lưới tổ ong sử dụng phần mềm Adobe Illustrator.

(Hình chỉ mang tính chất minh họa, không được hoàn hảo lắm  :) )

1. Các bạn mở AI lên, tạo một khung làm việc mới (Ctrl + N), có thể tùy chỉnh kích thước document tùy bạn:

2. Chọn công cụ "Polygon Tool" trong thanh công cụ - là công cụ để vẽ hình đa giác

3. Bây giờ chúng ta bắt đầu vẽ 1 hình lục giác bằng cách click vào phần màn hình trắng, chọn các thông số như sau, rồi OK
Radius: 30pt, Sides: 6

4. Vậy là đã tạo được 1 hình lục giác nhưng không giống với hình lục giác của tổ ông lắm. Ta xoay hình lục giác này 1 góc 30 độ bằng cách double click vào công cụ "Rotate Tool", và làm theo hình

5. Bây giờ chúng ta sẽ nhân 1 ô này lên thành 1 lưới, dùng hiệu ứng Transform: Effect > Distort & Transform > Transform, chọn các thông số tương tự như hình
Horizontal: 52px, Copies: 8

Horizontal: 26px, Vertical: 45px, Copies: 1

Horizontal: 0, vertical: 90px, Copies: 4

Sau khi chỉnh lại vị trí cho cân xứng là ta đã tạo được 1 lưới tổ ong "thô". Việc còn lại là phối màu cho bắt mắt.

6. Fill màu cho các ô
Chọn vào ô gốc, ở tab Appearance Click chọn Fill, ở tab Gradient ta chọn Type: Radial, độ biến dạng 75%, đổ màu Gradient 3 vị trí:
- Location 0%, CMYK: 0% 85% 100% 35%
- Location 50%, CMYK: 0% 85% 100% 50%
- Location 100%, CMYK: 0% 85% 100% 100%

7. Tô màu cho đường viền
Trong tab Appearance, phần Stroke ta đổi màu cho đường viền bằng cách ấn Shift + click vào mũi tam giác để ra hộp chọn màu CMYK. Chọn các thông số CMYK là 0% 85% 100% 100% > OK.
Tăng kích cỡ đường viền lên khoảng 13pt

8. Nhân đôi lớp Stroke
Click vào lớp Stroke vừa sửa ở trên, Click chọn biểu tượng New ở góc bên dưới
Đổi màu CMYK cho lớp này là 0% 35% 85% 0%. Độ rộng là 3pt

9. Trong tab Appearance, giữ Ctrl và chọn 3 thuộc tính Transform, kéo chúng lên đầu.

10. Dịch chuyển lớp Stroke 3pt kia đi 1 đoạn để có hiệu ứng bóng đổ
Click vào lớp Stroke ở trên, chọn Effect > Distort & Transform > Transform.
Horizontal: 6px, vertical: -6px

11. Bo viền cho lớp Stroke này
Vẫn chọn lớp stroke này. Chọn Effect > Stylize > Round Corners
Radius: 6px

Vậy là đã gần hoàn thành, chỉ cần thêm một vài hiệu ứng nữa là bức hình sẽ trở lên lung linh
12. Tạo bóng đổ cho stroke này
Chọn stroke
Chọn Effect > Stylize > Drop Shadow
Chọn kiểu blend là Screen, độ dịch chuyển x, y, độ mờ blur
Chọn màu shadow là màu vàng giống màu viền stroke

13. Xuất ra file hình ảnh
Chọn menu File > Save for Web rồi chọn các thông số tùy chỉnh, hoặc bạn cũng có thể export ra file PSD để xử lý bên Photoshop...

Enjoy!!!

>> Xem chi tiết