Hãy đăng ký thành viên để có thể dễ dàng trao đổi, giao lưu và chia sẻ về kiến thức đồ họa.
  1. Hãy đăng ký subscribe kênh Youtube mới của Việt Designer tại địa chỉ: Youtube.com/VietDesignerChannel để theo dõi các video về thiết kế đồ họa. Do trước đó kênh cũ bị Youtube quét không rõ lý do, trong thời gian chờ kháng cáo nếu các bạn thấy video trên diễn đàn bị die không xem được thì có thể vào kênh mới để tìm xem video sơ cua nhé.
    Loại bỏ thông báo

[Hướng dẫn Ai] Thiết kế logo Adobe Creative Cloud

Chủ đề thuộc danh mục 'Tutorial' được đăng bởi Hồng Sơn, 1/2/15.

Lượt xem: 8,535

  1. Hồng Sơn Helper

    - Mình không muốn nói nhiều cũng như không muốn giới thiệu về Adobe Creative Cloud là gì hết nên sẽ vào vấn đề chính luôn!


    dM5UNwF.png


    Bước 1: Tạo một Artboard mới với kích thước, chế độ màu và độ phân giả cũng như là đơn vị như sau.

    okwnyLo.png

    Bước 2: Dùng công cụ vẽ hình Rectangle Tool (M) fill màu Gradient lên cho background của nó.

    CH4fffH.png
    • Mã màu RGB và đặt nó ở 90 độ sau đó khoá lớp layer background này lại bằng tổ hợp phímCtrl + 2 (Selection)
    Bước 3: Bây giờ dùng công cụ Ellipse Tool vẽ ra 2 hình tròn với kích thước khác nhau.

    32GBByI.png
    Kích thước của chiều ngang và chiều dọc như nhau 82 x 82


    nuANfDQ.png

    Tương tự với hình tròn thứ hai với kích thước là101 x 101

    Bước 5: Mở bảng Appearance(Shift + F6) lên và để chế độ Fill của nó là none còn lại Stroke là màu trắng và thiết lập độ dày của Stroke là 39pt

    RwBHpWv.png

    Bước 6: Vẫn trong bảng Appearance ta thêm một lớp Stroke nữa và đổi màu của nó là màu đen và độ dày là 13pt

    3TPv6kL.png
    Ta có được 2 hình tròn trắng và đen như thế này

    Bước 7: Bật tính năngSmart Guides (Ctrl + U) và đưa nó sang chế độ Outline (Ctrl + Y) và sau đó dùng công vụ Move (V) di chuyển hình tròn nhỏ kia vào với hình tròn lớn như trong hình dưới đây.

    [​IMG]

    Bước 8: Vẫn giữ nguyên đối tượng hình tròn nhỏ, chuột phải chọn Transform -> Move

    YiQK955.png
    Thiết lập các thông số trongPosition

    Bước 9: Bây giờ đưa nó trở về chế độ Preview (Ctrl + Y) và sau đó gộp chúng lại thành một nhóm rồi căn chỉnh vào giữa bằng Align

    8MtR713.png

    OgsmgMr.png

    Tách chúng ra khỏi nhóm cho dễ làm việc hơn!

    Bước 10: Chọn 2 hình tròn đen bên trong sau đó từ Object menu -> Path -> Add Anchor Points để thêm một số điểm neo trên 2 vòng tròn path này.

    0nGxPSr.png
    Bước 11: Ở bước này hãy chú ý và xem hình ảnh minh hoạ để tránh nhầm lẫn. Dùng công cụ cây kéo Scissors Tool để cắt bỏ một phần trên 2 hình tròn này. Cắt ở các điểm neo như sau.

    S34zO0k.png
    [​IMG]
    Cắt bỏ các phần này và sau đó xoá chúng.

    Bước 11: Sau khi đã cắt xong ta sẽ được 2 hình chữ C. Bây giờ ta dùng công cụ vẽ đường thằng Line Segment Tool (\) để nối thêm với các thông số như hình bên dưới.Chú ý phần này.

    [​IMG]
    Di chuột vào các điểm Anchor này và nhấp chuột để tạo ra đường line với thông số trong hình

    Bước 12: Sau khi đã có 3 đường thằng kia rồi bây giờ ta chọn cả 3 đường thằng này và sau đó nhấn tổ hợp phím Ctrl + X để cắt chúng.

    [​IMG]
    Khi đã cắt xong 3 đường thằng kia ta tiếp tục chọn 2 vòng tròn đen bên trong
    và sau đó nhấn tổ hợp phím Ctrl + B

    Bước 13: Bây giờ là nối chúng lại với nhau. Chọn như trong hình rồi sau đó nối chúng bằng lệnhJoin.

    [​IMG]

    Bước 14: Tiếp theo bây giờ ta chọn 2 vòng tròn đen sau khi đã nối kia và mở bảng Appearance lên. Tại 2 mục Stroke ta điều chỉnh đầu Stroke cho nó là BO TRÒN.

    [​IMG]

    Bước 15: Giữ nguyên 2 đối tượng hình tròn đen này và vào Object menu -> Expand Appearance với mục đích là mở rộng chúng khi làm.

    [​IMG]
    Sau khi mà đã mở rộng chúng ra rồi lại tiếp tục vào Object -> Path -> Outline Stroke rồi tách chúng
    riêng biệt ra khỏi nhóm bằng lệnh Ungroup.

    Bước 16: Chọn 2 đối tượng là vòng tròn trắng bên ngoài như trong hình và nhấn tổ hợp phím Ctrl + C để copy chúng ra một đối tượng mới với mục đích là nhân đôi chúng lên trên cùng bằng lệnh Ctrl + F.

    [​IMG]

    Bước 17: Đẩy 2 layer này tiếp lên trên cùng bằng lệnh Bring to Front hoặc phím tắt Shift + Ctrl + ]

    [​IMG]


    Bước 18: Mở bản Pathfinder ra và chọn đối tượng sau đó cắt nó ở chế độ đầu tiên là Unite

    [​IMG]

    [​IMG]

    Sau khi cắt xong ta dùng lệnh Object -> Compound Path -> Release để tách và
    sau đó thì cắt phần thừa bên trong hình kia đi.

    Bước 19: Giờ ta có được một hình đám mây màu trắng ở trên cùng, ta sẽ đưa nó xuống dưới như sau.

    [​IMG]
    Chọn đối tượng hình đám mây màu trắng sau đó chuột phải chọn Send to Back ( Shift + Ctrl + [ )
    để đưa nó xuống dưới cùng và đưa lên một lớp Bring forward ( Shift + Ctrl + ] )

    Bước 20: Chú ý bảng layer và làm theo như sau:

    [​IMG]
    Chọn 2 hình tròn trắng phía bên ngoài như trong hình và đổi màu bất kỳ lên.

    Bước 21: Tiếp tục dùng công cụ cây kéo Scissors Tool và cắt các điểm neo trên 2 chữ C này rồi xoá phần thừa như hình dưới.

    [​IMG]

    Bước 22: Bây giờ chọn vòng tròn đã đổ màuvòng tròn đen bên trong rồi dùng 2 chế độ cắt trong Pathfinder.

    [​IMG]
    Nhìn hình và bảng layer để thực hiện chúng dễ dàng hơn nhé!

    Bước 23: Gần hoàn thành rồi, ta đã có được gần như một logo của ACC là hình dạng đám mây.

    [​IMG]
    Chọn lại 2 chữ C màu đen bên trong và dùng lệnh Object -> Compound Path -> Make để gộp nó vào.


    [​IMG]
    Vẫn giữ nguyên đối tượng là 2 hình tròn màu đen kia và bây giờ chọn tiếp đối tượng nền trắng bên ngoài
    và dùng chế độ cắt cho chúng là Minus Front

    Bước cuối cùng: Đổ bóng cho nó.

    [​IMG]


    Và cuối cùng kết quả ta có được là một logo của Adobe Creative Cloud hình đám mây!

    [​IMG]
    Nếu có bất kỳ thắc mắc nào không hiểu trong quá trình thực hiện các bạn hãy để lại bình luận phía dưới, mình sẽ giải đáp tất cả. Chúc các bạn thành công!

    Bài viết được thực hiện bởi Dù Kun

    ...
    Chỉnh sửa lần cuối: 4/12/15
    tuanpv, thandanit, xme29716 người khác thích bài viết này.
  2. quangnguyen111

    quangnguyen111 Thành viên cấp 2

    Càng về đêm mạng nó càng buồn ngủ!
    Không xem được hình!
    romeoluzrap, tuanpvHồng Sơn thích bài viết này.
  3. Hồng Sơn

    Hồng Sơn Helper

    quangnguyen111 Tại sao ý nhề? Cáp quang vừa sửa xong tưởng được ngon lành ai ngờ cứ đến tối là lag như bị đứt luôn ấy :-<
  4. Mrhoangpro

    Mrhoangpro Thành viên cấp 2

    mình xem bt, nhưng nói chung là sao bài này dài ghê gớm :))
    kiến nghị của mình là đã đi làm lại thì chi bằng vẽ bằng pen cho nhanh :))
    KLQ: nhưng làm sao để có acc Lynda vậy :(
    25$ đắt quá
    Hồng Sơn thích bài viết này
  5. b0yHN_96

    b0yHN_96 Thành viên cấp 4

    :)) ủng hộ bạn dù
    Hồng Sơn thích bài viết này
  6. quangnguyen111

    quangnguyen111 Thành viên cấp 2

    VNPT thần thánh! =))
    Đức Sơn Architect thích bài viết này
  7. vietvo

    vietvo Thành viên cấp 1

    hay quá! rất tuyệt
    Hồng Sơn thích bài viết này
  8. Phạm Hữu Dư

    Phạm Hữu Dư phamhuudu.com Ban quản trị

    Để rảnh rảnh đưa bài này lên Trang chủ :D
    Hồng Sơn thích bài viết này
  9. muadong2312

    muadong2312 Thành viên cấp 2

    mình thấy mấy bài hướng dẫn của bạn rất công phu, like :D
    Hồng Sơn thích bài viết này
  10. Song yen

    Song yen Thành viên cấp 1

    Thấy cũng dễ, để làm thử :D
    Mấy cái logo làm bằng AI thấy cũng vui ^.^

    Thank cho bài hướng dẫn :)
    Hồng Sơn thích bài viết này
  11. kayznguyen

    kayznguyen Thành viên cấp 1

    Mình thấy hình như tác giả làm dài hơn bình thường để tăng độ công phu và tính điêu luyện cho sản phẩm ;)) hay
    Hồng Sơn thích bài viết này
  12. xme297

    xme297 Mới đăng kí

    đây dù là tut của nước ngoài, nhưng cũng rất đáng khen vì bạn Dù Kun đã bỏ công hướng dẫn lại cho các chiến hữu bằng tiếng Việt.
    Hồng Sơn thích bài viết này
  13. thandanit

    thandanit Thành viên cấp 2

    tut tuyệt vời, chi tiết tới từng "cọng lông" \m/
    Hồng Sơn thích bài viết này
  14. Max1muS

    Max1muS Mới đăng kí

    mình muốn nhờ người thiết kế logo, sẽ có trả tiền
    ý tưởng của mình là vầy
    [​IMG]
    ai giúp mình thì gọi sdt 0985538479
  15. Locker

    Locker Mới đăng kí

  16. Roanldoh0h0

    Roanldoh0h0 Mới đăng kí

    Chào anh! có 1 thắc mắc muốn hỏi anh
    - Bước 7:Bật tính năngSmart Guides (Ctrl + U) và đưa nó sang chế độ Outline (Ctrl + Y)
    Bước này em vẫn không hiểu lắm về công dụng của chế độ outline anh có thể giải thích chế độ này dùng để làm gì được không anh.
  17. Hodaa

    Hodaa Mới đăng kí

    mình chỉ có thắc mắc là sao bác thớt biết chính xác độ góc chính xác logo của nó để vẽ line thế :(( mình thử tìm các đo nhưng k dc
  18. badboy2000320

    badboy2000320 Thành viên cấp 2

    Hodaa nó hướng về tâm mà. ĐO đạc chi mất time:D
  19. Hodaa

    Hodaa Mới đăng kí

    badboy2000320 thế à, thấy đánh số liệu điên đảo nguy hiểm ghê :))

Ủng hộ diễn đàn