Hôm nay mình sẽ hướng dẫn các bạn cách làm button đơn giản nhưng lại rất phổ biến. Chỉ cần các bạn chú ý là có thể làm được. Cái này có thể ứng dụng làm rank, thanh tiêu đề … và nhiều vấn đề khác nữa. Mình sẽ cố gắng hướng dẫn chi tiết cho các bạn mới tìm hiểu photoshop.

Có 3 loại button cơ bản hiện nay:
1. button 1 màu đơn giản

2. button bóng mờ

3. button sáng bóng

Ở đây mình sẽ hướng dẫn loại 2 và 3 vì loại 1 quá dễ

PHẦN 1: BUTTON BÓNG MỜ

Bước 1: Sau khi cài đặt photoshop bạn nhấp biểu tượng “PS” để khởi động chương trình. Vào file>New (Ctrl+N) để tạo một trang mới vừa đủ với kích thước 1 button, kích thước thì không có kích thước chuẩn do đó bạn thích cỡ nào thì chọn cỡ đó. Ở đây mình chọn kích thước 100x32px chọn nền trong suốt “Transparent” và click ok ( đương nhiên phải chọn RGB color vì làm ảnh màu mà chứ phải trắng đen đâu > ). Cách chỉnh như hình sau:



Giải thích một số chi tiết cho các bạn chưa và đang tìm hiểu photoshop:

- Dòng “name” không nói chắc các bạn cũng biết là tên file ảnh các bạn đặt tên trong dòng này nếu không đặt nó sẽ mặc định tên “Untitled-số thứ tự”. Mình đề cập vấn đề này vì có nhiều bạn khi làm quên đặt tên rồi không biết tên gì mà lần. Nếu có quên tên thì nhớ qui tắt này mà lần nhé!

- Chỗ khoanh đỏ là chỗ chỉnh kích thước ảnh mong muốn: width: chiều rộng ảnh, height: là chiều cao ảnh

- Chỗ khoanh xanh lá cây là đơn vị kích thước, bạn nên chọn pixel(px) hơn là centimet(cm), inch vì nó là đơn vị chuẩn trong thiết kế.

- Chỗ khoanh xanh dương là biểu thị các hệ màu mong muốn, nếu ảnh trắng đen thì là grayscale, còn ảnh màu thông thường là RGB color, những hệ màu khác các bạn sẽ được tham khảo trong những bài viết nâng cao ứng dụng trong việc blend ảnh.

- Chỗ khoanh màu hồng là bạn muốn nền ảnh màu gì trắng, hoặc màu nền bạn chỉnh hay trong suốt. Ở đây mình thường dùng nền màu trắng hoặc trong suốt. Đối với việc thiết kế các ảnh không muốn có nền thì bạn nên chọn “transparent”.


Bước 2: Tạo 1 layer mới là Layer 2 bằng cách vào Layer>New>Layer (Shift+Ctrl+N) hoặc click biểu tượng chọn nhanh dưới bảng layer ( bảng layer thường đặt bên phải màn hình PS) như hình sau:



Sẽ cho kết quả:

Bước 3: Chọn màu: Nguyên tắc để tạo 1 button bóng mờ cũng như sáng bóng là chọn một màu sáng đi kèm một màu tối hơn. Ở đây, mình chọn ví dụ màu đỏ làm minh họa:

- Mình chọn màu đỏ tươi: mã màu là: #e52626 cho foreground color

- Và một màu đỏ sậm hơn: #680101 cho background color

Hướng dẫn mem mới:

Để mở bảng màu ta click vào biểu tượng được khoanh tròn trong hình dưới: (mình cho thanh công cụ nằm ngang dễ nhìn)




Để chọn màu cho foreground click vào ô vuông foreground (biểu tượng hình vuông màu đỏ hình trên) sẽ hiện ra bảng màu:



- Bạn có thể dùng chuột rà màu trên bảng lớn nếu chưa biết mã màu còn nếu đã biết mã màu thì bạn check vào ô được khoanh tròn trong hình.

