본문 바로가기

포토샵으로 3D 입체글자 만드는 방법

엉클샘 발행일 : 2018-12-22

포토샵으로 3D 입체글자 만드는 방법

How to make 3D Text



포토샵으로 3D 입체글자를 만드는 방법에 대해 알아보겠습니다. 최신 버전의 포토샵은 3D 글자를 자체 툴로 만들수 있지만 이전 버전 포토샵은 직접 만들어야 합니다. -_ㅠ


포토샵 새 창

포토샵을 여시고 페인트통 툴로 바탕색을 칠해 주세요. 바탕색은 원하시는 색상으로..



포토샵 입체 글자

입체글자로 만들기를 원하시는 글자를 적어주세요. 집에 가고 싶기 때문에 home을 적어봤습니다.



포토샵 레이어 레스터화

적은 글자를 이미지화 해야 합니다. 글자 레이어 위에 마우스 오른쪽을 클릭하시고 "Rasterize Type"을 클릭하세요. 그러면 벡터이미지인 글자가 픽셀이미지로 바뀌게 됩니다.



포토샵 액션

그리고 레이어를 여러개 복사해야 합니다. 방법은 레이어를 복사한 후 키보드로 오른쪽 한칸, 밑으로 한칸 움직이시고, 복사된 레이어를 또 같은 방법으로 복사한 후 키보드를 움직이셔야 합니다. 레이어를 10개 정도 복사하셔야 하는데 그대로 일일히 만드셔도 상관은 없습니다.


저는 다중 작업을 간편하게 하기 위해 액션 기능을 쓰도록 하겠습니다. "Window > Actions" 창을 엽니다. 단축키는 Alt+F9입니다.



포토샵 액션

액션 창에서 새 액션 아이콘을 클릭하시고 만들려는 액션에 대한 내용을 적어 줍니다. 편하게 작업하기 위해 액션을 사용하는 것이기 때문에 다른 건 중요하지 않고 "Function Key"만 잘 설정해 주시면 됩니다. 저는 F5번으로 설정했습니다.



포토샵 새 레이어

액션창에 빨간불이 들어왔습니다. 녹화가 진행중이라는 뜻입니다. 그 상태에서 레이어를 복사합니다. 복사하려는 레이어를 마우스로 끌어다가 해당 아이콘에 놓으면 그대로 복사됩니다.


복사한 레이어를 키보드에 있는 방향키 중 오른쪽으로 한 번, 밑으로 한 번 눌러서 이동시킵니다.



포토샵 액션

액션창에 있는 네모 버튼을 눌러 액션을 중지합니다. 입체글씨 액션 내역에 보면 1.레이어복사, 2.오른쪽으로 이동, 3.밑으로 이동. 이렇게 녹화가 되었습니다. 단축키는 F5번 설정이 되어있죠. 그 상태로 F5번을 10번 눌러주어 액션을 반복 실행합니다.



포토샵 액션

레이어가 10개가 생성되었고 글자도 두꺼워진 모습입니다. 레이어 창을 보면 copy10번까지 만들어 졌습니다.



레이어 합치기

맨 처음 만든 글자레이어를 제외하고 나머지 복사된 레이어를 모두 선택한 후에 마우스 오른쪽 버튼을 눌러 Merge Layers(레이어병합)를 클릭합니다. 레이어 병합하는 단축키는 Ctrl+E입니다. 레이어를 여러개 선택하는 방법은 Ctrl키를 누르면서 레이어를 클릭하시면 됩니다. 



레이어 이름 변경

그대로 다음 작업을 하셔도 되지만 헷갈리지 않게 레이어의 이름을 바꿔줍니다. 처음 만든 레이어의 이름을 "앞"으로 바꿔주시고 맨 위로 이동시킵니다. "뒤" 레이어는 액션으로 복사하고 병합시킨 레이어입니다. 



포토샵 색상 보정

먼저 "뒤" 레이어를 선택하시고 Ctrl+U를 눌러 "Hue/Saturation" 창을 엽니다. 그리고 "Lightness"를 -30으로 조정해 줍니다. 이미지를 보시면 글자가 입체감이 생긴 것이 보입니다. 여기까지만 하셔도 입체 글자는 사용가능하지만 조금 더 활용가능한 추가 작업을 해 보겠습니다.



포토샵 그림자 만들기

그 다음 "뒤" 레이어를 더블클릭하시면 레이어스타일 창이 나옵니다. 그림자효과를 주기 위해  "Drop Shadow"를 클릭하시고 화면에 나온 설정처럼 숫자를 조정해 주세요. 그림자각도(Angle)을 120도로 맞추는 것을 잊지마세요.



포토샵 패턴

그 다음 "앞"레이어의 스타일을 바꿔야합니다. "앞" 레이어를 더블클릭하시고 스타일창을 엽니다. 이미지에 패턴을 입히기 위해 "Pattern Overlay"를 선택하시고 패턴 설정을 해주세요. 패턴은 원하시는 모양으로 넣으실 수 있으며 "Scale" 바를 통해 패턴 크기도 조정하실 수 있습니다.



포토샵 안쪽 그림자

단순히 패턴만 입히는 것보다 조금 더 효과를 주기위해 "Inner Shadow"를 클릭하시고 설정된 숫자에 맞춰 줍니다.



포토샵 3D 입체글자

패턴을 입힌 3D 입체 글자가 완성되었습니다. 본인의 느낌에 따라 색상과 패턴을 변형시키시면 더 좋은 결과물이 나오실 겁니다.



포토샵 입체 글씨

활용예시입니다. 배경에 이미지를 넣고 "뒤"배너의 레이어 블랜딩모드를 "Multiply"로 설정한 모습니다. 


2019/01/09 - [디자인 정보/포토샵 강좌] - 포토샵으로 입체 금색 글씨 만드는 방법

2019/05/14 - [디자인 정보/포토샵 강좌] - 포토샵 3d 입체 글씨 효과

2019/06/20 - [디자인 정보/포토샵 강좌] - 포토샵 강좌 - 3D 팝업 이미지 만들기




반응형

댓글