Home   |   Login
 
[텍스트] 입체적인 텍스트 디자인4
고유주소 : http://webagit.com/bbs/tb.php/photoshop1/3819
관련링크 : http://webagit.tistory.com/9
관련링크 : http://webagit.tistory.com/112


605.jpg







#1. 텍스트 입체 효과


①원하는 타입으로~ 텍스처를 준비하여 오픈(Ctrl+O) 합니다.

(강좌에서 사용된 텍스처는 관련링크 참조하세요.)
레이어 팔레트 하단에 ②"그룹 추가" 아이콘을 클릭하여 ③그룹을 생성해주세요.

 
605_1.jpg







타입 툴을 선택하고 ②원하는 서체로 검정색 문구를 입력해줍니다.
글자에 변형을 가할 것이므로~ 텍스트 사이의 여백이 좁은 경우에는
③캐릭터 패널에서(Window > Character) 자간을 적당히 넓혀주도록 합니다.

 
605_2.jpg







①팔레트에 생성된 타입 레이어를 "레이어 추가" 아이콘으로 드래그하여 ②카피해주고
③카피된 레이어의 글자 색상을 흰색으로 변형해줍니다.

 
605_3.jpg







이동 툴을 선택하고 ②키보드의 화살표 키를 이용하여 위, 우측 방향으로 1px씩 이동시켜줍니다.

 
605_4.jpg







①결과물 레이어를 ②카피하고 ③동일한 방향으로 1px씩 이동!
원하는 높이만큼 레이어를 카피해가며~ 이동시켜주면 입체 효과가 형성된답니다.

 
605_5.jpg







5번 카피해주어 ②번 보기와 같은 두께를 형성해주었습니다.

 
605_6.jpg







생성된 타입 레이어중~ 최상단, 하단에 위치한 레이어를 제외한 ①중앙 부분 레이어를 Shift키를 누른채로 다중 선택해주세요.
타입 툴을 선택하고 ③글자 색상을~ 배경과 어우러지는 톤으로 변경해줍니다.
④글자 색상을 적용해주니~ 입체감이 확! 살아납니다.

 
605_7.jpg



















#2. 비스듬히 각도 변형하기


완성된 입체 글자를 조금 더 현실감이 들도록 변형을 가해줄 거랍니다.
여러 개의 타입 레이어(텍스트)들이 그룹에 속해 있기 때문에~ 그룹 통째로 동일 효과가 적용되게 됩니다.
그룹 폴더 앞부분의 ①화살표를 클릭하여 그룹을 닫아준 다음 ②스큐 변형 툴을 적용해주세요~
Edit > Transform > Skew

 
605_8.jpg







아래 예제와 같이~ 원하는 방향으로  비스듬하게 기울여주고 엔터!
*결과물이 마음에 들지 않는다 싶으면! 이전 단계로 복구한(Ctrl+Z) 다음~ 다시 시도해보세요.

 
605_9.jpg
 
605_10.jpg







강좌에서는 ①번 결과물처럼~ 좌측으로 비스듬히 변형해주었답니다.
레이어 스타일을 활용하여~ 완성도를 높여보겠습니다.
닫아 두었던 그룹의 화살표를 클릭하여 그룹을 오픈해주세요.
최하단에 위치한 타입 레이어를 선택하고 ③레이어 스타일 실행~

 
605_12.jpg



















#3. 스타일 적용


아래 예제 참조하여~ 보기 좋게 그림자 효과를 적용해주고 OK

 
605_13.jpg







①보기와 같이~ 글자 외곽에 섀도우가 적용되었습니다.
이번에는 ②최상단에 위치한 레이어 선택하고 ③레이어 스타일 실행~

 
605_14.jpg







명도를 적용하기 위하여~ 그라디언트 오버레이 효과를 가미해줄 거랍니다.
①그라디언트 설정란 클릭하여 ②반투명 그라디언트를 선택해주세요.
검정색이 아닌 경우~ 파란 동그라미로 표시한 컬러 스톱 양 쪽을 모두 블랙으로 설정해주면 됩니다.
각도 설정은 글자의 기울여진 방향에 따라~ 결과물을 봐가면서 적절히 설정해주세요.
④불투명도를 2~5%정도 최대한 낮추어주도록 합니다.

 
605_15.jpg







다음~ 아래 예제 참조하여 그림자 효과도 살짝 가미해주고 OK

 
605_16.jpg







자! 아래 결과물과 같이 기울여진 글자가 완성되었습니다.
미묘한 차이가~ 결과물의 퀄리티를 좌우합니다!!

 
605_17.jpg



















#4. 백그라운드 편집


배경 편집으로 마무리 짓도록 하겠습니다.
본 강좌에서는~ 화살표 방향으로 빛이 들어온다는 분위기로 변형,그라디언트등을 적용해주었습니다.
그러므로! 백그라운드 우측을 살짝 어둡게 처리해줄 거랍니다.
①백그라운드 레이어 위로~ 레이어를 하나 추가해준 다음
②넉넉한 크기의 브러쉬 툴로 ③우측 외곽을 어두운 컬러로 칠해줍니다.

 
605_18.jpg







레이어의 불투명도를~ 보기 좋게 낮추어주고 마무리!

 
605_19.jpg







최종 결과물입니다.

 
605_20.jpg





텍스트 및 각도,색상등은 원하는바~ 다양하게 편집할 수 있답니다.


605.jpg



Tag: 포토샵강좌,포토샵텍스트,글자디자인,타이포,입체글자,양각,글자기울기,기울이기,글자변형
 
 

다송송 (08.03)
감사하빈다.
애들아빠 (08.24)
감사합니다.
000