Làm cách nào để tạo hiệu ứng ảo ảnh chiều sâu với mẫu đốm trong Illustrator?


28

Tôi cần trợ giúp để tạo một đồ họa như vậy trong họa sĩ minh họa hoặc photoshop bằng các công cụ đơn giản và duy trì hiệu ứng phối cảnh trong các nếp gấp sắc nét (trái với các công cụ bao bọc)

Tôi đã thử công cụ lưới nhưng không thể tìm ra cách để có hiệu ứng nghiêng.

nhập mô tả hình ảnh ở đây

có ý kiến ​​gì không

Câu trả lời:


26

Đây là một phương pháp khác để thực hiện công việc bằng Illustrator

  1. Tạo một vòng tròn và chọn nó
  2. Đi đến Object > Pattern > Make
  3. Điều chỉnh khoảng cách giữa các vòng tròn trong bảng tùy chọn mẫu và nhấn Done

nhập mô tả hình ảnh ở đây

  1. Vẽ một hình chữ nhật và điền nó với mẫu mà bạn vừa thực hiện; bạn có thể cần phải chia tỷ lệ mẫu một chút bằng cách chọn effects > distort & Transform > Transformvà chia tỷ lệ mẫu và đảm bảo rằng bạn Transform Patternchỉ kiểm tra và bỏ chọn các tùy chọn khác.
  2. Rasterize hình chữ nhật đó bằng cách chọn Object > Rasterize
  3. đi đến object > Envelope Distort > Make with Meshtrong hộp thoại tạo lưới mà bạn muốn. trong ví dụ của tôi, tôi giữ nó 4X4 như một khởi đầu và bạn có thể thêm nhiều neo lưới bằng công cụ lưới U.
  4. Với mũi tên trắng, chọn bất kỳ neo lưới nào và di chuyển nó đến một vị trí mới để có được hiệu ứng mà bạn muốn. nhập mô tả hình ảnh ở đây

5
+1 đây là câu trả lời tốt nhất. Những điều tuyệt vời về biến dạng phong bì cho điều này là, bạn có thể áp dụng nó cho bất cứ điều gì mà không làm hại các vectơ gốc (thậm chí bạn có thể giữ văn bản có thể chỉnh sửa!), Và bạn đã có toàn quyền kiểm soát để tạo các đường cong mượt mà. Mẹo: để đẩy các điểm méo xung quanh một cách trơn tru, tôi thấy có thể thực sự hữu ích khi sử dụng công cụ Lasso ( q) để chọn một số điểm trong một khu vực, sau đó chia tỷ lệ ( s), xoay ( r), v.v. tạo đường cong mịn tự nhiên hơn một điểm tại một thời điểm.
user56reinstatemonica8

Tôi đã thêm một câu trả lời (bốn câu trả lời tốt rõ ràng là không đủ :-D) với một vài thủ thuật bổ sung cho các cạnh thẳng Asker đang tìm kiếm: graphicdesign.stackexchange.com/a/53302/3327
user56reinstatemonica8

Vâng, tôi đã nhận thấy nó ... đó cũng là một câu trả lời mới, tôi là người đầu tiên đưa ra cho bạn +1: D - thực sự câu trả lời của tôi phụ thuộc vào mẫu không thể làm biến dạng bằng công cụ lưới, đó là lý do tại sao tôi rasterize nó. có lẽ nếu chúng ta sắp xếp vòng tròn, chúng ta có thể có được hiệu ứng giống như bạn mô tả trong câu trả lời của bạn.
hsawires

1
Bạn có thể mở rộng mô hình thay vì rasterising nó?
user56reinstatemonica8

18

Đó không phải là một nhiệm vụ dễ dàng nếu bạn đang tìm cách chính xác.

Illustrator sẽ không làm điều này một cách dễ dàng. Bạn phải vẽ thủ công các hình dạng tổng thể và điều chỉnh phối cảnh, kích thước và giá trị cho từng yếu tố. Một lưới trong Illustrator thất bại vì rất khó có được các khu vực chuyển đổi cạnh cứng, ngoài ra, các lưới làm biến dạng các đối tượng bên dưới dựa trên vị trí của các điểm lưới. Vì vậy, mô hình tổng thể sẽ trông rất khác nhau khi sử dụng lưới.

Cách dễ nhất để làm điều này là thông qua các bản đồ dịch chuyển trong Photoshop .

