Sáng tạo phong cách riêng trong Photoshop CS5

Sáng tạo phong cách riêng trong Photoshop CS5
20/11/2012 - 01:26 PM
Sáng tạo phong cách riêng trong Photoshop CS5 .Layer Style (có thể hiểu là kiểu mẫu lớp hoặc phong cách lớp) là một nhóm các hiệu ứng có thể được cá nhân hóa và thay đổi bằng kỹ thuật hiệu chỉnh không phá hủy trên từng lớp.

Điều này cho phép bạn tinh chỉnh và xem trước những thay đổi trong thiết kế của bạn mà không làm ảnh hưởng đến nội dung gốc của các layer.

Nhờ đó, bạn có thể thay đổi, áp dụng hiệu ứng cho các lớp một cách dễ dàng và nhanh chóng. Đây chính là tính năng được ứng dụng thường xuyên trong ngành thiết kế web.

Bài viết sẽ hướng dẫn bạn cách tạo, hiệu chỉnh và sử dụng Layer Style

1. PHONG CÁCH VĂN BẢN TRONG SUỐT

- Mở Photoshop CS5 --> vào menu File --> New --> nhập 1000 pixel cho Width và 500 pixel cho Height > nhấn OK.

Sáng tạo phong cách riêng trong Photoshop CS5

- Kéo thả một hình nền tùy ý từ cửa sổ Explorer vào file photoshop vừa tạo > điều chỉnh kích thước cho phù hợp rồi nhấn Enter.
- Chọn công cụ Horizontal Type Tool (T) --> nhấp chuột vào vùng trống, nhập vào dòng chữ mong muốn --> chọn font chữ dày đậm (minh họa dùng font VNI-Auchon) --> nhấn Ctrl+T và kéo dòng chữ đầy màn hình.

Sáng tạo phong cách riêng trong Photoshop CS5

- Thiết lập độ hiển thị cho mục Fill của lớp này là 0%.

Sáng tạo phong cách riêng trong Photoshop CS5

