[포토샵 크롬효과] 메탈질감 텍스트 만들기

 

담담디자인입니다.

아이돌 뮤직비디오에서 크롬효과(Chrom effect)를 사용하여 미래 지향적이고 세련된 느낌을 강조하는 기법으로 더욱 관심을 받고 있는 효과인데요! 금속성 광택과 첨단 기술 이미지를 연상케 하여 시각적 그래픽으로 강렬한 인상을 주기에 좋은 효과입니다.

 

트렌디한 텍스트를 만드는 방법으로
'크롬질감 사용하기'
여러분도 한번 시도해보시는 건 어떠세요? 

크롬효과는 금속이 반짝거리는 광택감을 강조하여 다양한 제품 서비스에 고급스러움을 가미한 디자인요소 중 하나입니다.

이번 포스팅은 텍스트에 크롬 효과를 주어 마치 금속으로 보이게끔 포토샵으로 재질을 만들어줄 예정입니다!

 

이미지 출처: 위키백과

 

크롬효과의 역사에 대해

프랑스 화학자 니콜라스 루이 바우클랭에 의해 발견된 크롬은 19세기 후반부터 크롬 도금 상업이 활발하게 시작됩니다.

주로 산업용으로 사용되었고 특히 자동차 산업의 미관가 내구성의 부품으로 각광받았습니다. (범퍼, 그릴, 휠 커버등)에사용

그래서 이 시기에 자동차 디자인의 상징으로 자리 잡았던 크롬입니다. 이후 가전제품과 가구에도 크롬도금이 적용되면서 현대적인 이미지로 자리 잡히게 되었는데요! 디지털 시대인 2000년대 이후에 그래픽 디자인, 3D, 웹 디자인 등에서 크롬 효과가 활용되기 시작했으며 반짝이는 금속성 질감을 표현하고 미래지향적인 이미지를 연출하는 디자인 요소로 다양한 분야에서 쓰임새가 확장되었습니다. 

 

 

역사를 알고 나니 더욱더 크롬에 대한 호기심과
만들어보고 싶은 욕구가 들지 않으시나요?

지금부터는 포토샵으로 간단하게 텍스트에 크롬 효과를 주어 현대적이고 미래지향적인 디자인을 만들어보겠습니다!

그래홀릭의 그래픽 순서대로 따라 해주세요.

먼저, 크롬효과를 입힐 텍스트를 준비해 주세요.

크롬은 은색빛으로 적용할 예정이오니 배경색을 검정으로 설정해 놓고 시작하도록 하겠습니다 :)

 

 

생선 된 텍스트 레이어 오른쪽 부분을 더블클릭 해주면 (Layer Style) 레이어 스타일 창이 뜨게 되는데요! 

 

레이어스타일은 다양한 스타일과 효과들을 추가할 수 있는 도구로서

Preview(미리 보기)를 통해 시각적으로 바로바로 확인이 가능합니다.

 

(Bevel&Emboss) 레이어에 깊이와 입체감을 부여하는 설정으로 텍스트나 그래픽에 3D효과를 줄 수 있으며

현실적이고 더 드라마틱하게 표현할 수 있는 기능입니다.

 

(위 이미지를 참고해주셔도됩니다 :)

-Stucture(기본적인 형태와 크기를 설정) 내에

Style : Inner Bevel (레이어 내부에서 입체감을 줌)

Technique : Smooth (부드러운 가장 가리로 입체감을 줍니다)

Depth : 1000% (입체감에 깊이를 주는 기능)

Direction : UP (돌출된 효과를 줍니다)

size:21px (입체감의 크기설정)

soften:5px (입체감의 가장자리를 부드럽게 하는 정도)

 

-Shading

Angle:90도

Altitude:30도

Gloss Contour: (하이라이트와 그림자가 표면에 어떻게 분포되고 어떤 모양을 가지는지 결정)

마지막 윤곽선까지 선택해 준 다음 확인 버튼을 꼭 잊지 말고 선택해 주세요!

 

---

 

이렇게만 설정해도 얼추 크롬효과가 나타나는 걸 확인할 수 있는데요!

Convert Smart Object를 통해 편집사항의 원본을 보존합니다.

스마트오브젝트를 통해 더 유연하게 작업을 해야 한다는 점 꼭 잊지 말고 기억해 주세요!

 