Bạn tạo tài liệu cơ bản của bạn:

nhập mô tả hình ảnh ở đây

Một lớp các vật thể màu trắng và một lớp màu đen đặc làm nền.

Sau đó, bạn tạo một tài liệu thang độ xám có cùng kích thước và thêm các giá trị khác nhau để tạo các khu vực có chiều sâu.

Ví dụ:

nhập mô tả hình ảnh ở đây

Khu vực càng tối càng xa trong khoảng cách cuối cùng nó sẽ được nhìn thấy. Đây là phần khó khăn. Bạn có thể phải chơi với tài liệu thang độ xám để khiến nó phản ánh chính xác các giá trị theo chiều sâu. Đây được gọi là Bản đồ độ sâu của bạn . Khi đến gần, hãy lưu nó dưới dạng tệp .pe tiêu chuẩn ở một nơi nào đó mà bạn có thể xác định vị trí dễ dàng.

Sau đó quay trở lại tập tin thiết lập của bạn, chọn Filter > Distort > Displace. Nhấp vào OKtrong cửa sổ nhỏ đầu tiên, sau đó một hộp thoại Mở sẽ bật lên. Chọn tập tin greyscale .. của bạn tại thời điểm đó.

Điều này sẽ làm biến dạng lớp trong tệp thiết lập để phù hợp với bản đồ độ sâu bạn đã tạo.

nhập mô tả hình ảnh ở đây

Chỉ cần dùng thử và lỗi để có được bản đồ độ sâu theo cách bạn muốn.

Có một số hướng dẫn liên quan đến điều này trên web nếu bạn tìm kiếm chúng .

Sau đó, nếu bạn thực sự cần điều này trong Illustrator, tôi sẽ lưu và sử dụng Image Trace trong Illustrator. Cố gắng tạo ra điều này trong Illustrator một mình sẽ là một bài học là sự kiên nhẫn, nếu không muốn nói là sự thất vọng.


Đây là một cách dễ dàng để làm điều đó. Thiết kế một nếp gấp cụ thể với phương pháp này có thể là một chút thách thức. Đặc biệt xoay là khó khăn để đạt được bằng cách vẽ tay. Điều này cho biết khá nhiều ứng dụng 3D có thể tạo ra các bản đồ dịch chuyển cần thiết.
joojaa

15

