[Ai_Tuts] Công cụ trong Illustrator – tạo camera phong cách vintage

Học cách tạo camera phong cách vintage trong Illustrator

Chào mừng đến với loạt bài hướng dẫn chi tiết của chúng tôi – [Ai_Tuts], trong đó bạn có thể học về những kỹ năng, tính năng hay kỹ thuật, công cụ trong Illustrator!
công cụ trong illustrator - tạo camera phong cách vintage

Công cụ trong Illustrator – tạo camera phong cách Vintage

Nếu bạn là một người yêu thích camera phong cách vintage, hướng dẫn này sẽ mang lại cho bạn những ký ức tốt đẹp. Chúng ta sẽ sử dụng các công cụ trong Illustrator để tạo camera phong cách vintage cổ điển với hình dạng cơ bản và sử dụng màu sắc dạng phẳng để có được một kết quả rất tuyệt vời. Camera của chúng ta được lấy cảm ứng từ chiếc Leica M6.

Nếu bạn đang tìm nguồn cảm hứng để tạo camera minh họa của riêng bạn, tham khảo trên Graphic.com.vn.

Hãy bắt đầu nào!

1. Công cụ trong Illustrator – tạo New Document và thiết lập lưới

Nhấn Control-N để tạo New Document. Thiết lập Units sang Pixels, và nhập 800 x 600 cho chiều rộng và chiều cao của tài liệu. Sau đó, trong tùy chọn Advanced, chọn RGBScreen (72 ppi), và kích hoạt Align New Objects thành Pixel Grid box trước khi nhấp OK.

Kích hoạt Grid (View > Show Grid) và Snap to Grid (View > Snap to Grid). Bạn sẽ cần tạo một lưới với kích thước mỗi ô 10 px, đơn giản nhấn Control-K để đi tới Preferences, và trong Guides & Grid thiết lập Gridline every là 10 và Subdivisions là 4. Đừng lo—lưới sẽ giúp bạn làm việc dễ dàng và có thể bật hoặc tắt nó bằng phím tắt Control-“.

Bạn có thể kích hoạt bảng Info (Window > Info) để xem trước kích thước và vị trí của các hình dạng. Hãy nhớ thiết lập đơn vị đo lường sang Pixels từ Edit > Preferences > Units. Điều này sẽ tuyệt vời để tăng hiệu suất làm việc của bạn.

2. Công cụ trong Illustrator – tạo phần thân Camera

Để tạo hình dạng, chúng ta sẽ bắt đầu với một phần không thể thiếu của máy ảnh đó là phần thân máy. Đảm bảo kích hoạt lưới để bạn có thể làm việc dễ dàng và làm theo hướng dẫn mà không gặp bất kỳ vấn đề nào.

Bước 1

Nhấp vào giữa bảng vẽ với công cụ Rectangle Tool (M) và trong pop-up, thiết lập Width là 300 px và Height là 170 px. Fill màu #e3e3e3 và loại màu stroke.

Bước 2

Tạo một hình chữ nhật mới kích thước 130 x 20 px bằng cách nhấp vào bảng vẽ với công cụ Rectangle Tool (M). Sắp xếp hình chữ nhật phía trên bên trái của hình chữ nhật chính.

Chọn hai hình chữ nhật và áp dụng Minus Front trong bảng Pathfinder.

Bước 3

Với công cụ Rectangle Tool (M), tạo hình chữ nhật với kích thước 30 x 18 px và đặt nó ở góc dưới của phần thân chính. Chọn hình chữ nhật với công cụ Direct Selection Tool (A) và loại bỏ nút trái ở dưới, chỉ để lại một góc.

Chọn cả hình và áp dụng Minus Front trong bảng Pathfinder.

Bước 4

Tạo hình chữ nhật mới, kích thước khoảng 300 x 104 px bằng cách nhấp vào bảng vẽ với công cụ Rectangle Tool (M). Đặt hình chữ nhật trong phần thân với 16 px từ phần dưới. Thiết lập màu fill #ebbd63, với no stroke.

Trong bảng Transform, thiết lập góc Chamfer 8 px ở góc dưới bên trái.

Bước 5

Tạo hình chữ nhật với kích thước khoảng 278 x 44 px bằng cách nhấp vào bảng vẽ với công cụ Rectangle Tool (M). Đặt nó 126 px từ phần thân chính.

Chọn cả hai hình chữ nhật và trừ hình chữ nhật ở vùng trên bên trái với công cụ Shape Builder Tool (Shift-M).

Bước 6

