Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Design & Illustration
  2. Text Effects
Design

포토샵에서 드라마틱한 불꽃효과 텍스트 만들기

by
Difficulty:AdvancedLength:LongLanguages:
This post is part of a series called Photoshop Tutorials for Beginners.
Design a Glossy Download Icon
Create a Wavy Blackberry Style Wallpaper Design

Korean (한국어) translation by h1ghqlty. (you can also view the original English article)

불꽃은 특히 포토샵에서 렌더링 하기가 어렵지만 이 튜토리얼에서는 불의 사진을 사용하여 텍스트와 일치하게 설정하는 방법을 보여줍니다. 멋진 텍스트 효과로 멋진 어두운 배경에 이미지를 렌더링하여 이미지를 완성합니다.

이것은 포토샵 타이포그래피의 5부작 중 두 번째 시리즈입니다. 지난 주를 놓친 경우 Create a Spectacular Grass Text Effect를 방문하십시오.


1부 - 배경

포토샵에서 1920x 가로 x1200px 높이의 새 문서를 만들고 그래디언트 도구 (G)를 사용하면 갈색의 방사형 그래디언트 (#5c3d09 - #1f1409)를 그릴 수 있으므로 아래와 같이 표시됩니다.

그래디언트는 수직으로 가운데에 정렬되지 않고 상단에 위치합니다. 이 이미지에서 텍스트 상단이 불타고 싶기 때문에 이미지의 상단 부분이 약간 더 밝아져야 합니다.


2 단계

잔디 텍스트 자습서에서 처럼 다시 한 번 질감이 있는 배경을 갖게됩니다. 하지만 처음부터 시작하기 보다는 이전 튜토리얼의 배경을 복사하고 모든 레이어를 병합 한 다음 채도를 낮추어 아래에 표시된 내용을 얻습니다.

처음부터 Bittbox를 사용하여 원래의 종이 텍스처를 얻은 다음 이전 튜토리얼의 단계를 수행하십시오.


3 단계

이제 레이어를 오버레이로 설정하고 배경과 질감에 텍스처를 혼합합니다.


4 단계

조금 더 텍스처를 추가하기만 하면 Texturizer 필터를 실행해 봅시다. 이렇게하려면 새 레이어를 만들고 갈색 / 베이지 색 #66500f로 채웁니다. 그런 다음 Filter > Texture > Texturizer로 이동하여 80 % Scaling and Relief가 4로 설정된 캔버스 텍스처를 사용합니다.


5 단계

텍스처링 된 레이어가 있으면 오버레이로 설정합니다. 이것은 우리의 텍스처에 약간의 섬세한 디테일을 추가합니다. 우리가 큰 캔버스에서 작업하기 때문에 좋습니다.


6 단계

다음으로 우리는 이미지의 아래쪽 절반을 약간 채도를 떨어 뜨리기 위해 레이어를 적용 할 것입니다. 이것은 화염이있는 곳에서 더 따뜻한 빛을 내며 바닥은 조금 차갑게 보입니다.

따라서 새 레이어를 만들고 #4b4f3b 색상으로 채웁니다. 그런 다음 그라디언트가 적용된 레이어 마스크를 추가하여 상단을 마스크 처리하고 페이드 다운합니다 (효과가 표시되도록 함).

이제 레이어를 색상 및 45% 불투명도로 설정합니다.


2부 - 텍스트 + 글로우 = 엄청난

좋습니다, 우리는 이제 멋진 배경을 가지고 있습니다! 이제 약간의 텍스트를 추가합니다. Trajan 글꼴은 정말 극적인 글꼴이기 때문에 사용했습니다. 여기에서 #cb9328 색상의 텍스트를 배치 한 다음 8%의 불투명도로 Linear Dodge (Add)를 설정합니다.

우리가 텍스트로 하고있는 일은 텍스트의 위쪽 절반이 배경에서 나오고 불꽃이 깜박 거리면서 빨갛게 보이게 하는 것입니다. 이것은 우리가 많은 효과를 내고 그들에게 레이어 마스크를 적용하여 맨 위 절반 만 보여 주며, 하반부는 현재와 같이 텍스트가 희미하게 되돌아가는 것을 의미합니다.


8 단계

먼저 모든 레이어를 넣을 새 레이어 그룹을 만드십시오. 많은 레이어가 있기 때문입니다.

그런 다음 텍스트 레이어를 복제하고 중복 텍스트의 색을 #5e3f1c로 설정하십시오.


9 단계

이제 가장 최신 텍스트 레이어를 오버레이 및 70% 불투명도로 설정하십시오. 붉은 색이 보일 것입니다 (아래 그림 참조).


10 단계

이제 텍스트를 다시 복사하고 최신 복제본을 황색을 나타내는 #cb9328 색으로 설정하십시오. 그런 다음 이것을 Linear Dodge (Add)와 불투명도는 30%로 설정하십시오.

다음으로 레이어 마스크를 추가하고 그래디언트를 그려 최신 텍스트 레이어가 아래 표시된 것처럼 사라지며 아래에는 두 개의 텍스트 레이어가 붉은 색으로 조합 된 것을 볼 수 있습니다.



11 단계

다음으로 텍스트 레이어를 다시 복제하고 하단 레이어에 놓습니다. 색상을 검정 - #000000으로 설정하십시오. 그런 다음 Filte r> Blur > Gaussian Blur로 이동하고 텍스트를 래스터 화하고 Yes를 클릭 한 다음 Radius를 약 4px로 설정합니다.

그런 다음 Ctrl 키를 누른 상태에서 다른 텍스트 레이어를 클릭하고 검은 색 레이어로 돌아가서 삭제를 누르면 그림자가 남습니다. 그런 다음이 레이어를 복제하고 첫 번째 레이어와 병합하면 효과가 더 무거워집니다. 아래 스크린 샷처럼 보이는 것이 있어야합니다.


12 단계

다시 한 번 레이어 마스크를 추가하여 그림과 같이 그림자가 빠르게 사라집니다. 이렇게하면 텍스트가 페이지에서 나오는 것처럼 보입니다.


13 단계

이제 우리의 검은 색 층을 다시 복제하고 얼룩 제거 도구 (Smudge Tool, R)를 사용하여 부드럽고 광택이있는 브러시를 사용하면 주위의 그림자를 얼룩지게하여 화상 자국처럼 보입니다.


단계 14

여기에 우리의 텍스트가 어떻게 보이는지 보여줍니다. 나는 실제로 두 세트의 "화상"마크를 만들었고, 그림자 레이어의 네 세트는 각각 마지막으로 그리고 약간 뒤로 희미 해졌습니다.


단계 15

이제 텍스트의 가장 위 부분을 만드는 시간입니다. 먼저 텍스트 레이어를 다시 복제하고 맨 위에이 레이어를 놓고 황색 - #dc9a08로 설정하십시오.

그런 다음 Radius of 8px를 사용하여 필터 > 흐리게 효과 > 가우시안 흐림 효과를 실행하십시오. 그런 다음 커다란 부드러운 지우개 브러시를 잡고 바닥면의 부품을 지우면 고르지 않습니다.


16 단계

첫 번째 글로우 레이어를 Soft Light로 설정합니다. 이 과정을 반복하여 더 많은 부분을 지울 수 있으므로 상단 부분이 더욱 밝아집니다.


단계 17

이제 텍스트 레이어를 다시 복사하여 맨 위에 놓습니다. 이것은 다시 같은 노란색 (# dc9a08)이어야합니다.

그런 다음 Layer > Rasterize > Type으로 이동하여 텍스트를 평면 그래픽으로 바꿉니다. 그런 다음 레이어를 Ctrl- 클릭하고 Select > Modify > Contract 으로 이동하여 1px 값을 사용합니다. 그런 다음 삭제를 눌러 해당 1 픽셀 외곽선을 제외한 모든 것을 삭제합니다.


단계 18

이제 1px 레이어를 오버레이로 설정하면 아래 이미지와 유사하게됩니다.


단계 19

이제 우리의 1px 글로우에 레이어 마스크를 추가하여 다른 레이어와 함께하던 것처럼 마스크를 아래쪽으로 희미하게 만듭니다.

그런 다음 레이어를 복제하고 [필터]> [흐림 효과]> [가우시안 흐림 효과]를 1 픽셀로 설정합니다. 그런 다음이 레이어를 다시 복제하고 2 픽셀 씩 흐리게 만듭니다. 그런 다음 레이어를 다시 복제하고 4 픽셀 씩 흐리게 만듭니다.

그런 다음 Ctrl + Shift + I를 눌러 선택 영역을 반전하고 각 광선 레이어를 통과 한 다음 Delete 키를 눌러 텍스트 경계 밖으로 벗어난 흐림 효과를 제거합니다.

아이디어는 텍스트의 가장자리가 빨간색으로 보이도록하고 텍스트의 전체적인 고조로 페이드 인하는 것입니다.


단계 20

다음으로 개의 글로우 레이어를 모두 복제하고 함께 병합합니다. 이것은 원래의 밝은 노랑색 위에 레이어를 가져와야 합니다.

Smudge 도구를 잡고 텍스트 위로 훑어내어 그림과 같이 텍스트에서 나오는 열파처럼 보이게 만듭니다.

단계 21

이제이 최신 레이어를 오버레이로 설정하면 이렇게 보일 것입니다!


단계 22

이제 우리는 텍스트를 완성했습니다. 나는 더 열광적으로 보이게하기 위해 약간의 광선 층을 통과했습니다. 그렇게함으로써 실제로 붉은색 빛을 내는 실험을 자유롭게 할 수 있습니다.


단계 23

다음으로 마지막 배경 화면을 유지하면서 본문 아래에 문장을 추가했습니다. 이것은 페이지를 더 멋지게 꾸며줍니다. 배경과 텍스트 레이어에 맞는 색상을 사용하여 너무 많이 돋보이게하지 마십시오. 실제로이 텍스트가 기본 텍스트의 보조 요소가되기를 원하기 때문입니다. 저는 이전 글라스 텍스트 튜토리얼에서 처럼 스위스 글라스 콘덴서를 제 폰트로 사용하고 레이아웃 했습니다.


제3부 - 화염

마지막으로, 우리의 모든 준비가 끝난 후, 실제 화염을 추가 할 시간입니다! 이를 위해 우리는 평범한 검은 배경에 불의 이미지가 필요합니다. 좋은 사진을 찾기가 어렵고 내가 한 것처럼 시도해 보니 정말 멋진 무료 사진을 찾을 수 없었습니다. 그래서 결국 Fotolia에서 이 사진을 사용했습니다.이 사진은 아래 링크를 사용하여 구입할 수 있습니다. 내가 링크 한 Flickr의 OK 사진도 있었고 나중에 "E"로 사용하기도했습니다. 그래서 당신도 그것을 가질 수 있습니다.

AcheroN—Fotolia.com
Peasap—Flickr.com

이제 화염을 복사하는 기술은 실제로 매우 간단합니다. DigitalArts 잡지인 Nik Ainley의 자습서 중 하나 인 Nikon Ainley의 Create Amazing Photomontages를 읽으면서 이 기술을 최근에 배웠습니다.

당신이 해야 할 일은 다음과 같습니다:

  1. 포토샵에서 불꽃 이미지 열기
  2. Channels (채널) 탭으로 이동하여 가장 높은 명암 대비를 가진 채널을 찾으십시오. 화재 이미지는 Red Channel이어야 하며 이를 클릭하십시오.
  3. 이렇게하면 이미지가 흑백으로 표시되고 가장 높은 대비 레이어에 있기 때문에 매우 밝은 흰색으로 보입니다. 이제 이 채널을 Ctrl-click하면 해당 채널의 모든 픽셀이 선택됩니다.
  4. RGB 채널로 돌아가서 선택한 픽셀을 복사하십시오.
  5. 이제 화염을 기본 캔버스에 붙여 넣을 수 있습니다!

이것은 실제로 평평한 배경에서 불처럼 반투명 한 것을 복사하기위한 실제로 매우 유용한 기술입니다. Nik의 튜토리얼을 방문하면 알 수 있듯이 물을 복사 할 때도 좋습니다!


단계 25

좋습니다, 이제 여기에서 우리의 메인 캔버스에 화염이미지를 붙였습니다. (명확히하기 위해 나는 일시적으로 텍스트 레이어를 껐습니다.) 보시다시피, 우리는 검은 색 배경이없는 불을 가지고 있으며, 부분적으로 투명합니다. 즉, 텍스트 위에 슈퍼로 보일 것입니다.


단계 26

이제 할 일은 우리의 단 하나의 조각을 몇 조각으로 자르는 것입니다. 먼저 레이어를 복제하고 백업으로 먼저 전환하십시오. 그런 다음 펜 도구를 사용하여 불을 잘라 자연스럽게 보이도록 불꽃의 윤곽으로 작업하십시오. 여기서 저는 한 이미지에서 4개의 불꽃을 생성했음을 알 수 있습니다. 비트를 뒤집어서 더 무작위로 보이게 할 수도 있습니다.

화면 모드로 레이어를 설정하여 나머지 검정색 부분이 완전히 없어지면 더 투명 해집니다.


단계 27

이제는 내 텍스트가 단지 네 글자이기 때문에 4개의 별도의 불이 필요합니다. 네 번째 사진 (E 위에 위치)에서 Flickr 사진을 실제로 찍은 다음 이전과 동일한 과정을 반복하여 다른 화염을 만들었습니다. 또한 글자  I의 불길은 좀 더 무작위로 보이도록 조금 으깨주었습니다.


단계 28

화재를 가하는 것은 화염을 텍스트 위로 옮기는 것 만큼이나 쉽습니다. 글자에서 춤추는 것처럼 보이도록 편지의 모양에 화염을 맞추려고합니다.


단계 29

좋습니다 아제 여기에 4 비트의 화염을 모두 놓았습니다. 나쁘지는 않지만, 당신은 I와 R이 같은 화염을 가지고 있고, 또한 모든 화염이 그렇게 크지 않다는 것을 알 수 있습니다.


단계 30

여기서는 각 불꽃을 통과하고 변형 도구를 사용하여 수직으로 늘립니다. 또한 약간의 지혜로운 지우개를 사용하여 좀 더 독특한 느낌으로 불꽃을 만들었습니다.


단계 31

이제 조명을 더 밝게 보이게 만들려면 각 화염 레이어를 복제하고 필터> 흐리게> 가우시안 흐림을 반경 3px로 실행하고 레이어를 15 % 불투명도로 설정하여 화염 가장자리 주변에 약간의 번쩍임을 추가하십시오.


단계 32

꽤 많이 모여있군요!  이것이 컴포지션의 모양입니다.


단계 33

마지막으로 마지막 하이라이트를 추가합니다. 따라서 다른 레이어 위에 새 레이어를 만들고 그림과 같이 흰색에서 검은 색 방사형 그라디언트를 그립니다. 이 레이어를 오버레이 및 40% 불투명도로 설정하십시오.


끝났습니다!

그리고 거기에 화염 효과에 관한 텍스트가 있습니다! 이 시리즈의 다음 튜토리얼에서는 Air 이미지를 제작할 예정이지만, 며칠이 지나면 2주 후 (1일이 아닌)가 될 것입니다.

포토샵에서 처음부터 화염을 만드는 데 관심이 있다면 똑같은 서체를 우연히 사용한 this classic tutorial를 확인해보십시오! 그것은 포토샵 6 튜토리얼이고, 나는 십년 전과 같이 거기서 읽은 것을 여전히 기억할수 있습니다. 그러나 스크린 샷이 슈퍼 레트로 맥 인터페이스를 특징으로 하더라도, 여전히 적절하다고 생각합니다.

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.