Tạo một hình tam giác với các góc tròn


27

Tôi biết bạn có thể tạo một hình chữ nhật góc tròn; nhưng, làm thế nào để bạn tạo ra một hình tam giác với các góc tròn trong Photoshop?

Tôi thực sự quan tâm đến việc làm cho nó từ đầu, không dựa trên hình dạng tùy chỉnh có sẵn trong Photoshop. Cảm ơn.


cả hai câu trả lời dưới đây đều tốt Lưu ý rằng phương pháp mặt nạ kênh alpha có một vấn đề nhỏ với tỷ lệ và thiếu kiểm soát tuyệt đối. Phương pháp vectơ có thể được thu nhỏ theo bất kỳ kích thước nào mà không làm giảm chất lượng và kiểm soát tốt hơn bán kính góc.
horatio

Tôi thường chuyển sang Inkscape để làm những thứ như thế này. Bạn cũng có thể sử dụng Illustrator / CorelDraw / trình chỉnh sửa đồ họa vector ưa thích của bạn. Không phải việc sử dụng Photoshop là sai hay dại dột, tôi chỉ thích một trình soạn thảo đồ họa vector chuyên dụng cho những việc này.
thomasrutter

1. Tạo nó trong Illustrator. 2. Dán làm đối tượng thông minh trong PS. Bạn có thể sửa lại bán kính góc bất cứ lúc nào theo cách này;)
Salman von Abbas

Câu trả lời:


32

Có nhiều hướng khác nhau để làm điều đó. Bạn có thể sử dụng công cụ bút vẽ nó cho mình.

Câu trả lời của tôi dựa trên cách tôi đã làm trong nhiều năm qua.

bước 1

Vẽ một hình tam giác trong một lớp mới. nhấn cmd + a (chọn tất cả) rồi cmd + c (sao chép)

bước 2

chuyển sang tab Kênh và tạo kênh mới. Nó sẽ được đặt tên là "Alpha 1" theo mặc định. Bây giờ dán hình tam giác bạn đã sao chép từ trước. Lưu ý hình tam giác sẽ có màu trắng. Vùng màu trắng trong kênh sẽ trở thành mặt nạ chọn của bạn sau này.

bước 3

bây giờ cung cấp cho toàn bộ lớp kênh mờ Gaussian. lưu ý: giá trị mờ ở đây sẽ không dịch chính xác đến bán kính viền pixel mà bạn muốn. bạn sẽ phải chơi với nó một chút. Tôi đang sử dụng mờ 10px trong ví dụ của tôi.

bước 4

Sau khi làm mờ xong, nhấn cmd + L (level). Trong menu cấp, điều chỉnh giá trị đầu vào. sử dụng giá trị tôi chọn trong ảnh chụp màn hình của tôi. Ý tưởng là để có được hình tam giác "sắc nét" một lần nữa. Làm như vậy sẽ tạo ra các mẹo tròn trên mỗi đầu.

bước 5

Bây giờ hãy quay lại tab Lớp, ẩn lớp tam giác bạn đã vẽ từ trước. bắt đầu một lớp mới, sau đó chuyển đến "Chọn" -> "Tải lựa chọn." Trong cửa sổ bật lên, đối với "Nguồn", chọn "Alpha 1"

Bây giờ bạn sẽ có đường viền tam giác tròn được chọn, sau đó bạn có thể tô nó thành bất kỳ màu nào bạn thích.


1
+1 Kỹ thuật đẹp. Để tinh chỉnh cạnh sau khi điều chỉnh Mức, Bộ lọc> Khác> Thu nhỏ (hoặc Tối đa hóa) hoạt động tốt mà không giới thiệu răng cưa.
Alan Gilbertson

Điều này là tốt nhất cho độ chính xác, rất có thể là nếu bạn làm hỏng công cụ bút, bạn sẽ không có được bán kính góc hoàn hảo, nhưng cách này hoàn toàn do 'phần mềm' tạo ra bởi vì vậy nó chính xác!
Dan Hanly

@Jin: Cảm ơn bạn rất nhiều! Rõ ràng, tùy thuộc vào các giá trị bạn chọn trong menu Levels, kích thước của hình tam giác sẽ thay đổi.
moey

@Alan: Tôi không thể tìm thấy bộ lọc 'Khác> ...' trong Photoshop của mình (CS4 Extended trên máy Mac). Đó có phải là bộ lọc không chuẩn?
moey

1
@SikuSikuCom nhược điểm của phương pháp này là hình dạng cuối cùng sắc nét như thế nào, được thực hiện thủ công. Vì vậy, bạn phải nhãn cầu nó. Ngoài ra, nó không thể mở rộng vì nó không phải là vector. Tuy nhiên, một điều tốt về phương pháp này là nó cũng áp dụng cho các hình dạng đa giác khác. ví dụ một hình lục giác với các góc tròn.
Jin