Sử dụng chữ nhật và sao chép nó (Control-C) và dán (Control-F). Đem nó ra phía sau (Object > Arrange > Send Backward).  Di chuyển nó xuống một lần với phím mũi tên trên bàn phím và thiết lập màu fill #c4c4c4.

Bước 7

Tạo hình chữ nhật mới, kích thước khoảng 2 x 46 px bằng cách nhấp vào bảng vẽ với công cụ Rectangle Tool (M). Đặt nó bên phải như hiển thị trong ảnh bên dưới. Sử dụng màu #c4c4c4.

Tạo hình chữ nhật khác với kích thước 300 x 2 px với công cụ Rectangle Tool (M) và đặt nó bên dưới như hiển thị trong ảnh thứ hai. Sử dụng cùng màu fill như trước.

3. Công cụ trong Illustrator – tạo Lens Camera

Chúng ta đã xong phần thân camera và bây giờ là thời gian vẽ lens. Chúng ta sẽ hoàn thành phần này với công cụ Ellipse Tool.

Bước 1

Sử dụng công cụ Ellipse Tool (L) trong thanh công cụ và bấm vào bảng vẽ, và trong pop-up thiết lập một hình elip kích thước 120 x 120 px. Đặt nó lên phần trên thân camera như hiển thị trong ảnh thứ hai. Sử dụng fill color #c4c4c4.

Bước 2

Chọn hình elip và click chuột phải trên nó. Sau đó chọn  Isolate Selected Path.  Điều này sẽ giúp bạn làm việc cụ thể với hình elip mà không ảnh hưởng đến phần còn lại của các hình dạng.

Bây giờ chọn hình elip và Copy (Control-C), và Paste in Front (Control-F). Sử dụng fill color #e3e3e3. Thiết lập Offset với giá trị -2 px (Effect > Path > Offset Path…), và nhấn OK.

Mở rộng hình elip (Object > Expand Appearance).

Bước 3

Thêm tám hình elip mới bằng cách sử dụng các bản sao (Control-C, Control-F) lên hình chúng ta vừa tạo ra. Ngoài ra, điều chỉnh kích thước của chúng với bảng Transform (Hãy chắc chắn hạn chế tỷ lệ) và sử dụng fill color như sau:

  • Hình elip thứ nhất: 104 x 104 px#b5b5b5
  • Hình elip thứ 2: 100 x 100 px; #c7c7c7
  • Hình elip thứ ba: 96 x 96 px; #b5b5b5
  • Hình elip thứ tư: 88 x 88 px#4f4f4f 
  • Hình elip thứ năm: 84 x 84 px#383838 
  • Hình elip thứ sau: 60 x 60 px#242424 
  • Hình elip thứ bảy: 56 x 56 px#383838 
  • Hình elip thứ tám: 44 x 44 px#242424 

Bước 4

Tạo hình elip mới kích thước khoảng 8 x 8 px ở giữa với công cụ Ellipse Tool (L), và áp dụng fill color #fffdc7. Thêm hình elip với kích thước 32 x 32 px với fill color #ffffff, và thiết lập Opacity với 10% trong bảng Appearance.

Tạo hình elip khác với kích thước 20 x 20 px với fill color #fffdc7 và Opacity là 50%. Đặt hai hình elip cuối này như hiển thị theo ảnh sau.

Bước 5

Chọn ba hình elip cuối mà chúng ta đã tạo và nhóm chúng lại (Control-G).  Với công cụ Rotation Tool (R), đặt điểm neo ở giữa hình elip nhỏ hơn và xoay 45° bằng cách nhấn phím Shift.

Bước 6

Thêm một hình elip với kích thước 120x 120 px với công cụ Ellipse Tool (L) và sử dụng fill color #000000. Đem ra phía sau (Object > Arrange > Send to Back). Điều chỉnh Opacity là 20% trong bảng Appearance.

Bấm đúp vào công cụ Selection Tool (V) và thiết lập movement khoảng 4 px theo chiều dọc.

Sau khi hoàn tất, đừng quên thoát chế độ Isolation Mode bằng cách nhấn Escape.

4. Công cụ trong Illustrator – tạo mẫu Camera

Bây giờ, chúng ta đã hoàn thành phần thân và lens, chúng ta sẽ vẽ những phần khác nhau của máy ảnh, chẳng hạn như dial – bánh xe điều chỉnh chế độ chụp, nút chụp hình, đèn flash, kính ngắm và các phụ kiện khác trên máy ảnh đẹp này sở hữu.

Hãy bắt đầu với dial.

Bước 1

Nhấp vào khung nhìn với công cụ  Rectangle Tool (M) và thiết lập hình chữ nhật với kích thước 46 x 2 px. Sử dụng màu #bababa. Đặt nó 8 px về bên phải, như minh hoạ trong hình ảnh sau đây.

