일러스트 스케치 효과 - illeoseuteu seukechi hyogwa

일러스트레이터

일러스트레이터 효과 Effect Gallery

일러스트레이터 효과

Effect Gallery 

일러스트 스케치 효과 - illeoseuteu seukechi hyogwa

포토샵효과로 각각의 메뉴를 클릭하여 각각의 항목을 선택하여 사용할 수 있고

효과갤러리를 선택하여 브러쉬선, 스케치효과, 스타일화, 예술효과, 왜곡, 텍스처를

한번에 볼 수있는 대화상자를 열어 사용함에 편리를 더 할 수 있습니다

△ 효과갤러리 대화상자

각 메뉴를 클릭하면 메뉴에 대한 항목이 나오고

항목에대한 옵션을 통해 효과를 조절하여 적용함

*

미리보기 화면 조절 -왼쪽하단 아이콘

원본보기 -오른쪽 하단 눈아이콘 클릭

△ 효과명 옆▼를 클릭하면

위와같이 효과항목이 자모음 순서(영문 -알파벳순서)로

나열되어 있어 한번에 모든 효과항목을 확인 할 수 있고

△ 상단 화살표 아이콘을 클릭하여 효과 항목은 숨기고

미리보기창을 확대하여 볼 수 있다 

브러쉬 선 Brush Strokes

각진선 -대각선 형태의 획을 사용하여 페이팅

강조된 가장자리 -이미지의 가장자리 강조

그믈눈 -원본 이미지의 세부사항은 유지하고 연필효과의 텍스처를 추가하여

영역의 가장자리를 거칠게 함

뿌리기 -에어브러시로 뿌리는 효과

수미-에 -가장자리가 검정으로 약간 흐리게 나타나는효과

스프레이 선 -이미지의 주요 색상을 사용하여 비스듬한 스프레이 획으로 칠함

어두운 선 -검정에 가까운 이미지의 어두운 영역은 짧게 밝은 영역은 흰색의 긴획으로 칠함

잉크윤곽선 -원본 세부사항위에 펜과 잉크 스타일을 사용하여 정밀한 선으로 다시 나타냄

스케치효과 Sketch

가장자리 찢기 -이미지 가장자리에 찢어진 효과를 주고 검정색과 흰색을 사용하여 이미지에 색을 입힘

그래픽 펜 -가는 검정 잉크획과 흰 종이를 사용하여 원본 이미지 색상을 바꿈

도장 -나무 또는 고무도장으로 찍은 것처럼 보이도록 이미지를 단순화

망사효과 -망사모양을 나타냄

메모지 -그레인 효과와 엠보싱 모양을 결합하여 나타냄

목탄 -포스터화와 문지르기효과가 나타나도록 검정색으로 칠해지고 종이는 흰색으로 칠해짐

물종이 -젖은 종이위에 페인팅하여 물감이 흘러 섞이는 것처럼 보이게 함

복사 -크고 어두운 영역은 가장자리 주위로 복사, 중간 색조는 검정 또는 흰색으로 표시

분필과 목탄 -목탄은 검정색으로 그려지고 분필은 흰색으로 그려짐

석고 -석고로 만든것처럼 나타내고 검정색과 흰색으로 색을 입힘

크레용 -어두운 영역은 검정식,밝은 영역은 흰색을 사용하여 텍스처 복제

크롬 -이미지를 광택있는 크롬표면처럼 처리

저부조 -이미지를 저부조로 조각한 것처럼 나타냄

하프톤 패턴 -연속적인 색조 범위는 유지하면서 하프톤 스크린효과를 시뮬레이션함

스타일화 Stylize

가장자리 광선효과 -가장자리 색상을 강조하고 네온과 같은 광선을 추가

예술효과 Artistic

거친파스텔효과 -컬러 파스텔 분필로 획을 그린것처럼 보이게함

네온광 -다양한 종류의 광선을 추가

드라이브러시 -이미지의 가장자리를 드라이브러시 기법으로 칠함

문지르기 효과 -대각선 형태의 획을 사용하여

이미지의 어두운 영역을 문지르거나 늘여서 이미지를 부드럽게 보이게함

색연필 -색연필을 사용하여 단색 배경에 이미지를 그림

수채화효과 -수채화 스타일로 이미지를 칠함

스폰지 -스폰지를 칠한 것처럼 나타냄

언더페인팅 효과 -텍스처가 스며든 배경에 이미지를 페인팅한다음 그위에 최종 페인팅함

오려내기 -색종이에서 대충 오려낸것처럼 나타냄

팔레트나이프 -엷게 페인팅한 캔버스와 같은효과

페인트덥스 -다양한 브러시크기와 유형을 선택하여 회화적인 효과낼 수 있음

포스트가장자리 -설정한 값에 따라 이미지의 색상 수를 줄이고

이미지의 가장자리를 찾아 검정선으로 그림

프레스코 -짧고 둥근획을 사용하여 이미지를 거칠게 칠함

플라스틱포장 -플라스틱처럼 힙혀서 세부사항을 두드러지게표현

필름그레인 -이미지에 고른 패턴을 적용

왜곡Distort

광선확산 -확산 필터를 통해 보이는 것처럼 이미지 렌더링

바다물결 -간격이 일정하지 않은 물결을 아트웍에 추가

유리 -서로다른 유형의 유리를 통해 보는 것처럼 이미지를 나타냄

텍스처Texture

균열 -고부조의 석고표면 위에 이미지의 윤곽선을 따라 가는 균열을 만듬

그레인 -여러종류의 그레인을 시뮬레이션하여 이미지에 텍스처추가

