Trong thời đại công nghệ số, điện thoại không chỉ là một công cụ giao tiếp mà còn là một biểu tượng thời trang, phong cách sống và thậm chí là một món đồ nghệ thuật. Việc học cách vẽ điện thoại không chỉ giúp bạn nâng cao kỹ năng vẽ tay mà còn mở ra cơ hội sáng tạo các thiết kế UI/UX, minh hoạ sản phẩm, hoặc thậm chí là những bức tranh minh hoạ cho các dự án quảng cáo. Bài viết này sẽ cung cấp cho bạn một quy trình chi tiết, từ khâu chuẩn bị dụng cụ, phân tích hình dáng cơ bản, tới các bước vẽ chi tiết, tạo bóng và tô màu, nhằm giúp bạn tự tin tạo ra những bản vẽ điện thoại đẹp mắt và chuyên nghiệp.
Lưu ý: Bài viết hướng tới người mới bắt đầu, vì vậy chúng tôi sẽ giải thích từng khái niệm một cách rõ ràng, kèm theo các mẹo thực hành thực tế. Nếu bạn đã có nền tảng vẽ, bạn có thể bỏ qua một số phần cơ bản và tập trung vào các kỹ thuật nâng cao.
2. Dụng cụ cần chuẩn bị
2.1. Dụng cụ vẽ truyền thống
Dụng cụ
Mô tả
Lý do sử dụng
Bút chì HB (hoặc 2B)
Độ cứng vừa phải, dễ xóa
Phác thảo tổng thể, tạo nét nhẹ
Bút chì 4B/6B
Độ mềm, tạo bóng đậm
Tô bóng, tạo độ sâu
Gôm tẩy (tẩy trắng)
Gôm tẩy cao cấp
Xóa sạch, không bám bụi
Giấy vẽ
Loại giấy 180-200gsm
Độ bám mực tốt, không rách khi xóa
Bút mực đen (fineliner)
Độ dày 0.1-0.5mm
Đánh nét cuối cùng, tạo độ nét rõ ràng
Bảng màu (bảng màu nước hoặc bút màu)
Màu sắc đa dạng
Tô màu, tạo cảm giác thực tế
Cọ vẽ (cỡ nhỏ, trung bình)
Cọ lông mềm
Phủ màu nước, tạo chuyển màu mượt mà
2.2. Dụng cụ vẽ kỹ thuật số (tùy chọn)
Dụng cụ
Mô tả
Lý do sử dụng
Tablet vẽ (Wacom, iPad Pro…)
Bảng vẽ cảm ứng
Vẽ linh hoạt, lưu file dễ dàng
Phần mềm vẽ (Adobe Photoshop, Clip Studio Paint, Procreate)
Công cụ đa lớp, brush đa dạng
Tạo lớp, chỉnh sửa không giới hạn
Stylus
Bút cảm ứng
Độ nhạy cao, vẽ chi tiết
Khuyến nghị: Nếu bạn chưa có tablet, hãy bắt đầu với dụng cụ truyền thống. Khi đã thành thạo, việc chuyển sang kỹ thuật số sẽ dễ dàng hơn rất nhiều.
3. Hiểu rõ hình dáng và cấu trúc của điện thoại
3.1. Các loại điện thoại phổ biến
Loại
Đặc điểm
Thông tin kích thước (mm)
Smartphone (iPhone, Samsung Galaxy…)
Màn hình toàn cảnh, viền mỏng
146 x 71 x 7.7 (iPhone 13)
Smartphone gập (Fold, Flip)
Màn hình gập đôi, bản lề
158 x 128 x 5.8 (Galaxy Z Fold)
Điện thoại cũ (Nokia 3310)
Thiết kế vuông, phím vật lý
115 x 51 x 22
Điện thoại gaming (Asus ROG)
Nút gập, tản nhiệt mạnh
170 x 78 x 9
3.2. Các yếu tố cấu thành một chiếc điện thoại
Màn hình (Display): Chiếm phần lớn diện tích mặt trước, thường có viền (bezel) mỏng hoặc không viền.
Khung viền (Bezels): Vùng xung quanh màn hình, có thể là kim loại hoặc nhựa.
Nút bấm (Buttons): Nút nguồn, âm lượng, nút Home (đối với một số model cũ).
Phía sau (Rear): Camera, logo hãng, logo thiết kế.
Bên hông (Side): Cổng sạc, loa, micro, nút điều khiển âm thanh.
3.3. Tỷ lệ chuẩn (Aspect Ratio) của màn hình
18:9 (hoặc 2:1) – phổ biến trên các smartphone hiện đại.
19.5:9 – dùng trong iPhone X trở lên.
16:9 – thường thấy trên các máy tính bảng và một số điện thoại cũ.
Mẹo: Khi vẽ, bạn nên dùng thước kẻ hoặc công cụ “ruler” trong phần mềm để giữ tỷ lệ chính xác, tránh làm biến dạng hình ảnh.
Cách Vẽ Điện Thoại
Có thể bạn quan tâm: Cách Vẽ Xe Lamborghini Đỉnh Cao: Hướng Dẫn Từng Bước Từ Cơ Bản Đến Nâng Cao
4. Bước 1: Phác thảo tổng thể (Sketch)
4.1. Đặt khung hình (Canvas)
Kích thước giấy: 21 x 29.7 cm (A4) hoặc 30 x 40 cm (tùy dự án).
Lề: Để lại khoảng 2 cm ở mỗi phía để tránh mất chi tiết khi cắt.
4.2. Vẽ khung hình chữ nhật cơ bản
Vẽ một hình chữ nhật bằng bút chì HB, tỉ lệ theo loại điện thoại bạn muốn vẽ. Ví dụ, nếu vẽ iPhone 13, tỷ lệ chiều dài:chiều rộng ≈ 2:1.
Chia hình chữ nhật thành các phần: phần màn hình, viền, và phần dưới (các nút).
4.3. Thêm các chi tiết cơ bản
Màn hình: Vẽ một hình chữ nhật nhỏ hơn, cách viền 2-3 mm (đối với viền mỏng) hoặc 5-6 mm (đối với điện thoại cũ).
Nút bấm: Đánh dấu vị trí nút nguồn (thường ở bên phải) và nút âm lượng (bên trái). Dùng đường tròn hoặc hình chữ nhật tùy loại.
Camera và cảm biến: Vẽ các vòng tròn nhỏ ở góc trên bên trái (camera) và cảm biến vân tay (nếu có) ở phần dưới màn hình.
Lưu ý: Đừng lo lắng về chi tiết trong giai đoạn này, mục tiêu là xác định tỷ lệ và vị trí tổng thể.
4.4. Kiểm tra tỷ lệ
Dùng thước đo khoảng cách giữa các yếu tố (camera – viền, nút – viền) để chắc chắn chúng hợp lý.
Nếu có sai lệch, chỉnh lại bằng cách xóa nhẹ và vẽ lại.
5. Bước 2: Tạo đường viền và chi tiết chính
5.1. Đường viền ngoài (Outer Edge)
Sử dụng bút mực đen (fineliner) 0.3mm để đi lại đường viền ngoài. Đảm bảo các góc được bo tròn nhẹ (radius khoảng 2-3 mm) – hầu hết điện thoại hiện đại có góc bo tròn.
Khi đi lại, giữ áp lực đồng đều để tránh nét quá dày.
5.2. Đường viền màn hình (Screen Border)
Dùng bút mực mỏng hơn (0.1-0.2mm) để vẽ viền màn hình. Đường viền này thường mỏng hơn so với khung ngoài.
Nếu điện thoại có “notch” (cắm lỗ) ở đầu, vẽ nó như một hình chữ nhật nhỏ cắt vào phần trên của màn hình.
5.3. Vẽ các nút bấm
Nút Power: Vẽ một hình chữ nhật dài, bo góc nhẹ.
Nút Volume: Hai hình chữ nhật nhỏ, dọc nhau, cách nhau khoảng 2 mm.
Nút Home (nếu có): Vòng tròn trung tâm, chiều cao khoảng 8 mm.
5.4. Vẽ camera và cảm biến
Cách Vẽ Điện Thoại
Có thể bạn quan tâm: Cách Vẽ Vườn Hoa Đẹp Như Thực: Hướng Dẫn Từ Cơ Bản Đến Nâng Cao
Camera chính: Vòng tròn hoặc hình elip, tùy vào model. Đường viền nên dày hơn một chút để tạo cảm giác nổi.
Camera phụ (ultrawide, macro): Vòng tròn nhỏ hơn, đặt cạnh camera chính.
Cảm biến vân tay: Hình oval hoặc hình vuông bo góc, thường nằm dưới màn hình.
5.5. Vẽ logo hãng
Đối với iPhone: Vẽ một “apple” mảnh mai ở phía sau, khoảng 10 mm từ đáy.
Đối với Samsung: Vẽ logo “S” cách góc trên khoảng 8 mm.
Mẹo: Đọc kỹ hình ảnh mẫu để sao chép chi tiết chính xác.
6. Bước 3: Tạo bóng và độ sâu (Shading)
6.1. Khái niệm ánh sáng và bóng
Nguồn sáng: Thường giả định ánh sáng đến từ phía trên bên trái (điểm sáng chính).
Bóng chính (Core Shadow): Nơi ánh sáng không chiếu tới, tạo bóng đậm.
Bóng mềm (Soft Shadow): Khu vực chuyển tiếp giữa ánh sáng và bóng, dùng bút chì mềm (4B) để tạo.
6.2. Kỹ thuật shading cơ bản
Kỹ thuật
Dụng cụ
Mô tả
Hatching
Bút chì 2B
Đường kẻ song song, tạo độ tối bằng cách tăng mật độ
Cross-hatching
Bút chì 4B
Đường kẻ chéo nhau, tạo độ tối mạnh hơn
Stippling
Bút chì 6B
Dùng chấm để tạo bóng, thích hợp cho bề mặt kim loại
Blending (tán)
Tăm bông hoặc giấy tờ
Làm mịn các đường shading, tạo chuyển màu mượt mà
6.3. Áp dụng shading cho điện thoại
Màn hình: Vì là mặt phẳng, shading nhẹ, chỉ cần tạo độ phản chiếu nhẹ ở góc trên bên trái (đánh sáng). Dùng bút chì 2B, tạo một dải sáng mỏng.
Khung viền kim loại: Tạo bóng đậm ở phía dưới và bên phải viền. Dùng cross-hatching 4B để làm tối, sau đó tán nhẹ bằng tăm bông.
Nút bấm: Tạo bóng vòng tròn quanh nút để tạo cảm giác nổi lên. Đánh bóng ở phía trên (đối diện nguồn sáng), tối ở phía dưới.
Camera: Vì thường được làm bằng kính, tạo hiệu ứng phản chiếu mạnh. Vẽ một vòng sáng trắng (highlight) ở góc trên bên trái của ống kính, sau đó shading nhẹ phía dưới.
Logo: Nếu logo kim loại, tạo shading tương tự khung viền; nếu logo nhôm mờ, sử dụng shading nhẹ hơn.
6.4. Tạo bóng đổ (Cast Shadow)
Vẽ một hình elip hoặc hình bầu dục phía dưới điện thoại, độ mờ tùy thuộc vào khoảng cách giữa điện thoại và bề mặt.
Sử dụng bút chì 6B, shading dày, sau đó tán mờ dần tới các cạnh để tạo hiệu ứng mềm mại.
7. Bước 4: Tô màu (Coloring)
7.1. Lựa chọn bảng màu
Loại màu
Mô tả
Ứng dụng
Màu kim loại (Silver, Space Gray)
Tông màu lạnh, phản chiếu tốt
Khung viền, nút bấm
Màu glass (Blue, Purple)
Tông màu trong suốt, ánh sáng phản chiếu
Màn hình, mặt sau
Màu matte (Black, White)
Độ phản chiếu thấp, màu đồng nhất
Nền, logo
Màu gradient
Chuyển màu từ sáng sang tối
Hiệu ứng ánh sáng trên kim loại
7.2. Phương pháp tô màu truyền thống
Lớp nền (Base Layer): Dùng bút màu hoặc màu nước để tô màu nền cho từng khu vực (khung, màn hình, nút). Bắt đầu từ màu nhạt, sau đó dần tăng độ đậm.
Lớp bóng (Shadow Layer): Thêm màu tối hơn ở các khu vực bóng (được xác định ở bước shading). Kết hợp màu xám hoặc màu đen pha nhẹ.
Lớp phản chiếu (Highlight Layer): Dùng màu trắng hoặc màu sáng để tạo điểm sáng trên bề mặt kim loại và kính.
Blend (trộn màu): Dùng cọ ẩm (cho màu nước) hoặc tăm bông (cho bút màu) để làm mịn các đường chuyển màu.
7.3. Phương pháp tô màu kỹ thuật số
Layer 1 – Sketch: Đặt phác thảo ở lớp dưới, độ trong suốt 30%.
Layer 2 – Line Art: Dùng brush “ink” để vẽ lại đường viền, đặt ở lớp trên.
Layer 3 – Base Color: Tô màu nền cho từng phần (khung, màn hình, nút) bằng brush “flat”.
Layer 4 – Shadows: Tạo một layer “multiply” để vẽ bóng, dùng màu xám đậm.
Layer 5 – Highlights: Tạo layer “overlay” hoặc “screen” để vẽ điểm sáng, dùng màu trắng hoặc màu pastel nhạt.
Layer 6 – Effects: Thêm “gloss” (ánh sáng phản chiếu) bằng brush “soft round”, áp dụng “Gaussian Blur” để làm mềm.
7.4. Mẹo tạo hiệu ứng “glass” (kính)
Cách Vẽ Điện Thoại
Có thể bạn quan tâm: Cách Vẽ Váy Ngắn: Hướng Dẫn Từng Bước Để Tạo Nên Những Thiết Kế Đẹp Và Độc Đáo
Tạo gradient từ màu trong suốt (trắng) sang màu nhẹ (xám nhạt) dọc theo hướng ánh sáng.
Thêm “specular highlight” (điểm sáng mạnh) ở góc trên bên trái, hình elip mỏng.
Đánh bóng bằng công cụ “smudge” nhẹ để tạo cảm giác lấp lánh.
8. Bước 5: Hoàn thiện và kiểm tra lại
Kiểm tra đường viền: Đảm bảo mọi đường viền đều mịn, không có chỗ vỡ hoặc thừa.
Kiểm tra tỷ lệ: So sánh lại các phần (camera, nút, màn hình) với hình mẫu thực tế. Dùng thước để đo nhanh.
Kiểm tra màu sắc: Đảm bảo màu đồng nhất, không có chỗ màu chồng lên nhau gây nhòe.
Thêm chữ ký (Signature): Đặt chữ ký nhỏ ở góc dưới bên phải để bảo vệ bản quyền.
Lưu file: Nếu là kỹ thuật số, lưu ở định dạng .psd (layer) và .png (đầu ra). Nếu là truyền thống, chụp ảnh chất lượng cao (300 dpi) hoặc scan.
9. Các lỗi thường gặp và cách khắc phục
Lỗi
Nguyên nhân
Cách khắc phục
Đường viền không đều
Áp lực tay không ổn định
Thực hành vẽ đường thẳng bằng “ruler” hoặc “guide” trong phần mềm
Tỷ lệ camera sai
Không đo chính xác
Dùng công cụ “ellipse” (trong phần mềm) hoặc thước đo để xác định đường kính
Bóng quá mạnh
Dùng bút chì quá mềm hoặc áp lực quá lớn
Dùng bút chì 2B cho bóng nhẹ, tăng dần độ đậm
Màu không đồng nhất
Không dùng màu nền trước
Luôn tô màu nền trước, sau đó mới thêm bóng và highlight
Hiệu ứng kính không thật
Thiếu highlight và gradient
Thêm “specular highlight” và gradient nhẹ dọc theo hướng ánh sáng
10. Thực hành: Vẽ 3 mẫu điện thoại khác nhau
10.1. Mẫu 1 – iPhone 13 Pro (Màu Midnight)
Bước 1: Phác thảo hình chữ nhật 146×71 mm, góc bo 3 mm.
Bước 2: Vẽ màn hình, notch, camera kép.
Bước 3: Tô màu khung bằng màu xám đậm, tạo gradient từ #1C1C1E (đậm) tới #2D2D30 (nhẹ).
Bước 4: Tô màn hình màu đen “pure black”, thêm highlight trắng mỏng ở góc trên trái.
Bước 5: Thêm logo Apple bằng màu trắng, đặt ở trung tâm mặt sau.
Bước 3: Tô khung bằng màu đen #0A0A0A, tạo bóng nhẹ ở phía dưới.
Bước 4: Màn hình màu xanh dương nhạt (#E0F0FF) làm nền, thêm gradient xanh lam.
Bước 5: Vẽ logo Samsung bằng màu trắng, đặt ở trung tâm mặt sau.
10.3. Mẫu 3 – Nokia 3310 (Màu Đỏ)
Bước 1: Hình chữ nhật 115×51 mm, góc vuông.
Bước 2: Vẽ phím vật lý, màn hình LCD nhỏ, cổng micro‑USB.
Bước 3: Tô khung màu đỏ tươi (#FF3B30), tạo shading nhẹ ở góc dưới.
Bước 4: Màn hình LCD màu xanh lá nhạt, thêm pixel điểm sáng.
Bước 5: Thêm logo Nokia bằng màu trắng ở đáy.
Bài tập: Hãy tự vẽ một mẫu điện thoại mà bạn thích, áp dụng quy trình trên và so sánh kết quả với hình mẫu thực tế. Ghi lại những khó khăn gặp phải để cải thiện trong lần vẽ tiếp theo.
11. Mẹo nâng cao cho người muốn tiến xa hơn
Vẽ đa góc (Perspective): Thử vẽ điện thoại từ góc nhìn 3/4, sử dụng quy tắc 1 điểm tiêu cự để tạo chiều sâu.
Thêm môi trường (Environment): Đặt điện thoại trên bàn, trong tay người, hoặc trong một khung cảnh công nghệ để tạo câu chuyện.
Kỹ thuật “texture” (vân da, kim loại): Dùng brush “texture” để mô phỏng bề mặt nhám hoặc bóng.
Hiệu ứng ánh sáng động (Dynamic Lighting): Thử ánh sáng từ nguồn LED, tạo halo quanh điện thoại.
Animation (đối với kỹ thuật số): Tạo một GIF ngắn, điện thoại mở khóa, hoặc hiển thị màn hình.
12. Tổng kết
Việc vẽ điện thoại không chỉ là một bài tập về kỹ năng vẽ tay mà còn là cơ hội để bạn hiểu sâu hơn về thiết kế công nghiệp, tỉ lệ, ánh sáng và màu sắc. Bằng cách tuân thủ quy trình từ phác thảo → đi nét → shading → tô màu → hoàn thiện, bạn sẽ dần dần xây dựng được nền tảng vững chắc. Đừng ngại thử nghiệm các kiểu điện thoại khác nhau, từ những mẫu hiện đại đến những chiếc cổ điển, vì mỗi mẫu đều mang lại những thách thức và bài học riêng.
Hành trình vẽ không có điểm dừng: Mỗi lần bạn hoàn thành một bức vẽ, hãy tự đánh giá, rút ra kinh nghiệm và tiếp tục luyện tập. Khi đã thành thạo, bạn có thể mở rộng sang vẽ UI/UX, minh hoạ sản phẩm, hoặc thậm chí tạo concept art cho các dự án công nghệ tương lai.
