Adobe After Effects에서 다양한 레이어 스타일을 함께 사용하여 네온사인과 같이 시선을 사로잡는 로고를 만들 수 있습니다.
neon-glow-effect-intro_900x506

필요 항목

샘플 파일은 튜토리얼의 학습 내용을 연습하기 위해 사용할 수 있는 Adobe Stock 에셋입니다. 이 튜토리얼이 아닌 실제 프로젝트에 이 샘플 파일을 사용하려면 Adobe Stock에서 라이선스를 구매해야 합니다. 샘플 파일의 사용 약관을 살펴보려면 폴더에 있는 ReadMe 파일을 참조하십시오. “Night Owl Market”은 데모용으로 실제 회사, 제품, 서비스 또는 작품과 관련이 없습니다.

이 프로젝트에서는 Adobe Illustrator에서 만든 선 아트를 After Effects로 가져와 외부 광선과 내부 광선 레이어 스타일, 간단한 표현식, 뒤틀기 노이즈 효과를 함께 사용하여 벽돌 벽에서 깜박거리며 빛나는 네온 튜브로 만드는 방법을 살펴봅니다.

After Effects에서 레이어로 구성된 아트웍을 설정합니다. 표준 작업 영역으로 이동하고 파일 > 가져오기 > 파일을 선택한 다음 레이어로 구성된 Illustrator 로고 디자인을 컴포지션 - 레이어 크기 유지로 가져옵니다. 컴포지션을 열고 컴포지션 > 컴포지션 설정을 선택합니다. 설정 대화 상자에서 비교적 짧은 지속 시간을 설정(예: 5:00)하여 테스트 시 렌더링 시간을 줄입니다. 각 레이어를 별도로 사전 구성합니다. 단, 이 예시에서 세 개의 Eye 레이어처럼 동시에 작동하는 레이어는 제외합니다. 레이어를 그룹으로 선택하고, 레이어 > 사전 구성을 선택합니다. 나중에 이 사전 구성 레이어를 복사해야 하므로 지금 각 레이어에 고유한 색상을 할당합니다. 각 레이어의 색상 칩을 마우스 오른쪽 버튼으로 클릭하고 메뉴에서 레이어의 고유한 색상을 선택합니다.

neon-glow-effect-step1

사실적인 광선 효과를 만들려면 세 개의 선 스타일, 즉 조명 효과를 위한 넓고 페더가 적용된 외부 광선, 중간 폭의 광선을 위한 이 위의 또 다른 외부 광선, 네온 튜브 가운데가 가장 밝고 가장자리가 가장 어두운 후광 같은 광선을 시뮬레이션하기 위한 맨 위의 외부 광선이 필요합니다. 모든 사전 구성 레이어를 드래그하여 선택하고 두 번 복제합니다(편집 > 복제). 위에서 아래 순으로 _Tight, _Medium, _Wide를 그룹화된 레이어 이름 뒤에 추가합니다. 광선은 검은색 배경에 있을 때 가장 빛나므로 단색 레이어(레이어 > 새로 만들기 > 단색)를 하나 만들어 맨 아래에 배치합니다. 이 레이어를 마우스 오른쪽 버튼으로 클릭하고 안내선 레이어를 선택합니다. 그러면 검정 단색 레이어는 테스트용으로만 사용되며, 나중에 이 뒤에 벽돌 벽이 추가되면 최종 컴포지션에서 보이지 않게 됩니다.

neon-glow-effect-step2

외부 광선을 추가하려면 Body_Wide를 마우스 오른쪽 버튼으로 클릭하고 메뉴에서 레이어 스타일 > 외부 광선을 선택합니다. 타임라인 패널에서 외부 광선 설정을 확장하고 예시를 따라 혼합 모드, 불투명도, 색상, 스프레드 및 크기 값을 변경합니다. 이 외부 광선 레이어 스타일을 선택하고 클립보드에 복사합니다(편집 > 복사). 다른 두 개의 Body 레이어와 다른 두 개의 Wide 레이어를 선택하고 편집 > 붙여넣기를 선택하여 변경 내용을 적용합니다. 밖을 클릭하여 모두 선택 해제합니다. 정확히 동일한 광선의 복사본이 많으므로 Body_Tight의 외부 광선 크기를 크게 낮추고(예: 15) Body_Medium의 외부 광선 크기를 약 반으로 낮춥니다(예: 100). 다른 Wide 레이어의 외부 광선 색상을 해당 선 아트 색상에 맞게 변경합니다. 이제 Body_Tight와 Body_Medium의 외부 광선 설정을 복사하고 Eyes 및 Moon의 해당 레이어에 붙여넣어 일치하는 색상으로 업데이트합니다.

neon-glow-effect-step3

