Illustrator에서 스폿 패턴으로 깊이 환영 효과를 만들려면 어떻게해야합니까?


28

간단한 도구를 사용하여 일러스트 레이터 나 포토샵에서 이러한 그래픽을 만들고 날카로운 도구로 원근감 효과를 유지하는 데 도움이 필요합니다 (랩 도구와는 반대로)

메쉬 도구를 사용해 보았지만 기울어 진 효과를내는 방법을 알 수 없었습니다.

여기에 이미지 설명을 입력하십시오

어떤 아이디어?

답변:


26

Illustrator를 사용하여 작업을 수행하는 또 다른 방법입니다.

  1. 원을 만들고 선택
  2. 로 이동 Object > Pattern > Make
  3. 패턴 옵션 패널에서 원 사이의 간격을 조정하고 Done

여기에 이미지 설명을 입력하십시오

  1. 사각형을 그리고 방금 만든 패턴으로 채우십시오. 패턴을 선택 effects > distort & Transform > Transform하고 크기를 조정하여 패턴의 크기를 약간 조정해야 Transform Pattern하며 다른 옵션 만 선택 했는지 확인하십시오 .
  2. 선택하여 해당 사각형을 래스터 화 Object > Rasterize
  3. 에 이동 object > Envelope Distort > Make with Mesh대화 상자에서 원하는 것을 메쉬를합니다. 내 예제에서 시작으로 4X4를 유지하고 메쉬 도구로 더 많은 메쉬 앵커를 추가 할 수 있습니다 U.
  4. 흰색 화살표를 사용하여 원하는 메쉬 앵커를 선택하고 원하는 위치에 새 위치로 이동하십시오. 여기에 이미지 설명을 입력하십시오

5
+1 이것이 가장 좋은 답변입니다. 봉투 왜곡에 대한 큰 장점은 원본 벡터를 손상시키지 않고 텍스트에 적용 할 수 있으며 텍스트를 편집 가능하게 유지할 수 있으며 부드러운 곡선을 만들기 위해 완벽하게 제어 할 수 있다는 것입니다. 팁 : 봉투 왜곡 점을 부드럽게 밀려면 올가미 도구 ( q)를 사용하여 영역의 여러 점을 선택한 다음 크기 조정 ( s), 회전 ( r) 등 을 사용하는 것이 실제로 유용 할 수 있습니다 . 한 번에 한 점보다 자연스러운 부드러운 곡선을 만듭니다.
user56reinstatemonica8

나는 asker:-D 가 찾고있는 직선 가장자리에 대한 몇 가지 추가 트릭으로 또 다른 대답 (네 가지 좋은 대답은 충분하지 않았습니다 )을 추가했습니다. graphicdesign.stackexchange.com/a/53302/3327
user56reinstatemonica8

그렇습니다, 나는 그것을 알아 차 렸습니다 ... 그것은 또한 새로운 멋진 답변입니다. 래스터 화하십시오. 우리가 원을 배열하면 대답에서 설명하는 것과 동일한 효과를 얻을 수 있습니다.
hsawires

1
래스터 화하지 않고 패턴을 확장 할 수 있습니까?
user56reinstatemonica8

18

당신이 정확한 것을 찾고 있다면 쉬운 일이 아닙니다.

Illustrator는이 작업을 쉽게 수행하지 않습니다. 전체 모양을 수동으로 그리고 각 요소의 원근, 크기 및 값을 조정해야합니다. 하드 에지 변환 영역을 얻는 것이 매우 어렵 기 때문에 Illustrator의 메쉬는 실패합니다. 또한 메쉬는 메쉬 점의 위치에 따라 기본 개체를 왜곡합니다. 따라서 전체 패턴은 메쉬를 사용하여 매우 다르게 보입니다.

가장 쉬운 방법 은 Photoshop에서 변위 맵을 사용하는 것 입니다.

기본 문서를 만듭니다.

여기에 이미지 설명을 입력하십시오

흰색 물체와 배경으로 검은 색으로 채워진 레이어.

그런 다음 동일한 치수 의 회색조 문서를 만들고 다른 값을 추가하여 깊이 영역을 만듭니다.

예를 들면 다음과 같습니다.

여기에 이미지 설명을 입력하십시오

거리가 멀어 질수록 그 영역은 더 어두워집니다. 이것은 어려운 부분입니다. 깊이 값을 정확하게 반영하려면 그레이 스케일 문서를 사용해야합니다. 이것을 심도 맵 이라고합니다 . 닫으면 쉽게 찾을 수있는 표준 그레이 스케일 .psd 파일로 저장하십시오.

그런 다음 설정 파일로 돌아가서을 선택하십시오 Filter > Distort > Displace. OK첫 번째 작은 창을 클릭 하면 열기 대화 상자가 나타납니다. 그 시점에서 그레이 스케일 .psd 파일을 선택하십시오.

이렇게하면 설정 한 파일의 레이어가 생성 된 깊이 맵과 일치하도록 왜곡됩니다.

여기에 이미지 설명을 입력하십시오

