Đồ họa vector trong photoshop. Công cụ vẽ vector trong Photoshop

Kết quả cuối cùng

Như bạn đã biết, hình minh họa vector hiện nay rất phổ biến trong đồ họa web. Các nhà thiết kế chuyên nghiệp có thể tạo ra những hình minh họa như vậy chỉ trong vài giờ. Nếu bạn là người mới bắt đầu hoặc là người nghiệp dư, những bài học về đồ họa web chắc chắn sẽ cực kỳ hữu ích cho bạn. Mục đích của hướng dẫn này là làm sáng tỏ quá trình tạo hình ảnh đã chọn. Tôi sẽ trình bày toàn bộ quá trình theo từng bước và giải thích tất cả các bước với sự trợ giúp từ nhận xét của tôi.


Để tạo ra một hình ảnh thực sự thú vị, bạn phải chọn đúng chương trình và tuân theo các quy tắc nhất định. Nếu bạn muốn vẽ một hình minh họa vector, bạn nên nhớ rằng các trình soạn thảo như Adobe Illustrator hoặc Tên một phần mềm đồ họa. Đồng thời, Photoshop có đủ kinh phí để phát triển minh họa vector. Tôi sẽ thể hiện rõ điều này trong bài học về cách chuyển hình vẽ thành vectơ. Tôi chọn hình phác họa một con mèo làm nền cho hình minh họa. Tôi quyết định vẽ một con mèo màu xanh với những bông hoa màu hồng trên bàn chân của nó.

Bước 1

Hãy bắt đầu bằng cách tạo nền. Hãy vẽ một hình bằng công cụ chọn () (ở chế độ Lớp hình dạng(Lớp hình dạng)). Cài đặt - (Tô độ mờ) = 0% . Bây giờ, hãy sử dụng lớp phủ chuyển màu: ( ( Kiểu lớp - Lớp phủ chuyển màu)) để tô màu cho hình đã tạo. Mọi cài đặt đều mặc định, bạn chỉ cần thay đổi góc (tôi sẽ chỉ độ) và gradient. Thêm vào Đột quỵ(Nét) ( ( Kiểu lớp - Nét)). Chúng tôi sử dụng tất cả các cài đặt mặc định, ngoại trừ chiều rộng trong 1 px và màu sắc.

Mọi người thường hỏi về cách tạo ảnh vector trong Photoshop. Như bạn đã biết, Photoshop là một chương trình xử lý đồ họa raster và không nhằm mục đích làm việc với vectơ. Trình chỉnh sửa đồ họa đặc biệt hoạt động với đồ họa vector. Nhưng nếu bạn thực sự cần nó nhưng không có thời gian để học một chương trình mới, thì với sự trợ giúp của một số thao tác, bạn có thể chuyển hình ảnh thành vectơ.

Hình ảnh raster và vector là gì và chúng khác nhau như thế nào?

Hình ảnh raster cũng là một lưới các pixel (dấu chấm). Bức ảnh kỹ thuật số quen thuộc với tất cả chúng ta chính xác là một bức ảnh raster. Một hình ảnh vector không bao gồm các pixel mà bao gồm các hình học nguyên thủy: đường thẳng, hình chữ nhật và các hình dạng khác.

Nếu bạn thu nhỏ và sau đó phóng to đáng kể một hình ảnh raster, chất lượng của nó sẽ bị ảnh hưởng không thể phục hồi được. Bởi vì mỗi pixel là một điểm có một màu nhất định và tất cả những điểm này cùng nhau tạo nên bức ảnh. Khi bạn thu nhỏ hình ảnh, các pixel thừa sẽ bị loại bỏ, do đó bạn không thể đưa nó trở lại hình dạng ban đầu.

Chia tỷ lệ hình ảnh vector cho phép bạn thay đổi kích thước mà không làm giảm chất lượng. Điều này có thể thực hiện được nhờ tính toán lại toán học về kích thước của các hình dạng hình học tạo nên hình ảnh.

