Home   |   Login
 
[텍스트] 리얼리티 음영효과 텍스트
고유주소 : http://webagit.com/bbs/tb.php/photoshop1/3866
관련링크 : http://webagit.com/bbs/board.php?bo_table=library4
관련링크 : http://webagit.com/bbs/board.php?bo_table=library_member&sca=%C6%D0%C5%CF


 
528_35.jpg









적당한 크기로 신규 캔바스를 생성해주세요~ 우선 백그라운드에 그라데이션을 적용해줄거랍니다.
①툴박스의 전경/배경색은 원하는 톤으로 밝고,진하게 설정해준 다음 ②그라디언트 툴로 ③작업창을 화살표 방향으로 드래그해주세요.
 
528_1.jpg
 
 




 
 
 
전경/배경색기본으로 설정한 다음 ②타입 툴 선택하여 원하는 문구를 입력하고~
③레이어 팔레트에 생성된 타입 레이어의 여백을 더블 클릭하여 레이어 스타일을 오픈하세요.
 
528_2.jpg
 
 
 




 
 
Gradient Overlay 선택하여 원하는 톤으로 그라데이션을 설정해주세요.
 
528_3.jpg


 
 
Drop Shadow 선택하여 아래 예제와 같이 옅은 섀도우 효과를 적용해주고 OK
 
528_4.jpg


 
 
위에서 설정해준대로 글자에 스타일 효과가 적용되었습니다.
 
528_5.jpg
 
 




 
 
 
이번에는 텍스트 외곽에 라인을 만들어주어 입체감을 부각시켜줄 거랍니다.
Ctrl키 누른채로 타입 레이어의 섬네일을 클릭하여 ②선택 영역을 생성해준 다음
③레이어 팔레트에  외곽 이라는 이름으로 레이어를 하나 추가해줍니다.
 
528_6.jpg
 
 




 
 
 
①툴박스의 전경색흰색으로 설정하고 ②Edit > Fill 선택 영역을 전경색(흰색)으로 채워주세요.
선택 툴을 선택해준 다음 ④번 보기와 같이 키보드의 화살표 키를 클릭하여 ↓→  선택 영역을 아래로1px 우측으로 1px 위치를 이동시켜줍니다.
 
528_7.jpg
 
 
 




 
 
선택 영역을 해제하고(Ctrl+D), 레이어의 불투명도80%로 낮추어주면 완성!
 
528_8.jpg
 
 




 
 
 
이번에는 텍스트 뒤로 그림자 효과를 만들어줄거예요~
위에서 배운바와 같이 타입 레이어의 섬네일을 클릭하여 선택 영역을 생성해준 다음
①백그라운드 레이어 위로  그림자 라는 이름으로 레이어를 하나 추가해주세요. (백그라운드 레이어 선택 > Shift+Ctrl+N)
전경색검정색으로 설정해준 다음 ③선택 영역을 아래로1px, 우측으로 1px 위치를 옮겨주고, 선택 영역에 전경색(검정)으로 채워주세요.
 
528_9.jpg


 
 
선택 영역을 다시 아래로1px, 우측으로 1px 이동시킨 다음~ 전경색을 채우는 방법을
10회 정도 반복
해준 다음~ 선택영역 해제(Ctrl+D)
 
528_10.jpg


 
 
아래 보기와 같은 결과물을 만들어주면 됩니다.
 
528_10_2.jpg
 
 
 




 
 
Filter > Biur > Motion Blur
모션 블러 효과를 아래 보이과 같이 설정해주고 OK
 
528_11.jpg
 
 




 
 
 
그림자 레이어의 불투명도40% 정도로 낮추어줍니다.
 
528_12.jpg
 




 
 
 
 
①툴박스의 지우개 툴을 선택하고 ②적당한 크기의 브러쉬로 ③연두색으로 표시한 바와 같이~ 글자 좌측으로 위치된 그림자 영역을 지워내 정리해줍니다.
 
528_13.jpg
 
 




 
 
 
조금 더 자연스러운 그림자 효과를 적용해주기 위해
그림자 레이어를 카피하고, 아래로 위치시킨 다음②모션 블러 효과를 50px 정도로 적용해주세요.
Filter > Biur > Motion Blur
 
528_15.jpg
 
 
 




 
 