Cách chọn màu cho background cũng tương tự.

Bước 4: Ta sử dụng công cụ Gradient Tool (G) trên thanh công cụ để làm button. Trên thanh Option bạn chọn Linear Gradient, không check vào Reverse. (Vì nếu chọn Reverse nó sẽ đảo ngược màu lại tức là ban nãy bạn chọn foreground màu tươi để nó nằm phía trên nhưng khi chọn reverse nó sẽ đảo ngược lại thành ra màu của bạn sẽ bị cho xuống dưới. nếu vẫn chưa hiểu bạn có thể test thử sẽ hiểu ngay, rất dễ. )



Bước 5: Sau khi chọn gradient bạn kéo 1 đường thẳng từ mí trên hình xuống mí dưới như hình sau:



Lưu ý: trong khi kéo để có được đường thẳng tốt nhất bạn giữ phím shift và kéo 1 đường xuống. sẽ cho kết quả sau:



Thế là xong!
Bây giờ các bạn chỉ việc trang trí hình lên mà thôi.

Hướng dẫn trang trí đơn giản bằng brush:

Bước 6: Tạo 1 layer mới là Layer 3 bằng cách vào Layer>New>Layer (Shift+Ctrl+N). Chọn Brush Tool (B) .Sau đó trên thanh Option click vào bảng brush để chọn brush như sau:



- Click vào những mũi tên khoanh tròn để hiện bảng và chọn “Special Effect Brushes”. Hiện ra bảng lưu ý sau:



- Chọn Ok là bạn chấp nhận thay thế các brush có sẵn, chọn “Append” nghĩa là cập nhập thêm brush mà không làm mất các brush có sẵn.

- Ta chọn loại brush và kích cỡ là 27 như hình:



- Sau đó chọn màu cho brush, ở đây mình chọn màu trắng (lưu ý màu của brush chính là màu ở bảng foreground color).

- In lên cái button vừa tạo, cái này giống khi đóng dấu vậy đó ) sẽ được hình sau:



Lưu ý: Do brush này là brush đặc biệt nên ta cần chỉnh một số thông số sau thì mới hiện ra hình đơn. Những brush thông thường khác không cần chỉnh đó là lý do mình để nó sau phần kết quả:

- Đầu tiên nhấn F5 để hiện ra bảng điều chỉnh brush, sau đó chọn mục Shape Dynamics để chỉnh, chỉnh như hình dưới:



- Xong giờ thì đóng dấu vào nhé! )

- Có thể các bạn thắc mắc tại sao mình không chọn loại brush thông thường cho đơn giản, lựa chi loại này cho rắc rối. Tuy nhiên lý do mình chọn loại brush đặc biệt này để phòng trường hợp các mem mới bắt đầu có thể không biết rồi chọn loại brush này sau đó không biết xử lý ra sao để ra hình như trên nên sẵn đây chọn loại này mà nói luôn.

Bước 7: Điền chữ vào bằng cách chọn Type Tool (T). Màu chữ tùy ý miễn sao cho hợp, mình chọn màu trắng luôn (màu là màu foreground). Kéo một khoảng vuông trên hình như hình sau:



- Rùi đánh chữ vào ok. Sau khi viết chữ xong click vào biểu tượng chữ “T” trong bảng layer để kết thúc như hình



Sẽ cho kết quả cuối cùng:



Thế là xong. Lưu ý đây chỉ là ví dụ đơn giản để mọi người dễ hiểu và sử dụng brush có sẵn để mem mới dễ theo dõi, các mem cũ có thể dùng các brush của diễn đàn chia sẻ làm đẹp hơn. Cách cập nhập và sử dụng brush đã có hướng dẫn rồi.

Trả lời bài viết mới thấy link

Download file PSD



Download file word



Chúc bạn thành công!

(Còn tiếp)

minh da phai vat lon voi no nhieu ngay qua
cam on ban da post bai nay len
ban la cuu tinh cua minh

thank ban minh tim tai lieu nay lau lam moi co