Join Find
KS Jade
조회 수 : 5917
2009.12.29 (17:19:50)

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키로 구멍을 만들어주고 마무리 합니다.

 

 

 

 

 

profile

NEWWEBPICK Korea Design Team Manager

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

2010.07.16 23:25:28
sean

쉽고 재밌는 강좌네요..감사합니다~

문서 첨부 제한 : 0Byte/ 1000.00MB
파일 제한 크기 : 1000.00MB (허용 확장자 : *.*)
Water II Photoshop Brushes by ~redheadstoc...
hit 5781 [08-17]
Floral Deco Brushes 2 by ~ro-stock ...
hit 3788 [08-13]
Dark Color Glitter Patterns by ~RiLuvsFluff...
hit 3683 [08-12]
Issue. 7 Business Design ...
hit 6665 [08-05]
Smoke Brush Set 1.2 by ~wiim ...
hit 3482 [08-05]
Diamond pngs by ~SzisszDL
hit 3780 [08-02]
Soft Glow Bokeh Pack by ~regularjane ...
hit 3693 [07-29]
grunge cracks by ~equilerex
hit 3688 [07-26]
Bubble brush set 1 by ~titoff77 ...
hit 4246 [07-21]
Navigation Jonathan Mazaltov ...
hit 2816 [07-19]
 
 

NWP Korea Sitemap

Design site of the Korean top for an inspiration

NWP
Copyright (c)2009 NEWWEBPICK KOREA, All Rights Reserved.
E-mail : contact@newwebpick.co.kr | Phone : 02 - 743 - 2665~7 | Fax : 02 - 743 - 2688