Hình ảnh raster cho phép bạn truyền tải thông tin hình ảnh một cách đáng tin cậy; hình ảnh vector không có lợi thế này. Hình ảnh đồ họa vector có thể hữu ích cho việc hiển thị logo và bản vẽ đường nét. Bạn sẽ không nhận được vẻ đẹp nhiếp ảnh từ họ. Hoặc chúng sẽ là những hình ảnh rất phức tạp, bao gồm một số lượng lớn các nguyên thủy thực sự thay thế các pixel.

Một ví dụ đơn giản về cách chuyển đổi raster thành vector

Vì vậy, vectơ bao gồm các hình dạng hình học. Photoshop có các công cụ để tạo đường dẫn. Đường viền là một hình hình học. Để tạo ảnh vector trong Photoshop, bạn cần tạo đường viền cho ảnh. Các công cụ của nhóm sẽ giúp chúng ta việc này. “Lựa chọn”/Chọn: Công cụ Marquee hình chữ nhật, Công cụ chọn hình elip,** "Công cụ chiếc đũa thần" , **Công cụ lựa chọn nhanh“Bút”/Công cụ bút.

Để làm cho vectơ gọn gàng, bạn nên chọn hình ảnh raster có chất lượng cao nhất có thể, nếu không bạn sẽ cần phải vẽ các đường viền theo cách thủ công.

Mở hình ảnh raster trong Photoshop (định dạng hình ảnh raster phổ biến nhất là JPG). Logo, bản vẽ phác thảo và bản phác thảo rất dễ xử lý. Để có được một bản phác thảo vector của một bức chân dung, trước tiên bạn có thể chuyển đổi bức chân dung thành một bản phác thảo bằng cách sử dụng "Phòng trưng bày bộ lọc" hoặc sử dụng nghệ thuật đại chúng làm sẵn. Về cách làm việc với "Thư viện bộ lọc" và nhanh chóng tạo ra tác phẩm nghệ thuật đại chúng từ những bức ảnh mà chúng ta đã đề cập trong các bài viết trước. Đối với ví dụ này, chúng tôi sẽ chụp một bức chân dung nghệ thuật đại chúng làm sẵn. Chúng tôi đã cố tình chuẩn bị nó từ một bức ảnh có độ phân giải không tốt nhất. Vì vậy, phiên bản vector sẽ cho chúng ta thấy sự khác biệt rõ rệt.

Để làm việc với các đường viền, bạn cần gọi dấu trang "Đường viền"/Đường dẫn vào bảng lớp. Để thực hiện việc này, hãy vào menu "Cửa sổ" và đánh dấu vào ô "Đường viền"/Đường dẫn. Dấu trang sẽ xuất hiện trong bảng Layers.

Hình ảnh có 4 màu (không tính nền). Lấy công cụ "Công cụ chiếc đũa thần" và chọn màu đầu tiên. Để chọn tất cả các khu vực rải rác với các hòn đảo trên hình ảnh, hãy giữ Sự thay đổi.

Khi màu đầu tiên được chọn, hãy chọn công cụ "Lasso"/Lasso hoặc Công cụ Marquee hình chữ nhật và, không loại bỏ lựa chọn, hãy nhấp vào nút chuột phải. Trong menu ngữ cảnh chọn “Tạo đường đi làm việc”.

Trong hộp thoại, chỉ định độ mịn tối đa "Sức chịu đựng"(từ 1 đến 10; số càng thấp thì đường viền sẽ được lặp lại càng tốt). Nhấp chuột Được rồi.

Trên dấu trang "Mạch" phác thảo đầu tiên sẽ xuất hiện. Trong ảnh, nó sẽ được chú ý ở dạng đường cong có dấu chấm. Chúng có thể được căn chỉnh và điều chỉnh bằng công cụ “Chọn nút”/Công cụ chọn trực tiếp. Sử dụng công cụ này, chọn một điểm và điều chỉnh đường cong bằng cách di chuyển đường gân của điểm hoặc di chuyển chính cung đó.

Trên dấu trang "Mạch" thay đổi tên của đường viền. Để thực hiện việc này, hãy nhấp đúp vào nó và thay đổi tên trong hộp thoại.