Bước 2

Tạo hai hình chữ nhật với kích thước 12 x 2 px với công cụ Rectangle Tool (M) và sử dụng fill color #999999. Tạo hai hình chữ nhật khác kích thước 4 x 2 px, sử dụng màu #b0b0b0. Đặt chúng như hiển thị trong ảnh.

Bước 3

Tạo một hình chữ nhật mới, kích thước 50 x 12 px với công cụ Rectangle Tool (M) và sử dụng fill color  #d6d6d6. Đặt nó trên hình chữ nhật, chúng ta mới tạo ra.

Thêm 12 cạnh hình chữ nhật kích thước 2 x 10 px cho các cạnh của dial với công cụ Rectangle Tool (M) và tách chúng theo chiều ngang 2 px cho mỗi thứ. Sử dụng fill color #c4c4c4. Nhóm chúng lại (Control-G) và đặt chúng như minh hoạ trong hình thứ hai.

Bước 4

Sử dụng công cụ Rectangle Tool (M), thêm một hình chữ nhật kích thước 42 x 4 px (#dedede). Đồng thời thêm 5 các hình chữ nhật có Height khoảng 4 px và sau đó điều chỉnh Widths của chúng như sau:

  • Hình chữ nhật đầu tiên (#9c9c9c): 6 px
  • Hình chữ nhật thứ hai (#d1d1d1): 4 px 
  • Hình chữ nhật thứ ba (#d1d1d1): 4 px
  • Hình chữ nhật thứ tư (#bdbdbd): 10 px 
  • Hình chữ nhật thứ năm (#9c9c9c): 8 px 

Đặt chúng như hiển thị trong hình dưới đây.

Bước 5

Bây giờ tạo hai vòng tròn bằng cách sử dụng một hình chữ nhật kích thước 30 x 4 px (#d1d1d1) với công cụ Rectangle Tool (M) và bổ sung thêm hai hình chữ nhật, một kích thước 6 x 4 px (#bdbdbd) và một kích thước 4 x 4 px (#dedede).

Nhóm chúng lại (Control-G) và tạo một bản sao (Control-C > Control-F) và tách rời theo chiều dọc khoảng 4 px.

Bước 6

Thêm nút của dial, sử dụng hình chữ nhật kích thước 14 x 2 px (#d1d1d1) với công cụ Rectangle Tool (M). Thêm bốn bản sao khoảng 2 x 2 px sử dụng fill colors #9c9c9c và #c9c9c9 riêng từng bản sao. Đặt chúng như hiển thị trong hình.

Bước 7

Thêm một nút nhỏ hơn bằng cách sử dụng ba hình chữ nhật với công cụ Rectangle Tool (M), nút đầu kích thước 20 x 2 px (#dedede), nút thứ hai (#9c9c9c) và nút thứ ba (#d1d1d1) 4 x 2 px. Nhóm chúng lại (Control-G) và vị trí chúng 2 px theo chiều ngang từ dial chính.

Bước 8

Bây giờ chúng ta hãy vẽ kính ngắm. Để thực hiện, tạo hình chữ nhật bo tròn góc, kích thước 44 x 34 px (#bdbdbd). Điều chỉnh các góc với Radius 3 px trong bảng Transform.

Thêm ba hình chữ nhật, một hình kích thước 44 x 26 px (#383838), hình thứ hai kích thước 28 x 16 px (#454545) với cạnh Radius khoảng 3 px, và hình cuối kích thước 16 x 10 px (#2b2b2b) và với các góc Radius khoảng 2 px. Nhớ điều chỉnh bán kính các góc từ bảng Transform.

Chọn tất cả các hình chữ nhật mà bạn vừa tạo và nhóm chúng lại (Control-G).

Bước 9

Tạo đèn flash chính bằng cách sử dụng hình chữ nhật kích thước 34 x 24 px (#575757) với công cụ Rectangle Tool (M).

Thêm một hình chữ nhật kích thước 2 x 20 px (#6e6e6e) và công cụ Direct Selection Tool (A) trên thanh công cụ chọn hai nút bên phải hình chữ nhật và di chuyển chúng một lần, di chuyển các nút lên xuống với các phím mũi tên trên bàn phím. Thêm tám bản sao (Control-C > Control-F) của hình chữ nhật này, mỗi hình kích thước 2 px.

Chọn chín bản sao và nhóm chúng lại (Control-G).

Bước 10

Chúng ta tạo một logo cho camera của chúng ta sử dụng hình elip kích thước 16 x 16 px (#c64832) với công cụ Ellipse Tool (L). Thêm một hình chữ nhật kích thước 2 x 4 (#ffffff) và một hình khác kích thước 8 x 2 px (#ffffff) để tạo hình dạng “L” nằm ngang. Chọn cả hai hình chữ nhật và nhóm chúng lại (Control-G).

Tạo một bản sao hình chữ nhật đã nhóm (Control-C > Control-F), xoay 180° với công cụ Rotation Tool (R), và tách riêng theo hướng thẳng đứng, kích thước 2 px từ hình đầu tiên.

Bước 11

Tạo hình chữ nhật kích thước 20 x 14 px (#3b3b3b) với công cụ Rectangle Tool (M) và thêm một hình elip kích thước 10 x 10 px (#6b6b6b) ở giữa hình chữ nhật. Chọn cả hai hình và nhóm chúng lại  (Control-G).

Bước 12

Tạo hai hình chữ nhật (#c4c4c4) với công cụ Rectangle Tool (M), một hình kích thước 36 x 4 px và hình khác 12 x 4 px. Tách chúng ra  theo chiều dọc 2 px.

Đặt chúng như hiển thị trong hình ảnh sau đây.

Bước 13

Bây giờ tạo một nút dial, sử dụng bốn hình chữ nhật với công cụ Rectangle Tool (M) như sau:

  • Hình chữ nhật thứ nhất: 34 x 12 px (#e3e3e3)
  • Hình chữ nhật thứ hai: 8 x 12 px (#cfcfcf)
  • Hình chữ nhật thứ ba: 12 x 12 px (#c4c4c4)
  • Hình chữ nhật thứ tư: 28 x 2 px (#8a8a8a)

Đặt các hình chữ nhật như minh hoạ trong hình ảnh thứ hai và nhóm chúng lại (Control-G). Sau đó tắt Snap to Grid (Control-Shift-“) để xoay và đặt các đối tượng tự do.

Từ bảng Transform, điều chỉnh vòng quay 329° và đặt nó với sự trợ giúp của công cụ Selection Tool (V). Đem nhóm ra phía sau (Object > Arrange > Send to Back).

Ngay khi hoàn thành, nhớ kích hoạt Snap to Grid (Control-Shift-“) lần nữa.

Bước 14

Thêm bốn hình chữ nhật nhỏ hơn với công cụ Rectangle Tool (M) theo kích thước và màu như sau:

  • Hình chữ nhật đầu tiên: 6 x 24 px (#3d3d3d)
  • Hình chữ nhật thứ hai: 6 x 20 px (#3d3d3d)
  • Hình chữ nhật thứ ba: 4 x 10 px (#d6d6d6)
  • Hình chữ nhật thứ tư: 2 x 10 px (#bfbfbf)

Đặt hình chữ nhật đầu tiên phía bên trái và hình chữ nhật thứ hai bên phải. Đặt hai hình chữ nhật cuối vào phần dưới bên trái của camera như minh hoạ trong hình ảnh.

Bước 15

Tạo hai hình elip kích thước 12 x 12 px (#d8d9dd) with the Ellipse Tool (L)  Thêm một hình chữ nhật kích thước 6 x 12 px (#d8d9dd) với công cụ Rectangle Tool (M) và đặt nó ở một nữa của hai hình elip mà chúng ta vừa tạo.

Chọn tất cả hình chữ nhật và chọn Unite trong bảng Pathfinder. Bây giờ thêm một hình elip có kích thước 8 x 8 px và chọn lại tất cả hình chữ nhật một lần nữa, chọn Minus Front từ bảng Pathfinder.

Bước 16

Tạo elip khác với kích thước 12 x 12 px (#cca456) và mang ra phía sau (Object > Arrange > Send Backward).

Với trợ giúp của công cụ Shape Builder Tool (Shift-M), chọn tất cả hình elip và loại trừ góc của hình elip lòi ra. Nhóm chúng lại (Control-G), tạo một bản sao (Control-C > Control-F), và phản chiếu theo chiều thẳng đứng (Object > Transform > Reflect…).

Đặt các đối tượng như minh hoạ trong hình.

Bước 17

Bây giờ chúng ta hãy vẽ một cái móc. Để thực hiện điều đó, tạo một hình elip có kích thước 16 x 16 px (#cca456) với công cụ Ellipse Tool (L) và nhấp đúp vào nó để vào chế độ Isolation Mode. Tạo một bản sao hình elip (Control-C và Control-F) (#cccccc) và di chuyển nó lên một lần.

Thêm hình chữ nhật kích thước 12 x 18 px (#dbdbdb) với công cụ Rectangle Tool (M). Bây giờ, thêm bốn hình elip với công cụ Ellipse Tool (L) theo thứ tự sau:

  • Hình elip đầu tiên: 12 x 12 px#e3e3e3 
  • Hình elip thứ hai: 8 x 8 px#cccccc 
  • Hình elip thứ ba: 8 x 8 px; #e3e3e3 
  • Hình elip thứ tư: 4 x 4 px#cccccc 

Chọn tất cả hình elip và nhóm chúng lại (Control-G). Nhấn Escape và đặt cái móc như minh hoạ trong hình.

Bước 18

Tạo một hình elip có kích thước 36 x 36 px (#cca456) với công cụ Ellipse Tool (L), tạo một bản sao (Control-C > Control-F) sử dụng fill color #ebbd63, và di chuyển nó lên trên một lần theo phím mũi tên.

Thêm hình elip mới với kích thước 28 x 28 px (#cca456) và một hình có kích thước 24 x 24 px (#ebbd63), di chuyển hình elip cuối theo hướng lên một lần. Nhóm những hình elip (Control-G) và đặt chúng gần lens, như minh hoạ trong hình sau đây.

Bước 19

Tạo một nút mới bằng cách sử dụng công cụ Ellipse Tool (L) và tạo một hình elip kích thước 16 x 16 px(#cca456). Tạo một bản sao  (#ebbd63) (Control-C > Control-F) và di chuyển nó lên một lần theo phím mũi tên.

Thêm một elip mới 12 x 12 px (#b5b5b5) và tạo một bản sao (#8a8a8a(Control-C > Control-F), chọn công cụ Direct Selection Tool (A) loại bỏ nút ở trên hình elip cuối cùng.

Tạo một elip có kích thước 8 x 8 px (#e3e3e3), sao chép nó (#cccccc), và loại bỏ nút ở trên hình này. Chọn công cụ Rotation Tool (R) và xoay nó 45°, đặt điểm neo ở trung tâm của hình elip. Nhóm tất cả các hình (Control-G) và đính kèm nút trên camera.

Bước 20

Chúng ta sẽ tạo bộ phận cuối cùng, sử dụng công cụ Rectangle Tool (M) để tạo hình chữ nhật kích thước 12 x 26 px (#dbdbdb) Thêm một hình elip kích thước 12 x 12 px  (#cca456) với công cụ Ellipse Tool (L) và tạo một bản sao (#cccccc) và di chuyển lên một lần. Tạo hình elip khác có kích thước 8 x 8 px (#e3e3e3).

Có công cụ Direct Selection Tool (A) và di chuyển các nút trên của hình chữ nhật chúng ta đã tạo ra khi bắt đầu, một bên phải và một ở bên trái, và bo tròn chúng.

Cuối cùng thêm một hình elip kích thước  4 x 4 px (#cccccc) và tạo một bản sao (#b5b5b5(Control-C > Control-F). Đem hình elip này ra phía sau (Object > Arrange > Send Backward) và di chuyển nó xuống một lần. Nhóm chúng (Control-G) và xoay 45° với công cụ Rotation Tool (R) bằng cách nhấn Shift.

Đặt đối tượng lên camera như hiển thị trong hình bên dưới.

Bước 21

Tạo một hình chữ nhật kích thước 12 x 152 px (#000000) với công cụ Rectangle Tool (M) và giảm Opacity là 10% từ bảng Appearance. Đặt nó lên mặt trái của camera.

Tạo hình chữ nhật khác theo cách tương tự với kích thước 12 x 164 px (#000000) và đặt nó lên mặt bên phải. Chọn phần thân của camera và hình chữ nhật mới, sử dụng công cụ Shape Builder Tool (Shift-M) loại bỏ phần thừa ra. Điều chỉnh Opacity 10% trong bảng Appearance.

Cuối cùng, tạo một hình chữ nhật kích thước 800 x 600 px (#422e39) cho hình nền. Đem ra phía sau (Object > Arrange > Send to Back).

Chúc mừng bạn đã hoàn thành việc tạo camera phong cách vintage bằng cách sử dụng các công cụ trong Illustrator!!

[Tuts]!!

Đây là một trong loạt bài hướng dẫn chi tiết trên Secret. Chúng tôi sẽ giới thiệu một loạt các chủ đề (Photoshop – Ps; inDesign – iD; Illustrator – Ai; Lightroom – Lr..) với mong muốn kích thích sự sáng tạo của bạn.

 – Edit by Secret Team
 – Translate by Tutsquick Team
 – Source by Tutsplus

Comments
Loading...