Câu trả lời của hsawires với biến dạng phong bì> thực hiện với lưới là câu trả lời tốt nhất, nhưng có một số thủ thuật bổ sung mà bạn có thể sử dụng để dễ dàng có được "hiệu ứng phối cảnh trong các nếp gấp" được mô tả (cũng có bốn câu trả lời rất tốt rõ ràng ' đủ t :-D)

  1. Chuẩn bị các dấu chấm của bạn, bất kỳ cách nào bạn thích ... điều tuyệt vời về Envel Distort là, bạn có thể áp dụng nó cho bất kỳ vectơ nào và chúng có thể chỉnh sửa được. Trong ví dụ này, tôi sẽ sử dụng văn bản giống như dấu chấm để chứng minh rằng tất cả các vectơ đều có thể chỉnh sửa:

nhập mô tả hình ảnh ở đây

  1. Đừng rasterize! Không cần. Thay vào đó, đi thẳng đến Object>Envelope Distort>Make with Mesh, và chọn nhiều đường lưới. Ví dụ, ở đây tôi đang sử dụng 14x14.

nhập mô tả hình ảnh ở đây

  1. (lưu ý rằng bạn có thể chuyển đổi giữa lưới và các vectơ bên dưới bất cứ lúc nào với các nút này ở trên cùng bên trái nhập mô tả hình ảnh ở đây:)

  2. Xoay toàn bộ để dòng bạn muốn tạo là dọc hoặc ngang, sau đó sử dụng công cụ chọn trực tiếp để kéo hộp chọn các điểm trong khu vực bạn muốn đưa ra phối cảnh (ở đây, một đoạn bên trái được chọn):

nhập mô tả hình ảnh ở đây

  1. Sử dụng công cụ tỷ lệ s . Kéo trung tâm tỷ lệ đến trung tâm của cạnh 'đường thẳng' của bạn, sau đó chia tỷ lệ (giữ phím shift) để đưa chúng về phía trước hoặc lùi lại theo ý muốn. Ngoài ra, công cụ bloatcông cụ pucker (được giấu dưới công cụ chiều rộng) có thể được sử dụng để làm mịn mọi thứ nếu nhấp đúp và đặt Intensityrất thấp (như 1%) và bàn chải rất lớn. Đó là một chút khó khăn để chính xác với họ, nhưng họ chỉ áp dụng cho các điểm được chọn, giúp.

nhập mô tả hình ảnh ở đây

  1. Lặp lại như mong muốn ... Đôi khi rất nhiều thay đổi nhỏ nằm cạnh nhau trông mượt mà nhất

nhập mô tả hình ảnh ở đây

  1. Tôi đã đề cập rằng tác phẩm nghệ thuật cơ bản vẫn hoàn toàn có thể chỉnh sửa, như thể bạn chưa làm gì với nó? Chỉ cần chuyển sang chỉnh sửa nội dung và bạn có thể thực hiện bất kỳ thay đổi nào bạn muốn cho tác phẩm nghệ thuật vector cơ bản:nhập mô tả hình ảnh ở đây

nhập mô tả hình ảnh ở đây


Xin lưu ý: Tất cả các phương pháp được mô tả hoạt động với đồ họa tùy ý.
joojaa

Có, nhưng tất cả ngoại trừ của bạn đều dựa trên đồ họa rasterized (pixel)
user56reinstatemonica8

Chắc chắn, về cơ bản câu trả lời của tôi là giống như của bạn. Tôi chỉ sử dụng lưới một chút khác nhau để tôi có thể tạo ra các nếp gấp góc cứng (đó là vấn đề áp phích IMHO khi anh ta nói rằng anh ta đã thử sử dụng phương pháp bạn mô tả, khó nói). Trong mọi trường hợp tôi nhận thức được rằng phương pháp của tôi có liên quan nhiều hơn tôi sẽ thực hiện theo cách này nếu không phải vì các nếp gấp. Tôi sẽ không sử dụng phương pháp chuyển vị vì khó có thể thiết kế hình dạng mà bạn muốn uốn cong với nó.
joojaa

Illustrator có một tính năng như chỉnh sửa tỷ lệ không? Điều đó có thể giúp tạo ra các đường cong mượt mà dễ dàng hơn.
wchargein

Tôi nghĩ rằng nó đã không - nhưng thực sự bạn có thể có được một cái gì đó tương tự như vậy bằng cách sử dụng công cụ phình to ở cường độ rất thấp. Cũng có thể có những thứ khác nữa ... Tôi đã chỉnh sửa một ghi chú về điều đó. "Có cái gì đó giống như chỉnh sửa tỷ lệ trong Illustrator không?" Nghe có vẻ là một câu hỏi thú vị
user56reinstatemonica8

13

Bạn thực sự có thể làm điều này trong Illustrator (theo yêu cầu). Mẹo nhỏ là đảm bảo rằng một khi bạn sử dụng công cụ lưới, bạn kéo tay cầm dọc trở lại 1/3 dọc theo cạnh nếu không nó sẽ ép hình ảnh dọc theo *.

Ngoài ra, nó có thể giúp tiếp tục xoay vòng qua lại, để lựa chọn dễ dàng hơn.

scrumple

Hình 1 : làm xáo trộn. Những gì tôi thực sự làm là tạo ra một bọc mới sau mỗi lượt. (sau đó phát hành nó.)

Quy trình được sử dụng trong hình ảnh 1:

  1. tạo lưới các dấu chấm (ngôi sao, chữ cái, v.v.)
  2. loop ← quay lại đây khi bạn đã thực hiện một lần
  3. xoay mọi thứ sang một số hướng
  4. marque chọn các mục lưới để lựa chọn của bạn phân chia hình dạng
  5. áp dụng bọc với lưới với oly 1 hàng và 1 cột
  6. di chuyển cạnh đối diện với lưới của bạn cắt vào trong
  7. cố định các tiếp tuyến 2 cạnh để chúng cách nhau khoảng 1/3 để không bị biến dạng lớn
  8. (tùy chọn) lưới phát hành
  9. xoay trở lại (nếu bạn bấm vào xoay hình minh họa ghi nhớ xoay của bạn chỉ cần phủ định số)
  10. nói lại.

Có những công cụ tốt hơn cho việc này, thật tuyệt khi biết điều này cho các mục đích khác có thể phát sinh.

Lựa chọn thay thế

Nó thực sự đủ để chỉ chia tỷ lệ dọc theo đường lựa chọn một khi đã xoay để độ lệch và tỷ lệ có thể là đủ nếu bạn không muốn sử dụng các phong bì được cấp có thể hơi khó khăn. Phong bì làm cho các cạnh của nếp nhăn đẹp hơn.

ví dụ khác

Hình 2 : Bạn có thể cắt các hình dạng (chúng không phải là các chấm) cho các nếp gấp sắc nét. Và che các khu vực làm tăng thêm vẻ ngoài (có lẽ hiệu ứng hơi phóng đại).

Phụ lục: * Khi sử dụng lưới cho di chuyển tuyến tính.

nhai

Hình 3 : Biến dạng đồng đều khi hình dạng ngắn hơn


2
Tôi không hiểu làm thế nào lưới của bạn được thiết lập mặc dù. Có phải chỉ là rất nhiều hàng và cột?
Scott

@scott lưới chỉ có 1 ô vuông (1 hàng 1 cột) khối ở đó để bạn thấy hiệu ứng của các vị trí tay cầm. nếu bạn không rút ngắn tay cầm, bạn sẽ có hiệu ứng bnt (bạn có thể sử dụng tỷ lệ trên lưới), hoặc sử dụng tỷ lệ và độ nghiêng nhưng tôi đã sử dụng lưới vì đó là những gì op yêu cầu (và vâng, bạn có thể có trọng lượng động hơn) những cái là các cạnh trên cùng xử lý các vị trí
joojaa

1
joojaa Tôi muốn nâng cấp bởi vì nó trông rất dễ dàng, nhưng tôi không thể tìm ra cách thực hiện với thông tin bạn đã cung cấp. Tôi đoán một vài điều atm, nhưng không có ý tưởng vững chắc.
Dom

1
Tôi cũng gặp khó khăn khi tạo lại các bước này @jooja. Tôi nghĩ rằng có một cái gì đó quan trọng trong thủ tục của bạn bị mất. Làm thế nào bạn đang áp dụng phong bì? Làm thế nào bạn có được những lựa chọn 1/3 hình chữ nhật? Là các chấm bên trong một phong bì hoặc chỉ các đối tượng riêng biệt?
Scott

1
@Dom nó khá dễ dàng có ... Không nghĩ rằng các bạn cần nhiều hơn một tia lửa. Nhưng có thêm cách tôi đã làm hình ảnh thứ hai chi tiết hơn. Cũng lưu ý rằng hình ảnh cuối cùng được thực hiện với tỷ lệ và độ nghiêng tương đương về hiệu ứng lf. Hãy cho tôi biết nếu nó cần giải thích thêm.
joojaa

12

Thay thế cho câu trả lời của @ Scott, bạn có thể sử dụng Puppet Warp trong Photoshop ( Chỉnh sửaPuppet Warp ).

Nếu bạn thử cách này, tôi sẽ đề xuất chọn Chế độ: Cứng nhắc và Mật độ: Ít điểm hơn trong các tùy chọn ở trên cùng để làm cho bề mặt ít dễ uốn hơn, như trong ví dụ của bạn.

Vị trí cài đặt con rối

Chỉ cần thêm ghim và di chuyển chúng xung quanh cho đến khi bạn đạt được sự dịch chuyển mong muốn. Bạn sẽ cần rất nhiều chân để kiểm soát các cạnh thẳng, mặc dù. Tôi muốn giới thiệu rất nhiều trong số chúng ở các cạnh, một lần nữa, để kiểm soát các cạnh thẳng của bề mặt.

Dưới đây là một ví dụ rất tệ về kết quả bạn có thể đạt được.

Ví dụ về kết quả sợi dọc rối đơn giản (có thể tạo ra kết quả tốt hơn nhiều)


3

Làm thế nào về việc làm bằng tay?

Bạn có thể in ra mảng chấm theo tỷ lệ khung hình phù hợp, gập thủ công bản in thành hiệu ứng mong muốn, chụp ảnh trong điều kiện đủ ánh sáng, ngưỡng nó trong Photoshop và nhận đường dẫn qua lựa chọn cây đũa thần & nhập vào Illustator và sử dụng pathfinder để tách / tô màu.

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.