Chúng tôi thực hiện tất cả các bước được mô tả với các màu còn lại. Kết quả là chúng ta có được bốn đường viền cho mỗi màu.

Sau khi nhận được các đường viền, tất cả những gì còn lại là tạo một vectơ. Đi tới dấu trang “Lớp”/Lớp trên bảng lớp, tạo một lớp mới Shift+Ctrl+N. Chúng tôi đặt màu chính cho màu mà chúng tôi vẽ đường viền đầu tiên.

Quay lại dấu trang "Mạch", chúng ta đứng ở mạch đầu tiên. Trong menu chính trong mục "Lớp" chọn “Màu tô mới”/Lớp tô màu mới - "Màu"/Màu đồng nhất. Trong cửa sổ mở ra, nhấp vào Được rồi.

Bây giờ, đi tới dấu trang "Lớp", bạn sẽ thấy lớp vectơ đầu tiên trên lớp mới.

Trong hộp thoại tiếp theo, như thường lệ, chỉ định tên tệp và đường dẫn.

Đó là tất cả. Phương pháp này khá đơn giản.

Nếu bạn thường xuyên làm việc với hình ảnh vector, có lẽ bài viết này sẽ truyền cảm hứng cho bạn khám phá những trình soạn thảo đồ họa mới. Trong mọi trường hợp, bạn đã học được một phương pháp hữu ích khác. Chúng tôi chúc bạn làm việc tốt.

Thậm chí nhiều hơn về Photoshop - trong các khóa học.

Ảnh bạn sẽ xử lý có nền trắng. Nếu bạn không có ảnh loại này, trước tiên hãy xóa nền bằng các tùy chọn của chương trình (tẩy hoặc ma thuật).

Sử dụng lựa chọn hình dạng, sau đó sao chép những gì bạn đã chọn để áp dụng cho một lớp mới. Đổi tên lớp này là "hình dạng". Tạo một lớp mới và đặt tên là "nền". Trong bảng điều khiển, di chuyển lớp sao cho vị trí của nó nằm bên dưới lớp “hình dạng”. Bằng cách hợp nhất hai lớp, chúng ta có được một lớp gọi là “Cơ sở”.

Sau đó, áp dụng công cụ Isohelium cho lớp “Main” để có được hình bóng của bố cục đen trắng. Tiếp theo, bạn cần áp dụng hiệu chỉnh Isohelium cho lớp “Base” để có được hình bóng đen trắng. Áp dụng (Hình ảnh – Điều chỉnh – Ngưỡng), dịch ra Hình ảnh – Hiệu chỉnh – Isohelium.

Tiếp theo, sử dụng bộ lọc Khuếch tán để làm phẳng các cạnh lởm chởm. (Bộ lọc – Cách điệu – Khuếch tán) Bộ lọc – Cách điệu – Khuếch tán. Bây giờ, để biến các cạnh của hình ảnh thành các đường viền rõ ràng hơn, hãy áp dụng (Hình ảnh – Điều chỉnh – ​​Mức độ) Hình ảnh – Hiệu chỉnh – Cấp độ, đưa các thanh trượt bên phải và bên trái đến gần hơn . Để điều chỉnh hình ảnh bình thường, hãy phóng to lên 300%.

Áp dụng kỹ thuật này cho lớp có tên "Base_1". Để thực hiện việc này, hãy sử dụng (Hình ảnh – Điều chỉnh – Ngưỡng) Hình ảnh – Hiệu chỉnh – Isohelium.

Lặp lại các bước từ bước 4 cho “Cơ sở _1”. Tạo một lớp mới và tô nó bằng màu đen, sau đó đặt nó bên dưới lớp "Base". Thay đổi chế độ hòa trộn cho lớp “Base_1” thành “Sự khác biệt” sau.
Hóa ra đó không phải là một lựa chọn đầy đủ, nhưng nó có thể thực hiện được. Sử dụng lớp “Base” làm lớp hoạt động, thêm mặt nạ lớp. Sử dụng một cục tẩy để loại bỏ những vùng không mong muốn trên khuôn mặt của cô gái.