적용되면 레이어 썸네일 오른쪽 하단에 아이콘이 생성된 걸 확인할 수 있습니다.

이 부분을 더블클릭하게 되면 이전 효과를 주었던 부분과 원본이미지를 만날 수 있습니다!

 

그다음 필터갤러리를 통해 조금 더 메탈효과를 줍니다.

상단메뉴바 Filter -> Fillter Gallery

 

필터갤러리 설정 -> Skech효과 선택-> Chrome

Detail : 1

Smootheness : 5

 

필터갤러리 효과가 적용된 레이어 오른쪽 부분을 더블 클릭하여

Blending Options (Fileter Gallery) 블렌딩 옵션 모드를 설정해 줍니다. (<-조금 더 자연스러워집니다)

 

저는 Multiply를 선택해 주겠습니다. 

 

여러 가지 테스트해보시고 결정해 주세요!

* 조금 더 자연스럽게 하기 위해서는 Opacity를 조절하는 방법도 있어요! (40~70%)

 

그다음으로는 약간의 흐림 효과를 줘서 깊이감을 더 할 건데요!

상단 메뉴 Filter -> Blur -> Gaussian Blur

 

Radius (블러의 강도) : 0.3 pixels

 

필터갤러리와 가우시안 블러가 적용된 레이어를 선택한 후

Convert to Smart Object 해줍니다. (원본 보호 / 편집용이)

 

---

 

텍스트의 오묘한 분위기 연출하기

레이어 오른쪽 부분을 더블클릭하여 (Layer Style) 레이어 스타일을 열어줍니다.

Outer Glow선택 -> Bledn Mode 설정

Opacity : 22%

Noise:5%

 

Elements(요소)

Technique : Softer

Spread : 6%

 

Quality

Range : 100%Jitter : 16%

 

OK

 

발광효과 (Glow Effect)를 이렇게 설정해 주고 오묘한 분위기를 전달하여 신비롭고 미래지향적인 느낌을 연출해 줍니다.

 

---

마지막으로!

브러쉬를 활용하여 빛나는 효과를 극대화하는 작업인데요! 생략해도 되는 부분이지만 

이러한 작은 디자인 요소들이 더 세밀하게 크롬효과 그래픽을 선명하게 하니 참고해주세요!

적용할 범위를 지정해서 브러쉬로 터치해 주는 걸로 마무리하겠습니다. 

 

새로운 레이어 추가하는 아이콘

브러쉬를 적용할 새로운 레이어를 아래 아이콘을 선택하여 만들어 줍니다. 

 

옆에 디자인도구 패널에 브러쉬를 선택해 주세요.

 

맨 상단에 브러쉬 종류를 선택하고 사이즈 등 조절할 수 있는 세부설정을 선택할 수 있어요!

 

*제가 사용한 브러쉬를 적용시키는 방법입니다.

(브러쉬 다운로드는 본 텍스트 또는 댓글을 참고해 주세요!)

 

 

브러쉬 파일 더블클릭

 

다운로드된 브러쉬를 살펴보고 적용하시면 됩니다 :)

 

 

제가 선택한 브러쉬입니다. (참고해 주세요)

 

 

이렇게 범위를 지정하고 적용시켜 줬는데요! 

빛 브러쉬를 적용하기 전과 비교했을 때 더 드라마틱한 효과를 확인하실 수 있으실 거예요.

 

전과 후 비교 이미지

 

브러쉬를 통해 빛 효과 주기

 

 

언제나 그렇듯 마지막은.. 컨버투스마트오브젝트!

 

이렇게 해서 포토샵을 이용하여 크롬 효과를 적용하는 텍스트 그래픽을 완성해 보았습니다!

미래지향적이고 세련된 느낌을 주는 크롬 효과는 다양한 디자인그래픽에 활용될 수 있으니 

이번 포스팅을 통해서 여러분도 정말 쉽게 따라 해 볼 수 있었으면 하는 바램입니다 :)

오늘도 그래픽에 빠지는 경험을 한 하루입니다.

 

 

지금까지 긴 글 읽어주셔서 너무 감사드리며 항상 즐거운 디자인 작업이 되시길 바랍니다.

다음 포스팅에서 또 만나요!

 

그래홀릭 담담이었습니다.

 

 

이번 포스팅에서 사용된 브러쉬 소스는 아래 링크에서 다운로드 하실 수 있습니다.