Neon Sign Effect Illustrator & Photoshop Tutorial

어때요? 스콘 그래픽스의 Chris가 다시 한 번 비디오 튜토리얼로 돌아갑니다 오늘 우리는 Adobe Illustrator의 힘을 사용하여 밝은 네온 사인 효과를 만들 것입니다

및 어도비 포토샵 Photoshop에서만 전체 아트웍을 구성 할 수 있지만 Illustrator에서는 벡터 모양 구축 기능으로 초기 레이아웃을 생성하는 데 유용한 도구입니다 Photoshop이 실제로 빛을 발하는 곳은 구성 할 수있는 다양한 레이어 스타일 옵션입니다 생생한 조명 효과를 만들어 현실감 넘치는 조명을 표현할 수 있습니다 네온 사인 실제 네온 사인은 구부러진 모양의 유리관으로 만들어 지므로 우리의 네온 사인 삽화의 리얼리즘은 라인 워크가 창조 될 수있는 출발점이 될 것입니다

겹치지 않는 각 세그먼트의 끝점 실제 네온 사인의 사진은 거의 보이는 튜브에서 강렬한 밝기를 보여줍니다 흰색이지만 생생한 색상의 주변 광선이 있습니다 이것은 Photoshop의 내부 광선, 외부 광선 및 그림자 효과를 사용하여 복제됩니다 Adobe Illustrator를 열어 새 문서를 만들고 시작합니다 픽셀 단위와 RGB 색상 모드를 사용하고 있지만 문서 크기는 중요하지 않습니다 너무 많은

선 도구 메뉴 그룹에서 나선형 도구를 선택하고 기본값을 지 웁니다 흰색 채우기 나선 모양을 드래그하는 동안 커서 키를 사용하여 컬 수를 줄입니다 그래서 나선형은 거의 완벽한 원입니다 CMD 키를 누른 상태에서 시작점과 끝점이 매우 가깝도록 모양을 드래그하십시오

이동 도구로 전환하고 모양을 수직으로 스쿼시하고 재배치하여 나타냅니다 칵테일 잔의 상단 획 패널에서 가중치를 약 6pt로 올린 다음 라운드 캡 옵션을 선택합니다 펜 도구를 선택하고 나선형의 열린 끝을 클릭하여 경로를 계속 진행하십시오 마우스를 놓기 전에 베 지어 핸들을 드래그하면 부드럽게 패스를 계속할 수 있습니다

곡선 점과 베 지어를 클릭하고 드래그하여 나머지 칵테일 글래스 프로파일을 그립니다 핸들 유리 모양의 아래쪽 중간 지점에서 멈 춥니 다 스마트 가이드를 사용하도록 설정하면 센터 라인에 스냅 할 수 있습니다

직접 선택 도구를 사용하여 새로운 포인트를 선택하고 CMD + C를 눌러 복사합니다 CMD + F를 앞에 붙여 넣습니다 이 패스를 뒤집어 다른쪽에 배치하려면 [오브젝트]> [변형]> [반사]로 이동하십시오 유리의 위치를 ​​변경하여 유리의 전체 모양을 조정하십시오 필요한 경우 가리 킵니다

네온 효과의 주요 특징 중 하나는 튜브가 어떻게 될지 모방하기 때문입니다 실제 네온 사인으로 형성된 경로는 명확한 출발점과 끝점을 가질 필요가 있습니다 중복 가위 도구를 사용하여 오른쪽 위 영역의 경로를 잘라내어 삭제하십시오 간단한 요소와 같은 몇 가지 추가 요소로 칵테일 글래스 기호를 계속 구성하십시오

과일 한 조각을 나타내는 원형 겹침 경로를 방지하기 위해 가위 도구가 다시 필요합니다 교차로 전후의 유리 경로와 과일 경로를 모두 잘라냅니다 작은 공간, 원치 않는 부분을 삭제하십시오 직선이있는 짚 모양을 그리려면 몇 점을 클릭 한 다음 효과> 스타일로 이동하십시오

