친절한효자손 취미생활

[게임UI 만들기] 포토샵으로 디아블로 HP UI 만들기

 

음....언제한번 만들어야지...만들어야지 했는데,

이제서야 겨우 만들었습니다.

 

디아블로3에 나왔던 HP UI를 나름 한번 흉내를 내봤는데

생각보단 잘 나온것 같아서 뿌듯 합니다. ㅎㅎㅎ

 

 

 

레이어는 만들고 보니까...이만큼 사용되었습니다.

그리고, 각 레이어마다 이펙트가 들어가 있는데, 잘 봐주시길 바래요.

저 부분이 힌트 입니다.

 

그리고, 특정 브러시를 사용한 것은....구름브러시나 몽글몽글한 느낌의 브러시들을 많이 썼습니다.

저 빨간 부분 안쪽에 뭔가...들어있는 듯한 느낌을 주기 위해서지요.

 

 

 

 

이렇게 두개의 원을 만들고요,

 

 

 

 

선택툴로 빨간색 원을 선택하고,

에어브러시로 주변을 좀 어둡게 만들고요~!

 

 

 

 

다시 에어브러시로 조금 채도를 떨어뜨려줍니다.

 

 

 

 

이번엔 검은원을 선택후 (검은원은 고리 모양입니다~!)

레이어 이펙트를 주는데, 바벨 앤드 앰보스를 주시면 됩니다.

 

 

 

 

그리고 거의 티는 안나지만,

그림자가 지금 바닥에 들어가 있습니다.

 

 

 

 

에어브러시로 좀 더 입체감을 주기위해 음각부분을 두드러지게 표현해 줍니다.

 

 

 

 

여기는 구름브러시 비슷한 걸로다가~

빨간 부분을 선택후 (항상 원본 레이어는 만들어 줍시다~!)

전체적으로 찍어내듯이 태블릿 필요 없습니다.

그냥 클릭클릭~! 무한반복~!

 

 

 

 

너무 화이트부분이 튀어 나왔으므로, 윗쪽은 주황색 계열...

아랫쪽은 블루계열로 아주 사알짜악~! 에어브러시로 칠해 줬는데..거의 티는 나지 않습니다^^

 

 

 

 

선택툴로 저 부분만 적당히 선택하고,

그라데이션을 먹여서, 유리질감을 살려줍니다.

 

 

 

 

마무리로 하이라이트를 표현해주면, 끝 입니다^^

간단하지요???? 하하하하~!

 

 

UI가 점점 스릴넘치네요~!

다음번에도 만들면 바로바로 포스팅 하도록 하겠습니다.

 

 

Adobe: 크리에이티브, 마케팅 및 문서 관리 솔루션

Adobe는 디지털 경험을 혁신하고 있습니다. 고객이 콘텐츠와 애플리케이션을 개발하여 전달하고 최적화할 수 있도록 지원하고 있습니다.

www.adobe.com

공유하기

facebook twitter kakaoTalk kakaostory naver band