Làm thế nào để tạo ra một thiết lập bàn làm việc trong Adobe Illustrator

Làm thế nào để tạo ra một thiết lập bàn làm việc trong Adobe Illustrator
in danh thiep gia re

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ó.


in danh thiep gia re

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
in danh thiep gia re

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ó.

in danh thiep gia re

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.

in danh thiep gia re

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.

in danh thiep gia re

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.

in danh thiep gia re

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.

in danh thiep gia re

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 ).

in danh thiep gia re

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 .

in danh thiep gia re

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 .

in danh thiep gia re

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.

in danh thiep gia re

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 .

in danh thiep gia re

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.

in danh thiep gia re

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 .

in danh thiep gia re

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.

in danh thiep gia re

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.

in danh thiep gia re

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   .

in danh thiep gia re

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).

in danh thiep gia re

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   .

in danh thiep gia re

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.

in danh thiep gia re

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.

in danh thiep gia re

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   .

in danh thiep gia re

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 ).

in danh thiep gia re

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.

in danh thiep gia re

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.

in danh thiep gia re

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.

in danh thiep gia re

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.

in danh thiep gia re

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ờ .

in danh thiep gia re

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.

in danh thiep gia re

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 ).

in danh thiep gia re

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% .

in danh thiep gia re

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   .

in danh thiep gia re

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   .

in danh thiep gia re

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 ).

in danh thiep gia re

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.

in danh thiep gia re

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 .

in danh thiep gia re

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.

in danh thiep gia re
Hãy đến với Phạm Khôi để in name card giá rẻ, in danh thiếp, in card visit

 

CÁC TIN KHÁC
Thiết kế chữ hoạt hình
tạo các biểu tượng bia
Cách tạo mẫu kết cấu màu nước
Vẽ bánh xe màu sắc in ấn

THIẾT KẾ IN ẤN PHẠM KHÔI CHẤP THUẬN THANH TOÁN QUA CÁC NGÂN HÀNG

Sau khi chuyển khoản quý khách vui long thông báo lại cho Phạm Khôi để tránh tình trạng xót hàng, lộn hàng, vì có rất nhiều đơn hàng cùng giá thành giống nhau nên dễ sai xót, mong quý khách kỹ giùm chút vì tiền rất bạc. Xin cảm ơn
0906.9000.21
Chat Zalo
Chat Facebook