공부/유니티

보스 경고 UI 셰이더 1

복제고양이 2023. 12. 26. 23:25
300x250

 

 

감기와 출장 등 여러 일이 겹쳐서 오랜만에 유니티 공부를 시작했다.

 

 

위에서 시키는 대로 캔버스와 그 안에 오브젝트 또 안에 이미지 두 개를 두었다. 마침 영상에서 말하는 에셋도 갖고 있어서 적당한 이미지를 배경으로 설정했다.

 

 

캔버스 안에 오브젝트 또는 이미지를 배치할 때, alt + shift를 누른 상태로 stretch를 선택하면 pivot과 포지션 모두 설정할 수 있다.

 

 

 

 

 여기부터 막혔었는데, 포토샵을 켜서 딤드 이미지를 직접 만들어야 했다. 

 

하지만 나는 포토샵이 없었기에 

무료 소프트웨어인 김프를 사용했다.

 

동일하게 control + n 으로 이미지 만들기

 

새 레이어 만들기, 이때 레이어의 불투명도를 100으로 한다.

 

 

 

보기 탭에서 격자 보이기(H)와 격자에 맞추기(P) 체크

  • 사각 선택 영역 도구 클릭
  • 아래 설정에서 부드럽게 하기 체크
  • 가장자리 페더 체크 후 값 50 정도 
  • 둥근 모서리 체크 후 반경 20정도
  • 중앙으로부터 확장은 상황에 따라 체크, 해제하면서 사용하면 된다.

 

영상에서 말한 이미지와 비슷하게 만들 수 있다.

 

 

아래는 만든 이미지다.

 

dimd.png
0.01MB

 

 

 

 

Dimd 이미지와 색 적용

 

 

경고 텍스트까지 적용

반응형