3D 텍스트 효과 만들기

2018. 7. 10. 11:05·포토샵/포토샵 강좌

3D 텍스트 효과

다양한 텍스트 효과 중 많이 사용하는 3D 텍스트 효과를 소개하려 한다. 이번 소개하는 3D 텍스트 효과는 기본적인 방식으로 이 효과를 가지고 응용하거나 이러한 기본적인 방식을 가지고 앞으로 다양한 3D효과를 만들 수 있을 것이라 기대한다.

물론 이 방식 말고도 다양한 방법이 있기 때문에 자신에게 맞는 방식을 선택하고 자신의 것으로 만드는게 좋을 것이라 생각한다.

3D 효과의 원리를 알아보자

여기에서 소개하려는 방식은 글자가 튀어나와 있는 부분 그리고 그림자 역활을 하는 부분 이렇게 두가지의 부분을 작업하여 3D효과를 연출하려고 한다. 좀 더 심플하게 이야기하자면 같은 텍스트를 효과를 다르게 주어 3D의 효과를 보이게 한다는 것이다. 자 그럼 이제 시작하도록 하자.

필자는 800x400에 #454744 컬러의 배경의 캔버스를 열었다. 그리고 하얀색으로 티몬소리체로 글자를 입력하였다. 3D 처럼 글자의 효과를 내려면 폰트가 굵은 폰트를 할 수록 그 효과는 배가 될 수 있다. 3D효과를 나타내고 싶을 때는 폰트 설정에 유의하도록 하자.

 

필자는 폰트 사이즈를 96px로 작업하였다.

위에 설명했듯이 같은 텍스트를 다른 효과를 줄 것이기 때문에 지금 적은 이 텍스트 레이어를 복사하도록 하자. 텍스트 레이어를 선택하고 단축키 Ctrl + J를 눌러 복사하도록 하자.

 

위에 텍스트와 아래 텍스트 서로 다른 효과를 줄 것이다.

위에 텍스트 레이어를 더블클릭하여 레이어 스타일을 설정하도록 하자. 아래 레이어 스타일을 확인해보자.

3D 텍스트 레이어 스타일 1

 

Bevel & Emboss 효과를 조금 주도록 하겠다.

 

그라데이션 #bababa - #ffffff 이렇게 주도록 하자.

 

Drop Shadow로 그림자 효과를 주도록 하자.

 

이렇게 텍스트가 나온다.

이제 밑에 3D효과를 중요하게 만들 아래 두번째 텍스트 레이어를 선택하여 효과를 주도록 하자.그리고 위치는 Shift를 누르고 방향키 ↓아래로 한칸 정도 내리도록 하자. 또는 적당히 밑으로 내려서 작업하도록 하자.

3D 텍스트 레이어 스타일 2

이 텍스트는 밑에 있는 텍스트기 때문에 기본적으로 어둡게 스타일을 주어야 좋은 효과가 나올 것이다.

 

Inner shadow를 통해 텍스트 안쪽을 자연스럽게 어둡게 만들어 주자.

 

Outer glow를 통해 텍스트 바닥에 놓여 있는 느낌을 주도록 하자.

 

Drop shadow는 조금더 어둡게 그림자 효과를 줄 것이다.

결과

 

완성된 모습!

분명히 다양한 3D 스타일의 효과가 많다. 필자 생각하는 그래도 가장 쉬우면서도 기본적인 3D 텍스트 효과라고 생각해서 소개해보았다. 멋진 텍스트 디자인 하길 바라며 궁금한 점이 있으면 댓글 남겨주시면 답변해드리도록 하겠다.

저작자표시 비영리 변경금지 (새창열림)
'포토샵/포토샵 강좌' 카테고리의 다른 글
  • 골드 텍스트 효과
  • 크롬 텍스트 효과
  • 네온사인 효과
  • 불효과 만들기
D.ble
D.ble
웹 디자인 & 영상 강좌 그리고 꿀팁
    .Ble
    Web Design & Tips
    • 전체 카테고리
      • 포토샵
        • 무료추천폰트모음
        • 무료이미지
        • 그라디언트
        • 패턴
        • 포토샵 강좌
      • 인터넷
        • 인터넷 꿀팁
        • 티스토리 꾸미기
      • 동영상
        • 프리미어프로 : PR
        • 애프터 이펙트 : AE
      • 코딩코드
        • 바로쓰는코딩
      • 일상이야기
        • 국내여행
        • 영화리뷰
        • 잇템리뷰
      • 꽁기한생각
        • 잡다한지식
  • 인기 글

  • 최근 댓글

  • 최근 글

  • 태그

    상업적 무료 이용
    무료폰트
    상업적 무료이용
    포토샵 그라디언트
    pattern
    패턴
    그라디언트
    Photoshop
    무료 이미지
    포토샵
    티스토리 꾸미기
    웹디자인
    포토샵 패턴
    포토샵 강좌
    상업적 무료폰트
    디자인
    Design
    gradient
    텍스트 효과
    Web Design
  • 전체
    오늘
    어제
  • hELLO· Designed By정상우.v4.10.2
D.ble
3D 텍스트 효과 만들기
상단으로

티스토리툴바