이제 내부 광선을 추가합니다. Body_Tight를 마우스 오른쪽 버튼으로 클릭하고 레이어 스타일 > 내부 광선을 선택합니다. 타임라인 패널에서 내부 광선 설정을 확장하고 예시를 따라 혼합 모드, 불투명도, 색상(FFFFFF), 소스, 경계 감소 및 크기 값을 변경합니다. 이 선 스타일을 모든 Tight 레이어에 적용합니다. Moon_Tight에서 혼합 모드는 선형 닷지를, 불투명도는 낮은 값을 설정하면 더욱 나아집니다. 결과가 마음에 들 때까지 내부 광선 또는 외부 광선을 조정합니다. 전체 해상도로 미리 보고 광선을 정확히 확인합니다.

neon-glow-effect-step4

이제 네온 깜박임을 만들어 봅니다. Medium 레이어 중 하나를 선택하고 불투명도 설정을 표시합니다(T 누름). Option/Alt 키를 누른 상태에서 불투명도 초시계 아이콘을 클릭합니다. 표현식 필드에서 “transform.opacity”를 wiggle(50,10)으로 교체한 다음 밖을 클릭합니다. 이 불투명도 설정을 클립보드에 복사하고 다른 두 개의 Medium 레이어에 붙여넣습니다. 재생 헤드를 스크러빙하면 빨간색 불투명도 값이 끊임없이 바뀌면서 약간의 깜박임 효과가 만들어집니다.

neon-glow-effect-step5

섬세한 네온 플라스마 효과는 룩을 더욱 돋보이게 만듭니다. Moon 사전 구성 레이어를 열고 효과 및 사전 설정 패널에서 뒤틀기 노이즈 효과를 Moon 레이어로 드래그합니다. 예시를 따라 프랙탈 유형, 명도, 복잡도, 불투명도 및 혼합 모드 값을 변경합니다. 재생 헤드를 컴포지션의 시작 부분으로 옮기고 진행의 키프레임을 설정한 다음 재생 헤드를 끝부분으로 옮기고 진행의 키프레임을 36 회전수(및 0도)로 설정합니다. 미리 보기를 통해 약간 진동하는 네온 플라즈마 효과가 추가되었는지 확인합니다. 이 레이어를 선택 해제하고 다시 선택한 다음 뒤틀기 노이즈 효과를 클립보드에 복사합니다. 다른 사전 구성을 열고 재생 헤드를 0으로 옮긴 다음 이 효과를 붙여넣습니다. 여러 레이어로 구성된 Eyes 사전 구성의 경우 각 레이어를 드래그하여 선택한 다음 이 효과를 붙여넣습니다. 노란색에서 복사된 불투명도 설정이 다른 색상에 비해 너무 많을 수 있습니다. 파란색의 불투명도를 낮춥니다(예: 15%).

neon-glow-effect-step6

네온사인은 검은색 배경에서 가장 빛나지만 벽돌 벽에 달려있는 경우도 많습니다. 벽에 네온사인을 합성하려면 기본 로고 컴포지션을 마우스 오른쪽 버튼으로 클릭하고 선택 영역으로 새 컴포지션 만들기를 선택합니다. 새 컴포지션에서 이 레이어를 복제하고 아래 레이어의 혼합 모드는 선형 라이트로, 불투명도는 50%로 설정합니다. 새 검정 단색 레이어를 만들고 컴포지션의 맨 아래에 배치합니다. 벽돌 벽 이미지를 가져와 검정 단색 레이어 위로 드래그하고 복제합니다. 상단 벽 레이어의 트랙 매트를 알파 매트로 설정하고 이 위에 있는 로고 레이어를 참조합니다. 그러면 이 로고 레이어의 가시성이 자동으로 꺼지므로 눈동자 아이콘을 클릭하여 가시성을 다시 켭니다. 벽의 채도가 너무 높으므로 아래에 있는 벽 레이어의 불투명도를 적절하게 낮춥니다(예. 10%).

neon-glow-effect-step7

사인에 네온 요소를 더 추가하려면 아트웍을 가져온 다음 마스터 로고 컴포지션에 추가하고 광선, 깜박임 및 네온 플라즈마 효과를 적용하면 됩니다. 새 아트웍에 얇은 선을 사용하려면 내부 광선 크기를 줄이고 아트웍의 외부 광선이 밋밋하다면 범위 설정을 약간 높이면 됩니다. 이렇게 하면 광선의 가운데와 바깥쪽 가장자리 사이에서 그라디언트를 제어할 수 있습니다. 마지막으로 사전 구성에서 네온 요소를 짧게 켜거나 끄면서 개성 있는 네온사인을 만듭니다. 예를 들어 Eyes 사전 구성을 열고 Right Eye Top 레이어를 20개 프레임으로 트리밍하여 오른쪽 눈동자가 깜박이게 만들 수 있습니다. 달도 잠시 꺼지도록 만들어 보십시오.

Adobe Stock을 통해 사진, 그래픽, 비디오, 템플릿 등 1억 개가 넘는 고품질의 로열티 프리 이미지를 사용하여 크리에이티브 프로젝트를 빠르게 시작할 수 있습니다. Adobe Stock에서 10개의 이미지를 무료로 다운로드하여 직접 경험해 보십시오.

09/02/2020

Adobe Stock 컨트리뷰터: danr13, sdecoret

이 페이지가 도움이 되었습니까?