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 dịch - AI] Tạo hiệu ứng chữ cà chua.

Chủ đề thuộc danh mục 'Tutorial' được đăng bởi Trần Thành Lợi, 12/7/14.

Lượt xem: 9,548

  1. Trần Thành Lợi Thành viên cấp 3

    Do mình có sự nhầm lẫn nên 1 số ảnh có water mark, 1 số thì không, các bạn thông cảm.
    Chào mọi người, hôm nay mình xin dịch 1 bài tutorial của trang tutplus.com.
    Đó là tạo chữ theo phong cách Cà Chua.
    Văn phong và trình độ tiếng anh còn dỡ, nếu có sai sót mong mọi người bỏ qua.
    Link : http://design.tutsplus.com/tutorial...ext-effect-in-adobe-illustrator--vector-25554
    Trước hết thì mời mọi người xem qua chữ sau khi hoàn thành.
    Rzp8MqC.jpg
    Những công cụ cần có cho tutorial ( không có cũng chẳng sao, điều này mình sẽ giải thích ).
    Font chữ :
    -Lard! Font ( http://www.dafont.com/lard.font )
    -FatC Font ( http://www.dafont.com/fatc.font )
    -Blob Round Font ( http://www.dafont.com/blob-round.font )
    Công cụ : Đương nhiên là Adobe Illustrator rồi, dùng bản nào cũng được, nhưng mình khuyên dùng các bản sau để được hỗ trợ nhiều chức năng hơn.
    Tiến hành thôi.
    1. Tạo một file mới.
    Tạo 1 file mới và hiệu chỉnh các phần như trong ảnh ( bảng đầu tiên ).
    Sau đó vào Edit -> Preferences -> General và chỉnh phần Keyboard Increment thành 1 px như trong bảng thứ 2
    Kế tiếp là phần Unit & Display Performance ( phần này nằm trong phần Preferences luôn đấy nhé ).
    E2rd6jf.jpg
    2. Tạo chữ.
    2.1 : Chọn công cụ Type Tool (T) và viết chữ mà bạn muốn, theo tut thì viết "ECTOR", và dùng font FatC. Sau đó tiếp tục
    chỉnh các phần như trong ảnh.
    DKg8Lz6.jpg
    2.2 : Bạn có để ý là vừa nãy không có chữ V trong "ECTOR" không ? Giờ thì có đây.
    Chọn công cụ vẽ ngôi sao, sau đó vẽ một hình tam giác đều ( ấn Alt + Shift để vẽ tam giác đều .
    Rồi dùng công cụ xóa điểm neo (-) để xóa điểm 1 và 2 như hình. (Nếu ko có thì bỏ qua bước này).
    Kế tiếp dùng Selection Tool (A) chọn điểm 3.
    Giữ nguyên đó vào Object > Transform > Move và đánh số -12 vào ô Horizontal rồi OK.
    Tiếp chọn điểm 4 và lặp lại bước trên nhưng lần này là số 12 rồi ấn OK.
    mf629Un.jpg
    2.3 : Dùng (A) để chọn điểm phía giữa phía trên của tam giác ( nếu ko có điểm này thì dùng tool (+) để thêm vào ).
    Sau khi chọn điểm đó thì vào Object > Transform > Move và đánh số 22 vào ô Vertical như trong ảnh.
    Vẫn giữ chọn điểm đó, dùng tool Convert Anchor Poin (Shift + C) để chuyển nó sang dạng cong ( hoặc nhìn phía dưới thanh menu có 2 lựa chọn là cong và góc cạnh đó ).
    rjM7yIy.jpg
    2.4 : Vẫn là cái hình vừa vẽ, vào Effect > Warp rồi chọn Arch trông ô Style và chỉnh như trong ảnh rồi ấn OK.
    Sau đo tiếp tục vào Object > Expand Appearance , rồi Ungroup cái hình đó để bỏ nhóm đối tượng. ( Shift + Control + G )
    hxaU1iY.jpg
    2.5 : Trở lại chữ Vector lúc nãy, chọn các chữ ECTOR ( ngoại trừ chữ V ) và vào Object > Expand and Ungroup.
    Các chữ vừa chọn sẽ trở thành dạng shape cả,
    V0laZSN.jpg
    2.6 : Giờ thì đối phó với chữ E, phóng to lên và cắt bỏ cái hình tròn như trong ảnh, xong thì tới chữ R phía cuối, thêm 1
    hình tròn nằm trên lỗ hỏng của chữ R và chọn 2 đối tượng này, rồi vào Window > Pathfinder > Unite ( trong trường hợp bảng Pathfinder chưa hiển thị ).
    aGgOr1b.jpg
    3. Tạo hiệu ứng quả cà chua.
    3.1 : Dùng Gradient tool (G) tô các chữ cai V E C T R theo màu như ảnh (ngoại trừ chữ O).
    jxFiGfe.jpg
    3.2 : Vẫn 5 chữ khi nãy, vào Effect > Stylize chọn Inner Glow và chỉnh thông số như ảnh
    wYPJIJe.jpg
    3.3 : Appearance > Inner Gradient và chỉnh góc 70 độ và màu như trong ảnh
    Kế tiếp vào Effect ? Distort & Transform > Transform, đánh số -1 vào ô Move - Horizontal như ảnh.
    Chú ý, thứ tự các fill vừa tạo phải đúng thứ tự trong ảnh.
    sdD7ro0.jpg
    3.4 : Thêm 1 fill đặt dưới cùng trong bảng Appearence, sử dụng màu vừa làm ở bước 3.3 rồi vào Effect > Distort & Transform và lặp lại hiệu ứng Transform như bước 3.3 nhưng lần này là đánh số 1 vào ô Move - Horizontal như ảnh.
    bFM3ULY.jpg
    4. Tạo lõi.
    4.1 : Dùng tool vẽ ngôi sao để vẽ 1 hình tam giác đều. Quay ngược tam giác, đáy nằm trên. Vào Effect < Stylize > Round Corners và chỉnh thông số thành 10px.( như ảnh )
    19TZCef.jpg
    4.2 : Vẫn giữ chọn tam giác đo vào Effect > Warp > Arc Lower và chỉnh thông số thành 28% và 52% như trong ảnh.
    qi6PZbC.jpg
    4.3 : Vào Expand Appearance and Ungroup ( Shift + Control + G ) để xuất đối tượng 1 thành đối tượng 2 như ảnh.
    Kế tiếp vẽ 1 hình Elip (L)(thông số như ảnh) trồng lên tam giác vừa tạo khi nãy, chọn 2 đối tượng này rồi dùng chức năng Intersect trong bảng Pathfinder.
    9AH8U9d.jpg
    4.4 : Tô 2 đói tượng này với 2 màu khác nhau như trong ảnh
    Sau đó chọn 2 đối tượng rồi vào Object > Blend > Blend Options chỉnh thông số 15-Specified Steps rồi OK
    Vào Object > Blend > Make (Alt-Control-B) để tạo blend cho 2 đối tượng, sẽ ra ảnh tam giác màu bị nhòe xuống phía dưới.
    gzibcJD.jpg
    4.5 : Copy và Paste đối tượng vừa tạo bằng Blending ở bước 4.4 sau đó quay ngược 90 độ, vào Object > Transform > Move chỉnh thông số 33px vào ô Vertical rồi OK.
    Lặp lại các bước trên cho đến khi đủ 4 đối tượng như ảnh.
    6dC7UuO.jpg
    4.6 : Chọn 4 đối tượng vừa tạo ở bước 4.5 rồi vào Object > Transform > Rotate chỉnh thành 45 độ và chọn Copy, để tạo ra 1 group mới giống group cũ.
    U4j8wOi.jpg
    4.7 : Tiếp tục copy các lõi ( tam giác bo tròn ) để đưa vào các chữ cái cho phù hợp
    JaUrgYN.jpg
    4.8 : Dùng 2 lõi và cho 2 lõi đó to hơn 1 chút ( khoảng 10% ) rồi kéo các điểm neo xuống 1 tí giống ảnh.
    fYuWwpi.jpg
    4.9 : Vậy là giờ bạn đã có các chữ VECT R giống trong ảnh rồi. Chỉ thiếu mỗi O nữa thôi.
    wByKzDv.jpg
    5. Tạo thêm hiệu ứng cho lõi
    5.1 : Dùng Pen tool (P) hoặc Pencil tool (N) và vẽ vòng cung cho mỗi lỗi và Stroke các đường vẽ khi nãy với màu Xanh lá cây sáng hoặc màu trứng gà sáng, dùng brush tên Tapered Stroke (Brush Libraries Menu > Artistic > Artistic_Ink). Chỉnh độ to của Stroke vừa tạo là 0.4pt.
    wNF0qCS.jpg
    5.2 : Chọn tất cả đường path vừa vẽ rồi vào Effect > Distort & Transform > Zig Zag, chỉnh thông số như ảnh rồi OK.
    QGQs8II.jpg
    5.3 : Vẫn các đường path đó rồi vào Object > Expand Appearance, xong thì Ungroup ( Shift-Control-G ) 2 lần.
    Rồi fill các đối tượng vừa Ungroup bằng mau như ảnh.
    pnwdiEa.jpg
    6.Tạo phần nối các lõi.
    6.1 : Dùng Ellipse tool (L) và vẽ hình elip theo thông số 34 x 60px, dùng tool (-) để xóa điểm dưới cùng của hình elip, rồi nối 2 điểm 2 bên lại với nhau ( chọn 2 điểm, click chuột phải > Join ).
    465RpUs.jpg
    6.2 Dùng tool (+) để thêm các điểm neo và kéo chúng ra ngoài rồi cho các điểm đó về kiểu đường cong cho tự nhiên.
    IMG]https://i.imgur.com/w1DEdzW.jpg[/IMG]
    6.3 : Fill đối tượng vừa tạo ở bươc 6.2 bằng màu vàng và copy thành nhiều đối tượng nữa, sau đó đưa chúng vào các lõi như ảnh.
    e6Br6qG.jpg
    6.4 : Tạo 1 hình tròn và thêm điểm neo giống bước 6.2 để nối các phần lại với nhau 1 cách tự nhiên. Bước này xem hình dễ hiểu hơn.
    Chú ý thứ tự các bước 1-2-3-4.
    yJh4VjF.jpg
    6.5 : Chọn các đối tượng màu vàng nằm trong cùng 1 chữ rồi dùng Add trong bảng Pathfinder
    WLO5A2i.jpg
    6.6 : Ở chữ T và V thì vẽ thêm 1 hình kéo dài xuống và làm giống bước 6.5
    Mc73v6k.jpg
    6.7 : Chọn đối tượng màu vàng ở các chữ E C R và fill gradient bằng màu như trong ảnh.
    FGKLZhD.jpg
    6.8 : Ở chữ T và V thì fill gradident như (1) , tiếp tục thêm 1 fill trên cùng, rồi vào Object > Path > Offset Path , chỉnh thông số là -2.5px Offset và màu như (2) trong ảnh.
    egVHbuQ.jpg
    6.9 : Copy 2 đối tượng vừa làm ở bước 6.8 và paste, xóa tất cả gradient và màu của 2 đối tượng vừa paste và fill gradient lại thành trắng đen như (1) và chọn Make Optica Mask (clip) như ảnh thì ta sẽ được (2)
    (Đoạn này hơi lũng cũng, khó hiểu tí ^^ )
    oaAjXQM.jpg
    6.10 : Vậy là đã gần như xong các chữ, chỉ còn có chữ O nữa thôi.
    M7yPgGq.jpg
    7. Thêm hiệu ứng cho giống trái cà bị cắt đôi.
    7.1 : Chọn chữ V và vào Object > Path > Offset Path rồi chỉnh thông số như ảnh, sau bước này bạn sẽ có 1 đường path của chữ V đó nhưng nhỏ hơn 5px, tiếp tục lập lại bước trên với các chữ E C T R
    HoJ0tN3.jpg
    7.2 : Stroke các đường path vừa nãy bằng brush Tapered Stroke với độ dày 0.5pt
    q7kRrth.jpg
    7.3 : Tiếp tục chọn các đường path đó ( nhưng nhớ là từng path 1 thôi, đừng chọn 1 lần cả 5 path ) vào Effect > Distort & Transform > Roughen và chỉnh thông số như ảnh.
    CJWdwLB.jpg
    7.4 : Cũng những path đó, vào Object > Expand Appearance , rồi Ungroup 2 lần, xong chuyển màu sang màu giống ảnh, chỉnh chế độ hòa trộn sang Color Dodge và độ mờ 20%
    vdJ9aiq.jpg
    8. Tạo hạt.
    8.1 : Dùng (P) vẽ 1 đối tượng giống cái hạt trong ảnh, tô màu đỏ đậm 176 0 20, rồi chọn hạt đó , vào Object > Transform > Scale chỉnh thông số 65% rồi ấn Copy để tạo 1 đối tượng thu nhỏ. Xong thì fill gradient cho đối tượng vừa copy bằng màu giống ảnh.
    jpAXJSw.jpg
    8.2 : Copy nhóm hạt vừa tạo ở bước 8.1, paste ra và chuyển màu nền thành đỏ nhạt 212 50 39
    tb4zIXx.jpg
    8.3 : Copy các hạt đó ra thành các độ lớn khác nhau bằng Object > Transform > Scale rồi đặt vào các ria đã tạo ở những bước trước.
    Chú ý : Nhớ nhóm những hạt đó lại cho dễ sử dụng.
    KIPx0Th.jpg
    8.4 : Lặp lại bước vừa rồi để thêm hạt vào tất cả các từ còn lại.
    FJw4Tfy.jpg
    9. Tạo độ bóng cho hạt.
    9.1 : Dùng (P) để vẽ các đường path trên từng hạt ( chỉ những hạt to thôi ) , và stroke chúng bằng Blend Art Brush màu trắng ( loại brush có 2 đầu mút nhọn ấy ), kích cỡ 100x3px độ dày 0.15pt.
    6DGGjvg.jpg
    9.2 : Lặp lại bước trên với các chữ còn lại.
    AFJ9orp.jpg Ki9d133.jpg
    10. Tạo độ nổi.
    10.1 : Dùng (P) vẽ những đường path phía rìa trong giống trong ảnh bằng brush có 2 đầu mút nhọn, màu trắng, độ dày 0.5pt, độ mờ 50-55%.
    4Ua7LkS.jpg
    10.2 : Dùng (P) vẽ các đường path khác bên phải ( vì ánh sáng sẽ hắt qua từ bên phải ) để tạo màu tối.
    Màu đen, độ dày 0.5pt, độ mờ 20-25%.
    ZGHjITx.jpg
    11. Tao trái cà - Chữ O.
    11.1 : Fill gradient chữ O bằng màu như ảnh ( nhớ là chọn dạng Radial )
    [​IMG]
    11.2 : Chọn đối tượng O và vào Object > Path > Offset Path, chỉnh thông số như ảnh , sẽ có được 1 path nhỏ hơn của O, bỏ gradient, stroke path đó bằng màu đen và brush có 2 đầu mút nhọn.
    [​IMG]
    11.3 : Tiếp tục vào Effect > Distort & Transform > Roughen chỉnh thông số như ảnh ( chú ý phần Opacity 5%)
    [​IMG]
    12. Tạo sự nổi bật cho trái cà.
    12.1 : Dùng (P) để vẽ 2 shape lớn và nhỏ như ảnh, fill màu trắng, chỉnh shape to hơn thành Opacity thành 0%.
    Chọn cả 2 shape vừa vẽ vào Object > Blend > Blend Options rồi chỉnh thông số như hình.
    Sau đó vào Object > Blend > Make (Alt-Control-B) rồi OK , chỉnh Opacity thành 30%.
    [​IMG]
    12.2 : Lặp lại các bước vừa làm với phần ánh sáng ở phía dưới.
    Chú ý khác Opacity.
    [​IMG]
    12.3 : Tiếp tục lần nữa với 1 phần ánh sáng nhỏ phía dưới.
    [​IMG]
    13. Tạo phần cuống.
    13.1 : Dùng (P) vẽ 1 shape gần giống hình ngôi sao, đặt giữa chữ O ( trái cà vừa làm đấy ) rồi fill gradient như ảnh.
    [​IMG]
    13.2 : Copy và Paste shape vừa tạo, đặt layer shape này phía dưới ( paste bằng Control B cho gọn ). Dùng tool select (A)
    để chọn các điểm phía trong, di chuyển các điểm đó ra ngoài 1 tí. Copy thêm 1 shape vừa nãy nhưng cho nó nhỏ hơn, và đặt ở giữa ( như ảnh ).
    Sau đó chọn cả 2 shape này, fill màu đen, chỉnh Opacity của shape to hơn thành 0%.
    Blend chúng bằng Object > Blend > Blend Options, chỉnh thông số như ảnh rồi Object > Blend > Make (Alt-Control-B) xong OK
    [​IMG]
    13.3 : Ở giữa shape ngôi sao, vẽ 2 hình tròn lớn và nhỏ, tô màu như ảnh.
    Chọn cả 2 hình tròn rồi Object > Blend > Blend Options ( chú ý lần này là Smooth Color ) xong thì Object > Blend > Make (Alt-Control-B) rồi OK
    Tiếp tục vẽ 1 shape nhỏ đặt giữa shape ngôi sao và shape blend hình tròn. Fill gradient như ảnh, để tạo cái bóng của cuống.
    [​IMG]
    13.4 : Vẽ 1 hình tròn kích thước 35 x 35px , fill màu gradient đen sang trắng. Đặt layer của shape này dưới layer ngôi sao ( trên layer chữ O ).
    Chỉnh chế độ hòa trộn thành Multiply và độ Opacity 50%.
    [​IMG]
    13.4 : vậy là xong tất cả các chữ và chi tiết rồi, giờ chỉ còn cái nền nữa thôi ^^.
    [​IMG]
    14. Tạo nền và bóng đen.
    14.1 : Vẽ 1 hình chữ nhật kích thướng 600 x 300 px ( để vừa bao đúng kích thước của file tạo lúc đầu ). Fill gradient giống ảnh.
    [​IMG]
    14.2 : Chọn các chữ V, E, C, T, R copy chúng 3 lần, kéo chúng to ra mỗi cái 1 chút, fill màu đen cả 3 shape, mỗi shape đều
    có hiệu ứng Drop Shadow giống trong ảnh.
    [​IMG]
    Đây là thông số Drop Shadow theo thứ tự của 3 shape vừa copy.
    [​IMG]
    14.3 : Chọn chữ O, thêm 1 fill màu đen đặt nó phía dưới cùng trong bảng Appearance.
    Vào Effect > Stylize > Drop Shadow và thông số như ảnh.
    [​IMG]
    ---
    Tới đây, bạn đã hoàn thành bài tut rồi, nó trông như này này.
    [​IMG]
    Đây là thành quả của mình, không đẹp như bản gốc vì mình làm tắt khá nhiều bước ^^.
    [​IMG]
    Còn chờ gì nữa, bấm thích ngay đi chứ ^^.

    ...
    mindnie, Chém Gió Mướn, taekumy11 người khác thích bài viết này.
  2. tranvannito

    tranvannito Thành viên cấp 1

    Khá là đẹp mà không biết dùng vào cái gì :-?
    Trần Thành Lợi thích bài viết này
  3. Trần Thành Lợi

    Trần Thành Lợi Thành viên cấp 3

    #2 Để thực hành thôi bạn :3 và..............để trưng =))
  4. toanlove371

    toanlove371 Thành viên cấp 3

    Công nhận là của bác thớt làm xấu thật =))
    FMP, Trần Thành Lợitranvannito thích bài viết này.
  5. tranvannito

    tranvannito Thành viên cấp 1

    toanlove371 định nói thế mà sợ bác ấy buồn :))
    Trần Thành Lợi thích bài viết này
  6. quypham1993

    quypham1993 Thành viên cấp 1

    Suy nghĩ đầu tiên khi em nhìn vào cái hình ............ chữ gì vậy :))
    Mấy cái tut mà dài như vầy thì em xin kiếu :P
    Trần Thành Lợitranvannito thích bài viết này.
  7. Trần Thành Lợi

    Trần Thành Lợi Thành viên cấp 3

    quypham1993 Chữ Vector đó bạn.
    2 thím trên kia nói làm e buồn ghê :'( cũng 2 tiếng chứ ít gì =))
    tranvannito thích bài viết này
  8. tranvannito

    tranvannito Thành viên cấp 1

    Giờ mới nhìn ra chữ vector của thớt =))
    Trần Thành Lợi thích bài viết này
  9. stun_stakura

    stun_stakura Thành viên cấp 2

    Quả là công phu :-bd
    Trần Thành Lợi thích bài viết này
  10. toanlove371

    toanlove371 Thành viên cấp 3

    Cơ mà thắc mắc là sao ko thấy phần hướng dẫn làm cái lá vậy nhỉ, nhìn đẹp mà :-?
  11. tranvannito

    tranvannito Thành viên cấp 1

    Cái lá mình nghĩ lên mạng tìm cái về cấy vào là được =))
    Với lại TUT này của bác ấy sưu tầm mà
    Trần Thành Lợi thích bài viết này
  12. Trần Thành Lợi

    Trần Thành Lợi Thành viên cấp 3

    toanlove371 Cái lá thì như # trên có nói đó, mình chỉ lên google tìm cái lá về, thêm thắt tí cho đồng điệu là xong :D
  13. hbvanba

    hbvanba Thành viên cấp 1

    công phu quá :)
    Trần Thành Lợi thích bài viết này
  14. tranvannito

    tranvannito Thành viên cấp 1

  15. Trần Thành Lợi

    Trần Thành Lợi Thành viên cấp 3

  16. Sát gái 97

    Sát gái 97 Mới đăng kí

    Đẹp quá :D
    Trần Thành Lợi thích bài viết này
  17. dontworrys

    dontworrys Thành viên cấp 1

    Bước chồng shape lên nhau mình k làm đc bạn ơi :v
    Trần Thành Lợi thích bài viết này
  18. Trần Thành Lợi

    Trần Thành Lợi Thành viên cấp 3

    dontworrys bạn nói số bước mình mới biết :|
  19. dontworrys

    dontworrys Thành viên cấp 1

  20. Chém Gió Mướn

    Chém Gió Mướn Thành viên cấp 1

    củng hay nhĩ
    cơ mà đọc hết bài mới bít là chữ j :-/
    Trần Thành Lợi thích bài viết này

Ủng hộ diễn đàn