오프셋 경로 효과

지난 주 Adobe는 Photoshop 및 Illustrator를 포함한 Creative Cloud 앱의 몇 가지 새로운 업데이트를 출시했습니다. 저에게 가장 좋은 새로운 기능은 Illustrator의 라이브 코너 효과였습니다. 간단한 기능이지만 특히 로고, 아이콘 및 기호를 만들 때 제 작업을 훨씬 더 쉽게 만들 것입니다. 약간의 개요를 제공하기 위해 Illustrator와 Photoshop을 사용하여 오프셋 경로 효과와 라이브 코너를 적용하여 새로운 Abduzeedo 배경 화면을 만들기로 결정했습니다.

따라서 이 튜토리얼에서는 벡터와 사진을 혼합하여 간단한 배경 화면을 만드는 방법을 보여 드리겠습니다. Illustrator와 Photoshop에서 오프셋 경로, 라이브 모서리 및 기타 효과를 사용합니다.

1 단계

Illustrator에서 간단한 경로를 만듭니다. 이 튜토리얼에서는 Abduzeedo 기호를 사용하고 있습니다.

2 단계

Illustrator의 최신 기능 중 하나는 라이브 코너입니다. 이 기능의 멋진 점은 둥근 모서리를 훨씬 쉽게 만들 수 있다는 것입니다. 그렇게 하려면 직접 선택 도구(A)를 사용하여 편집할 모서리를 선택하고 중앙에 점이 있는 파란색 원이 있는 것을 확인합니다.


3단계

해당 원을 아래로 드래그하여 모서리 편집을 시작합니다.


4단계

다음은 라이브 모서리로 수행된 더 둥근 모서리가 있는 Abduzeedo 기호입니다.


5단계

경로를 선택하고 Object>Path>Offset Path로 이동합니다. 10px 오프셋을 사용하고 나머지는 기본값을 유지합니다. 효과를 볼 수 있도록 미리보기를 확인하십시오.

6단계

효과를 다시 반복하십시오. 더 잘 보이도록 획 두께를 늘릴 수 있습니다. 팁. 오른쪽 하단과 같이 모서리가 둥글게 하려면 첫 번째 경로를 확장합니다.

7단계

이 과정을 몇 번 더 반복합니다.

8단계

이제 Photoshop에서 배경에 사용할 멋진 사진을 찾으십시오. 내가 사용하고 있는 것은 Medium의 이 정말 멋진 게시물의 링크 중 하나에서 가져온 것입니다. https://medium.com/design-ux/62ae4bcbe01b


9단계

Illustrator에서 벡터를 복사하고 Photoshop에 붙여넣습니다.


10단계

벡터를 선택하고 Image>Adjustments>Invert로 이동합니다. 그런 다음 혼합 모드를 60%에서 Color Dodge로 변경합니다.


11단계

레이어> 새 조정 레이어> 사진 필터로 이동하십시오. 온난화 필터(85)를 선택하고 25% 밀도를 사용합니다.


결론

몇 가지 브러시를 적용하여 심볼을 오래된 것으로 만들고 고민된 효과로 만들 수 있습니다. 그러면 구성이 완료됩니다. 저는 단순한 기능이 일부 프로세스를 훨씬 쉽게 만드는 방법을 좋아합니다. 라이브 코너 효과와 오프셋 경로 덕분에 이 구성을 30분 이내에 만들 수 있었습니다. 물론 그 전에는 영감을 찾기 위해 꽤 오랜 시간을 보냈습니다 ;)