깊이 맵을 원하는 방식으로 가져 오려면 시행 착오가 필요합니다.

당신 이 그들을 검색 하면 웹에 이것에 관한 많은 자습서 가 있습니다 .

그런 다음 Illustrator에서 실제로 필요한 경우 Illustrator 에서 이미지 추적 을 저장하고 사용 합니다. Illustrator에서만 이것을 만들려고하는 것은 좌절이 아니라면 인내하는 것이 될 것입니다.


이것은 쉬운 방법입니다. 이 방법으로 특정 접기를 디자인하는 것은 약간 어려울 수 있습니다. 특히 회전은 수작업으로 달성하기에 특히 불쾌합니다. 이것은 많은 3D 앱이 필요한 변위 맵을 생성 할 수 있다고 말했다.
joojaa

15

hsawires '대답 과 함께 봉투 왜곡> 메쉬 만들기가 가장 좋은 답이지만, 쉽게 설명 "날카로운 주름 관점 효과"를 얻을 수 있도록 당신이 사용할 수있는 몇 가지 추가 트릭이있다 (또한, 네 아주 좋은 답변을 명확하게 ISN' 충분하다 :-D) :

  1. 원하는 방식으로 도트를 준비하십시오 ... Envelope Distort의 가장 큰 장점은 벡터에 적용 할 수 있으며 편집 가능한 상태를 유지한다는 것입니다. 이 예제에서는 점 모양의 텍스트를 사용하여 벡터가 모두 편집 가능한 상태임을 보여줍니다.

여기에 이미지 설명을 입력하십시오

  1. 래스터 화하지 마십시오! 필요가 없습니다. 대신로 이동 하여 그리드 선을 많이Object>Envelope Distort>Make with Mesh 선택하십시오 . 예를 들어, 여기에서는 14x14를 사용하고 있습니다.

여기에 이미지 설명을 입력하십시오

  1. (왼쪽 상단의 다음 버튼을 사용하여 언제든지 그리드와 기본 벡터 간을 전환 할 수 있습니다. 여기에 이미지 설명을 입력하십시오)

  2. 만들려는 선이 수직 또는 수평이되도록 전체를 회전 한 다음 직접 선택 도구를 사용하여 원근감을 제공 할 영역에서 점을 선택하는 상자를 드래그합니다 (여기서는 왼쪽의 청크가 선택됨).

여기에 이미지 설명을 입력하십시오

  1. 스케일 도구를 사용하십시오 s. 스케일링 중심을 '선'가장자리의 중심으로 드래그 한 다음 스케일링 (홀딩 시프트)하여 원하는대로 앞뒤로 가져옵니다. 또한 블로 트 툴퍼커 툴 (너비 툴 아래에 자리 잡은 툴)을 사용하여 더블 클릭하고 Intensity1 %와 같이 매우 낮게 설정 하고 브러시를 크게 설정하면 물건을 부드럽게 할 수 있습니다 . 정확하기는 약간 까다 롭지 만 선택한 포인트에만 적용되므로 도움이됩니다.

여기에 이미지 설명을 입력하십시오

  1. 원하는대로 반복 ... 때때로 서로 옆에있는 많은 작은 변화가 가장 부드럽게 보입니다.

여기에 이미지 설명을 입력하십시오

  1. 내가하지 않은 것처럼 기본 아트 워크를 여전히 완전히 편집 할 수 있다고 언급 했습니까? 내용 편집으로 전환하기 만하면 기본 벡터 아트 워크를 원하는대로 변경할 수 있습니다.여기에 이미지 설명을 입력하십시오

여기에 이미지 설명을 입력하십시오


참고 : 설명 된 모든 방법은 임의의 그래픽에서 작동합니다.
joojaa

네,하지만 당신을 제외하고 모두 래스터 화 (픽셀) 그래픽을 기반으로
user56reinstatemonica8

물론, 기본적으로 내 대답은 당신과 같습니다. 나는 메쉬를 조금 다르게 사용하여 딱딱한 주름을 잡을 수 있습니다. 어쨌든 나는 내 방법이 더 복잡하다는 것을 알고 있으며 주름이 없다면이 방법을 사용했을 것입니다. 구부릴 모양을 디자인하기가 어렵 기 때문에 변위 방법을 사용하지 않을 것입니다.
joojaa

Illustrator에는 비례 편집 과 같은 기능이 있습니까? 보다 부드러운 곡선을보다 쉽게 ​​만들 수 있습니다.
wchargin

나는 그것이 아니라고 생각했지만 실제로는 팽창 도구를 매우 낮은 강도로 설정하여 약간의 것을 얻을 수 있습니다. 다른 것들도있을 수 있습니다 ... 나는 그것에 대한 메모를 편집했습니다. "Illustrator에서 비례 편집과 같은 것이 있습니까?" 흥미로운 질문 인 것 같습니다
user56reinstatemonica8

13

실제로 Illustrator 에서이 작업을 수행 할 수 있습니다 (요청에 따라). 트릭은 메쉬 도구를 사용한 후에는 따라 핸들을 가장자리를 따라 1/3의 방향으로 드래그하지 않으면 그렇지 않으면 이미지를 압착합니다 *.