> 둥근 모서리를 사용하여 날카로운 모서리를 구부리십시오 미리보기를 토글하고 적절한 반경 (예 : 40px)을 선택하십시오 그런 다음 Object> Path> Offset Path로 이동하십시오 약 7-10 픽셀을 입력하여 평행선을 만듭니다 객체> 모양 확장으로 이동하여 효과를 영구 적용하면 원래 경로를 삭제하십시오

이 밀짚 모양은 연속적인 윤곽선이며 다른 경로와 겹치기 때문에 더 많은 가위가 있습니다 작업이 필요합니다 끝을 잘라서 삭제 한 다음 맨 끝을 닫고 펜 도구 오브젝트> 스타일> 둥근 모서리로 이동하여 더 작은 반지름을 8px 정도만 적용하면됩니다 미묘하게 둥근 끝의 모서리를 둥글게 말아라

가위 도구를 사용하여 교차하는 경로를 분할하여 작은 간격을 남깁니다 그들 사이에 유리 또는 짚 형태의 절단 여부에 따라 그림에 하나의 요소가 다른 요소 내부에 들어가는 것처럼 보이는 깊이의 환상 기호 아트 워크를 완성하려면 원하는 단어로 텍스트 요소를 추가하십시오 필자의 예에서는 이탤릭체로 굵은 글꼴을 선택하십시오

마우스 오른쪽 버튼을 클릭하고 윤곽으로 변환을 선택하십시오 기본 검정색 칠을 획으로 전환하고 동일한 6pt 가중치로 설정하십시오 라운드 캡 및 코너 옵션 텍스트를 확대하고 가위 도구를 사용하여 작은 글자를 잘라서 각 글자를 처리하십시오 각 모양은 개방형 경로로 생성됩니다

단지 몇 픽셀의 둥근 모서리 효과를 추가하면 하드 모서리가 제거됩니다 보다 현실적인 결과를 얻을 수 있습니다 Object> Transform> Shear로 이동하여 Shear Angle 옵션에서 10도를 입력 한 다음 기호 구성 내에서 텍스트의 크기를 조정하고 배치하십시오 가위 도구를 다시 사용하여 겹침을 수정하면 전체 삽화가 시리즈로 만들어집니다 교차하지 않거나 만지지 않는 선

Shift 키를 누른 상태에서 이동 도구를 사용하여 특정 색상의 모든 요소를 ​​추가합니다 선택에 획 색상을 특정 견본으로 변경 한 다음 CMD + X를 눌러 이러한 요소를 자릅니다 새 레이어를 추가하고 CMD + F를 눌러 다시 붙여 넣습니다 각 색상의 다음 경로 선택과 동일한 작업을 각자의 레이어에 추가하십시오

디자인이 완료되면 오브젝트> 다른 이름으로 내보내기로 이동하십시오 PSD를 선택한 다음 레이어 쓰기 옵션이 선택되어 있는지 확인하십시오 나중에 편집 할 수 있도록 Illustrator 파일의 복사본도 저장해야합니다 필요하다 프로세스의 두 번째 단계는 새로 생성 된 PSD 파일을 사용하여 Photoshop에서 수행됩니다

자르기 도구로 캔버스를 확대하여 추가 공간을 제공 한 다음 배경을 검정색으로 채우십시오 아트웍의 각 컬러 세그먼트가 별도의 레이어에 표시됩니다 네온 사인 아트웍의 배경으로 사용하기 위해 벽돌 벽 텍스쳐를 엽니 다 CMD + A로 모두 선택, CMD로 복사 + C, CMD + V로 붙이기, CMD + T로 변형 및 크기 조절, CMD + Shift + U로 채도가 떨어집니다 바로 가기가 CMD + L 인 레벨 도구를 사용하여 끌어서 텍스처를 어둡게합니다

흰색 출력 레벨이 안쪽으로 슬라이딩됩니다 여전히 미묘하게 보이도록 벽돌을 충분히 보관하십시오 활기찬 네온 발광은 레이어 스타일의 '칵테일'에 의해 만들어집니다 상단 레이어를 두 번 클릭하고 내부 광선으로 시작하십시오 같은 출발점에서 작업하기 위해 기본값으로 재설정을 클릭하십시오

