Hướng dẫn vẽ Web 2.0 Badge bằng Adobe illustrator

    Share

    Admin
    Adminstrator
    Adminstrator

    Nam
    Tổng số bài gửi : 703
    Age : 29
    Đến từ : H.O.U
    Hiện đang là : Student
    Sở trưởng : Design
    Registration date : 22/12/2007

    Thông báo Hướng dẫn vẽ Web 2.0 Badge bằng Adobe illustrator

    Bài gửi by Admin on Tue Apr 01, 2008 1:57 pm

    Bài viết dưới đây sẽ hướng dẫn các bạn
    thực hiện vẽ một trong những dạng Badge trong Adobe illustrator. Đây là
    một thành phần được sử dụng phổ biến trong những trang Website có style
    2.0





    1. Thực hiện vẽ một Badge dạng vecto


    Để vẽ badge dạng thô các bạn chọn công cụ Vẽ hình ngôi sao. Sau đó
    click chuột vào nơi cần vẽ trên vùng làm việc (Work space). Kế đến bạn
    sẽ cài đặt các thông số cho badge như trong hình.




    Trong đó Radius 1 là bán kính thứ nhất của hình, Radius 2 là bán kính thứ hai của hình, Point là số đỉnh của badge.

    2. Thêm hiệu ứng Gradient cho dạng Badge 2.0.





    3. Xử lí đối tượng cần tạo bóng.


    Trong phần 3 này chúng ta cần thực hiện một số thao tác như sau:




    1. Tạo một bản sao của dạng badge, bạn chọn đối tượng sau đó ấn tổ hợp phím Ctrl+C hoặc vào menu Edit \ Copy. Tiếp theo bạn sẽ paste lại bằng cách ấn tổ hợp phím Ctrl+F để paste nó ra phía trên đối tượng vừa copy.
    2. Chọn đối tượng vừa paste vào menu Object > Path \ Offset Path trong phần Offset gõ giá trị bằng -2px
    3. Chọn phần phía ngoài dùng Direct Selection Tool để xóa nó.
    4. Tiến hành cắt phần dưới của badge. Bạn chọn công cụ Pen tool,
      vẽ một đường path như hình trên. Bạn chọn cả hai đối tượng (đối tượng
      cần cắt và đường path vừa vẽ), mở cửa số Pathfinder (Windows \
      Pathfinder) sau đó chọn mục Divide.


    4. Tạo bóng và viết chữ


    Sau khi tạo được hình phía trên chúng ta tiến hành tạo bóng và viết chữ.




    1. Chọn đối tượng cần tạo bóng sau đó click chọn nút Gradient, chúng ta sẽ điều chỉnh phần Gradient của đối tượng phía trên sao cho phù hợp với đối tượng phía dưới.
    2. Để viết Text chúng ta chọn công cụ Text Type tool (T), chọn font chữ phù hợp và tiến hành viết chữ lên hình.


    Cuối cùng chúng ta được một hình vẽ như hình trên.

      Hôm nay: Sun Dec 04, 2016 1:02 pm