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

[Tut] Tạo một biểu tượng Tasty Cupcake trong Photoshop

Chủ đề thuộc danh mục 'Thiết kế' được đăng bởi Nguyễn Trường, 18/11/12.

Lượt xem: 9,535

  1. Nguyễn Trường Thành viên cấp 2

    Nguồn: http://psd.tutsplus.com
    Phần mềm: Adobe photoshop CS6
    Độ khó: Trung cấp
    Thời gian: 2 - 3h
    Dịch bởi: Nguyễn Trường (nguyentruong.3006@gmail.com)

    Sản phẩm cuối cùng:
    [​IMG]
    Trong hướng dẫn này, chúng tôi sẽ giải thích cách làm thế nào để tạo ra một biểu tượng ngon cupcake trong photoshop. Chúng ta sẽ bắt đầu với một bảng phác thảo và sau đó thêm màu sắc, kết cấu và bóng để tạo ra một biểu tượng có vẻ tốt, đủ để ăn. Hãy bắt đầu!

    Hướng dẫn tài sản

    Các tài sản sau đây đã được sử dụng trong quá trình sản xuất của hướng dẫn này.

    Bước 1

    Mở một tập tin mới và thiết lập độ phân giải vải đến 1024 × 1024 pixel. Kích hoạt "Biểu tượng lưới 512" hành động từ trong bảng Actions Panel. Bạn có thể tải về các hành động từ các tài sản trên. Các hành động sẽ theo dõi một khu vực của 512 × 512 điểm ảnh, bạn phải thiết kế biểu tượng của bạn ở đó. Như bạn đã biết, các biểu tượng có kích thước tiêu chuẩn. Đối với hướng dẫn này, chúng tôi sẽ sử dụng độ phân giải đó.
    [​IMG]

    Bước 2


    Đặt phác thảo Tài sản bên trong tài liệu.

    [​IMG]



    Bước 3


    Với Công cụ Pen (P), bắt đầu theo dõi các hình dạng chính của các cupcake. Sử dụng màu sắc khác nhau cho mỗi hình dạng. Tôi tinh chế một số đường cong để đạt được một cái nhìn tốt hơn.

    [​IMG]



    Bước 4


    Hãy bắt đầu với cốc! Thêm Layer Style này đến lớp cơ sở.

    [​IMG]

    [​IMG]



    Bước 5


    Thêm một layer mới và với công cụ Brush Tool (B) vẽ một điểm màu trắng ở giữa của cốc. Thiết lập chế độ hoà trộn lớp phủ và áp dụng nó như một Clipping Mask bằng cách click vào dòng mỏng giữa các lớp trong bảng Layer trong khi nhấn Alt.

    [​IMG]



    Bước 6


    Với Công cụ Pen vẽ một hình dạng màu đỏ đậm như dưới đây. Sau đó lặp lại 12 lần và nhóm chúng.(Trong Photoshop CS6, bạn có thể hợp nhất các hình dạng bên trong một lớp vector hình dạng duy nhất bằng cách nhấn Cmd / Ctrl + E). Cuối cùng áp dụng một Warp Arc, bạn có thể làm điều này bằng cách nhấn Cmd / Ctrl + T và nhấn chuột vào biểu tượng dọc trong thanh tùy chọn. Chơi với sự pha trộn, H, V thiết lập cho đến khi bạn nhận được một hình dạng giống như dưới đây.

    [​IMG]



    Bước 7


    Chuyển đổi hình dạng thành một Smart Object: Filter> Chuyển đổi cho lọc thông minh. Áp dụng một bộ lọc Gaussian Blur với một Radius 0.2px. Sử dụng một Layer Mask để ẩn các phần trên và dưới của các sọc.(Tôi bị vô hiệu hoá khả năng hiển thị của lớp ánh sáng để nhìn tốt hơn những gì xảy ra).

    [​IMG]



    Bước 8


    Stripes thông minh đối tượng trùng lặp. Nhấp hai lần vào Smart Gaussian Blur Filter là Layer Palette và thay đổi giá trị bán kính để 0.5px. Với Move Tool (V) di chuyển layer mới bên trái cho đến khi bạn có được một kết quả như dưới đây.

    [​IMG]



    Bước 9


    Tạo hai lớp mới và đặt chúng dưới các lớp sọc. Với công cụ Brush Tool (B) vẽ một số màu sắc ánh sáng màu đỏ trên đỉnh và đáy của cốc. Thiết lập Opacity của lớp đến 70%. Trong lớp thứ hai, vẽ một số điểm ánh sáng trắng ở giữa của cốc và thiết lập các lớp trong Overlay. Xem hình ảnh cho một tài liệu tham khảo.

    [​IMG]



    Bước 10


    Bước 6, thêm một số sọc đen mỏng giữa các nếp gấp với các Công cụ Bút (P). Áp dụng một bộ lọc thông minh Gaussian Blur các sọc với bán kính là 0,6 điểm ảnh. Sau đó, áp dụng một Layer Mask để ẩn phần dưới cùng của lớp, cố gắng để đạt được một quá trình chuyển đổi trơn tru.

    [​IMG]



    Bước 11


    Lặp lại bước 10, nhưng lần này thêm một số sọc đỏ ánh sáng và đặt chúng trong phần bên trái của mỗi nhăn. Bạn không cần phải áp dụng các bộ lọc Gaussian Blur thời gian này. Chúng tôi sẽ làm điều này để làm cho những điểm nổi bật.

    [​IMG]



    Bước 12


    Thêm một layer mới bên dưới lớp vạch đen mỏng, và sơn một số màu cam với công cụ Brush Tool (B).Thiết lập layer sang Soft Light.

    [​IMG]



    Bước 13


    Với công cụ Rectangle Tool (U) vẽ một số hình dạng hình chữ nhật song song và đặt chúng dưới lớp "thứ hai phụ". Sau đó, áp dụng riêng hai sợi dọc, như bình thường bạn có thể làm điều này bằng cách nhấn Cmd / Ctrl + T và nhấn chuột vào biểu tượng dọc trong thanh tùy chọn. Chuyển đổi các sọc như một đối tượng thông minh và áp dụng một Gaussian Blur của 0,3 pixel. Thiết lập các sọc như là một Clipping Mask.

    [​IMG]

    [​IMG]



    Bước 14


    Bước cuối cùng cho cốc là để thêm một layer mới trên đầu trang như một clipping mask và tô với công cụ Brush Tool (B) một sự phản ánh màu da cam trên dưới cùng của cốc. Thiết lập chế độ hoà trộn của layer là Color Dodge và Opacity đến 60%.

    [​IMG]



    Bước 15


    Thời gian cho Muffin! Thêm một layer mới như là một Clipping Mask Layer cơ sở Muffin. Với công cụ Brush Tool (B) sơn vàng nâu với một bàn chải mềm (cố gắng hạ thấp thiết lập opacity) trên đầu vào hình dạng muffin. Sau đó, thiết lập Layer Blending Mode thành Screen và Opacity đến 80%.

    [​IMG]



    Bước 16


    Lặp lại bước 15 nhưng lần này chúng tôi sẽ sơn bóng. Chọn một màu nâu sẫm (# bc6f3a) sau đó sơn trên dưới cùng của Muffin. Nhưng lần này sử dụng Blending Normal và Opacity 100%. Sử dụng ảnh chụp màn hình dưới đây như là một tài liệu tham khảo.

    [​IMG]



    Bước 17


    Thêm chi tiết hơn cho bóng tối và ánh sáng, cùng một quá trình ở đây. Tôi thêm vào hai lớp: đầu tiên là bóng tối, tôi sơn màu nâu trong Color Burn Blending Mode lớp. Thứ hai là cho đèn chiếu sáng. Trong lớp này, tôi vẽ một màu nâu nhạt (# e5c79c) với một bàn chải nhỏ và sau đó tôi đặt Blending Mode của layer là Overlay và Opacity đến 40%.

    [​IMG]



    Bước 18


    Tải các kết cấu Muffin và áp dụng nó như là một mặt nạ clipping chỉ ở trên lớp cơ sở hình dạng muffin. Sử dụng một lớp mặt nạ để ẩn một số phần của kết cấu trong các bên và thiết lập chế độ hoà trộn layer là Luminosity. Mẹo: nếu bạn thích, bạn có thể sử dụng giao ngay Removal Tool (J) để làm sạch một số đồ tạo tác kết cấu như tôi làm.

    [​IMG]



    Bước 19


    Áp dụng một Color Balance Adjustment Layer để thêm một vẻ nâu Muffin. Các phiên bản trước đã có một dàn diễn viên màu sắc tinh tế. Set (16,0, -5) cho nổi bật, (13, -10, -33) cho Midtones và (0,0,57) cho Shadows. Kiểm tra Preserve Luminosity quá. Cuối cùng đặt Opacity đến 40%.

    [​IMG]



    Bước 20


    Vâng, bây giờ đó là thời gian để làm kem. Chọn công cụ Pen Tool (P) đáng tin cậy của bạn và vẽ hình như dưới đây sử dụng một màu nhẹ hơn màu kem cơ sở. Tôi kích hoạt khả năng hiển thị đường dẫn vết chỉ cho mục đích hình ảnh, nhưng bạn không có thêm các nét màu đen vào đường dẫn.

    [​IMG]



    Bước 21


    Thêm một layer mới bên dưới một trong những cuối cùng như là một Clipping Mask, sau đó với công cụ Brush Tool (B) sơn bóng mềm trên phần dưới cùng của mỗi hình dạng với màu (# 938e82). Sử dụng Smudge Tool nếu cần thiết để tinh chỉnh các quá trình chuyển đổi giữa các hình khối. Nếu cần giảm độ trong suốt đến 50%.

    [​IMG]



    Bước 22


    Áp dụng một Layer Mask cho các lớp hình dạng đầu tiên để ẩn các cạnh và tạo ra các hiệu ứng chuyển tiếp mềm.

    [​IMG]



    Bước 23


    Để tạo ra một số biến thể màu sắc, sơn một màu vàng bên trong kem như sau. Thiết lập chế độ hoà trộn là Overlay.

    [​IMG]



    Bước 24


    Chúng tôi sẽ thêm một số phản ánh bằng cách sử dụng một phương pháp đơn giản nhưng rất hiệu quả.Đầu tiên thêm một layer mới trống, sau đó với công cụ Lasso Tool (L) tạo vùng chọn bên trong một lớp kem. Bây giờ, bằng cách sử dụng công cụ Gradient Tool (G) điền vào lựa chọn với một màu trắng để minh bạch gradient. Điều quan trọng là để làm cho việc lựa chọn đúng, không cố gắng điền đầy đủ một lớp kem nhưng bảo tồn một số khoảng cách kem tối giữa mỗi phản ánh. Áp dụng kỹ thuật này để toàn bộ hình dạng kem. Mẹo: Khi bạn đang thực hiện cố gắng lặp lại các lớp để tăng hiệu ứng!

    [​IMG]

    [​IMG]



    Bước 25


    Thành thật mà nói, tôi thích hương vị kem dâu tây. Hãy thêm một Hue / Saturation Adjustment Layer để cung cấp cho một cái nhìn màu hồng kem. Đặt Huế đến -40 và Saturation + 10.

    [​IMG]



    Bước 26


    Thời gian cho các đồ trang trí. Tôi làm cho họ với Layer Styles và hình dạng tùy chỉnh. Những quả cầu nhỏ màu đỏ có Layer Style này.

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]



    Bước 27


    Layer Style cho các hình khối hoa màu xanh nhạt.

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]



    Bước 28


    Và Layer Style cho hình dạng quả bóng đường.

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]



    Bước 29


    Thêm một hình dạng kẹo đỏ tròn trên đầu cupcake. Để làm điều này sử dụng công cụ Ellipse Tool (U). Sau đó áp dụng Layer Style dưới đây, có chỉ có một Layer Style để vẽ lại một hình cầu tuyệt vời. Tôi đã thêm một mặt nạ để lớp kẹo và ẩn một số phần nhỏ với một bàn chải cứng rất nhỏ quá.

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]



    Bước 30


    Trong một sơn lớp mới với một bàn chải mềm một bóng trên dưới cùng của kẹo với màu # e2b8b1.

    [​IMG]



    Bước 31


    Gần xong rồi! Bây giờ chúng ta sẽ thêm một số cải tiến đối với toàn bộ biểu tượng. Đầu tiên tôi được một điều chỉnh đường cong để tăng độ tương phản.

    [​IMG]



    Bước 32


    Sau đó tải một lựa chọn của cốc bằng cách nhấp chuột vào layer hình thu nhỏ trong khi nhấn Cmd / Ctrl.Sau đó chọn công cụ Gradient Tool (G) và vẽ một Orange để minh bạch gradient. Thiết lập các lớp hỗn hợp trong Color Dodge.

    [​IMG]



    Bước 33


    Vẽ một số đường màu đen giản dị bên trong một layer mới bên dưới lớp Candy Red với một bàn chải cứng nhỏ, và thiết lập chế độ hoà trộn của layer thành Soft Light, giảm độ trong suốt đến 60%. Điều này sẽ tạo ra vết nứt tinh tế bên trong kem.

    [​IMG]



    Bước 34


    Bên trong một layer mới, tinh chỉnh các chi tiết về Muffin. Ví dụ, tôi thêm vào bóng rất tinh tế dưới đây kem và hạt một số dừa. Để làm điều này, sử dụng một bàn chải cứng rất nhỏ và sơn với màu trắng.

    [​IMG]



    Bước 35


    Với công cụ Lasso Tool (L) tạo vùng chọn như dưới đây để cốc. Thêm một Layer Mask với lựa chọn hiện tại để tách nhóm. Sau đó, trong Mask Panel, giảm mật độ của mặt nạ đến 15%. Lấp đầy khoảng cách bằng cách thêm một layer mới với kết cấu Muffin sử dụng trước, đặt các kết cấu dưới đây, nhóm ly. Điều này sẽ thêm một hiệu ứng đẹp trong suốt đối với các vật liệu tách.

    [​IMG]

    [​IMG]



    Cuối cùng qua hình


    Bây giờ, chỉ cần thêm một nền tảng đầy màu sắc và bạn đã hoàn tất!

    [​IMG]


    Ngon Ngon ... !!!:-bd

    ...
    Hải Trang, mrbom, Đoilơ ViệtDesigner5 người khác thích bài viết này.
  2. tuankiet_nct

    tuankiet_nct Thành viên cấp 2

    Thích 2 chữ Ngon Ngon của bạn nhất :D
    Hải TrangHồng Sơn thích bài viết này.
  3. Nguyễn Trường

    Nguyễn Trường Thành viên cấp 2

    hihi:P
    Hồng Sơn thích bài viết này
  4. ByGu

    ByGu Thành viên cấp 2

    Thanks bạn vì bài hay :like:
    Hình như bạn dịch bằng Google translate, vì có nhiều câu khá lủng củng và rối nghĩa.
    zenki992hanh_demon thích bài viết này.
  5. Nguyễn Trường

    Nguyễn Trường Thành viên cấp 2

    Mình dịch bằng google dịch! tại bản gốc nó lủng củng nên nó vậy đóa! mình đọc lại nhưng thấy k đến nỗi nên để vậy luôn!
    songchuqueem thích bài viết này
  6. icadesign.vn

    icadesign.vn Mới đăng kí

    Cảm ơn tác giả nhiều né :D
  7. Hồng Sơn

    Hồng Sơn Helper

    TUT được đấy chứ :x. Hôm nào học cái :))
    Hải Trang thích bài viết này
  8. boyplay

    boyplay Thành viên cấp 3

    Dịch nghe thô quá bạn ơi :|
    Hải Trang thích bài viết này
  9. Nguyễn Trường

    Nguyễn Trường Thành viên cấp 2

    :-"
    :-"
    Hải Trang thích bài viết này
  10. mrbom

    mrbom Thành viên cấp 2

    TRỜI ƠI DÀI ƠI LÀ DÀI :D

Ủng hộ diễn đàn