Đặt lớp “Base_2” hiển thị. Áp dụng Isogelia sao cho mắt. Tiếp theo, bạn cần lặp lại bước 4. Áp dụng “Lasso” và chọn vùng mắt để biến nó thành mặt nạ lớp.
Tiếp theo, hình vẽ sẽ được chuyển sang dạng vector. Để làm điều này, bạn cần tạo từ hình ảnh kết quả

Chọn toàn bộ vùng màu đen bằng Magic Wand. Tiếp theo, xem qua hình ảnh RMB và chọn “Tạo đường dẫn công việc” trong menu mở ra.
Tiếp theo, sử dụng (Chỉnh sửa - Xác định Hình dạng Tùy chỉnh) Chỉnh sửa - Hình dạng Tùy chỉnh. Đặt tên cho hình dạng và lưu nó.

Nguồn:

  • cách tạo một bản vẽ vector từ

Mặt nạ vector trong Adobe Photoshop có thể được sử dụng trong các trường hợp khác nhau. Trong trường hợp này, chúng ta sẽ xem cách sử dụng nó để áp dụng hiệu chỉnh màu cho một vùng riêng biệt của hình ảnh.

Bạn sẽ cần

  • - Adobe Photoshop CS5

Hướng dẫn

Khởi chạy Adobe Photoshop và tạo một tài liệu mới. Để thực hiện việc này, hãy nhấp vào mục menu “Tệp” > “Mới” hoặc nhấn phím nóng Ctrl+N. Trong cái mới, hãy đặt chiều rộng và chiều cao, ví dụ: 500 mỗi chiều, trong trường “Nội dung nền” (Điều chỉnh), đặt “Trong suốt” và nhấp vào OK.

Nhấp vào mục menu “Lớp” (Lớp)> “Điền lớp mới” (Điền mẫu mới)> “Mẫu” (Mẫu) và trong cửa sổ tiếp theo, nhấp ngay vào OK. Bảng “Tô mẫu” sẽ mở ra. Ở phía bên trái có một nút mở menu thả xuống để bạn có thể chọn mẫu mong muốn. Bằng cách sử dụng cài đặt “Tỷ lệ”, mẫu có thể được phóng to hoặc thu nhỏ. Sau khi thiết lập các thông số cần thiết, nhấn OK. Nền của tài liệu sẽ lấy đường viền của mẫu đã chọn và các mặt nạ vector sau này sẽ được áp dụng cho mẫu đó. Sử dụng công cụ Move, bạn có thể di chuyển mẫu này.

Chọn “Công cụ hình chữ nhật”, nhấp vào mục “Đường viền” trong bảng cài đặt và sử dụng nó để tạo một khung nhỏ ở bất kỳ phần nào của khu vực làm việc. Nhấp vào mục menu “Lớp” (Lớp)> “Lớp điều chỉnh mới” (Lớp điều chỉnh mới)> “Hue / Saturation” (Hue / Saturation) và nhấp ngay vào OK trong cửa sổ mới. Một cửa sổ mới sẽ mở trong đó bạn có thể thay đổi các thông số “Hue”, “Saturation” và “Lightness” bằng cách xoay các thanh trượt tương ứng. Xin lưu ý rằng những thay đổi chỉ xảy ra với khu vực đã chọn, tức là. với khung được tạo bằng công cụ Rectangle. Trên thực tế, hình chữ nhật có thể áp dụng nhiều hiệu ứng khác nhau là mặt nạ vector.

Nguồn:

  • Công cụ hình chữ nhật

Bản vẽ vector ngày càng được sử dụng nhiều trong các công cụ in ấn khác nhau để tạo ra những thiết kế đẹp mắt từ gỗ, nhựa, kim loại, giấy và các vật liệu khác. Hôm nay, chúng ta sẽ tìm hiểu cách bạn có thể tạo một bản vẽ vector bằng tay của chính mình bằng Photoshop. Chỉ mất rất ít thời gian, chúng ta sẽ có được một bản vẽ vector chất lượng cao và có thể sử dụng nó trong tương lai mà không gặp vấn đề gì.