블렌딩 모드를 Linear Dodge로 변경하고 불투명도를 100 %로 한 다음 Center를 확인하십시오 원본으로 사용하고 슬라이더를 약 7-10 픽셀로 이동하여 원본의 일부만 남겨 두십시오 튜브의 가장자리 주위에 색이 바래다 다음에 외부 광선을 추가하십시오 기본값으로 재설정 한 다음 설정을 오버레이로 변경합니다

크기는 약 100 %이고 불투명도입니다 약 75 % 정도만 부드럽게 빛나는 튜브에서 단단한 가장자리를 취할 수 있습니다 주광색의 광선은 그림자 효과를 사용하여 생성됩니다 기본값으로 재설정 한 다음 설정을 선형 닷지로 변경하고 일치하는 색상을 선택하십시오 튜브의 원래 색 불투명도를 극대화 한 다음 크기를 0으로 거리를 약 24 픽셀까지 늘립니다

라인 주위 작은 색깔의 광선 드롭 섀도우 효과 옆에있는 작은 플러스 아이콘을 클릭하여 다른 레이어를 겹쳐서 표시합니다 이번에는 Size를 약 150px로 늘려 더 빛을 내 보냅니다 이 두 가지 효과를 겹치게하면 강도를 잃지 않고 분위기를 넓힐 수 있습니다 튜브에

다른 드롭 섀도우를 추가하지만 이번에는 기본값으로 재설정하십시오 미묘한 추가를 위해 거리 및 크기가 10px 인 검정색 오버레이로이 설정을 구성하십시오 튜브 음영 불투명도를 약 50 %로 설정하십시오 다른 레이어에 동일한 레이어 스타일 효과를 추가하지만 두 레이어의 색상을 변경합니다

각 컬러 튜브에 대해 정확한 앰비언트 글로우를 생성하는 그림자 벽돌 텍스처 위에 새 레이어를 추가하고 부드러운 브러시 끝을 설정합니다 각 네온 튜브와 거의 일치하는 색상을 선택하고 그리고 각 모양 주위에 이 레이어의 혼합 모드를 Soft Light로 변경하고 불투명도를 약 40 %까지 줄입니다 글로우 효과에 더 많은 활력을 불어 넣어줍니다

문서를 확대하고 새로운 레이어를 추가하십시오 튜브 중 하나의 끝에 작은 원을 그려 검정색으로 채운 다음 추가합니다 최대 깊이의 베벨 및 엠 보스 레이어 스타일 이동 도구의 ​​자동 선택 옵션을 해제하여이 단계를 더 쉽게 수행 한 다음 ALT 키를 누르면 일련의 복제물을 드래그하여 각 네온 끝에 각각 하나씩 배치 할 수 있습니다 튜브

이 단계는 접지를 통해 사실감을 약간 향상시키는 데 도움이되는 멋진 마무리입니다 각 튜브를 배경으로 아마도 벽돌 벽면에서는 실제처럼 보이지 않을 지 모르지만, 전반적인 효과 최종 결과는 다채로운 네온 빛의 네온 사인 효과입니다 교차 또는 교차하지 않는 선 작업으로 아트웍을 구성 할 시간 확보 실제와 비슷한 모양을 나타내는 믿을 수있는 네온 사인 디자인을 제작하는 데 도움이됩니다

기호 디자인 그런 다음 Photoshop에서 이러한 모양을 형광등으로 밝히면 단계별로 활력을 불어 넣습니다 튜브 따라서이 튜토리얼을 즐겁게 또는 새로운 것을 배웠다면 튜토리얼 엄지 손가락 채널을 구독하여 더 많은 것을 검색하고 스푼 그래픽에 메일 링리스트에 가입하십시오

내 자유 디자인 리소스 번들에 손을 넣고 싶다면 항상 시청 해 주셔서 대단히 감사 드리며 다음 번에 보게 될 것입니다