Bài viết 3
Lượt xem 1589


  • #1 Design Team




    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

    Click xem nội dung bên trong

    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.

    Click xem nội dung bên trong

    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.

    Click xem nội dung bên trong

    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ữ.

    Click xem nội dung bên trong

    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.

    Click xem nội dung bên trong


    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ỏ.

    Click xem nội dung bên trong

    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.

    Cách 2:

    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

    Click xem nội dung bên trong

    Bước 10: Hoàn chỉnh và upload hình

    Click xem nội dung bên trong


    Comments (14)
    ủng hộ "cô giáo" ))
    + 5
    trừi ưi tuyệt vời =))))
    + 2
    Ôi ôi, mừng hết lớn khi thấy thớt này ;)
    Ủng hộ nè ^^. Cũng đang muốn học sử dụng PS mà không biết bắt đầu từ đâu
    + 2
    ahihi, có chị Hát dạy thế này e quyết tâm sẽ học hành tới nơi tới chốn
    + 2
    ahihi, có chị Hát dạy thế này e quyết tâm sẽ học hành tới nơi tới chốn
    + 2
    cho ss học nữa nha
    mọi ng tham gia học cho vui a
    SS cũng muốn học ,cám ơn em nhiều
    + 5
    SS xử dụng PTS CS6 ,
    PTS C6 cũng xài đc ss ạ
    Tks san nha :3 Cùng xách balo lên và học thui ^^
    + 2
    ss chờ bài mới của em
    + 2
    cảm ơn ss, ahihi
    + 2


  • #2 Design Team

    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.

    Click xem nội dung bên trong

    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

    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

    Click xem nội dung bên trong



    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

    Click xem nội dung bên trong

    kết quả:

    Click xem nội dung bên trong



    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ó:

    Click xem nội dung bên trong


    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

    Click xem nội dung bên trong



    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

    Click xem nội dung bên trong

    Bước 7: Ta vào mục layer trên thanh công cụ, duplicate layer nền texture

    Click xem nội dung bên trong


    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

    Click xem nội dung bên trong

    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

    Click xem nội dung bên trong

    Bước 10: Ta tẩy layer texture 1 để có hình như sau

    Click xem nội dung bên trong

    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:

    Click xem nội dung bên trong

    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

    Click xem nội dung bên trong

    Bước 13: Bức cover của ta sớm hình thành như sau:

    Click xem nội dung bên trong

    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.

    Click xem nội dung bên trong


    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

    Click xem nội dung bên trong

    Thành quả

    hoặc một ví dụ khác

    ( cái này tặng M-team )












    Comments (7)
    Ah có quà nè ^^ Đẹp ghê á chị, thanks chị nha <3
    + 2
    không có chi nhe e :))
    ui hay quá, có thời gian ss sẽ làm thử San ui!! Thanks cưng êu nhaaaa :xxx
    + 7
    e cám ơn ss <3
    Cám ơn em ,ss chờ bài kế tiếp
    + 5
    cám ơn chị, em sẽ cố gắng làm bài mới đơn giản và dễ hiểu hơn nữa ạ <3
    Cô giáo nhiệt tình :x
    + 5


  • #3 MOD

    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.


    Comments (1)
    dạ, có gì chị không hiểu cứ hỏi em ạ <3
    + 5



Bài viết 3
Lượt xem 1589