9

Có một số bước rất dễ dàng để tạo ra hình tam giác như vậy với góc tròn với sự trợ giúp của công cụ bút và nó cũng từ đầu

  • Trước hết tạo tam giác của bạn với công cụ bút.
  • thêm điểm neo bổ sung ở góc dưới bên phải và bên trái cả hai bên theo ảnh chụp màn hình đính kèm.

  • sau đó nhấn A / hoặc select (công cụ chọn đường dẫn) và di chuyển nó sang bên phải, bạn có thể uốn cong nó theo hình tròn mong muốn của mình, áp dụng điều tương tự ở góc trên cùng, ở đó bạn chỉ phải thêm một điểm neo và thực hiện giống như bạn đã làm ở dưới cùng.

    bật lưới (Ctrl / Cmd-,) nó sẽ giúp bạn đặt điểm neo cho góc / bán kính chính xác cho cả hai bên, bạn có thể tăng / giảm bán kính chỉ bằng cách kéo các điểm neo.

kiểm tra SS này ....

(nhấp chuột trái và xem hình ảnh lớn trong cửa sổ mới) .... tam giác tròn

Hy vọng điều này sẽ giúp ...


3
Điều này hoạt động tốt nhất nếu bạn bật lưới (Ctrl / Cmd-,) và đặt các điểm neo ban đầu tại các giao điểm lưới, nếu không, khó có thể làm cho bán kính góc giống hệt nhau ở mỗi đỉnh.
Alan Gilbertson

@Jack: Cảm ơn đã hướng dẫn từng bước. Có thể tôi hơi quá cầu toàn, nhưng làm thế nào để chúng tôi đảm bảo rằng độ tròn hoàn toàn giống nhau trên ba góc? Tôi có thể sắp xếp hai cái đáy giống hệt nhau; vấn đề là cho đầu trang.
moey

với sự trợ giúp của lưới, bạn có thể làm cho tất cả các vòng tương tự trở nên dễ dàng, hãy thử
Jack

6
  1. Tạo một hình tam giác có kích thước mong muốn

  2. Đặt các hình tròn của bán kính mong muốn vào các góc của tam giác, sao cho chúng thẳng hàng với các cạnh nhưng không giao nhau.

  3. Kết hợp các hình dạng.

  4. Làm xong. :)


1
Đừng quên cắt các điểm trên hình tam giác. Nếu không, sự kết hợp của bạn sẽ chỉ tạo ra hình tam giác ban đầu ...
Farray

3

Tôi có một thứ dễ dàng hơn ...

  • Chọn "Hình dạng cá nhân".
  • Tải "Biểu tượng" từ menu 'mẫu'.
  • Chọn tam giác ngược (nó có các cạnh tròn).
  • Làm xong

Bạn có thể xoay hoặc lật nó theo cách bạn muốn. Bạn không thể thay đổi rạng rỡ, tho.


1

Tạo một hình chữ nhật có viền mịn (tôi sử dụng 3px) và sau đó xóa một góc bằng công cụ bút. Điều chỉnh nó để làm cho nó nhìn theo cách bạn muốn.


-1

Tạo một hình tam giác với công cụ bút. Sử dụng các hiệu ứng, đặt một nét bên ngoài vào nó, làm cho nó lớn như bạn cần cho việc bạn muốn làm tròn các góc của mình như thế nào. Bây giờ bạn sẽ cần làm mịn bất kỳ điểm nào trong đột quỵ của mình bằng cách làm theo các bước tiếp theo.

Nhấp chuột phải vào lớp tam giác của bạn và chọn Convert to Smart Object. Giữ Ctrl, nhấp vào hình thu nhỏ của tam giác của bạn trong bảng điều khiển Lớp để chọn nó. Đi tới Chọn trong menu chính và chọn Sửa đổi, sau đó thả xuống chọn Hợp đồng. Hợp đồng bằng 3px. Quay trở lại Chọn trong menu chính và một lần nữa chọn Sửa đổi, lần này chọn Smooth và nhập 10px. Nhấn nút mặt nạ ở dưới cùng của bảng điều khiển Lớp của bạn. Quay trở lại lớp của bạn và nhấp chuột phải, chọn lại để Chuyển đổi thành Đối tượng thông minh.

Tùy thuộc vào kích thước của hình tam giác của bạn, bạn có thể phải thay đổi bao nhiêu px bạn ký hợp đồng và trơn tru khi thực hiện lựa chọn của bạn.

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.