또한 쉽게 선택하기 위해를 앞뒤로 회전시키는 데 도움이 될 수 있습니다.

짓밟다

이미지 1 : 문지르 기 내가 실제로하는 일은 매 차례마다 새로운 랩을 만드는 것입니다. (그런 다음 릴리스하십시오.)

이미지 1에 사용 된 절차 :

  1. 점의 그리드 (별, 글자 등) 만들기
  2. 루프 ← 한 번 접 으면 여기로 돌아옵니다
  3. 모든 것을 일정한 방향으로 회전
  4. 선택 물이 모양을 분할하도록 선택 그리드 항목 선택
  5. 1 열과 1 열의 메쉬로 랩 적용
  6. 메쉬 컷 반대쪽 가장자리를 안쪽으로 이동
  7. 2면 모서리 접선을 수정하여 1/3 정도가되도록하여 큰 왜곡이 발생하지 않도록합니다.
  8. (선택 사항) 릴리즈 메쉬
  9. 뒤로 회전 (Alt 클릭 회전 일러스트 레이터가 회전을 기억하면 숫자를 무효화 함)
  10. 반복.

이를위한 더 좋은 도구가 많지 않을 수도 있지만 다른 목적으로도이를 잘 아는 것이 좋습니다.

대안

부여 된 봉투를 사용하고 싶지 않은 경우 약간 까다로울 수 있으므로 기울이기 및 크기 조정으로 충분할 수 있습니다. 봉투는 주름의 가장자리를 더 튼튼하게 만듭니다.

다른 예

이미지 2 : 선명한 주름을 위해 모양을자를 수 있습니다 (점일 필요는 없음). 그리고 모양을 더욱 강화시키는 부분을 음영 처리하십시오 (아마도 약간 과장된 효과).

부록 : * 선형 이동에 메쉬 사용.

긁다

이미지 3 : 모양이 짧아지면 고르기


2
그래도 메쉬 설정 방법을 얻지 못했습니다. 행과 열이 많습니까?
Scott

@scott 메쉬에는 블록이 1 평방 (1 행 1 열) 밖에 없으므로 핸들 위치의 효과를 볼 수 있습니다. 핸들을 짧게하지 않으면 bnt 효과 (메시에서 스케일을 사용할 수 있음)를 얻거나 스케일과 기울기를 사용해야하지만 op가 요청한 것이기 때문에 메쉬를 사용했습니다 (예 : 더 동적 가중치를 얻을 수 있음) 빨간색 사람 상단 모서리 핸들 위치입니다
joojaa

1
joojaa 너무 굉장히 쉽게 보이기 때문에 공감하고 싶습니다만, 제공 한 정보를 사용하여이를 수행하는 방법을 알아낼 수 없습니다. atm 몇 가지를 추측하지만 확실한 아이디어는 없습니다.
Dom

1
@jooja뿐만 아니라이 단계를 재현하는 데 어려움이 있습니다. 나는 당신의 절차에서 중요한 무언가가 빠졌다고 생각 합니다. 봉투는 어떻게 적용합니까? 직사각형 1/3 선택을 어떻게 얻습니까? 봉투 안에 점이 있거나 별도의 개체입니까?
Scott

1
@Dom 그것은 매우 쉬운 일입니다 ... 당신은 불꽃보다 더 필요하다고 생각하지 않았습니다. 그러나 예는 두 번째 이미지를보다 자세하게 수행 한 방법을 추가했습니다. 또한 마지막 그림은 lf 효과와 비교할 수있는 비율과 기울기로 수행됩니다. 자세한 설명이 필요하면 알려주십시오.
joojaa

12

@Scott의 답변에 대한 대안으로 Photoshop에서 Puppet Warp 을 사용할 수 있습니다 ( 편집Puppet Warp ).

이 방법을 시도하면 예와 같이 표면의 유연성을 높이기 위해 상단의 옵션에서 Mode : Rigid and Density : Fewer Points를 선택하는 것이 좋습니다.

퍼펫 워프 설정의 위치

원하는 변위를 얻을 때까지 핀을 추가하고 움직이십시오. 그러나 직선 모서리를 제어하려면 많은 핀이 필요합니다. 나는 표면의 직선 가장자리를 제어하기 위해 가장자리에서 많은 것을 권장합니다.

다음은 달성 할 수있는 결과 의 매우 나쁜 예 입니다.

단순한 퍼펫 워프 결과의 예 (더 나은 결과를 만들 수 있음)


3

수동으로하는 것은 어떻습니까?

적절한 종횡비로 점선 배열을 인쇄하고, 원하는 효과로 출력물을 수동으로 접고, 조명이 어두운 조건에서 사진을 찍고, Photoshop에서 임계 값을 지정하고, 마술 지팡이 선택을 통해 경로를 가져오고, Illustator로 가져 오기 및 패스 파인더를 사용하여 격리 / 색상을 지정할 수 있습니다.

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.