오레오 쿠키 광고처럼! 포토샵 레이어스타일 텍스트효과로 입체로고만들기

디자인연습 (50)

오레오 쿠키 광고처럼! 🍪🍩🎂

포토샵 레이어스타일 텍스트효과로 입체로고만들기 

 

 

 

 

완성작

 

 

다 같이 오레오 타임!

오레오 들고 비틀어 맛을 보네!

오레오 덩크 즐겁게 우유에 퐁당!

 

참고 사진

 

우유에 담긴 까만 쿠키하면 오레오가 먼저 생각나는데요. 오레오 하면 잇지ITZY가 먼저 생각납니다! 있지 말입니다 요새 과자가 뭐 있나 검색하다가 이 푸른 로고에 꽂히고 말았지 뭐예요. 그래서 오늘은 오레오의 입체적인 로고를 만들어 보려고 해요! 포토샵의 레이어스타일 효과를 적용하면 재미있겠다 싶어서 가져와봤습니다. 따라해 보시기 쉬울 정도로 과정도 간단하고 어렵지 않으니까요. 누구든지 이 입체적인 텍스트효과를 만들어보실 수 있습니다.

 

 

 

1 서체 선택

대락적인 크기를 지정해서 적어주고요.

비슷한 글씨체를 검색하다가 sofachrome라는 폰트를 다폰트에서 찾았어요. 무료로 다운, 개인상업적으로도 무료사용 가능한 글씨입니다. 원래 로고와는 다른 부분이 있지만 R의 특이한 모양과 넓적한 서체의 특징이 언뜻 봤을 때 OREO와 비슷하다고 여겨질 수 있어서 선택하게 되었어요.

 

 

 

2 내부외부 그림자

입체감을 만들때 기본이 되는 것은 바로 그림자예요! 이 그림자를 글자 내부와 외부에 각각 multiply로 주되 투명도를 적당히 조절하면서 느낌을 만들어 줍니다. 지금 약간 마쉬멜로 느낌이 나고 있어요!

☞Inner Shadow

Blend Mode : Multiply / Opacity : 67% / Angle : -133 / Distance : 5px / Size : 5px

☞Drop Shadow

Blend Mode : Multiply / Opacity : 100% / Angle : 51 / Distance : 7px / Spread: 10% / Size : 8px

 

 

 

3 홀로그램 스티커처럼

폰트 바깥쪽으로 넓적한 모양을 하나 만들어 줍니다. 이 부분은 일러스트레이터에서 패스 이동으로 쉽게 만들고, 복사해서 포토샵으로 가져왔어요.

여기에 그라디언트로 빛이 반짝이는 듯한 효과를 넣어줍니다. 아직까지는 완성도가 떨어져 보이지만 여기 테두리를 추가하여 완성할 수 있습니다. 오늘 튜토리얼은 과정이 좀 짧습니다! 중간중간에 넣어드리는 레이어스타일의 수치만 그대로 따라하셔도 똑같은 분위기를 내실 수 있기 때문에, 그리 어려운 입체로고 만들기는 아닙니다. 용어와 사용되는 스킬에 대해서만 간단히 아셔도 금방 쉽게 응용해서 또다른 로고도 만드실 수 있을 거예요.

☞Gradient Overlay

Blend Mode : Normal / Style : Reflected / Angle : 42

 

 

4 Bevel&Emboss

테두리는 15px정도로 제작하여 선이 아닌 면의 모양으로 가져왔습니다. Bevel&Emboss 베벨앤 앰보스를 넣을 것이기 때문인데요.

밝은 면과 어두운 면을 각각 다른 색과 수치를 줘서 엠보싱같은 느낌을 줄 수 있어요. 폭신폭신 느낌도 나는 거 같으면서 입체적으로 볼록 튀어나온 느낌이요. Depth나 Angle에 따라서 다른 분위기의 느낌을 연출할 수 있는 기능입니다. 

여기에 살짝 빛 느낌을 추가하기 위해 그라디언트를 적용해봅니다. 

☞Bevel&Emboss

Style : Emboss / Size : 7px / Angle : 34 / Altitude : 32 / HighlightMode (Overlay, 100%) / ShadowMode (Multiply, 60%)

☞Gradient Overlay

Blend Mode : Normal / Opacity : 100% / Style : Reflected / Angle : 42 

 

 

이렇게 완성되었어요! 과정이 매우 간단해서 자세한 설명은 덧붙이지 않았는데요. 이제 내일은 이걸 응용해서 포토샵에서 만들 수 있는 오레오 광고디자인을 해보도록 할게요!! 우유에 퐁당하는 바로 그 장면을 만들거예요!

 

맛보기만 살짝 보여드리겠습니다.

맛보기 안녕~~~!