Tạo một biểu tượng DJ

Tạo một biểu tượng DJ

Hey guys, hôm nay chúng tôi có một cái gì đó đặc biệt cho bạn, vì chúng tôi sẽ cho bạn thấy làm thế nào để tạo ra một biểu tượng DJ Icon của riêng bạn, và sau đó bạn có thể sử dụng cho bất kỳ dự án nào trong tương lai.

Chúng tôi sẽ sử dụng một số công cụ cơ bản được tìm thấy từ bên trong Illustrator, do đó, quy trình làm việc sẽ khá dễ dàng theo và hiểu bởi bất kỳ người mới bắt đầu nào.

Điều đó đang được nói, chúng ta hãy mở Illustrator và bắt đầu.

Thiết lập một tài liệu mới

Đi tới File >Mới , hoặc sử dụng phím tắt Control-N, và tạo một tài liệu 800x600 px với các cài đặt sau:

• Number of Artboards: 1
• 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: chúng tôi sẽ tạo mỗi biểu tượng bằng cách sử dụng quy trình làm việc hoàn hảo pixel, vì vậy tôi khuyên bạn nên kiểm tra một trong các hướng dẫn trước đây của chúng tôi ( Làm thế nào để tạo các biểu tượng hoàn hảo cho biểu tượng pixel ) cho thấy tất cả các thông tin về cài đặt và quy trình thực tế .

Thiết lập một số lớp

Một khi chúng tôi có tài liệu của chúng tôi, chúng tôi có thể bắt đầu phân lớp dự án của chúng tôi, để chúng tôi có thể dễ dàng tạo ra các biểu tượng bằng cách tập trung vào mỗi một. Bằng cách này chúng tôi có thể khóa tất cả những người khác và đảm bảo rằng chúng tôi không chỉnh sửa hoặc di chuyển chúng do nhầm lẫn.

Vì vậy, giả sử bạn biết cách sử dụng Layers Panel , hãy tạo năm lớp mới và đặt tên cho chúng như sau:

• Layer 1 - reference grids
• Layer 2 - vinyl record
• Layer 3 - crossfade mixer
• Layer 4 - studio monitor
• Layer 5 - overlays

Tạo lưới tham chiếu

Theo định nghĩa, một Lưới tham chiếu là một bề mặt được xác định chính xác giúp bạn xây dựng các biểu tượng của mình với sự nhất quán và kích cỡ trong tâm trí. Chúng tôi sẽ sử dụng các lưới tham chiếu cơ bản của chúng tôi để đảm bảo rằng các biểu tượng của chúng tôi theo cùng một phong cách.

Bước 1

Vì vậy, bằng cách sử dụng Công cụ Hình chữ nhật (M) tạo một hình vuông vuông và màu #96x96 px và sử dụng #f97373, sau đó thêm một kích thước nhỏ hơn nữa là 88x88 px và tô màu nó bằng #f2f2f2, đảm bảo chọn cả hai hình dạng và nhóm chúng lại với nhau ( Control + G ).

Bây giờ hình vuông màu đỏ sẽ đại diện cho kích thước thực tế của biểu tượng, nhưng nó cũng sẽ hoạt động như một khoảng đệm bên trong tất cả các xung quanh, trong khi đó hình vuông màu xám nhạt sẽ đóng vai trò là khu vực có thể vẽ được mà tất cả các hình dạng sẽ được tạo ra.

Bước 2

Sau khi bạn có Lưới tham chiếu đầu tiên, hãy tạo thêm hai bản ở bên phải và cách chúng ở 60 px với nhau, đảm bảo trung tâm chúng vào phần Artboard chính nó.

Tạo bản ghi Vinyl

Với Grids , chúng ta có thể bắt đầu làm việc với các biểu tượng nhỏ của chúng ta, và chúng ta sẽ bắt đầu với Vinyl Record .

Bước 1

Tìm và chọn lớp thứ hai, khóa tất cả các lớp khác, và sau đó phóng to trên bảng thứ nhất Reference Grid để có một cái nhìn rõ ràng về khu vực có thể vẽ được.

