Learn how to produce eye-catching c

Learn how to produce eye-catching creative portraits using geometric shapes and Photoshop’s colour adjustments

Photoshop Tutorial: Master Polygons Part 1


Download some of the tutorial files here

Thanks go out to Ryan Barber for this tutorial. See more of his work at http://www.behance.net/rbarber



Step 1
Photoshop Tutorial: Master Polygons Part 1
The first phase involves tracing a series of triangles on top of a photograph, in Adobe Illustrator. Create a new file at 6.66 inches x 10 inches. Select File>Place and find a start image to work from. In this case we have used a Dreamstime model (#18986388). Once the file has been placed into Illustrator, lock the image.

Step 2
Photoshop Tutorial: Master Polygons Part 1
You can lock the image in one of two ways. Either lock the layer in the Layers palette or highlight the image and then press Cmd/Ctrl+2. All your work will be laid directly on top of this image. Once you are done with the illustration, you won’t need the base image any longer.

Step 3
Photoshop Tutorial: Master Polygons Part 1
Now that your image is locked you are ready to apply the Pen tool, so activate this now. Make the Fill colour transparent and set the Stroke colour to something that will be easily visible when laid on top of the image. In this case, a bright magenta will suffice.

Step 4
Photoshop Tutorial: Master Polygons Part 1
The next step is to set up the weight of our Pen tool’s stroke. We don’t need this to be too thick as, essentially, our marks will only work as a guide. In the Stroke palette, set a thickness of 0.02 inches – this will keep the illustration thin enough for us to still be able to see most of the photograph underneath. If your view of the photograph’s details is obstructed then it will be more difficult to map the grid.

Step 5
Photoshop Tutorial: Master Polygons Part 1
It is now time to start mapping out a series of adjacent triangles on top of the base photo. No other shapes should be used here, and each triangle should roughly cover one solid area of colour. Try squinting when you’re looking at the start image – this will help you to separate out the different areas of colour more easily. Draw the first triangle by clicking somewhere at the top of the model’s hair, and then completing a triangle that roughly covers that section of hair.

Step 6
Photoshop Tutorial: Master Polygons Part 1
Select the first triangle and then copy it by pressing Cmd/Ctrl+C. Paste it on top of itself by pressing Cmd/Ctrl+F. We want this new triangle to become adjacent to the first triangle. In other words, it will share only one side with the first triangle. It’s important to generate new triangles by copying them directly from the ones that have been created before; if we don’t use the copy/paste method, our grid will have holes and cracks in between the shapes.

Step 7
Photoshop Tutorial: Master Polygons Part 1
Activate the Direct Selection tool by pressing the A key. Our selection tool’s cursor will change in colour from black to white. Click on the top triangle’s uppermost anchor point. Drag that anchor point down and slightly to the right, as you can see in our example. The second triangle will now only share one common side with the first triangle. We’ll keep on repeating this process of copying, pasting and dragging one anchor point at a time until the photograph is covered with triangles.

Step 8
Photoshop Tutorial: Master Polygons Part 1
Copy the second triangle by pressing Cmd/Ctrl+C. Paste it on top of itself, as you did before, by pressing Cmd/Ctrl+F. Apply the Direct Selection tool to this third triangle’s top anchor point and then drag it down as shown. Remember to keep an eye out for the edges and colour changes as you work, since accuracy at the drawing stage will really pay off. The third triangle should now only share one side with the second triangle. We’re now starting to get the hang of this sort of application.

Step 9
Photoshop Tutorial: Master Polygons Part 1
Most triangles will share one common side with another triangle, but some triangles will only share a portion of another triangle’s side. In this step, we’ll use the Add and Subtract Anchor Point tools to make precise edits to the length of one of our triangle’s sides. This will provide much more flexibility in how we lay our grid out.

Step 10
Photoshop Tutorial: Master Polygons Part 1
It’s really easy to just make all the triangles the same size because it speeds up the process. However, resist the temptation to rush through the drawing stage. Really focus on varying the sizes and shapes of the triangles. The more we vary the locations of our shapes, the more unique our illustration becomes. The reference images in the screenshot, for example, show two circular shapes; one is much more interesting than the other. This is just a general guide on how to approach mapping the grid.

Step 11
Photoshop Tutorial: Master Polygons Part 1
You’ve got your grid ready – now it’s time for the polygons. First, grab the Eyedropper tool and sample a dark skin tone from underneath the triangle we plan to colour first (shown in the next screenshot). Add that colour to the Swatches palette and the New Swatch window will then appear. If you’re planning to print an illustration then set this to CMYK mode. If you’re using an illustration online then set this to RGB mode instead. Apply the Direct Selection to the triangle and click on the new swatch.

Step 12
Photoshop Tutorial: Master Polygons Part 1
Press I to activate the Eyedropper. Click anywhere to sample a respective colour. In the reference image, the red triangle has a light tan colour and fades to a darker brown colour. Sample the tan area to update the Fill colour in the Toolbar. Drag that Fill colour to the Swatches palette, then repeat for the darker brown colour. Drag both swatches into your Gradient palette, delete the default black and white swatches, then adjust the gradient slider so the tan and brown colours are at opposite ends of the slider.

To be continued…

Kết quả (Việt) 1:

tìm hiểu làm thế nào để sản xuất chân dung sáng tạo bắt mắt bằng cách sử dụng hình dạng hình học và điều chỉnh màu sắc của photoshop

photoshop hướng dẫn: đa giác tổng thể phần 1


tải về một số các tập tin hướng dẫn ở đây

nhờ đi ra ngoài để ryan thợ cắt tóc cho hướng dẫn này. xem chi tiết của công việc của mình tại http://www.behance.net/rbarber




bước 1 photoshop hướng dẫn: đa giác tổng thể phần 1
giai đoạn đầu tiên liên quan đến việc truy tìm một loạt các hình tam giác trên đầu trang của một bức ảnh, trong Adobe Illustrator. tạo ra một tập tin mới tại 6.66 inch x 10 inch. chọn tập tin> nơi và tìm thấy một hình ảnh bắt đầu làm việc từ. trong trường hợp này chúng tôi đã sử dụng một mô hình Dreamstime (# 18.986.388). một khi tập tin đã được đặt vào vẽ tranh minh họa, khóa hình ảnh

bước 2
photoshop hướng dẫn:. đa giác tổng thể phần 1
bạn có thể khóa các hình ảnh trong một trong hai cách. hoặc khóa các lớp trong bảng layer hoặc làm nổi bật hình ảnh và sau đó nhấn cmd / Ctrl 2. tất cả các công việc của bạn sẽ được đặt trực tiếp trên đầu trang của hình ảnh này. một khi bạn đang thực hiện với hình minh họa, bạn sẽ không cần hình ảnh cơ sở nữa


3 bước hướng dẫn photoshop:. đa giác tổng thể phần 1
bây giờ mà hình ảnh của bạn bị khóa bạn đã sẵn sàng để áp dụng công cụ Pen,để kích hoạt này ngay bây giờ. thực hiện đầy màu sắc trong suốt và thiết lập màu sắc đột quỵ để cái gì đó sẽ dễ dàng nhìn thấy khi đặt trên đầu trang của hình ảnh. trong trường hợp này, một màu đỏ tươi sáng sẽ đủ

bước 4
photoshop hướng dẫn:. đa giác tổng thể phần 1
bước tiếp theo là thiết lập trọng lượng của đột quỵ công cụ bút của chúng tôi. chúng tôi không cần điều này là quá dày như, về cơ bản,nhãn hiệu của chúng tôi sẽ chỉ làm việc như một hướng dẫn. trong bảng đột quỵ, thiết lập một độ dày 0,02 inch - điều này sẽ giữ cho hình minh họa đủ mỏng để chúng ta vẫn có thể thấy hầu hết các bức ảnh bên dưới. nếu điểm của bạn về các chi tiết của bức ảnh bị che khuất sau đó nó sẽ khó khăn hơn để lập bản đồ lưới

bước 5
photoshop hướng dẫn:. đa giác tổng thể phần 1
nó bây giờ là thời gian để bắt đầu vạch ra một loạt các tam giác liền kề trên đầu trang của hình ảnh cơ bản. không có hình dạng khác nên được sử dụng ở đây, và mỗi tam giác gần nên bao gồm một khu vực vững chắc của màu sắc. cố gắng nheo mắt khi bạn đang nhìn vào hình ảnh bắt đầu - điều này sẽ giúp bạn tách ra các khu vực khác nhau của màu sắc dễ dàng hơn.vẽ hình tam giác đầu tiên bằng cách nhấn vào một nơi nào đó ở đầu tóc của mô hình, và sau đó hoàn thành một hình tam giác có khoảng bao gồm mà phần tóc

bước 6
photoshop hướng dẫn:. đa giác tổng thể phần 1
chọn tam giác đầu tiên và sau đó sao chép nó bằng nhấn cmd / Ctrl c. dán trên đầu trang của bản thân bằng cách nhấn cmd / Ctrl f. chúng tôi muốn tam giác mới này để trở thành tiếp giáp với tam giác đầu tiên.nói cách khác, nó sẽ chia sẻ chỉ có một bên với tam giác đầu tiên. điều quan trọng để tạo ra hình tam giác mới bằng cách sao chép chúng trực tiếp từ những người đã được tạo ra trước, nếu chúng ta không sử dụng phương pháp sao chép / dán, lưới của chúng tôi sẽ có lỗ hổng và các vết nứt ở giữa hình dạng

bước 7
photoshop hướng dẫn. : đa giác tổng thể phần 1
kích hoạt công cụ lựa chọn trực tiếp bằng cách nhấn một phím.con trỏ công cụ lựa chọn của chúng tôi sẽ thay đổi màu sắc từ màu đen sang màu trắng. nhấp chuột vào điểm neo trên cùng tam giác trên đỉnh của. kéo mà điểm neo xuống và hơi bên phải, bạn có thể thấy trong ví dụ của chúng tôi. tam giác thứ hai sẽ bây giờ chỉ chia sẻ một bên chung với tam giác đầu tiên. chúng tôi sẽ tiếp tục lặp đi lặp lại quá trình này sao chép,. dán và kéo một điểm neo tại một thời gian cho đến khi các bức ảnh được bao phủ với hình tam giác

bước 8
photoshop hướng dẫn: đa giác tổng thể phần 1
sao chép các hình tam giác thứ hai bằng cách nhấn cmd / Ctrl c. dán trên đầu trang của chính nó, như bạn đã làm trước đây, bằng cách nhấn cmd / Ctrl f. áp dụng các công cụ lựa chọn trực tiếp đến điểm neo trên tam giác thứ ba này và sau đó kéo nó xuống như hình vẽ.nhớ để giữ một mắt ra cho các cạnh và thay đổi màu sắc khi bạn làm việc, kể từ khi chính xác ở giai đoạn vẽ thực sự sẽ trả hết. tam giác thứ ba nên bây giờ chỉ chia sẻ một bên với tam giác thứ hai. bây giờ chúng tôi đang bắt đầu nhận được hang của ứng dụng loại này


9 bước hướng dẫn photoshop:. đa giác tổng thể phần 1
nhất tam giác sẽ chia sẻ một bên chung với tam giác khác,nhưng một số hình tam giác sẽ chỉ chia sẻ một phần bên của tam giác khác. trong bước này, chúng tôi sẽ sử dụng tiện ích và trừ điểm neo công cụ để thực hiện chỉnh sửa chính xác độ dài của một trong hai bên tam giác của chúng tôi. điều này sẽ cung cấp sự linh hoạt nhiều hơn trong cách chúng ta đặt lưới của chúng tôi ra

10
bước photoshop hướng dẫn:. đa giác tổng thể phần 1
nó thực sự dễ dàng chỉ cần làm cho tất cả các tam giác có cùng kích thước bởi vì nó tăng tốc độ quá trình này. Tuy nhiên, chống lại sự cám dỗ để vội vàng thông qua các giai đoạn vẽ. thực sự tập trung vào việc thay đổi kích thước và hình dạng của các hình tam giác. chúng ta càng thay đổi vị trí của các hình dạng của chúng tôi, độc đáo hơn hình minh họa của chúng tôi trở thành. những hình ảnh tham chiếu trong ảnh chụp màn hình, ví dụ, cho thấy hai hình tròn;là một trong những thú vị hơn nhiều so với khác. đây chỉ là một hướng dẫn chung về cách tiếp cận lập bản đồ lưới


11 bước hướng dẫn photoshop: đa giác tổng thể phần 1
bạn đã có mạng lưới của bạn đã sẵn sàng - bây giờ là thời gian cho các đa giác.. đầu tiên, lấy công cụ Eyedropper và lấy mẫu một màu da đen từ bên dưới tam giác chúng tôi dự định màu đầu tiên (thể hiện trong hình sau).thêm màu sắc vào bảng swatches và sau đó cửa sổ mẫu màu mới sẽ xuất hiện. nếu bạn đang lập kế hoạch để in một hình minh họa sau đó thiết lập này sang chế độ CMYK. nếu bạn đang sử dụng một minh họa trực tuyến sau đó thiết lập này để chế độ RGB thay thế. áp dụng các lựa chọn trực tiếp để tam giác và chọn màu mới


12 bước hướng dẫn photoshop:. đa giác tổng thể phần 1
i báo chí để kích hoạt công cụ Eyedropper.nhấp vào bất cứ nơi nào để lấy mẫu một màu tương ứng. trong hình ảnh tham khảo, hình tam giác màu đỏ có màu nâu ánh sáng và mất dần thành một màu nâu sẫm. mẫu khu vực tan để cập nhật đầy màu sắc trên thanh công cụ. kéo có đầy màu sắc vào bảng swatches, sau đó lặp lại cho màu nâu sẫm. kéo cả hai ô màu vào bảng gradient của bạn, xóa các mặc định đen và trắng swatches,sau đó điều chỉnh thanh trượt dốc nên các màu sắc nâu và nâu là ở hai đầu của thanh trượt.

được tiếp tục ...

Kết quả (Việt) 2:

Tìm hiểu làm thế nào để sản xuất chân dung sáng tạo bắt mắt bằng cách sử dụng hình dạng hình học và điều chỉnh màu sắc của Photoshop

Photoshop hướng dẫn: Thạc sĩ đa giác phần 1


tải về một số các tập tin hướng dẫn ở đây

nhờ đi ra ngoài để Ryan Barber cho hướng dẫn này. Xem chi tiết của công việc của mình tại http://www.behance.net/rbarber



bước 1
Photoshop hướng dẫn: Thạc sĩ đa giác phần 1
Giai đoạn đầu liên quan đến việc truy tìm một loạt các hình tam giác trên đầu trang của một bức ảnh, trong Adobe Illustrator. Tạo ra một tập tin mới tại 6,66 inch x 10 inch. Chọn tập tin > nơi và tìm một hình ảnh bắt đầu để làm việc từ. Trong trường hợp này, chúng tôi đã sử dụng một mô hình Dreamstime (#18986388). Một khi các tập tin đã được đặt vào minh hoạ, khóa hình ảnh.

bước 2
Photoshop hướng dẫn: Thạc sĩ đa giác phần 1
Bạn có thể khóa hình ảnh trong một trong hai cách. Hoặc khóa các lớp trong bảng màu lớp hoặc làm nổi bật các hình ảnh và sau đó nhấn Cmd/Ctrl 2. Tất cả các công việc của bạn sẽ được đặt trực tiếp trên đầu trang của hình ảnh này. Một khi bạn đang thực hiện với các minh hoạ, bạn sẽ không cần ảnh cơ sở nữa.

bước 3
Photoshop hướng dẫn: Thạc sĩ đa giác phần 1
bây giờ rằng hình ảnh của bạn bị khóa bạn đã sẵn sàng để áp dụng công cụ Bút, để kích hoạt này bây giờ. Làm cho màu sắc điền trong suốt và thiết lập màu sắc nét để một cái gì đó mà sẽ dễ dàng nhìn thấy được khi đặt trên đầu trang của hình ảnh. Trong trường hợp này, một màu đỏ tươi sáng sẽ đủ.

bước 4
Photoshop hướng dẫn: Thạc sĩ đa giác phần 1
bước tiếp theo là để thiết lập trọng lượng của chúng tôi công cụ Bút đột quỵ. Chúng tôi không cần điều này là quá dày như, về cơ bản, nhãn hiệu của chúng tôi sẽ chỉ làm việc như một hướng dẫn. Trong bảng màu đột quỵ, thiết lập một dày 0,02 inch-điều này sẽ giữ cho các minh hoạ mỏng, đủ để chúng tôi vẫn có thể xem hầu hết bức ảnh bên dưới. Nếu bạn xem thông tin chi tiết của bức ảnh tắc nghẽn, sau đó nó sẽ khó khăn hơn để ánh xạ mạng lưới.

bước 5
Photoshop hướng dẫn: Thạc sĩ đa giác phần 1
Nó bây giờ là thời gian để bắt đầu lập bản đồ hiện một loạt các hình tam giác cạnh trên đầu trang của hình ảnh cơ sở. Không có hình dạng khác nên được sử dụng ở đây, và mỗi hình tam giác khoảng nên bao gồm một khu vực rắn màu sắc. Cố gắng squinting khi bạn đang tìm tại hình ảnh bắt đầu-điều này sẽ giúp bạn để tách ra khỏi các khu vực khác nhau của màu sắc dễ dàng hơn. Vẽ tam giác đầu tiên bằng cách nhấn vào một nơi nào đó ở phía trên của mô hình tóc, và sau đó hoàn thành một hình tam giác khoảng nằm trên một phần của tóc.

bước 6
Photoshop hướng dẫn: Thạc sĩ đa giác phần 1
chọn tam giác đầu tiên và sau đó sao chép nó bằng cách nhấn Cmd/Ctrl C. dán nó trên đầu trang của chính nó bằng cách nhấn Cmd/Ctrl F. Chúng tôi muốn này tam giác mới để trở thành tiếp giáp với khu vực tam giác đầu tiên. Nói cách khác, nó sẽ chia sẻ chỉ có một bên với tam giác đầu tiên. Nó là quan trọng để tạo ra hình tam giác mới bằng cách sao chép chúng trực tiếp từ những người đã được tạo ra trước; Nếu chúng tôi không sử dụng phương pháp sao chép/dán, lưới của chúng tôi sẽ có lỗ và các vết nứt ở giữa hình dạng.

Bước 7
Photoshop hướng dẫn: Thạc sĩ đa giác phần 1
kích hoạt công cụ lựa chọn trực tiếp bằng cách nhấn phím A. Chúng tôi công cụ lựa chọn con trỏ sẽ thay đổi màu từ màu đen trắng. Nhấp vào tam giác hàng đầu trên cùng nhất neo điểm. Kéo điểm neo đó xuống và một chút ở bên phải, như bạn có thể thấy trong ví dụ của chúng tôi. Tam giác thứ hai sẽ bây giờ chỉ chia sẻ một phổ biến bên với tam giác đầu tiên. Chúng tôi sẽ giữ trên lặp lại quá trình sao chép, dán và kéo một neo điểm tại một thời gian cho đến khi các bức ảnh được bao phủ với hình tam giác.

bước 8
Photoshop hướng dẫn: Thạc sĩ đa giác phần 1
sao Tam giác thứ hai bằng cách nhấn Cmd/Ctrl C. dán nó trên đầu trang của chính nó, như bạn đã làm trước đó, bằng cách nhấn Cmd/Ctrl F. áp dụng các công cụ trực tiếp lựa chọn này tam giác thứ ba đầu trang neo điểm và sau đó kéo nó xuống như được hiển thị. Hãy nhớ để giữ một mắt ra cho các cạnh và màu sắc thay đổi khi bạn làm việc, kể từ khi chính xác ở giai đoạn vẽ thực sự sẽ trả hết. Tam giác thứ ba nên bây giờ chỉ chia sẻ một bên với tam giác thứ hai. Bây giờ chúng tôi đang bắt đầu để có được treo này loại ứng dụng.

bước 9
Photoshop hướng dẫn: Thạc sĩ đa giác phần 1
hình tam giác hầu hết sẽ chia sẻ một phổ biến bên với một tam giác, nhưng một số hình tam giác sẽ chỉ chia sẻ một phần của một tam giác bên. Trong bước này, chúng tôi sẽ sử dụng công cụ Thêm và điểm neo Subtract để thực hiện chỉnh sửa chính xác cho chiều dài của một trong tam giác của chúng tôi bên. Điều này sẽ cung cấp nhiều tính linh hoạt trong làm thế nào chúng tôi đặt chúng tôi lưới out.

Bước 10
Photoshop hướng dẫn: Thạc sĩ đa giác phần 1
Nó là rất dễ dàng để chỉ cần thực hiện tất cả các hình tam giác cùng kích thước vì nó tăng tốc độ quá trình. Tuy nhiên, chống lại sự cám dỗ để vội vàng thông qua giai đoạn vẽ. Thực sự tập trung vào thay đổi các kích thước và hình dạng của các hình tam giác. Các chi tiết chúng tôi thay đổi vị trí của hình dạng của chúng tôi, càng độc đáo tác giả của chúng tôi trở thành. Những hình ảnh tham khảo trong ảnh chụp màn hình, ví dụ, Hiển thị hai hình dạng tròn; một là thú vị hơn nhiều hơn khác. Đây là chỉ là một hướng dẫn chung về cách tiếp cận lập bản đồ lưới.

bước 11
Photoshop hướng dẫn: Thạc sĩ đa giác phần 1
bạn đã có mạng lưới của bạn đã sẵn sàng-bây giờ nó là thời gian cho các đa giác. Trước tiên, lấy công cụ Eyedropper và nếm thử một màu tối da từ bên dưới khu vực tam giác chúng tôi có kế hoạch màu đầu tiên (thể hiện trong ảnh chụp màn hình tiếp theo). Thêm rằng màu sắc vào bảng màu Swatches và cửa sổ mới Swatch sau đó sẽ xuất hiện. Nếu bạn đang lập kế hoạch để in một minh hoạ sau đó thiết lập này sang chế độ CMYK. Nếu bạn đang sử dụng một minh hoạ trực tuyến sau đó thiết lập này sang chế độ RGB thay vào đó. Áp dụng các lựa chọn trực tiếp cho tam giác và click vào các mẫu mới.

bước 12
Photoshop hướng dẫn: Thạc sĩ đa giác phần 1
nhấn tôi kích hoạt Eyedropper. Nhấp vào bất cứ nơi nào để nếm thử một màu sắc tương ứng. Trong hình ảnh tham chiếu, tam giác đỏ có màu ánh sáng tan và mất dần đến một màu nâu sẫm màu hơn. Mẫu vùng tân để Cập Nhật tô màu trên thanh công cụ. Kéo màu đó điền vào bảng màu Swatches, sau đó lặp lại cho màu nâu sẫm màu hơn. Kéo cả hai swatches vào bảng độ dốc của bạn, xóa swatches mặc định màu đen và trắng, sau đó điều chỉnh thanh trượt gradient quá tan và nâu màu sắc là lúc kết thúc đối diện của trượt.

sẽ được tiếp tục...