Làm thế nào để chuyển đổi một bản vẽ thành vector?

Trước hết, cần lưu ý rằng chỉ những bản vẽ được mô tả trên nền trắng mới có thể được chuyển đổi sang định dạng vector. Nếu nền không phải màu trắng thì trước tiên bạn cần xóa mọi thứ không cần thiết và xóa nền.

1. Sử dụng các công cụ lựa chọn, chúng tôi chỉ chọn phần tử mà chúng tôi muốn chuyển đổi thành bản vẽ vector và sao chép nó sang một lớp mới gọi là “hình dạng”. Sau đó tạo một lớp khác và tô nó hoàn toàn bằng màu trắng; lớp này có thể được gọi là “nền”. Bây giờ, di chuyển lớp “nền” bên dưới lớp “hình dạng” và hợp nhất chúng. Chúng tôi gọi hình ảnh thu được là “Cơ sở”. Sao chép lớp “Base” hai lần và đặt tên chúng là “Base_1” và “Base_2”. Chúng tôi tắt khả năng hiển thị của họ.

2. Hãy bắt đầu các thao tác của chúng ta để chuyển đổi bản vẽ sang định dạng vector. Trước hết, áp dụng hiệu chỉnh “Isohelium” cho lớp “Base” để có được bản vẽ ở định dạng đen trắng. Lần chỉnh sửa đầu tiên không phải lúc nào cũng tạo ra hình ảnh chúng ta cần, vì vậy chúng ta có thể tạo một số bản sao của các lớp và thực hiện các chỉnh sửa với các giá trị khác nhau cho đến khi đạt được thứ mình cần.

Như vậy chúng ta đã có được hiệu quả bình thường nhất.

3. Tiếp theo, chúng ta áp dụng bộ lọc Khuếch tán cho hình ảnh thu được để loại bỏ các cạnh lởm chởm. Đường dẫn kích hoạt bộ lọc: “Filter - Stylize - Diffusion” (Filter-Stylize-Difuse). Trong cửa sổ mở ra, chọn “Bất đẳng hướng”.

4. Bước tiếp theo là làm mịn các cạnh để chúng trở nên sắc nét hơn, để thực hiện việc này, hãy nhấp vào “Hình ảnh - Chỉnh sửa - Cấp độ” (Image-Adjustment-Levels). Trong cửa sổ đang mở, di chuyển thanh trượt bên trái và bên phải đến gần trung tâm hơn. Để xem kết quả chỉnh sửa, tốt nhất bạn nên phóng to bản vẽ lên 300% trước khi mở các cấp độ.

5. Chúng ta lặp lại điểm 3 và 4 theo thứ tự tương tự.

6. Tắt khả năng hiển thị của lớp chính của chúng tôi và bật lớp “Base_1”. Thực hiện hành động “Hình ảnh - Hiệu chỉnh - Isohelium” (Điều chỉnh hình ảnh-Ngưỡng). Đặt tham số ở mức 138.

7. Chúng tôi thực hiện các hoạt động được chỉ định trong đoạn 3,4 và 5 với lớp này.

8. Tạo một lớp mới và tô nó với màu đen. Hãy gọi nó là "Nền". Đặt nó bên dưới lớp “Base”. Trong lớp “Base_1”, thay đổi chế độ thành “Sự khác biệt”.

Đây là những gì chúng tôi nhận được:

9. Hình ảnh có vẻ hơi đáng sợ nhưng chúng tôi sẽ khắc phục điều đó ngay bây giờ. Làm cho lớp “Base” hoạt động và thêm mặt nạ lớp. Sau đó, sử dụng cục tẩy, chúng ta có thể loại bỏ những vùng thừa trên khuôn mặt và cơ thể của cô gái.

10. Bây giờ chúng ta đã có một bản vẽ, bây giờ chúng ta cần chuyển nó sang dạng vector. Chúng tôi sử dụng “Magic Wand”, chọn toàn bộ vùng màu đen của hình ảnh và trên hình ảnh, nhấn nút chuột phải, trong menu mở ra, chọn “Tạo đường dẫn công việc”. Đặt giá trị thành 1.0.