- Nhấn chuột đôi chuột vào vùng trống bên cạnh tên lớp (hoặc nhấp chuột vào biểu tượng fx --> chọn Blending Options --> và thiết lập tiếp các tùy chọn Drop Shadow, Inner Shadow, Inner Glow, Bevel and Emboss, Contour, Satin, Stroke.

Sáng tạo phong cách riêng trong Photoshop CS5

- Mục Drop Shadow thiết lập: Distance = 10px, Size = 15px.

Sáng tạo phong cách riêng trong Photoshop CS5

- Mục Inner Shadow thiết lập Size = 7px, các thông số khác giữ nguyên.

Sáng tạo phong cách riêng trong Photoshop CS5

- Mục Inner Glow thiết lập: Opacity = 23%, Choke = 4%, Size = 16px, Range = 35% và chọn lại Contour như hình minh họa.

Sáng tạo phong cách riêng trong Photoshop CS5

- Mục Bevel and Emboss chọn StyleStroke Emboss, Depth=70, Direction = Down, Size = 12. Để chọn được mẫu Gloss Contuor như hình minh họa, bạn hãy nhấp chuột vào hình tam giác chỉ xuống --> nhấp tiếp vào biểu tượng tam giác ngang --> chọn Contour để load thêm các mẫu có sẵn rồi mẫu tương ứng để áp dụng.

Sáng tạo phong cách riêng trong Photoshop CS5

- Mục Satin chọn Blend Mode với màu xám, Opacity = 60%, Distance = 7px, Size = 22px, chọn lại mẫu Contour.

Sáng tạo phong cách riêng trong Photoshop CS5

- Mục Stroke, chọn Size = 6px, Postion = Center, Opacity = 50%, Fill TypeGradient với thiết lập như hình dưới.

Sáng tạo phong cách riêng trong Photoshop CS5

Sáng tạo phong cách riêng trong Photoshop CS5

#7e3503 #b66738 #d29f75 #90552d #93562d

- Vào menu File --> New --> thiết lập kích thước 5x5px. Chọn công cụ Pencil Tool --> nhấp chuột vào điểm góc trái phía trên, rồi nhấn Shift và nhấp chuột vào điểm góc phải phía dưới --> thao tác thêm một lần nữa ở hai góc còn lại nên tại thành một đường chéo như hình:

Sáng tạo phong cách riêng trong Photoshop CS5

- Vào menu Edit --> Define Pattern --> đặt tên và nhấn OK để tạo mẫu Pattern mới --> đóng đang thao tác đi.

Sáng tạo phong cách riêng trong Photoshop CS5

- Trở lại file trước đó > nhấp đôi chuột vào lớp văn bản > chọn Pattern Overlay > trong ô Pattern chọn mẫu cuối cùng (chính là mẫu vừa tạo ở trên) > thiết lập Opacity = 30% > OK.

Sáng tạo phong cách riêng trong Photoshop CS5

- Dưới đây là kết quả của những thiết lập vừa thực hiện:

Sáng tạo phong cách riêng trong Photoshop CS5

Lưu ý: các thông số chỉ mang tính tương đối, bạn có thể gia giảm tùy theo kích thước hình.

Như vậy bạn đã tạo ra một Style tuyệt đẹp cho văn bản trang trí. Bây giờ mời bạn xem xét tổng quát cách ứng dụng một Layer Style

2. CÁCH TẠO MỘT LAYER STYLE:

- Để mở bảng thiết lập Layer Style bạn có thể mở bằng một trong các cách sau:
+ Nhấp đôi chuột vào lớp muốn thiết lập trong Layer palette.
+ Nhấp chuột phải lên lớp muốn thiết lập và chọn Blending Options.
+ Nhấp chuột vào biểu tượng fx trong Layer palette.
+ Vào menu Layer --> Layer Style --> Blending Options

Sáng tạo phong cách riêng trong Photoshop CS5

- Lúc này bảng Layer Style xuất hiện, bạn hãy từng mục để được hiệu ứng mong muốn (như bóng đổ, tỏa sáng, khối và chạm khắc, tô chồng màu, texture, viền,…)

Sáng tạo phong cách riêng trong Photoshop CS5

- Sau đó nhấn OK để áp dụng cho lớp hiện tại hoặc nếu muốn lưu những thiết lập này để sử dụng về sau thì bạn hãy nhấn vào nút New Style --> đánh dấu các tùy chọn rồi nhấn OK.

Sáng tạo phong cách riêng trong Photoshop CS5

 3. LƯU LAYER STYLE:

Sau khi thiết lập các tùy chọn Blending và nhấn nút New Style thì bạn sẽ có một Style mới. Tuy nhiên, Style này chỉ dùng được cho duy nhất máy tính hiện tại của bạn. Nếu muốn chia sẻ style này hoặc lưu trữ để sử dụng (phòng khi cài lại máy), thì bạn thao tác như sau:
- Trong bảng Layer Style, bạn chọn thẻ Styles.
- Lúc này bạn sẽ thấy Style do bạn mới tạo nằm ở vị trí cuối cùng. Nếu chỉ muốn lưu mỗi style này thì bạn có thể nhấp chuột phải lên những style khác và chọn Delete Style để xóa những style ấy ra khỏi vùng lựa chọn.
- Nhấp chuột vào biểu tượng và chọn Save Styles từ menu sổ xuống.

Sáng tạo phong cách riêng trong Photoshop CS5

- Trong hộp thoại Save, bạn chọn nơi lưu trong mục Save in và đặt tên tập tin trong mục File Name --> rồi nhấn nút Save. Lúc này các kiểu mẫu của bạn sẽ được lưu dưới định dạng *.asl.

- Để lưu trữ, bạn có thể sao chép tập tin *.asl này là lưu vào thư mục mong muốn.

4. LOAD STYLE ĐỂ SỬ DỤNG:

Load style có sẵn:

Mặc định Photoshop cung cấp sẵn một số Style cho người dùng. Bạn có thể load nhanh những Style này bằng cách nhấp chuột vào nút và chọn tên nhóm Style muốn thêm vào vùng lựa chọn (từ mục Abstract Styles đến mục Web Styles) --> nhấp Append để thêm vào vùng lựa chọn, nhấp OK để loại bỏ những style hiện tại và đưa nhóm style vừa chọn vào sử dụng, nhấn Cancel để hủy lên thêm nhóm style.

Sáng tạo phong cách riêng trong Photoshop CS5

Load style từ bên ngoài: có hai cách để thực hiện việc này.

Thứ nhất: Nhấp chuột vào nút chọn lệnh Load Styles --> đi đến thư mục lưu Style, chọn nó và nhấn nút Load --> nhấn Append để thêm vào, và nhấn OK để thêm style đồng thời loại bỏ những style hiện hành.

Thứ hai: Tắt photoshop đi --> rồi sao chép các tập tin *.asl vào thư mục Styles ở đường dẫn %ProgramFiles%\Adobe\Adobe Photoshop CS5\Presets\Styles hoặc %AppData%\Adobe\Adobe Photoshop CS5\Presets\Styles. Sau đó mở Photoshop lên bạn sẽ có thêm những Style mới khi mở hộp thoại Layer Style:

Sáng tạo phong cách riêng trong Photoshop CS5

Lưu ý: đối với những style lâu lâu mới sử dụng một lần thì bạn nên dùng cách thứ nhất để Photoshop khởi động nhanh hơn. Đối với những style được sử dụng thường xuyên thì bạn nên dùng cách thứ hai để khi cần không phải “lò mò” đi tìm xem nó nằm ở thư mục nào.

5. MINH HỌA SỬ DỤNG STYLE:

- Mở Photoshop và tạo một tài liệu mới --> đổ màu đen cho nền.

- Nhấn phím D để Photoshop chuyển ô màu về hai màu trắng đen mặc định --> nhấp tổ hợp phím Alt + Backspace để tô màu nền là màu đen.

- Nhấn phím X để chuyển Foreground Color thành màu trắng --> chọn công cụ Horizontal Type Tool --> nhấp vào hình và nhập dòng văn bản muốn thực hiện hiệu ứng.

- Nhấp chuột vào nút (hoặc vào menu Window --> chọn Styles) để mở Palette Styles.

- Có thể bạn sẽ cần load thêm những Style khác (hãy xem mục 3 ở trên để biết cách load các Styles).

- Nhấp chuột vào các Style và xem kết quả ngay hiển thị trên lớp đang làm việc. Nhấp vào các Style khác cho đến khi tìm được mẫu vừa ý.

Sáng tạo phong cách riêng trong Photoshop CS5

- Sau khi áp dụng một Style, bạn thấy không ưng ý lắm thì có thể điều chỉnh như sau:

+ Mở hộp thoại Layer Style (xem hướng dẫn ở mục 1) --> chọn các chế độ Blending và điều chỉnh các thông số như kích cỡ, màu sắc, kiểu, góc độ, khoảng cách, chế độ hòa trộn… Ví dụ, trong minh họa sau, mình chọn thêm Outer Glow để tạo tỏa sáng quanh chữ:

Sáng tạo phong cách riêng trong Photoshop CS5

+ Thay đổi kích thước văn bản: có thể bạn cần tăng cỡ chữ hoặc thu nhỏ chữ lại để đạt được hiệu ứng hoàn hảo hơn.

+ Thay đổi kiểu chữ: có những style chỉ phù hợp với những kiểu chữ to, chân phương và có những style lại phù hợp với những kiểu chữ mảnh, nhỏ,… Vì vậy, bạn nên thử áp dụng một font chữ khác (hoặc định dạng chữ đậm, nghiêng) để đạt kết quả tốt hơn.

+ Thay đổi tỷ lệ hiệu ứng: nhấp chuột phải lên biểu tượng fx trên lớp đang áp dụng style trong Palette Layer --> chọn Scale Effect --> nhấp tỷ lệ vào mục Scale hoặc kéo thanh trượt của mục này đồng thời quan sát kết quả --> khi vừa ý thì bạn nhấn OK để áp dụng.

Sáng tạo phong cách riêng trong Photoshop CS5

Sáng tạo phong cách riêng trong Photoshop CS5

Minh họa trên dùng Style trên văn bản, tuy nhiên bạn có thể áp dụng Style cho bất kỳ lớp nào (trừ lớp Background). Sau đây là một ví dụ cho việc ứng dụng các Styles:

Sáng tạo phong cách riêng trong Photoshop CS5  6. TẢI CÁC TẬP TIN *.ASL

Ngoài việc tự tạo các Styles thì bạn cũng có thể tìm và tải những style được tạo ra bởi các chuyên gia về để sử dụng.

- http://www.psstyleaday.com/ là trang web chuyên cung cấp những mẫu Style chuyên nghiệp với giá trung bình khoảng 1$/style.

Vừa qua, Photoshop Style a Day đã tặng thành viên PSD Tuts+ 15 Styles chuyên nghiệp sử dụng miễn phí cho cá nhân. Bạn có thể tải về tại: http://www.mediafire.com/?nv3cs4sbsybl92v

Sáng tạo phong cách riêng trong Photoshop CS5 - Tải mẫu style dùng để thiết vế giao diện web 2.0 tại: http://www.mediafire.com/?3s3ylw4ou4mpvch

Sáng tạo phong cách riêng trong Photoshop CS5

- Bộ sưu tập styles với 41 file ASL chứa hàng ngàn phong cách khác nhau, giúp bạn nhanh chóng có một thiết kế đẹp. Tải về tại: http://www.mediafire.com/?j5j48a3veau727q (65.03MB)

Sáng tạo phong cách riêng trong Photoshop CS5

Hỗ trợ trực tuyến
TƯ VẤN THIẾT KẾ WEB VÀ SEO
Thiết kế website giá rẻ
Mr. Khoa
info@thietkewebsitehanoi.net
0989.283.268

04.629.32.32.2

Thiết kế website giá rẻ
Mr: Mạnh
01664.788.265
Sales@thietkewebsitehanoi.net
Thiết kế website giá rẻ
Mr. Bách
0933.339.826
TƯ VẤN QUẢNG CÁO
Thiết kế website giá rẻ
Mr. Võ
0909 070 622
Báo giá thiết kế web
Tin tức nổi bât
 
 
Tư vấn miễn phí: 0989.283.268