[Design Team] Lớp học thiết kế dành cho người mới bắt đầu - Bài 3
-
Chào các bạn,
Hôm nay mình mở lớp học này để các bạn có nhu cầu design nhưng lại không biết design. Lớp học chỉ dạy những cách thiết kế đơn giản, phần còn lại là tự các bạn sáng tạo thêm.
Các bạn có thể tải phần mềm Adobe photoshop trên mạng hoặc mua đĩa về cài đặt nhé, ở đây mình dùng photoshop CC.Mở đầu buổi học đầu tiên là bài học về
CÁCH TẠO MỘT POSTER ĐƠN GIẢN
Bước 1:
Chọn file -> new để tạo một khung hình, sau khi chọn file-:> new sẽ hiện bảng ở bước 2
Bước 2:
Sau khi hiện bảng table
Width là chiều ngang
Height là chiều dọc
Thường thì poster là 500 x 700 nên Width là 500, height là 700.
Tương tự cho cover fb 851x315, size banner trên diễn đàn là 1110x280, avatar trên fb là 400x400
Phía sau là đơn vị Pixels cho cả hai.
Mục background contents:
Transparent: nền trong suốt
White là có nền trắng
Bước 3:
Sau khi tạo layer nền trắng xong, ta bấm vào thùng sơn bên tay trái " Paint bucket tool hoặc nhất phím G" sẽ hiện lên bảng "Color Picker foreground color", ta chọn màu hoặc có thể chọn 2 ô vuông ở góc trái chồng lên nhau bên dưới, click vào hình ở trên chọn màu rồi bấm chuột vào layer trắng ( nó sẽ ra màu ở ô vuông thứ nhất." Hai ô vuông này có thể chuyển đổi màu khi ta ấn vào mũi tên hai chiều, lúc đó màu bên dưới ta tiếp tục click vào để chọn màu.
BƯớc 4:
Ta chọn chữ T ở bên trái "Horizontal Type tool", khi muốn vieết hàng dọc thì chọn " Vertical type tool", sau đó di chuyển vào khung layer trắng rùi kéo chuột tạo thành 1 hình chữ nhật.
BƯớc 5:
Ta gõ chữ vào, sau đó click chuữ aa như hình để chọn kích cỡ, khoảng cách, tô đậm hoặc in hoa hoặc in nghiêng. Sau khi viết xong, ta dùng chuột tô đen dòng chữ rùi click vào hai ô vuông màu ở góc trái để thay màu cho chữ.
BƯớc 6: Nếu muốn di chuyển dòng chữ đã viết ta dùng Move Tool (ấn phím V) rùi kéo dòng chữ lên vị trí mong muốn.
Bước 7: Chọn file-> open -> chọn hình mình cần
Sau đó chọn Window -> arrange -> 2 up vertical để như hình.
DÙng move tool để kéo hình qua poster đang làm.
Để thu nhỏ hình hay phóng to, ta chọn Ctrl + T rùi rê chuộtở đầu góc hình vừa kéo vừa ấn shift để giữ hình không bị móp méo.
BƯớc 8:
Layer-> Duplicate layer để làm hình thành 2 hình, bên tay phải có bảng layer sẽ xuất hiện layer 2 và layer 2 copy. Ta bấm vào layer 2 rùi dùng Move tool (V) kéo hình qua 1 bên tí rùi vào layer chọn layer style -> color overlay để đổi màu, ta click vào ô chữ nhật nhỏ.
Stroke: thêm viền
Gradient overlay là màu đôi có sẵn, ta có thể tải thêm.
Tương tự bước 8, ta chọn hình logo thu nhỏ và di chuyển vào goc trái.
Bước 9:
Cách 1: Ta lưu hình thì chọn file -> save as
File name thì đặt tên tùy chọn
Save as type thì : Đuôi .PSD, .PDD thì khi lưu xong ta mở lại có thể tiếp tục chỉnh hình.
File -> save for web thì sẽ hiện bảng như sau:
Đuôi .png | JPEG | GIF thì ra hình hoàn chỉnh. Đuôi GIF thì thường là ảnh động
Bước 10: Hoàn chỉnh và upload hình
-
BÀI 2 - THIẾT KẾ 1 COVER FACEBOOK ĐƠN GIẢN
Chuẩn bị: Chúng ta có hai hình ảnh cần sử dụng trong bài này.
Bước 1: Chọn file -> new để tạo một khung hình, sau khi chọn file-:> new sẽ hiện bảng ở bước 2Bước 2: Sau khi hiện bảng table : Width là chiều ngang | Height là chiều dọc
Mình sẽ dùng thông số size cover fb 851x315, đơn vị Pixels
Mục background contents: Transparent: nền trong suốt hoặc White là có nền trắng
Bước 3:
Ta mở file -> open mở hình mình chọn làm hình chính.
Sau đó, sau khi tạo bảng cover xong, ta nhìn trên thanh công cụ
Vào Window -> arrange -> 2 up vertical như hình
kết quả:
Bước 4: Ta dùng chuột kéo hình từ layer hình bên tay phải sang hình bên trái layer trắng, và ta có:
Bước 5: Tiếp đó, ta lập lại bước 3 với hình texture mình đã cho sẵn các bạn
Bước 6: Ta lập lại động tác kéo layer hình bên phải sang layer bên trái
Bước 7: Ta vào mục layer trên thanh công cụ, duplicate layer nền texture
Ta được hình sau:
Bước 8: Kết quả thu được 2 layer, ta nhìn bên góc phải. Sau đó ta click vào chỗ khoanh tròn (hình con mắt) để ẩn file đã nhân đôi
Bước 9: Ta nhìn bên góc phải, ta chọn layer ảnh texture thứ 1. Sau đó ta click vào cục gôm ở ô số 1, và đồng thời click vào ô số 2 chọn hình tròn mờ như trên hình và chỉnh size của cục tẩy
Bước 10: Ta tẩy layer texture 1 để có hình như sau
Bước 11: Lúc này ta click hiện con mắt ở layer số 2 mà ta đã ẩn ở bước 8, ta sẽ có hình sau:
Bước 12: ở bên phải mục normal, ta click vào và hiện bảng sau => ta chọn tiếp chữ Lighten
Bước 13: Bức cover của ta sớm hình thành như sau:
Bước 14: Như bài 1 đã học cách thêm chữ, ta điền chữ vào. Mỗi dòng chữ mình có thể dùng 1 font khác nhau.
Bước 15: Mình chỉnh sửa thêm 1 tí ở màu chữ, thêm các dòng chữ hay logo khác ta sẽ hoàn thành
Thành quả
hoặc một ví dụ khác
( cái này tặng M-team )
Comments (7)
-
Có cái này luôn hả T_T
tốt quá chị đang muốn học mà ko biết bắt đầu từ đâu. phải ghim lại mới được.
cảm ơn em.
-
BÀI 3 - THIẾT KẾ 1 POSTER ĐƠN GIẢN phần 1
Chuẩn bị: Chúng ta có 5 hình ảnh cần sử dụng trong bài này.
và
Bước 1: Chọn file -> new để tạo một khung hình, sau khi chọn file-:> new, ta đặt tên là layer poster sẽ hiện bảng ở bước 2
Bước 2: Sau khi hiện bảng table : Width là chiều ngang | Height là chiều dọc
Mình sẽ dùng thông số size poster 540x720 hoặc 500x700, đơn vị Pixels
Mục background contents: Transparent: nền trong suốt hoặc White là có nền trắng
Bước 3:
Ta mở file -> open chọn hình RỒI TA DÙNG Magic Eraser Tool để xóa nền trắng quanh nhân vật.
Ta sẽ được như hình bên dưới:
Bước 4:
Sau đó, ta nhìn trên thanh công cụ
Vào Window -> arrange -> 2 up vertical như hình
Bước 5: Ta dùng chuột kéo hình từ layer hình bên tay phải sang hình bên trái layer trắng, và ta có:
Bước 6: Ở HÌNH poster chính, ta dùng Ctrl + T để chỉnh hình cho cân xứng
Bước 7: Ta chọn Layer > Layer style > color overlay > chỉnh vào cái khung, chọn màu đen.
Bước 8, ta lập lại các bước 4,5,6,7 để mở hình đàn chim và tô đen, kéo vào hình như kết quả:
Bước 9: Ta mở hình khung cảnh cây cối ở bên trái và lập lại các bước 5,6 để kéo hình qua layer poster
Bước 10: ở layer poster (trên hình là Untiltled-1) ta click bên phải chỗ khung nhỏ có chữ normal, ta chọn screen
Bước 11: ta sẽ có kết quả bên phải, bên trái ta mở hình thứ 3 ra.
Bước 12: Ta kéo hình bên trái vào bên phải, cũng chọn screen. Sau đó dùng tẩy xóa bớt hình mờ lem xung quanh để ra kết quả.
Bước 13: SAU ĐÓ ta vào layer > duplicatte layer để hình vừa screen đậm hơn. Ta tiếp tục mở hình thứ 4
Bước 14: O73 tab bức hình vừa mở ta chọn Image > Image rotation > Flip canvas Horizontal
Ta sẽ có kết quả:
Bước 15: Tiếp tục kéo hình qua hình poster và chọn screen, xóa bớt xung quanh
kết quả:
Nó ra sẽ khung
Bước 17: Ta chọn màu như thông số trên hình
O73 khung nhỏ bên phải, chỗ normal ta chọn Overlay và opacity là 75%
Bước 18: Ta làm như trên hình
Nó sẽ hiện khung và ta dùng hình nền Gradient như sau
Hoặc ta có thể tùy chỉnh màu theo sở thích
Ta điền chữ và sắp xếp chữ sao cho hợp lý và save lại thành quả thôi.
-
BÀI 3 - THIẾT KẾ 1 POSTER ĐƠN GIẢN phần 2
BƯớc 16: Sau khi hoàn tất, ta click tab poster và chọn Window -> arrange -> 1 khung
Sau đó nhấn tab layer > new fill layer > solid colorNó sẽ ra khung như sauBước 17: Ấn ok và nó hiện bảng màu, ta điền số như màu trên
Bước 18: Ta chọn khung nhỏ normal thành Overlay và bên cạnh là 75%Bước 19: Tiếp tục theo mẫu sau, và ta chọn ra hìnhTa có thể chọn Gradient có sẵn hoặc tải thêm trên trang Devianart.comBước 20: Ta thêm chữ, thêm shape gì tùy thích, Hoặc chỉnh màu blend màu như từng chỉ ở cover fbKết quả
-
Huhu lâu lắm rồi mới thấy "lớp học" như này từ thời bên Zing me =))) thích chủ để này lắm luôn :3 cảm ơn thớt nhiều ạ <3 mong thớt tiếp tục chủ đề này nhé <3 <3 <3
• + 5
• + 2
• + 2
• + 2
• + 2
• + 5
• + 2
• + 2
• + 2