Home   |   Login
 
[텍스트] 프라모델 스타일 텍스트
고유주소 : http://webagit.com/bbs/tb.php/photoshop1/2864
관련파일 :  webagit_plastic553.asl (5.7K)  -0 Point


553_36.jpg








#1. 텍스트 편집


①적당한 크기로 신규 캔버스를 생성(Ctrl+N)하고~ 백그라운드를 원하는 컬러or텍스쳐로 채워줍니다.
타입 툴로 ③원하는 문구or스펠링을 입력합니다.
사용되는 서체는~ 되도록 끝이 둥그스름하며 심플한 타입 사용을 권장합니다.


553_1.jpg




레이어 팔레트에 생성된 ①타입 레이어에 마우스 우 클릭>Rasterize Type선택하여 일반 레이어로 변환해줍니다.
플라스틱을 찍어낸 느낌이 나도록 서체를 다듬어줄 거랍니다.
셈세한 작업이므로 ②돋보기 툴로 ③편집할 영역을 적당히 클릭하여 확대해주세요.

 
553_2.jpg




원형 마퀴툴Shift키 누른채 ②번 보기와 같이~ 획이 끝나는 지점을 선택해주고

페인트통 툴로~ 선택 영역을 클릭하여 전경색으로 채워줍니다.
④번 결과물과 같이~ 매끄럽게 편집해주면 된답니다~

 
553_3.jpg




사각 마퀴툴로 ②글자 상단부도 선택>채색해줍니다.

 
553_4.jpg




캔버스를 원래 크기로 되돌려(Alt+Ctrl+0) 결과물을 확인합니다.
아래 결과물처럼~ 심플하고 매끄럽게 편집해주면 됩니다.

 
553_5.jpg



















#2. 플라스틱 연결판 만들기


백그라운드 레이어를 선택한 상태에서 ②쉐이프 툴중 모서리가 매끄러운 툴(Rounded Rectangle Tool)을 선택합니다.
반경 부분을(모서리의 매끄러움) 설정해준 다음 ④적당한 크기로 드래그 해주세요.
⑤쉐이프 레이어가 생성됩니다~

 
553_6.jpg




Fill 수치를 0%로 설정해주어 ②결과물을 투명하게 만들어준 다음~
레이어 스타일 > Stroke 실행합니다.

 
553_7.jpg




가운데 영역으로~ 10px 라인을 적용해주고 OK

 
553_8.jpg




아래 보기와 같이~ 쉐이프 레이어에 10px 라인이 생성되었습니다.

 
553_9.jpg




플라스틱 연결 라인을 그려주기 위해~ 가이드를 생성해주도록 하겠습니다.
View > New Guide
①가이드 생성 대화 상자가 오픈됩니다. 세로 가이드를 생성해주고 OK
포지션을 지정하지 않았으므로~ ②좌측에 생성되는데요~ ③이동 툴을 선택하고~ 원하는 위치로 드래그해줍니다.

 
553_10.jpg




일단 ①글자 사이 마다 ②적당한 여백을 두고~ 세로 가이드를 생성해주었답니다.
텍스트의 자간을 조정하기 위해 ③타입 레이어 선택하고 ④사각 마퀴툴로 ⑤조정할 텍스트를 선택해줍니다.
Ctrl키 누른 상태에서~ 키보드의 방향키를 이용해 원하는 위치로 이동시켜줍니다. (선택 영역 해제-Ctrl+D)

 
553_11.gif




아래 보기와 같이~ 가이드를 생성해주었습니다.

 
553_12.jpg




타입 레이어 아래로 ①레이어를 추가해줍니다.
브러쉬 툴 선택하고 ③3px 하드 브러쉬로 설정해준 다음 ④가이드를 따라 그려줍니다.
*가이드 숨기거나 다시 나타내기 : Ctrl+H

 
553_13.gif




레이어를 추가해주고~ ②10px 하드 브러쉬로 설정~
먼저 만들어준 외곽 테두리와 동일한 두께로 설정해주면 된답니다.
③번 보기와 같이~ 글자와 2~3px정도의 여백을 두고, 바깥쪽으로 드래그해줍니다.

 
553_14.jpg




굵은 라인을 그려준 결과물입니다.

 
553_15.jpg




①작업한 3개의 레이어를 Ctrl키 누른채로~ 다중 선택해준 다음 ②병합(Ctrl+E) 해줍니다.

 
553_16.jpg




사각 마퀴툴로~ 불필요한 부분을 선택 > 제거(Ctrl+X) 해줍니다.

 
553_17.gif




프라모델 스타일 기본 그래픽 작업이 완료되었습니다..

 
553_18.jpg



















#3. 텍스트에 입체적인 그래픽 효과 적용


본격적으로! 결과물에 시각 효과를 가미해보도록 하겠습니다.
텍스트 레이어 선택하고~ 레이어 스타일을 실행합니다.

 
553_18_2.jpg




아래 순서대로~ 레이어 스타일을 적용해주세요.
설정을 새로해준 부분은 붉은색or파란색으로 체크되어 있습니다.

 
553_19.jpg
 
553_20.jpg
 
553_21.jpg
 
553_22.jpg
 
553_23.jpg




효과가 각각 적용되는 과정입니다.
컬러변경 > 엠보스 효과1,2 > 안쪽 영역 섀도우 > 바깥 영역 섀도우

 
553_24.jpg




①번 결과물처럼~ 입체적인 플라스틱 효과가 적용되었답니다.
적용된 레이어 스타일을 카피하여~ 아래 위치한 레이어에도 적용해주도록 합니다.
②레이에 마우스 우 클릭 > Copy Layer Style
③아래 위치한 레이에 마우스 우 클릭 > Past Layer Style

 
553_25.jpg



















#4. 플라스틱 판에 입체적인 그래픽 효과 적용


 Layer 2 에도 글자에 적용된 스타일이 동일하게 적용되었습니다.
①글자와는 두께가 다르기 때문에 입체감이 덜합니다.
적용된 레이어 스타일을 편집해보도록 하겠습니다. ②레이어 더블 클릭~

 
553_26.jpg




아래 예제와 같이~ 레이어 스타일을 편집하도록 합니다.
기존 설정에서 변경된 사항은 빨간색으로 표시되었습니다.

 
553_27.jpg
 
553_28.jpg
 
553_29.jpg
 
553_30.jpg




아래 결과물과 같이 완성되었습니다.

 
553_31.jpg



















최종적으로~ 사이즈 교정하여 마무리 짓겠습니다.
사이즈를 축소해야 하는 경우 ①마퀴 툴로 ②조정할 영역 선택 > Ctrl키 누른 상태로! 키보드의 방향키를 이용해 원하는 위치로 이동~

 
553_32.gif




사이즈를 늘려줘야 하는 경우에는~
Shift키 누른 상태로! 조정할 영역을 다중 선택해준 다음
Ctrl키 누른 상태로! 키보드의 방향키를 이용해 원하는 위치로 이동~

 
553_33.gif




여백이 생긴 부분은~ 마퀴 툴로 선택하고~ 채색해주면 됩니다.

 
553_34.gif









최종 결과물입니다.
 
553_35.jpg




강좌에서 적용된 스타일은~ 해당 페이지 상단에 첨부되어 있으니 참조하여 좋은 작품 만들어 보세요!

 
553_36.jpg




Tag: 포토샵강좌,텍스트디자인,타이포,글자디자인,글자효과,플라스틱,프라모델,입체글자,엠보싱,엠보스,젤리
 
 

000