Học cách làm đồ handmade pixel art vẽ bằng photoshop

Hình minh họa pixel rất tuyệt vời để tạo biểu tượng máy tính, hình ảnh isometric và thậm chí toàn bộ cảnh. Chúng có thể được tạo nhanh chóng và dễ dàng bằng Photoshop với một vài chỉnh sửa nhanh cho các cài đặt trước.

Tuy nhiên, nhược điểm duy nhất là pixel art trông đẹp nhất với mọi pixel được đặt bằng tay thay vì sử dụng bộ lọc Photoshop. Đúng vậy, đặt bằng tay - tôi biết điều đó nghe có vẻ hơi điên rồ, đặc biệt là khi một số cảnh pixel chứa hàng nghìn pixel. Nhưng không có vị trí đặt tay, bạn có thể pixel art trông giống như một hình ảnh lo res xấu nên hãy cẩn thận!

Tôi nghĩ một nguyên tắc nhỏ trước khi bắt đầu là bạn phải có thể nhìn thấy rõ tác phẩm của mình dưới dạng một nhóm các viên đá hình vuông có màu sắc khác nhau, nhưng nếu sau đó bạn nheo mắt và nhòe mắt, bạn có thể thấy chúng dưới dạng hình ảnh nhận dạng. Hãy tưởng tượng làm một bức tranh khảm gạch, chỉ bạn không cần vữa.

Dưới đây là một tác phẩm nghệ thuật pixel đầy đủ, chúng tôi sẽ tạo ra một số phần cơ bản hơn trong tác phẩm này.

Phần mềm

OK, chúng ta hãy chuẩn bị để vẽ. Trong trường hợp bạn không có bản sao của Photoshop, có một số chương trình vẽ pixel chuyên dụng miễn phí có sẵn để tải xuống miễn phí:

• Pixels (Mac)
• Graphic Gale (Victory)
• Các ứng dụng khác có thể được tìm thấy ở đây.

Tôi đã thử với cả hai chương trình nhưng đã quay lại Photoshop vì tôi đã quen với các phím tắt.

Được rồi, hãy thiết lập một trang

1. Đầu tiên, mở các tùy chọn trong Photoshop và đặt nội suy hình ảnh thành Nearest Neighbor.
2. Tạo một trang mới có kích thước 300px x 300px ở 72 dpi.
3. Chọn công cụ Pencil ở 1 pixel. Công cụ bút chì và tẩy là những công cụ duy nhất bạn thực sự cần.
4. Đôi khi bạn có thể sử dụng Magic Wand để chọn một khu vực để lấp đầy, nhưng hãy đảm bảo rằng Anti-Alias ​​đã được tắt.

Nếu bạn đã sử dụng công cụ cọ vẽ với 9 pixel khổng lồ thay vì 1, thì quá trình khử răng cưa sẽ xảy ra, làm hỏng hiệu ứng pixel có cạnh cứng. Vì vậy, hãy bám vào 1 pixel. "Hãy tiếp tục gầy đi, hãy tiếp tục xấu xí" như mẹ tôi thường nói.

Khi bản vẽ pixel của bạn được hiển thị ở 100% (kích thước thực), Công cụ Pen rất nhỏ với chiều rộng 1 pixel, vì vậy có thể khó nhìn và khó chỉnh sửa. Một ý tưởng là phóng to lên 800% để bạn có thể thấy những gì mình đang làm. Tôi thường mở cửa sổ thứ hai trong Photoshop với cùng chế độ xem màn hình ở mức 200% để tôi có thể nhanh chóng xem bản vẽ của mình như thế nào ở gần và đồng thời từ xa hơn một chút.

Chúng tôi có thể lưu tài liệu làm việc của mình dưới dạng tệp PSD và sau đó xuất nó dưới dạng tệp GIF để sử dụng trên web. Sau đó, chúng tôi cũng có thể phóng to tệp và chuyển đổi nó thành TIF để in CMYK.

Bắt đầu vẽ nào

OK, chúng ta hãy thử vẽ một cái gì đó giống như cuốn sách mở này. Vẽ xung quanh cạnh bằng Công cụ Pen để tạo đường viền màu đen của bạn. Sau đó điền vào các màu phẳng của trang và đánh dấu.