Sau đó, lấy công cụ Ellipse Tool (L) và tạo một vòng tròn 78x78 px , chúng ta sẽ tô màu bằng cách sử dụng #686b75 và sau đó sắp thẳng lên phía trên cùng của hình vuông xám.

Bước 2

Sử dụng công cụ Ellipse Tool (L) hoặc chức năng Path Offset, tạo ra 9 vòng tròn đồng tâm bằng cách rút ngắn độ rộng và độ cao / b> mỗi hình dạng bởi 2 px , mỗi lần bạn tạo một hình mới. Sau đó, tô màu một số vòng tròn bằng màu xám đậm hơn (#474a54) để tạo ra các rặng núi mà kim quay bàn thường ngồi.

Bước 3

Thêm một vòng kết nối khác 26x26 px trên đầu trang mà bạn đã tạo trước đó và tô màu nó bằng #363840.

Bước 4

Tạo một ít 6x6 px cutout qua mỗi vòng tròn để làm cho biểu tượng trông giống như một đĩa thực tế. Khi bạn đã hoàn tất, hãy chọn tất cả các hình dạng và nhóm chúng bằng phím tắt Ctrl + G, do đó bạn sẽ không sao chép sai chúng một cách ngẫu nhiên.

Bước 5

Hoàn tất biểu tượng bằng cách thêm một hình elip nhỏ 62x62 px , chúng ta sẽ căn lề với phía dưới cùng của khu vực có thể vẽ được của Mạng Tham chiếu . Sử dụng màu đen bằng màu đen (#000000) và sau đó đảm bảo giảm Độ mờ đậm xuống 10% .

Sau đó, chọn cả bóng tối và bản ghi và nhóm chúng lại với nhau ( Kiểm soát + G ).

Tại thời điểm này chúng ta đã thực hiện khá nhiều với biểu tượng đầu tiên, có nghĩa là chúng ta có thể khóa lớp của nó và di chuyển lên đến điểm tiếp theo.

Mẹo nhanh: Nếu bạn đang tự hỏi tại sao chúng tôi không thêm lớp phủ vào biểu tượng đã hoàn tất, tôi cũng muốn cung cấp cho bạn tùy chọn có hai biến thể của biểu tượng, có thể là dễ dàng chuyển bằng cách đơn giản bật một lớp.

Tạo bộ trộn Crossfade

Biểu tượng kế tiếp là máy trộn, và so sánh với biểu tượng trước, nó chi tiết hơn một chút, nhưng như bạn thấy, quá trình tạo nó khá đơn giản.

Bước 1

Giả sử bạn đã phóng to ở Lưới tham chiếu thứ hai , hãy lấy hình chữ nhật tròn và 88x78 px > Radius Góc 6 pixel, hãy tô màu nó bằng bóng tối màu xám (#474a54), và sau đó sắp xếp nó vào phần trên cùng của khu vực có thể vẽ được.

Bước 2

Tạo một bản sao của hình dạng mà chúng tôi vừa tạo ra một bước trước ( Control + C >Control + F ) và điều chỉnh nó bằng cách thay đổi màu sắc của nó thành màu xám nhạt hơn (#686b75) và loại bỏ các góc tròn góc trên cùng của nó (Góc Radius 0 px ), rút ​​ngắn chiều cao Chiều cao thành 58 px .

Bước 3

Tiếp theo, thêm một hình chữ nhật tròn nhỏ 36x10 px với một Góc Tròn 4 px và đặt nó lên trên hình dạng mà chúng tôi đã tạo ra một bước trước. Màu sắc sử dụng cùng một bóng (#686b75) và sau đó điều chỉnh nó bằng cách bỏ các góc tròn dưới cùng bằng cách đặt Radius của chúng là 0 px .

Bước 4

Bắt đầu thêm chi tiết vào biểu tượng, bằng cách tạo ra bốn mặt số được tìm thấy ở phía trên cùng của nó.

Để làm điều đó, trước tiên hãy chọn Công cụ Ellipse (L) và tạo một vòng tròn 6x6 px , chúng ta sẽ tô màu bằng #363840, sau đó thêm một ít 2x4 px hình chữ nhật tròn (#686b75) với Bán kính Góc 1 px làm chỉ thị.

Nhóm hai hình dạng ( Control + G ) và sau đó tạo ra ba bản sao mà chúng tôi sẽ nhóm theo hai cặp cách xa nhau với 4 pxtừ mỗi cái khác, một cặp ở mỗi bên của máy trộn.

Bước 5

Tạo một vòng tròn màu xanh lá cây 2x2 px màu xanh lục (#88bc73) sẽ hoạt động như một đèn chỉ báo nguồn và đặt nó vào góc trên cùng bên phải của biểu tượng, một vài pixel phía trên cặp quay số thứ hai.

Bước 6

Thêm thanh trượt nhỏ vào phần trên cùng của máy trộn, bằng cách tạo hình chữ nhật tròn tròn 24x2 px với Bán kính Góc 1 px mà chúng tôi sẽ tô màu #363840, trên đó chúng tôi sẽ thêm một nút 6x6 px (#c1c3c9) với Bán kính Góc 1 px và <2> 2x2 px làm chỉ thị (#7f828c).

Bước 7

Thêm một vài chỉ thị mức bằng cách tạo sáu hình chữ nhật với chiều cao thay đổi, chúng ta sẽ sử dụng màu #474a54. Đảm bảo rằng bạn nhóm các đường với nhau ( Control + G ) và căn giữa chúng bên dưới thanh trượt.

Bước 8

Tạo ba thanh trượt dọc và các chỉ báo và định vị chúng về phía trái của biểu tượng. Sử dụng màu sắc giống như chúng tôi đã làm với hình dạng trước đó và đảm bảo nhóm chúng lại với nhau khi bạn đã hoàn tất vì sẽ dễ dàng di chuyển chúng hơn nếu bạn cần sau này.

Bước 9

Thêm chỉ thị đỉnh bằng cách tạo hình chữ nhật 8x34 px (#363840), nó sẽ chứa tám hình chữ nhật 2x4 px cần màu bằng các giá trị sau:

• First led indicator: #baae7f
• Second led indicator: #bc9c7e
• Third led indicator: #ddb390
• Fourth led indicator: #f9bd91
• Fifth led indicator: #f7a392
• Sixth led indicator: #f98f7d
• Seventh led indicator: #f77f7f
• Eighth led indicator: #ff6666

Khi bạn đã hoàn tất, nhóm chúng lại với nhau bằng phím tắt Control + G , sau đó thêm một chỉ thị mức về phía bên phải của chúng.

Bước 10

Hoàn tất biểu tượng bằng cách thêm hai bu lông 2x2 px (#474a54) ở mỗi bên của máy trộn, một hình nền văn bản (top 7 đầu) (#7f828c) và một hình nền bên dưới (#474a54) và Ellipse 72x4 px sẽ hoạt động dưới dạng bóng tối (#000000, 10% ).

Như thường lệ, đừng quên nhóm tất cả các yếu tố của biểu tượng lại với nhau bằng cách sử dụng phím tắt Control + G .

Tạo Màn hình Studio

Bây giờ chúng tôi đã xuống đến biểu tượng cuối cùng của chúng tôi, màn hình studio.

Vì thời điểm này bạn có thể biết khoan: đảm bảo bạn đã khóa tất cả các lớp khác, và sau đó phóng to ở thứ ba Mạng Tham chiếu .

Bước 1

Sử dụng Công cụ Hình Chữ nhật Hình Rounded , tạo hình dạng 56x78 px với Bán kính Góc 6px chúng ta sẽ tô màu bằng #474a54 và sau đó sắp thẳng tới phía trên cùng của khu vực có thể vẽ được của Grid.

Bước 2

Thêm bốn vòng kết nối vào mỗi góc của biểu tượng và thêm màu cho các góc của biểu tượng bằng cách sử dụng #363840 vì chúng sẽ hoạt động như các ốc vít nhỏ.

Bước 3

Bắt đầu làm việc trên hình nón twitter, bằng cách tạo ra một vòng tròn 14x14 px (#c1c3c9), nơi sẽ có một 10x10 px nhỏ hơn một (#686b75). Sau đó, tạo một bản sao sau vòng tròn thứ hai, cắt một nửa và biến nó thành bóng tối bằng cách thay đổi màu của nó thành màu đen (#000000) và giảm <60> độ đục xuống còn 18%.

Cuối cùng thêm một vòng tròn 4x4 px (#474a54) lên trên tất cả mọi thứ và nhóm các phần tử của twitter lại với nhau bằng cách sử dụng Control + G , định vị nó về phía trên cùng của biểu tượng.

Bước 4

Sử dụng một quá trình tương tự, tạo hình cone trung tâm lớn hơn của màn hình, và thêm một chỉ báo năng lượng nhỏ dẫn (#88bc73) về phía góc dưới bên phải của nó.

Bước 5

Hoàn tất biểu tượng bằng cách thêm nút điều khiển thu được về phía góc trên cùng bên trái của hình nón lớn hơn, một26x4 px mặt trước phải có cổng bass (#363840) ngay bên dưới và tất nhiên là <40> 40 px bóng tối.

Một khi bạn đã hoàn tất, chuyển sang lớp kế tiếp và cuối cùng, nơi chúng tôi sẽ thêm vào những điểm cuối cùng vào gói biểu tượng nhỏ của chúng tôi.

Thêm các chạm cuối cùng

Cho đến thời điểm này chúng ta đã thấy dễ dàng như thế nào để tạo ra các biểu tượng, sử dụng một số hình dạng đơn giản và một số kiên nhẫn.

Bây giờ là lúc để bổ sung những điểm cuối cùng cho dự án nhỏ của chúng tôi, nhưng trước khi chúng tôi làm điều đó, tôi muốn chỉ ra rằng các biểu tượng có thể được sử dụng có hoặc không có chúng, vì như bạn thấy, chúng trông khá đẹp như bây giờ .

Bước 1

Chúng tôi sẽ cần phải mở khóa tất cả các lớp có chứa các biểu tượng, và lấy một bản sao của hình dạng lớn nhất từ ​​mỗi một, mà chúng tôi sẽ sử dụng như là một gradient chồng chéo.

Một khi bạn đã sao chép tất cả các hình dạng cần thiết, khóa các lớp, và dán chúng vào một được gọi là "lớp phủ".

Với tất cả các bản sao được chọn, áp dụng một gradient tuyến tính cho chúng, sử dụng #00ffff cho màu bên trái, và #006837 cho một bên phải, đặt góc tới <-90 ° .

Bước 2

Thay đổi Chế độ hòa trộn của gradient thành Nhân , giảm Độ mờ đục xuống 40% .

Bước 3

Đặt lớp phủ cho cửa sổ bật lên bằng cách thêm đường chéo ( màu : trắng, Blending Mod e: lớp phủ, Độ mờ đục : 40%) và một lớp nhỏ hơn bóng chéo ( màu : màu đen, Độ mờ đục : 32%).

Bước 4

Hoàn tất các biểu tượng bằng cách thêm một cặp hai điểm nổi đa giác vào mỗi trong số đó. Sử dụng màu trắng (#FFFFFF) cho màu sắc và 40% cho Độ mờ .

Khi bạn đã hoàn tất, nhóm chi tiết lớp phủ cho mỗi biểu tượng cùng nhau bằng cách sử dụng phím tắt Control-G và bạn sẽ tốt hơn.

Đó là một Wrap!

Ở đó bạn có nó guys, một hướng dẫn tốt đẹp và tương đối ngắn về cách tạo ra biểu tượng nhỏ của riêng bạn với một hương vị DJ cho nó. Tôi hy vọng bạn đã quản lý để làm theo từng bước trình bày trong bài báo, và quan trọng hơn là học được cái gì mới trên đường đi.

Nếu bạn có bất kỳ câu hỏi nào, vui lòng liên hệ với họ trong khu vực nhận xét, và tôi sẽ liên lạc với bạn sớm nhất có thể.
Hãy đến với Phạm Khôi để in tag giá, in mạc giá, in tag giá thời trang