NEON EFFECT Illustrator Tutorial (NEW TECHNIQUE)

네온 벡터 링을 디자인하여 자신을 둘러싸고 연주하는 방법을 배웁니다 쉽게 따라 할 수있는 단계는 먼저 우리 자신의 이미지를 Photoshop을 사용하여 어둡고 변덕스러운 분위기를 조성한 다음 이미지를 일러스트 레이터로 다시 가져와 네온 벡터를 추가합니다

링 효과 오늘날의 튜토리얼은 단계별 프로세스와 단계별로 따라하기 쉽습니다 Photoshop에서 이미지를 만드는 과정을 건너 뛰고 싶습니다 모퉁이의 시간표 그러나 나는 당신이 첫 번째 부분을보아야한다고 제안한다 왜냐하면 당신은 숙련 된 이미지를 어둡게 만드는 방법에 대한 깔끔한 기술을 배웁니다 당신이 고품질의 해상도 이미지를 사용하고 싶고 내 방식이 마음에 들지 않습니다

훌륭한 오늘은 내 DSLR에서 자동 초점을 켜는 것을 잊었다 비트 픽셀 화 된 레이어를 먼저 두 번 클릭하여 잠금을 해제 한 다음 명령 또는 ctrl J를 추가하여 비파괴 워크 플로우에 대한 레이어를 복제합니다 컬러 밸런스 조정 레이어와 트릭은 여기에 이미지를 가져 오는 것입니다 밝고 따뜻한 색조에서 차가운 색조의 더 종류 설정을 할 때까지 다른 조정 레이어를 추가하지만 이번에는 채도 현재 우리가 사용하려고하는 작은 비트 세 번째 조정 레이어는 우리가 밝기를 내리고 싶은 밝기와 대비 레이어 이 시점에서 세 개의 조정 레이어가 있어야하는 이미지 지우개 도구를 부드러운 브러시와 낮은 불투명도로 가져 와서 강조 할 Brennus의 일부와 명암 레이어를 제거합니다 이미지의 초점 이제 색상 팔레트에서 어두운 검정색을 취해서 전체 이미지는 우리가 원하는 작은 양만큼 레이어의 불투명도를 낮추는 것과 같습니다

이 모양을 래스터 화하여 실제로 편집하고 이번에는 지우개 도구를 한번 더 사용하면 어두운 형태의 중간을 제거 할 수 있습니다 약간 이것은 이미지에서 너 자신을 조금 더 드러 낼 것이다 주변 지역 너는 내 좋아하는보기 좋은 이미지로 끝내야한다 너 자신과 주변의 사물들을 볼 수있게되면 이 나중에 빛을 비추는 네온 벡터 링 Photoshop에서 JPEG로 이미지를 저장 한 다음 머리를 대면 정말 추가됩니다 다음 조종사가 똑바로 공중에있다

우리는 이제 네온 벡터 효과를 디자인 할 것입니다 튜토리얼의 각 부분을 단계별로 진행해야합니다 이미지를 열어 크기를 줄이면서 아주 작게 만들고 싶다 왜냐하면 오늘날 우리가 사용하게 될 효과는 상당히 많은 메모리를 사용하기 때문입니다 하지만 이미지를 너무 작게 만들지 않으려면 한 번 정확하게 고정하십시오 장소 우리는 흰색 색상의 획을 선택한 다음 L을 눌러 타원 도구 우리는 그것을 둘러싼 고리 모양을 만들 것입니다

직접 벡터 이미지 디자인에서 자신을 눌러 F 직접 선택 반지 자체의 모양을 편집하는 도구지만 난 그냥 떠날거야 – 표준 도구 모음으로 이동할 너비 도구의 경우 Shift + W 키를 누릅니다 여기에 액세스하면 반지의 일부를 만들 수있는 매우 중요한 단계입니다 카메라에 가장 가깝게 두꺼운 다음이 부분을 멀리합니다 희석제는 사실감과 3D 효과의 환상을 선사합니다 이미지에 링을 완벽하게 배치하려고합니다

우리는 나중에 그 부분을 잘라 버릴 것이지만, 먼저 네온을 추가 할 것입니다 모양 패널을 사용한 효과 이제 실제로 튜토리얼을 만들었습니다 월요일에 외관 패널에 대해 그렇게하지 않으 셨다면 확인하고 싶습니다 오른쪽 상단에 카드가있다 지금 나는 벡터 스트로크를 돌릴 반지의 스트로크에 선을 긋는다

벡터 모양 모양 패널에 추가 할 첫 번째 효과는 바깥 쪽 광선은 블렌드 모드를 정상으로 만든 다음 원하는 색상을 선택합니다 미리보기 상자가 선택된 상태에서 오늘은 내 디자인에 분홍색으로 갈 것이지만 보트를 뜨는 무엇이든 선택할 수 있습니다 다음으로 외부 광선 효과를 강화하여 새 채우기를 추가하고 다른 채우기 아래에 끌어 놓습니다 모양 패널의 레이어 당신이 빛나고 적용해야하는 것과 같은 색깔의 느낌으로 그 충만에 대한 가우시안 흐림 미리보기 상자를 빠르게 선택하는 동안 여기에서 설정을 사용하여 연주하십시오 실제 동영상에 표시하는 것을 잊어 버린 팁은 사용자가 작은 흰색으로 채우기 흰색 레이어의 불투명도 80 %처럼 이제 일러스트 레이터에게 지우개를 챙기고 신중하게 네가 다시오고 있기 때문에 보이지 않을 네온 링이야

이제 다음 단계를위한 디자인의 사실주의가 더 나아질 것입니다 깔끔하고 사실적인 디자인을 만들기위한이 튜토리얼에서 가장 중요한 것들 펜 도구로 P를 누르고 네온 링이있는 곳의 몸체를 그린다 빛이 번쩍 번쩍 거리다 달걀이 움직여서 두려움에 치닫는다 그런 다음 가우시안 블러를 추가하십시오

모든 디자인 요소의 맨 앞에 네온 링을 가져온 다음 우리가 방금 투명성 창에 머리를 대고 혼합을 변경 한 모양 모드를 오버레이하거나 부드러운 빛으로 명령 또는 컨트롤 C로 복사 한 다음 붙여 넣습니다 명령이나 컨트롤 F를 사용하여 정확하게이 블렌드 모드를 다음 중 하나로 변경합니다 부드러운 빛 또는 당신이 지금 막 만든 첫 번째 선택에 따라 오버레이 당신이 볼 수 있듯이 조명 효과는 정말로 깔끔하고 실제적으로 보입니다 가우시안 블러를 사용하여 모양을 그리는이 방법은 이것을 여러 번하고 환자에게 인내한다면 디자인에 블렌드 모드를 사용하십시오 이런 식으로 끝날 수도 있지만 시간을 들이지 않으면 안됩니다

오늘의 자습서를 생각한다면 인내심을 갖고 설계 과정을 즐기십시오 유용하고 재미있는 소셜 미디어 에서이 동영상을 공유하고 같은 드롭 다운 아래에 의견을 남겨주세요 오늘 뭔가를 배웠고 더 많은 그래픽으로 내일 다시 확인하십시오 다음 번엔 당신의 미래를 오늘의 평화로 디자인 할 때까지 콘텐츠를 디자인하십시오

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

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