Tạo ý tưởng về văn bản trên trang với một số dòng pixel đơn. Xem cách chúng tôi thêm một đường gấp khúc nhỏ vào dòng để tạo ấn tượng về một đường cong nhỏ trên trang.

Cuối cùng, thêm một số điểm đánh dấu ở giữa các trang và ở bên cạnh của dấu trang. Một điểm nhấn nhỏ là một điểm nhấn pixel duy nhất ở góc dưới cùng bên ngoài của mỗi trang, nó chỉ gợi ý về một đường viền trang chứ không phải là một khối liền mạch.

Khi bạn đã nắm vững những kiến ​​thức cơ bản về đường viền, màu sắc, điểm nổi bật và bóng đổ, bạn có thể thử tạo các hình dạng đơn giản khác.

Các đường pixel có góc

Các biểu tượng pixel như những biểu tượng ở trên có thể được thiết kế dưới dạng một chuỗi các đường chỉ 90º với nhau và có rất nhiều hình vuông và hình chữ nhật. Tuy nhiên, đôi khi bạn có thể cần một đường ở một góc.

Một điều cần lưu ý là các đường góc cạnh trông đẹp nhất khi chúng là một mẫu thông thường. Khi chúng không đều (như hình bên dưới), khi nhìn nhỏ chúng có thể bị vón cục và thô. Ví dụ thứ hai dưới đây là các góc đẳng áp mượt mà hơn nhiều trông tuyệt vời với nghệ thuật pixel, nhưng đó không phải là góc "Iso" 30º mà bạn đã sử dụng trong lớp vẽ kỹ thuật - nó thực sự gần hơn một chút với 26,5º. Thật không may, 30º cho một đường sần ở 100%. Nếu bạn vẽ một đường thẳng đều đặn đi 2 điểm ở trên và 1 điểm lên trên, bạn sẽ có được 26,5º.

Chúng ta có nên thử vẽ một cái gì đó khác hình học hơn một chút và sử dụng nhiều hơn các mẫu đường đó không?

Đường không đều trông có vẻ không bị vón cục là 100%.

Mô hình đường mịn ở các góc độ khác nhau.

Hãy vẽ một bản ghi pixel

Các đường dọc theo chiều dài rất dễ dàng, chúng ta biết làm thế nào để làm chúng bây giờ, nhưng còn những đầu tròn đó thì sao?

Hai mẫu này là các mẫu thông thường nhưng thay đổi từ các đường ngang rộng sang hình vuông và sau đó là các đường dọc. Trông nó rách rưới nhưng nếu bạn lia mắt thì có vẻ ổn!

Đường cong phía trên bên phải ở cuối thân cây cũng là mô hình đảo ngược của phần phía dưới bên trái. Tôi thường đếm các pixel hoặc ghi nhớ các kết hợp nhất định. Sự kết hợp pixel trên vòng tròn là…

• 3 hình vuông (ngang)
• 2
• 111
• 222 (bên dưới)
• 6
• 2
• Erste

Ban đầu có một chút khó khăn để hiểu rõ, giống như sử dụng các đường cong Bezier trong Illustrator, nhưng bạn sẽ sớm có được "cảm giác" với nó. Độ dài của khúc gỗ rất dễ dàng, chúng tôi chỉ cần sử dụng hệ thống 2 dọc 1 lên và làm cho khúc gỗ dài hay ngắn tùy ý.

Các vòng tròn đồng tâm nhỏ hơn ở cuối tạo ra một mô hình vòng tròn đẹp mắt và một số khu vực bóng mờ tối hơn ở dưới cùng của thân cây tạo cho nó một số chiều sâu. Đầu tiên chúng ta tạo cho thân cây một màu phẳng của cây thông, sau đó để tạo chiều sâu, chúng ta có thể tạo phối màu bằng cách đặt các pixel có màu tương phản ở hai bên đường ánh sáng cao / ánh sáng yếu của chúng ta.

