Làm thế nào để tạo ra một thiết lập bàn làm việc trong Adobe Illustrator
Thiết lập một tài liệu mới
Giống như mọi dự án mới, điều đầu tiên chúng ta cần phải thiết lập là tài liệu của chúng tôi. Vì vậy, giả sử bạn đã có Illustrator và đang chạy, hãy chuyển đến Tệp >Mới hoặc sử dụng phím tắt Control + N và điều chỉnh tài liệu của bạn như sau:
- Number of Artboards: 1
- Width: 800 px
- Height: 600 px
- Units: Pixels
Và từ tab Nâng cao :
- Color Mode: RGB
- Raster Effects: Screen (72 ppi)
- Align New Objects to Pixel Grid: checked
Mẹo Nhanh: vì chúng tôi sẽ tạo ra toàn bộ minh hoạ sử dụng quy trình làm việc "pixel hoàn hảo", tôi khuyên bạn nên dành vài phút và đọc qua bài báo này vì nó sẽ cho bạn thấy tất cả những bí quyết kỹ thuật mà bạn cần nắm bắt để làm chủ nó.
Thiết lập một số lớp
Với mỗi dự án mới, tôi muốn mất một vài phút và tách riêng các phần khác nhau của các minh hoạ của tôi, để tôi có thể tách chúng riêng biệt, do đó tạo ra một quy trình làm việc ổn định, cho phép tôi tập trung vào từng vùng một.
Điều đó đang được nói, mở bảng điều khiển lớp, và tạo ra ba lớp, đặt tên cho chúng như sau:
- Layer 1 - desk
- Layer 2 - desk objects
- Layer 3 - bookshelf
Tạo bàn
Phần đầu tiên của minh hoạ chúng ta sẽ bắt đầu làm việc là bàn làm việc, đó là nền tảng mà trên đó tất cả các yếu tố khác sẽ được xây dựng trên đó.
Bước 1
Đặt mình vào lớp đầu tiên và sử dụng Công cụ Hình chữ nhật (M) tạo hình dạng 404x10 px mà chúng tôi sẽ tô màu bằng #D3A171 và sau đó cho nó là một 4 px đường viền dày (#493930) bằng cách chọn nó và sau đó đi tới Object >Đường dẫn >Đường Offset và nhập 4 vào trường giá trị.
Khi bạn có hai hình dạng, chọn và định vị chúng về phía tâm của Artboard để lại khoảng cách 146 px giữa họ và phía dưới cùng của nó.
Bước 2
Bắt đầu làm việc trên ngăn kéo, bằng cách tạo một 136x20 px hình chữ nhật mà chúng tôi sẽ tô màu bằng #b7865e và sau đó áp dụng cùng một phác thảo dày 4 px (#493930) bằng cách sử dụng phương pháp Đường Phỏng định .
Khi bạn đã hoàn tất, hãy đặt hai cái bên dưới bảng, ở khoảng 64 px từ phía bên trái, đảm bảo rằng các đường viền trùng nhau.
Bước 3
Sử dụng công cụ Ellipse Tool (L) , tạo một vòng tròn 4 x 4 px , chúng tôi sẽ tô màu bằng #d3a171, sau đó đưa ra một 2 px phác thảo (#493930) để làm cho nó giống như một cái nắp ngăn kéo.
Mẹo nhanh: vào thời điểm này, bạn nên bắt đầu nghĩ đến cách nhóm các yếu tố soạn thảo khác nhau của bàn làm việc bằng cách chọn các hình dạng bạn muốn bao gồm và sử dụng phím tắt Control-G hoặc nhấp chuột phải >Nhóm .
Bước 4
Chọn ngăn kéo đầu tiên và tạo bản sao sau nó bằng cách kéo hình dạng của nó về phía bên phải trong khi giữ phím Shift (để kéo theo đường thẳng hoàn hảo) và Alt & nbsp ; chìa khóa (để tạo bản sao), một lần nữa đảm bảo rằng phác thảo của chúng chồng chéo nơi họ gặp nhau.
Bước 5
Bắt đầu làm việc trên cặp chân retro, bằng cách tạo ra phần đầu sử dụng một 12x8 px hình chữ nhật mà chúng ta sẽ tô màu bằng #91837b và sau đó cung cấp cho một 4 px đề cương (#493930) bằng cách sử dụng phương pháp Phỏng vấn Đường dẫn .
Nhóm hai hình dạng ( Control + G ) và sau đó đặt chúng bên dưới bàn, để lại khoảng cách 26 px giữa chúng và đường viền lớn hơn.
Bước 6
Thêm phần dưới của chân bằng cách vẽ 4x36 px hình chữ nhật khác (#76675e) mà chúng tôi sẽ áp dụng cùng một phác thảo dày 4 px (#493930 ). Sau đó, tạo một 24x4 px hình chữ nhật tròn có 2 px Bán kính góc mà chúng tôi sẽ tô màu bằng cách sử dụng #493930 và vị trí ở giữa phần đầu của chân, đảm bảo gửi nó đến phía sau ( nhấp chuột phải vào >Sắp xếp >Gửi về Quay lại ).
Bước 7
Chọn chân đầu tiên mà chúng tôi vừa tạo, sau đó tạo phần đầu tiên bằng cách sử dụng phương pháp kéo Alt-Shift , đảm bảo để lại khoảng trống trống giữa nó và phác thảo chính của bàn làm việc .
Bước 8
Tại thời điểm này, chúng tôi đã hoàn thành khá nhiều xây dựng các bàn làm việc, có nghĩa là bây giờ chúng ta có thể bắt đầu thêm chi tiết kết thúc cho các thành phần khác nhau của nó. Quá trình tự nó phải thực sự thẳng về phía trước, vì chúng tôi sẽ chủ yếu thêm các điểm sáng và bóng tối lên trên các hình dạng mà chúng tôi vừa tạo.
Đối với những điểm nổi bật, chúng tôi sẽ sử dụng màu trắng (#FFFFFF) làm màu tô của chúng tôi, Ánh sáng Nhẹ làm chính thức Chế độ hòa trộn cho bàn làm việc và ngăn kéo và Lớp phủ cho chân, giữ độ mờ 60% cho các hình dạng nhẹ hơn và 30% cho những người tối hơn. Đối với bóng tối, chúng tôi sẽ sử dụng #493930 làm màu tô của chúng tôi,60% độ mờ cho các hình dạng đậm hơn và 40% cho nhẹ hơn những người này, để nguyên Chế độ hòa trộn để Bình thường .
Mẹo nhanh: Như bạn thấy, theo nguyên tắc chung, tôi đã thêm các chi tiết theo cách mà các điểm sáng và bóng tối của tôi không chồng chéo, nhưng bạn có thể tạo ra chúng tuy nhiên bạn thích.
Tạo iMac
Một khi chúng tôi đã hoàn thành với bàn làm việc, chúng tôi có thể khóa lớp của nó, và di chuyển lên đến kế tiếp, nơi chúng tôi sẽ bắt đầu làm việc trên đối tượng, và chúng tôi sẽ bắt đầu với iMac.
Bước 1
Sử dụng công cụ Công cụ Hình Chữ hình Rỗng , tạo hình dạng 156x112 px với 6 Bức Tranh Góc Góc , chúng tôi sẽ tô màu bằng #e2d6d3 và cung cấp cho một tốt 4 px phác thảo dày (#493930) bằng cách sử dụng phương pháp Phối cảnh ( chọn hình dạng >Đối tượng >Đường dẫn >Đường Offset> 4 px ).
Tiếp theo, chọn cả hai hình dạng và định vị chúng theo hướng giữa Artboard để khoảng 24 px giữa họ và bàn làm việc.
Bước 2
Chụp Công cụ Hình chữ nhật (M) và tạo hình dạng 164x98 px (#493930) mà chúng tôi sẽ đặt trên hai hình dạng mà chúng tôi vừa tạo , căn chỉnh nó vào phần trên cùng của phác thảo và đảm bảo che dấu nó bằng cách sử dụng một bản sao của hình dạng xám như là một Clipping Mask .
Bước 3
Sử dụng công cụ Công cụ Ellipse (L) thêm hình tròn 8x8 px (#493930) vào phần dưới của iMac, biểu trưng này.
Bước 4
Bắt đầu làm việc trên đế của iMac, bằng cách tạo 36x14 px hình chữ nhật (#bfb3b2) mà chúng tôi sẽ điều chỉnh bằng cách chọn từng điểm trên cùng của nó bằng cách sử dụng Công cụ Lựa chọn Trực tiếp (A) và di chuyển chúng về phía bên trong bằng 2 px .
Sau đó tạo một bản sao của hình được điều chỉnh ( Control + C> Control + F ) và biến nó thành phác thảo bằng cách đặt màu của nó là #493930 và tăng Width đến 44 px .
Bước 5
Thêm phần dưới của giá đỡ bằng cách sử dụng 54x2 px hình chữ nhật tròn với 1 bán kính Góc (#e2d6d3) và 4 px phác thảo (#493930).
Như thường lệ chia nhóm các phần của các phần khác nhau bằng cách sử dụng phím tắt Control + G để bạn có thể theo dõi tốt hơn.
Mẹo nhanh: a bạn có thể nhận thấy, so với bàn làm việc ở các phần khác nhau có các đường nét chồng lên nhau, đường viền dưới của iMac thực sự nằm ở trên đầu của phác thảo lớn hơn, đó là cái gì đó mà chúng ta sẽ làm với tất cả các đối tượng khác để cung cấp cho chúng chiều sâu.
Bước 6
Kết thúc iMac bằng cách thêm một số nổi bật và bóng tối bằng cách sử dụng cùng một giá trị và cài đặt mà chúng tôi đã sử dụng cho bàn làm việc riêng của mình.
Tạo Màn hình Studio
Các đối tượng tiếp theo trong danh sách của chúng tôi, là hai màn hình studio nằm trên mỗi bên của bàn retro của chúng tôi.
Bước 1
Sử dụng công cụ Công cụ Hình Chữ hình Rỗng , tạo hình 38x56 px với 4 Bức Tranh Góc Góc mà chúng tôi sẽ tô màu #847a76 , đưa ra một phác thảo 4 px đẹp (#493930) và sau đó hướng về phía bên trái của bàn làm việc, để lại khoảng trống giữa khoảng cách 24 px .
Mẹo nhanh: như bạn thấy, hầu hết các hình dạng đều có vị trí chính xác cụ thể để tạo sự cân bằng trong toàn bộ sáng tác của chúng tôi. Chúng tôi có thể nhìn thấy rõ ràng với màn hình studio vì còn lại thẳng hàng với chân thực tế của bàn làm việc.
Bước 2
Sử dụng công cụ Công cụ Hình Chữ nhật Hình Chữ tròn tạo cổng trươc mặt hướng về phía trước sử dụng hình dạng 26x4 px (#493930) với 2 Tròn Radar Góc < / b> mà chúng tôi sẽ đặt ở khoảng 4 px từ phần dưới của loa.
Tiếp theo, bắt đầu làm việc với hình nón chính bằng cách tạo một vòng tròn 18x18 px (#e2d6d3) mà chúng tôi sẽ thêm phác thảo 4 px (#493930) và một vòng kết nối 10x10 px nhỏ hơn trên đầu trang (#493930).
Thêm hình nón twitter bằng nút tròn 4x4 px (#998b8a) và bản phác thảo dày 4 px (#493930).
Bước 3
Kết thúc màn hình phòng thu bên trái bằng cách thêm các điểm nổi bật và bóng tối thông thường bằng cách sử dụng các giá trị giống như chúng tôi đã làm với phần còn lại của hình dạng của chúng tôi.
Ngoài ra, đừng quên chọn tất cả các hình dạng soạn và nhóm chúng lại với nhau bằng phím tắt Control + G .
Bước 4
Sử dụng phương pháp kéo Alt + Shift , tạo bản sao màn hình của phòng thu mà chúng tôi vừa mới tạo và đặt nó lên phía bên phải bàn làm việc.
Tạo cây xương rồng
Một khi chúng tôi đã làm xong các màn hình phòng thu, chúng tôi có thể tiếp tục tạo ra cây xương rồng nhỏ nằm ở giữa đơn vị còn lại của chúng tôi và iMac.
Bước 1
Sử dụng công cụ Công cụ Hình Chữ nhật Hình Chữ tròn tạo hình dạng 22x16 px với 2 Bức Tranh Góc Góc Góc , chúng tôi sẽ tô màu bằng #e2d6d3 , và sau đó điều chỉnh bằng cách tăng độ tròn tổng thể góc dưới lên 6 px .
Khi chúng tôi thực hiện điều đó, chúng tôi có thể dễ dàng thêm 4 px phác thảo dày (#493930) và định vị các hình ở khoảng cách 12 px từ bên trái studio giám sát.
Bước 2
Thêm một vài chi tiết vào tô như các điểm nổi bật và 22x2 px thanh dọc (#493930) từ phía trên.
Khi bạn đã hoàn tất, hãy chọn và nhóm tất cả các phần tử lại với nhau bằng phím tắt Control + G .
Bước 3
Sử dụng công cụ Công cụ Hình Chữ hình Rỗng , tạo hình dạng 14x22 px với 6 Bức Tranh Góc Góc mà chúng tôi sẽ tô màu bằng #97bf97 , sau đó đưa ra phác thảo 4 px (#493930) để đảm bảo đặt nó bên dưới bát ( nhấp chuột phải >Sắp xếp >Gửi về Quay lại ).
Bước 4
Sử dụng Công cụ Bút bi (P) vẽ hai đường phân chia bên trong (#493930) để cho đối tượng một số chiều sâu.
Bước 5
Kết thúc cây xương rồng, bằng cách thêm các gai và một số bóng tối về phía phần bên trong và phía dưới của điền màu xanh lá cây.
Tạo giao diện âm thanh
Đối tượng tiếp theo nằm ngoài danh sách của chúng tôi là giao diện âm thanh lấy cảm hứng từ Focusrite nằm giữa màn hình iMac và màn hình studio phù hợp.
Bước 1
Chụp Công cụ Hình Chữ nhật Hình Chữ tròn và tạo hình dạng 30x8 px với Bán kính Góc 1 px mà chúng tôi sẽ tô màu bằng #cc6254 và sau đó đưa ra phác thảo 4 px (#493930) đảm bảo định vị hai cái bên dưới iMac, khoảng 30 px từ đơn vị loa.
Bước 2
Sử dụng công cụ Công cụ Ellipse (L) tạo hai cổng vào XRL phía trước bằng cách vẽ hai vòng kết nối 4x4 px (#493930) cách xa 2 px từ vị trí khác và định vị chúng ở phía bên trái của giao diện để lại khoảng trống 2 px giữa chúng và giao diện của giao diện.
Sau đó, thêm hai 2x2 px vòng tròn (#493930) ở trên mỗi cổng và 2x8 px thanh dọc (#493930) về phía bên phải của chúng.
Bước 3
Hoàn tất giao diện âm thanh, bằng cách thêm nút âm lượng 4x4 px (#e2d6d3) bằng phác thảo 4 px (#493930), một 2x2 px (#493930) ở bên phải và hai điểm nhấn sử dụng màu trắng để tô màu, Lớp phủ cho Chế độ hòa trộn và 30% cho Độ mờ .
Như thường lệ, đừng quên chọn và nhóm tất cả các hình với nhau bằng phím tắt Control + G .
Tạo In Ấn Đỏ và Xanh
Tại thời điểm này, chúng ta đã hoàn thành phần này của minh hoạ, tất cả những gì chúng ta cần phải tạo ra là bản treo tường nhỏ, và sau đó chúng ta có thể di chuyển trên mảnh cuối cùng là giá sách.
Bước 1
Chụp Công cụ Hình Chữ nhật (M) và tạo hình dạng 44x58 px mà chúng tôi sẽ tô màu bằng cách sử dụng #bfb3b2 và sau đó cho 4 bút 114 px giữa phông chữ và phông nền của phòng làm việc (#493930) để đảm bảo vị trí hai hướng về phía trái của iMac.
Bước 2
Thêm một 28x42 pixel hình chữ nhật khác (#e2d6d3) lên trên các hình dạng mà chúng tôi vừa tạo, đưa ra cùng một phác thảo 4 px (#493930 ).
Bước 3
Sử dụng công cụ Công cụ Ellipse (L) tạo hai vòng tròn 20x20 px , một màu đỏ (#ce5757) và một màu xanh (#5d97c6) mà chúng tôi sẽ chồng lên nhau bằng cách hạ thấp mức Độ mờ của chúng xuống 80% .
Bước 4
Hoàn tất in bằng cách thêm một số điểm nổi bật và bóng tối ở đây và ở đó, đảm bảo nhóm tất cả các hình dạng lại với nhau bằng cách sử dụng phím tắt Control + G .
Tạo giá sách
Một khi bạn đã hoàn thành công việc trên mảnh in nhỏ, chúng ta có thể di chuyển trên lớp thứ ba và cuối cùng, nơi chúng tôi sẽ làm việc trên giá sách, và các vật nhỏ tìm thấy nghỉ ngơi trên đó.
Bước 1
Đặt mình vào lớp thứ ba và sử dụng Công cụ Hình chữ nhật (M) tạo hình dạng 108x6 px , chúng tôi sẽ tô màu bằng #d3a171, cho thông thường 4 px phác thảo dày (#493930) đảm bảo gắn hai hướng về phía phải của bàn, ở khoảng 166 px .
Bước 2
Sử dụng công cụ Công cụ Hình Chữ hình Rỗng , tạo hình dạng 6x18 px (#91837b) với 3 Xoắn Bán kính Góc , cho nó & nbsp , phác thảo 4 px (#493930), bolt 4x4 px ở phía dưới cùng và sau đó đặt chúng về phía bên trái giá sách, chắc chắn gửi chúng bên dưới nó ( nhấp chuột phải >Sắp xếp >Gửi lại Quay lại ).
Bước 3
Thêm bản lề lắp thứ hai về phía bên phải giá sách và sau đó kết thúc bằng cách thêm một số điểm nổi bật và bóng.
Tạo Sách
Với giá sách ở đúng vị trí, đã đến lúc để thêm một vài vật trang trí vào nó, để làm cho tác phẩm trở nên thú vị hơn và làm thế nào tốt hơn bằng cách thêm một số sách.
Bước 1
Sử dụng công cụ Công cụ Hình chữ nhật (M) tạo một hình dạng 6x46 px , chúng tôi sẽ tô màu bằng #97bf97 và sau đó cho một 4 px & nbsp ; phác thảo (#493930). Thêm một số đường trang trí và đường ngang trang trí và khi bạn đã hoàn thành nhóm ( Kiểm soát + G ) các hình dạng và tạo thêm hai bản ở bên trái.
Thêm một nbsp rộng &; 10x46 px cuốn sách, và sau đó vị trí của tất cả bốn trong số họ về phía bên phải của kệ sách, để lại một khoảng trống không gian trống rỗng của 14 px .
Sáng tạo
Đây là nơi tôi sẽ cung cấp cho bạn một số tự do sáng tạo và để cho bạn đi lên với một mảnh trang trí để đi cùng với những cuốn sách mà chúng tôi vừa tạo ra.
Như bạn thấy, tôi đã tạo ra một món đồ chơi BB8 nhỏ, nhưng bạn không phải đi theo con đường đó, vì bạn có thể tìm ra một thứ gì đó độc đáo của riêng mình, đó là thiết kế.
Vì vậy, dành thời gian của bạn, và khi bạn đã hoàn tất đăng kết quả cuối cùng vào phần nhận xét để chúng tôi có thể thấy bạn đã làm gì.
Phần kết luận
Có thể bạn đã mất một thời gian, nhưng như bạn đã biết, quá trình học tạo ra một thứ gì đó luôn có ích hơn khi bạn dành nhiều thời gian và công sức hơn, điều đó sẽ mang lại những kỹ năng tốt hơn.
Điều đó đã được nói, tôi hy vọng bạn thấy hướng dẫn này hữu ích, và quan trọng nhất là học được một cái gì đó mới trên đường đi.
Oh, và tôi đã đính kèm tập tin nguồn để bạn có thể chơi xung quanh với nó và sử dụng nó như bạn cần.
Hãy đến với Phạm Khôi để in name card giá rẻ, in danh thiếp, in card visit
0 comments:
Post a Comment