Để bắt đầu, chúng ta sẽ xem xét hai khái niệm cơ bản trong Photoshop, chẳng hạn như rasterĐồ họa vector.
Trên máy tính, tất cả hình ảnh và thông tin đều được trình bày dưới dạng kỹ thuật số. Đây là điều mang lại cho chúng tôi cơ hội xem, lưu trữ và xử lý hình ảnh trong các trình chỉnh sửa đồ họa khác nhau, chẳng hạn như Photoshop.

Một hình ảnh trong Photoshop được tạo thành từ điểm ảnh là các yếu tố đồ họa hình vuông.

Chúng ta hãy xem xét kỹ hơn các pixel. Mở với Photoshop một số hình ảnh: bấm vào MỞ TẬP TIN, chẳng hạn như chọn một bức ảnh bạn thích trên máy tính và phóng to. Để rõ ràng, tôi đã chụp một bức ảnh mô tả một con ngựa vằn và phóng to tỷ lệ của nó. Chúng ta thấy gì? Chúng tôi thấy nhiều hình vuông nhiều màu - đây là điểm ảnh. Bạn hỏi những con số ở đâu?! Rất đơn giản - màu sắc của mỗi điểm ảnhđược mã hóa giá trị số. Nghĩa là, một mô tả kỹ thuật số điểm ảnh là mô tả về màu sắc của nó.
Chọn trong Photoshop từ thanh công cụ nằm ở bên trái của chúng tôi, công cụ pipet. Chúng tôi nhấp vào pixel nhẹ nhất (trong ảnh có hình tròn màu đỏ) - màu của nó sẽ được hiển thị trong bảng màu của chúng tôi.
Bạn có nghĩ nó có màu trắng không? màu pixel? Hãy kiểm tra. Nhấp vào màu “trắng” trong bảng màu. Cửa sổ sau sẽ mở ra:

Màu trắng của chúng tôi nằm ở góc trên bên trái và có giá trị số ffffff. Chúng ta thấy gì?! Mũi tên màu xanh lá cây trong hình cho thấy màu sắc của chúng ta điểm ảnh(nó không chuyển sang màu trắng một chút) và mũi tên màu đỏ hiển thị điều đó giá trị số. Theo cách tương tự, bạn có thể cố gắng xác định Photoshop màu của ô tối nhất (pixel), xuất hiện với chúng ta dưới dạng màu đen (trong hình, nó nằm trong vòng tròn màu vàng). Cô ấy cũng sẽ không có giá trị pixel đen kỹ thuật số, bằng nhau 000000 .
Vậy đo la cai gi hình ảnh raster? Đây là những hình ảnh được trình bày bởi điểm ảnh.

Sự khác biệt giữa đồ họa vector và đồ họa raster là gì?

TRONG đồ họa vector hình ảnh không được mô tả điểm ảnh, mà theo dòng, số, tức là vectơ. Trong trình chỉnh sửa vector, thật thuận tiện khi vẽ những bức ảnh không có sự chuyển đổi màu sắc mượt mà - logo, bảng, sơ đồ.

Một sự khác biệt khác đồ họa vector từ raster- điều này là do vectơ có khả năng chia tỷ lệ tốt.
Ví dụ: nếu chúng ta phóng to một hình ảnh raster (chúng ta đã thảo luận vấn đề này ở trên trong hình với một con ngựa vằn), thì hình ảnh sẽ trông có hạt, tức là. chúng ta sẽ thấy nhiều hình vuông ( điểm ảnh).
Một hình ảnh trong Photoshop bao gồm điểm ảnh. Nhưng khi phóng to hình vuông vector, hình ảnh sẽ không bị nhòe, tức là. sẽ không có vẻ sần sùi. Ví dụ, chúng tôi đã vẽ một hình vuông. Bằng cách kéo bất kỳ góc nào của nó, chúng ta sẽ kéo dài hình vuông (tăng kích thước), nhưng đồng thời hình ảnh của chúng ta sẽ vẫn rõ ràng, không giống như hình ảnh raster.