글자 좌측 외곽으로 삐져나온 그림자 영역은 위에서 배운바와 같이 지우개 툴로 정리하여~ 입체감 있는 글자 만들기 완성!
 
528_16.jpg
 
 
 




 
 
이번에는~ 현실감 돋는 텍스쳐 효과를 적용해줄거랍니다.
①팔레트 맨 상단에  빛 이라는 이름으로 레이어를 추가해줍니다. ②전경색흰색으로 설정한 다음
사각 선택툴로 ④번 보기와 깉이 선택하고, 선택 영역을 전경색(흰색)으로 채워줍니다.
 
528_17.jpg
 
 
 




 
 
같은 방법으로~ 아래 예제와 같이 라인을 만들어주세요.
 
528_18.jpg
 




 
 
 
 
자유변형 툴(Ctrl+T)을 적용하여 ①모서리의 꼭지점을 적당히 회전시켜주고 ②작업창 크기에 맞게 ③적당히 늘려준 상태에서~
 
528_19.jpg
 
 




 
Edit > Transform > Skew
왜곡 툴을 적용해준 다음~ 아래 예제의 화살표 방향으로 모서리를 당겨 주고 엔터!
 
528_20.jpg
 


 
아래 결과물와 같이 변형을 가해주었답니다.
 
528_21.jpg
 
 
 
 




 
Filter > Biur > Gaussian Blur
가우시안 블러 효과를 6px정도 적용해주고 Ok
 
528_22.jpg
 
 
 




 
 
빛 레이어의 블랜딩 모드Overlay로 설정해주고
불투명도20% 정도로 낮추어주면, 빛이 비춰지는 듯한 결과물이 완성됩니다.
 
528_23.jpg
 
 




 
 
 
Ctrl키 누른채로 빛 레이어의 섬네일을 클릭하여 ②선택 영역을 생성해준 다음
레이어 마스크를 적용해주면 외각이 더욱 더 자연스럽게 표현됩니다.
 
528_24.jpg
 
 
 
 




 
 
결과물입니다.
 
528_26.jpg
 
 
 
 
 
 
 




 
 
 

 
 추가TIP-1

포토 필터를 적용하여 전반적으로 따스한 느낌을 가미해주는 방법입니다.
팔레트 하단에 레이어 보정 아이콘을 클릭 > Photo Filer 메뉴 선택하세요.
 
528_27.jpg
 
 

 
필터 부분 클릭하여 기본 내장된 컬러를 적용해주거나 ②컬러를 지정해줄 수 있답니다.
강좌에서는 기본 오렌지 컬러를 적용해주었어요. ③결과물을 봐가면서 슬라이드를 조절하여 농도를 적당히 적용해주고 OK
 
528_28.jpg
 
 


 
전반적으로 따스한 느낌이 가미된 결과물입니다.
 
528_29.jpg
 
 
 
 







 
 
 
 
 추가TIP-2

이번에는 라이팅 필터를 적용해 스포트 라이트 조명효과를 적용해줄거랍니다.
팔레트에서 백그라운드 레이어를 카피해주세요. (백그라운드 레이어 선택 > Ctrl+J)
 
528_30.jpg
 


 
 
Filter > Render Lighting Effects
Style부분을 ①번과 같이 선택해주고 ②중앙 또는 외곽 부분의 꼭지점을 드래그해주어~
라이팅 크기와 방향을 원하는바 조절해주세요.
③번 ④번 라이팅 컬러를 적절히 적용해주고, 결과물이 마음에 든다면 OK
 
528_31.jpg
 
 


 
아래 결과물과 같이 라이팅 효과도 적용되었습니다.
 
528_32.jpg
 
 
 
 
 
 
 
 







 
 추가TIP-3

마지막으로~ 배경 부분에 텍스처를 합성해보겠습니다~
백그라운드 레이어 위로 ①거친 세멘트 질감 또는 벽지 패턴등을 붙여 넣어주고 ②불투명도와 ③블랜딩 모드를 조절해보세요~
*텍스처나 패턴 이미지는 자료실에서 다운 받아 활용하세요!
 
528_33.jpg
 
 
 


 
최종 결과물입니다.
 
528_34.jpg
 
 
 
 
Tag : 포토샵강좌,텍스트디자인,글자디자인,타이포,입체글자,음영글자,음영텍스트,라이팅효과
 
 

normal (06.10)
와 멋잇어요
000