Bạn có thể xây dựng các mẫu và làm cho chúng phức tạp hơn. Tuy nhiên, hãy cẩn thận - bạn càng thử càng thực tế và khéo léo, hình ảnh có thể xuất hiện càng mờ khi nó được tái tạo ở kích thước nhỏ.

Tôi đã thêm một vài pixel ngẫu nhiên nữa vào nhật ký số 3 vì tôi muốn nó có một cái nhìn thô và nổi bật hơn một chút so với con sóc.

Đối với khúc gỗ cuối cùng, tôi đã làm việc trong một khu vực có vỏ cây bị tước và một nhánh nhỏ. Tôi thấy tốt nhất là nên hoàn thành một khu vực hoặc phong cách trước và sau đó làm việc trên nó chi tiết hơn. Tôi không nghĩ rằng tôi có thể vẽ thân cây tước vỏ với một mô hình phối màu từ đầu - thay vào đó tôi chỉ tiếp tục thêm các lớp và lớp. Các giai đoạn đơn giản hoạt động tốt nhất!

Bản vẽ pixel bất thường

Hãy chuyển sang một thứ gì đó bất thường hơn, giống như một con sóc đậu trên khúc gỗ của chúng ta. Đối với những thứ phức tạp như thế này, tốt nhất bạn nên bắt đầu với bút chì và giấy.

Đầu tiên, tôi vẽ một hình vuông đẳng áp trên trang của mình để có được kích thước phù hợp. Vì chúng tôi đang sử dụng ví dụ này cho mục đích biên tập, tôi đã sử dụng một bức ảnh làm nguồn cảm hứng. Sau đó, tôi bắt đầu phác thảo. Tôi đặc biệt chú ý đến góc của cả hai tai và bàn chân vì tôi muốn chúng tuân theo các đường đẳng áp.

Như bạn có thể thấy, các chi tiết rất tối thiểu - trước tiên tôi chỉ muốn tính ra hình dạng cơ bản và các góc vuông. Chúng tôi thực hiện phần còn lại trong Photoshop.

Mang bản phác thảo vào, đặt một lớp mới và bật độ mờ để bạn có thể nhìn rõ các pixel bạn muốn tạo. Đó không phải là một quy tắc khó và nhanh, nhưng tôi thấy rằng nghệ thuật pixel trông đẹp nhất khi nó có đường viền màu đen.

Ở đây tôi đi xung quanh con sóc của tôi bằng công cụ bút và tạo đường viền màu đen. Một điều cần tránh là cụm lại, nơi các pixel phác thảo chạm vào nhiều hơn một phía. Nếu bạn vẽ thêm một hình vuông, chỉ cần xóa nó bằng tẩy của bạn (cũng được giữ ở chiều rộng 1px, xem hình tròn màu đỏ), nó sẽ trông gọn gàng hơn và khán giả của bạn sẽ cảm ơn bạn.

Nó trông vẫn còn một chút lộn xộn, nhưng nó sẽ thành hình! Các đường nét chính trong hình minh họa cũng giúp làm cho nó có một cái nhìn đậm nét. Chỉ cần đảm bảo rằng chúng có màu tối không phải màu đen để tạo thêm độ tương phản. Gọi tôi là người cấp tiến, nhưng tôi đã chọn màu nâu.

Khi hình dạng hoàn thành, hãy tô vùng bên trong với tông màu trung tính đẹp (nâu dịu) và có thể sử dụng màu sáng để tạo một số điểm nổi bật.

Quy tắc phác thảo màu đen không khó và nhanh chóng, tôi đã để lại một số đường đen chính dưới hàm trước và bàn chân vì nó trở nên khó khăn để nhìn thấy những gì đang xảy ra.

Fazit

Đặt, xóa và thao tác các pixel theo cách thủ công là lúc kỹ năng phát huy tác dụng. Một lần vào một thời điểm nào đó. Nhưng một khi bạn hiểu rõ, bạn có thể vẽ được khá nhiều thứ - tất cả những gì bạn cần là một chút kiên nhẫn. Tôi hy vọng điều này sẽ giúp ích và truyền cảm hứng cho bạn để tạo ra những tác phẩm tuyệt vời của riêng bạn!