모자이크타일 -작은조각이나 타일로 구성된것처럼 나타냄

채색유리 -전경색을 사용하여 윤곽선이 그려진 단색의 인접셀들로 이미지를 다시 페인팅

텍스처화 -텍스처를 이미지에 적용

패치워크 -사각형으로 이미지를 분할

스케치 느낌의 포토샵 아웃라인 텍스트 효과 만들기

 

보통 디자인 제작전에 간단한 스케치를 통해 윤곽을 잡는 작업을 하는데요. 완성된 디자인은 아니지만 그 나름대로 특색있는 모습이 만들어집니다. 오늘 소개해드릴 포토샵 강좌는 레이어스타일, 브러쉬, 블러 필터를 이용하여 아웃라인 스케치 텍스트 효과를 만드는 방법을 소개해 드리겠습니다. 손으로 스케치한 느낌의 텍스트를 임의로 만들어 볼수 있는 방법입니다. 생각보다 많이 사용되는 기법이니 지루하더라도 꼭 한번 따라해보세요.~

포토샵 CS6으로 강좌를 만들었지만 CS3까지는 무리없이 제작이 가능합니다.

아래 폰트를 이용하여 강좌를 진행하겠습니다. 미리 다운받아서 설치해주세요.

Step 1

1000 X 500 픽셀의 새 캔버스를 만들어 준후 #d7c7a8로 채워주세요.


다운받은 "Fetica" 폰트로 350픽셀의 블랙색상의 텍스트를 만들어 줍니다.

레이어창에서 작성한 텍스트의 Fill 값을 0으로 만들어 줍니다.

일러스트 스케치 효과 - illeoseuteu seukechi hyogwa

Step 2

텍스트 레이어를 더블클릭하면 레이어 스타일창이 열립니다. Bevel and Emboss를 선택하고 Depth:103, Global Lights box 채크 해제, Angle:170, Altitude:32, Highlight Mode Opacity:0, Shadow Mode Opacity:74로 설정합니다.  잘 모르실 경우엔 하단 이미지를 참조해서 설정을 합니다.

 아래 이미지 처럼 효과가 나왔으면 정상적으로 적용되신 거에요.~

Step 3

텍스트 레이어를 복사합니다.

(쉬원 복사 방법은 텍스트 레이어를 마우스로 드래그하여 "새레이어 만들기" 아이콘에 가져가면 복사가 됩니다.)

복사한 레이어를 대각선으로 5픽셀 정도로 이동시키겠습니다. 키보드 방향키 위쪽키를 5회 누르고 왼쪽 화살표키를 5회 누르면 정확히 대각선 5 픽셀 지점으로 이동됩니다.

Step 4

복사된 레이어를 더블 클릭하여 레이어 스타일창을 열고  Bevel and Emboss의 수치를 아래와 같이 넣어줍니다.

아래 이미지처럼 만드셨다면 잘 되신거에요.~

Step 5

레이어 최상단에 새로운 레이어(레이어명 : 수직)를 만든후 브러쉬 도구 선택하여 1픽셀, 전경색 블랙으로 설정합니다.

마우스 버턴을 누르고 Shift키를 누른 상태에서 브러쉬를 드래그하면 직선을 그릴수 있습니다. 수직레이어에서 텍스트 위로 향하는 수직라인과 동일하게 수직으로 선을 그려줍니다.

수직레이어를 선택후 Filter -> Blur -> Motion Blur / Angle:90 / Distance:29 수치로 모션블러 효과를 줍니다.

Step 6

같은 방식으로 수평 블러 효과를 만들어 보겠습니다. "수평" 이라는 새 레이어를 만들어주세요.

수평 방향으로 가는 라인을 1픽셀의 브러쉬로 그려줍니다. (아래 이미지 참조)

수평 레이어를 선택후 Filter -> Blur -> Motion Blur / Angle:90 / Distance:29 수치로 모션블러 효과를 줍니다.

Step 7

Shift키를 누른상태에서 모든 레이어를 선택합니다. 단축키 Ctrl+E를 눌러 모든 레이어를 병합합니다.

텍스트에 필터를 적용해보겠습니다. Filter -> (Filter Gallery) -> Brush Strokes -> Spatter로 이동하여 Spray Radius : 4 /  Smoothness: 15 수치를 입력하여 필터효과를 적용합니다.

아래와 같이 좀 지저분한 느낌의 텍스트가 만들어졌으면 올바르게 효과가 적용된거에요.

종이 질감을 만들어 보겠습니다. Filter -> (Filter Gallery) -> Texture -> Texturizer 선택후 Scaling : 67 / Relief : 3 / Light : Top Right 를 입력합니다.

아래와 같이 종이질감 효과가 적용되셨다면 다음 단계로 넘어가셔도 좋습니다.

마지막으로 자연스러운 텍스트를 만들기 위해 노이즈를 추가해 보겠습니다. Filter -> Noise -> Add Noise를 선택후 Amount : 3 / Gaussian button, Monochromatic box를 채크한후 적용합니다.

Final

모든 과정이 완료되었습니다. 생각보다 어렵지 않으셨을 꺼에요. 난이도도 30분정도면 완성할 만큼 쉬운편에 속합니다. 텍스트 효과를 만들면서 좀 아쉬웠던 점은 다른 액션이나 효과에 비해 재사용이 안되고 글자가 많을수록 노가다 작업이 될수 있는데요. 그래도 스케치 텍스트라는 특이한 효과를 디자인에 넣을수 있다는점은 유용할것 같습니다.