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

[Tip Ai] Tạo một biểu tượng trong iOS 7

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

Lượt xem: 8,148

  1. Hồng Sơn Helper

    - Chắc hẳn một số bạn dùng hệ điều hành iOS7 cho iphone, ipad hay pc... có thể thấy icon này quen thuộc đúng không?

    [​IMG]
    - Chúng ta hãy cùng thực hành một bài Tip cơ bản trên Illustrator để tạo ra icon này nhé.​

    Bước 1: Tạo một file mới với các thông số như sau:

    [​IMG]
    Và đừng quên mở chế độ bám dính này:​
    - Menu View -> Smart Guides (Ctrl + U)
    [​IMG]


    • Bước 2: Dùng công cụ Rounded Rectangle Tool (L) click chuột trái sẽ có bảng thông số hiện ra ta điền thông số vào:

    • Width: 280 px
    • Height: 420 px
    • Corner Radius: 140 px

    [​IMG]
    Lưu ý: 2 chế độ màu FillStroke đều không được áp dụng.

    - Kết quả:​
    [​IMG]

    • Bước 3: Chọn đối tượng sau đó vào menu Window -> Transform (Shift + F8) và thay đổi thông số tại:​
    • X: 512 px
    • Y: 276 px
    - Điều này có nghĩa là ta cần dịch chuyển cánh hoa này lên trên để có chỗ tạo các cánh hoa khác.

    [​IMG]
    • Bước 4: Vào menu Window -> Appearance (Shift + F6) để làm việc được dễ dàng hơn và áp dụng chế độ màu lẫn hòa trộn cho nó.​
    - Chọn đối tượng sau đó áp dụng chế độ màu Gradient và tại bảng Appearance trong Opacity ta chọn chế độ hòa trộn cho nó là Multiply
    - Trong bảng Gradient chọn hướng 90 độ và áp dụng 2 mã màu RGB cho nó. (Để được nhanh cho nên mình đã sử dụng mã màu RGB thay vì là CMYK hay HSB)
    [​IMG]
    • Bước 5: Tạo một vòng tròn giống như trong hình với thông số như sau: "Việc tạo hình tròn này giúp ta dễ dàng sử dụng công cụ Rotate Tool (R) (Xoay)"​
    • Stroke Path: 1 px
    • Width, Height: 56 px (Nhấn biểu tượng liên kết để nhập thông số được nhanh)

    [​IMG]
    • Bước 6: Bước này sẽ rất khó khăn với một số bạn bởi vì nếu không làm đúng nó sẽ không thực hiện được, vì vậy các bạn hãy đọc kỹ và làm theo đúng hướng dẫn.​
    - Chọn đối tượng sau đó dùng công cụ Rotate Tool (R) và nhấn Alt + Click chuột trái vào điểm giữa trung tâm của hình tròn. (Tạo chiếc cánh thứ 2)​
    [​IMG]
    - Bảng thông số hiện ra ta điền thông số như sau:​
    • Angle: -45 độ
    Lưu ý: Tích vào ô Review để xem được trước kết quả và nhấn vào Copyđể sao chép sang một cánh mới ở góc độ khác.

    [​IMG]

    - Kết quả:

    [​IMG]
    • Bước 7: Quá dễ dàng ta chỉ việc chọn đối tượng sau đó nhấn Ctrl + D 6 lần để tạo ra một bông hoa 8 cánh.​
    [​IMG]
    - Kết quả:​
    [​IMG]
    • Bước 8: Bước cuối cùng, bây giờ các bạn hãy xóa hình tròn trong giữa kia đi sau đó ta thay đổi màu cho từng cánh hoa với các thông số màu như sau:​
    [​IMG]
    - Sản phẩm ta được:​
    [​IMG]
    - Nếu có bất cứ điều gì thắc mắc của bài Tip này các bạn cứ để lại comment ở dưới, mình sẽ giải đáp toàn bộ ;) Chúc cả các bạn thành công!
    Nguồn: Việt Designer dịch từ Vector Tutsplus

    ...
  2. Mixer_C6

    Mixer_C6 Banned

    Icon này là app j thế nhỉ :-?
  3. Hồng Sơn

    Hồng Sơn Helper

    Là app Photos đó a.
    Tý Ngáo thích bài viết này
  4. swagen

    swagen Thành viên cấp 1

    chả cần đến AI đâu ạ, word là đủ =))
  5. Hồng Sơn

    Hồng Sơn Helper

    Word nó có phải là phần mềm đồ họa không hả bạn? Cái gì nó ra cái đó chứ 8->
    Tý Ngáo thích bài viết này
  6. 4everalone

    4everalone Mới đăng kí

    Cái mã RGB điiền vào đâu đấy bạn mình kích để thay màu cho gradient toàn là hệ màu CMYK mà....@@
    Mới lại cho mình hỏi đơn vị thông số của mình cứ là pt chứ ko là px....(
  7. Boppi Boppa

    Boppi Boppa Thành viên cấp 3

    4everalone pt hay px thì vào edit>references>unit&measurement rồi chỉnh thành pixel là px thôi
    [​IMG]
    Trên bảng màu có cả 2 thông số RGB và CMYK mà
    4everalone thích bài viết này
  8. 4everalone

    4everalone Mới đăng kí

    "Chọn đối tượng sau đó dùng công cụ Rotate Tool (R) và nhấn Alt + Click chuột trái vào điểm giữa trung tâm của hình tròn. (Tạo chiếc cánh thứ 2)"
    Cái bước này ta chọn cả hình elip và hình tròn à bạn ơi, khi nó hiện ra bảng thông số ta ấn ok hay copy...(
    bạn có thể cho cái hình minh họa không
    Bó tay ở bước thứ 6 này...(
    Chỉnh sửa lần cuối: 4/12/13
  9. Boppi Boppa

    Boppi Boppa Thành viên cấp 3

    Chọn hình Elip rồi nhấn vàot tâm hình tròn, hiện bản thông số, nhập xong chọn copy
    Hồng Sơn thích bài viết này
  10. 4everalone

    4everalone Mới đăng kí

    Boppi Boppa : không ý mình muốn hỏi là cái bước 6.1 chọn hình tròn ý ra bảng ta ấn copy hay ok...thanks man...@@
    Sau một hồi ctrl D mình bị ra như này...(
    Thế là thế nào ạ...help me...((
    [​IMG]
    Chỉnh sửa lần cuối: 4/12/13
  11. Hồng Sơn

    Hồng Sơn Helper

    Ô hay, mình đã hướng dẫn ở bước đó là dùng lệnh Copy rồi mà :D
    Tý Ngáo thích bài viết này
  12. dongvu

    dongvu Thành viên cấp 2

    4everalone bạn phải kéo tâm xuống dưới, nếu không nó sẽ mặc định là tâm ở giữa hình -> Ctrl D nó xoay quanh vs tâm giữa hình như bạn bị
    4everaloneHồng Sơn thích bài viết này.
  13. Boppi Boppa

    Boppi Boppa Thành viên cấp 3

    4everalone một mánh thế này, bạn vẽ một đường tròn có tâm là đường tròn nhỏ, kéo ra tới vòng ngoài hình elip (hay to hơn cũng không sao) sau đó bạn chọn cả 2,gồm cả hình elip và vòng tròn lớn, làm theo các bước trên, sau khi Ctrl+D hết thì bạn chọn vòng tròn lớn xóa đi là được :D
    4everaloneHồng Sơn thích bài viết này.
  14. thaituan_boy_dt

    thaituan_boy_dt Thành viên vui tính

    hi, hay quá e ơi
    Hồng Sơn thích bài viết này
  15. TylerKid

    TylerKid Về hưu

    4everalone bạn phải đưa tâm trụ xuống chân, như trong hình là bạn vẫn đang để nó ở giữa :D
    4everaloneHồng Sơn thích bài viết này.

Ủng hộ diễn đàn