profile
Author : KS Jade

NEWWEBPICK Korea Design Team Manager

http://www.ksodesign.com/   |   enigma5685@naver.com

Number Plate

plate.jpg

 

완성된 결과물입니다. 자동차 번호판으로 문자나 외곽 테두리 부분의 볼드효과에 중점적으로 봐주세요.

 

 

 

 

ksjade_tuts_01.jpg

Step 1

먼저 625x350픽셀 사이즈에 도큐먼트를 만들어주세요.

 

 

 

 

 

ksjade_tuts_02.jpg

Step 2

배경을 넣었습니다. 레디알 그라디언트 툴을 선택하고 원하는 컬러를 선택해주세요.

 

 

 

 

 

ksjade_tuts_03.jpg

Step 3

위 그림처럼 정 가운데가 아닌 약간 한 방향으로 치우친 곳에서 드래그를 하여 배경을 만들어주세요. 

 

 

 

 

 

ksjade_tuts_04.jpg

Step 4

번호판이 될 판을 만들어 주겠습니다. Shape Tool을 선택하고 Fill Pixels 옵션을 선택한 뒤, Rounded Rectangle Tool에서

Radius 15px을 입력하고 약 560x290픽셀 사이즈 정도의 사각형을 그려주세요. 정확하지 않아도 상관없습니다.

 

 

 

 

 

 

ksjade_tuts_05.jpg

Step 5

필터효과를 주기전에 전경색 #dddddd / 배경색 #aaaaaa 를 선택하고 Filter > Noise > Add Noise 3%를 적용해주세요.

레이어 스타일을 적용하기 위해 레이어를 더블클릭해주세요. 

 

 

 

 

 

ksjade_tuts_06.jpg

Step 6

레이어스타일 창이 나타나면 Drop Shadow를 선택하고 Opacity를 적당히 줄여주세요.

 

 

 

 

 

ksjade_tuts_07.jpg

Step 7

다음, Bevel and Emboss를 선택하고 약하게 입체효과를 넣어줍니다.

 

 

 

 

 

ksjade_tuts_08.jpg

Step 8

새 레이어를 생성하고 번호 판 레이어의 섬네일을 Ctrl+클릭하여 영역을 활성화 시켜주세요.

 

 

 

 

 

ksjade_tuts_09.jpg

Step 9

생성한 새 레이어를 선택하고 Select > Modify > Contract를 클릭하고 5px을 입력한 뒤, OK를 눌러주세요.

선택한 영역 안쪽으로 5px줄여 색을 채워넣기 위함입니다.

 

 

 

 

 

ksjade_tuts_10.jpg

Step 10

새 레이어의 검정색으로 채워줍니다.

 

 

 

 

 

ksjade_tuts_11.jpg

Step 11

다시 한 번 Select > Modify > Contract 10px을 입력하고 OK를 눌러줍니다.

 

 

 

 

 

ksjade_tuts_12.jpg

Step 12

10px을 줄인다음, Delete키를 눌러 검정색 영역을 지워줍니다. 위 그림처럼 테두리에 검정색 띠가 형성되었습니다.

 

 

 

 

 

ksjade_tuts_13.jpg

Step 13

검정색 띠 레이어를 더블클릭하여 스타일 창을 불어온 뒤, Bevel and Emboss를 위 그림처럼 입력해주세요.

 

 

 

 

 

ksjade_tuts_14.jpg

Step 14

다음 Outer Glow를 선택하고 약하게 효과를 넣어줍니다.

 

 

 

 

 

 

ksjade_tuts_14-1.jpg

Step 15

레이어의 Fill 값을 0%로 줄여주면 볼록 효과는 마무리가 됩니다. 

 

 

 

 

 

ksjade_tuts_15.jpg

Step 16

위 그림처럼 테두리에 볼록 솟아 오른 모습입니다. 이번에는 문자를 입력하고 같은 방법으로 효과를 넣어보겠습니다.

폰트 선정은 끝이 부드러운 폰트를 선정해주시면 됩니다. 번호 판 문자가 길죽한 편이니 가로 사이즈를 줄여주면 되겠죠

 

 

 

 

 

ksjade_tuts_16.jpg

Step 17

원하는 문자를 입력한 뒤, 새 레이어를 생성하고 문자 레이어 아래로 위치를 옮겨 주세요. 다음 문자 레이어의 섬네일을

Ctrl+클릭으로 문자의 영역을 활성화 시켜줍니다.

 

 

 

 

 

ksjade_tuts_17.jpg

Step 18

Select > Modify > Expand 5px을 선택하고 OK를 눌러줍니다. 위 그림처럼 문자 바깥으노 5px이 넓어진 모습입니다.

 

 

 

 

 

ksjade_tuts_18.jpg

Step 19

위 그림처럼 새로 생성된 레이어에 컬러를 채워줍니다. 문자 컬러 톤에서 많이 밝은 컬러를 선택하면 됩니다.

마찬가지로 레이어스타일을 적용하기 위해 레이어를 더블클릭 해줍니다.

 

 

 

 

 

ksjade_tuts_19.jpg

Step 20

먼저 Bevel and Emboss를 선택하고 위 그림을 참조하여 옵션을 설정해주세요.

 

 

 

 

 

 

ksjade_tuts_20.jpg

Step 21

이번에도 Fill 값을 0%로 낮춰주면 효과가 완성됩니다.

 

 

 

 

 

ksjade_tuts_21.jpg

Step 22

여기까지 작업한 결과물입니다. 핵심은 모두 마친 상황입니다. 나머지 부분을 추가하여 마무리해보겠습니다.

 

 

 

 

 

ksjade_tuts_22.jpg

Step 23

손글씨 모양의 흘림체로 또 다른 문자를 넣어줬습니다.

 

 

 

 

 

ksjade_tuts_23.jpg

Step 24

번호 판을 달수있는 구멍을 만들기 위해 원형 마퀴툴을 선택하고 약 20px 사이즈정도로 형태를 만들어주세요.

 

 

 

 

 

ksjade_tuts_24.jpg

Step 25

배경레이어 위에 있는 번호 판 레이어를 선택하고 Delete키를 눌러 구멍을 내줍니다. 원형 마퀴툴은 옆으로 옮겨주세요

 

 

 

 

 

 

plate.jpg

Step 26

마찬가지로 Delete키로 구멍을 만들어주고 마무리 합니다.

 

 

 

 

 

Bookmark