UMG 기초 - 포토샵 사용법 1

 

 

모바일 해상도

- 1080*1920 기본적으로 잡고 간다.
- 해상도는 96

//이렇게 만들면 세로로 긴 직사각형이 나온다

 

폰트 추천 다운로드

//숫자용
Agency FB


//한글
나눔스퀘어
배달의 민족 을지로체

//회의때 사전에 들어가는 글자가 몇글자인지 알아두어야 한다.

AI 활용해서 리소스를 생성하기 

미드저니 다운로드 받는 법

미드저니를 구글검색->  Join in 하면 디스코드랑 연결을 하도록 (로그인)
완료하면 디스코드에 미드저니를 확인할 수 있다.

채팅채널을 만들어서 개인서버를 생성하면 채팅채널-> #미드저니 로 설정해서 
나만의 미드저니 채팅방서비스를 만들 수 있다. 


기몬적으로 여기에 채팅을 치듯이 미드저니 프롬프트를 입력할수 있다.
사진이 4장 만들어지고 왼쪽 위부터 순서대로 

1,2,
3,4

이렇게 번호가 붙어있다고 생각하면된다.
V는 Variation의 약자고 U는 크게 보고 싶을때 사용한다. 



그리고 마음에 드는 사진이 나왔을때 우클릭해서 다운로드 해주면 다운로드폴더에 저장된다.

 

Bing으로 이미지를 제작하가.

Bing.com으로 들어간다->이미지 클릭-> 검색창 아래에  만들기 클릭


프롬프트를 여기서 만들면 되는데, 강사님이 알려준 프롬프트는
// girl character with gun, anime styel , no background, full body shot, standing, detail, various costume stye, bishoujo, 1other, fighting_stance, high Saturation
만들기 버튼을 누르면된다.



//배경 누끼따기
생성된 이미지를 다운로드하고 배경을 이제 제거해야하는데 간단하게 제거할수 있는 사이트가 있다. 

remove.bg
이 사이트에서 사진을 업로드하면 누끼를 쉽게 딸 수 있다. 
500*500으로 무료 다운로드하면된다.


//이미지를 손실없이 키워주는 사이트
waifu2x.udp.jp
여기에 업로드해서 다운로드를 할 수 있다. 2배~4배 까지도 키울 수 있다.

 

 

포토샵

포토샵에서 이미지를 늘리거나 줄일때 "스마트 오브젝트"가 아니면 이미지에 손상이 올 수 있다.

우클릭해서 converse smart object

그래서 스마트 오브젝트가 되도록 서렂을 해주어야한다. 

 

자주사용하는 단축키 모음

Ctrl + G // 그룹화
Ctrl + J // 복제
Ctrl + E // 이미지화

//이걸통해 분리된 레이어를 통합하고 그에 맞는 이미지를 추가로 생성할 수 있다.

이렇게 만들고 남은 그룹은 변경되지 않도록 자물쇠를 눌러서 Lock을 걸어준다. 

 

ctrl+alt+c // 단일 레이어 캔버스 사이즈 조정하기
// generate 하거나 

//그라데이션처리
- 기본적으로 원본을 손상시키면 안되기 때문에, 아래 아이콘을 클릭해서 "마스크"를 씌워준다. 
- 그리고 "그라데이션툴"을 클릭해서 마스크에 그라데이션을 넣어줄 수 있다

 

 

Safe Area

아이폰의경우 위 아래에 잘리는 구역이 있기 때문에 지정해야하는 안전구역이 있다. 
top : 50px
buttom : 34px

안전구역 그리드를 나타내는 이미지가 있는데 이거 찾아서 붙여넣는게 좋겠다. 

가로와 세로가 다르다.

아이폰도 몇세대냐에 따라서 다르고 기기마다 다르기 때문에 기기에서 주력으로 밀고있는기기를 확인하고 영역을 고려해서 작업을 해야한다.

 

 

비네트 처리해주기

HUD는 화면에 가장자리가 딱 보이면 어색할 수 있다. 특히 UI만 나오는 구역에서는 특히 그렇다. 

그래서 UI가 보이더라도 문제가 없도록 구역설정을 잘 해줘야한다. 

//전체선택 일부선택 토글
shift + a

- 안쪽 사각형을 선택해주고 위 도구 창에서 PathOperation 을 클릭해서 구멍을 뚫어줍니다
- 스마트 오브젝트로 만들어주고, 가우시안 블러를 주어서 비네트 효과를 만들어준다.

//opacity조절
v + (숫자)

 

 

 

Icon만들기

당연하게도 좌측에 도형을 만들어주는 "쉐입 툴"을 사용해서 만든다. 

- 먼저 Windwo -> Properties 가 체그되어있는지 확인해준다. 
- 그리고 shape툴을 이용해서 도형을 만들어주면 된다.

tip) 
- 모서리를 둥글게 처리하고 싶을 경우  Apearence에서 각 모서리 둥금처리  px을 구할 수 있다.

//포인트 추가하기
shift + a // 포인트 노출
p // 마우스를 포인트 추가로 변경 -> 클릭해서 shape포인트 추가
//필요하면 "alt"를 눌러서 기울임 각도 제거 가능




//상업용 아이콘 다운로드하기
thenounproject.com

- 로그인 하고 원하는 아이콘 검색
- basic 다운로드 // png로 다운로드

- 포토샵에 불러오고 영역에 맞게 잘라준다

// 영역선택 
ctrl + 클릭
// 영역에 맞게 레이어 크기 조절 //crop
alt + i + p


// 프로페셔널하게 아이콘 제작하기
- 레이어 클릭하고 우측하단 Fx 버튼클릭 -> LayerStyle  선택
- 그림자 처리

 

 

패턴 만들기

//새로만들기
ctrl+n

이용해서 128*128 의 이미지를 새로 생성한다. 

여기에 패턴으로 사용하고 싶은 패턴을 shape를 이용해서 만들어준다. 

properteis(없으면 window창에서 켜준다) 에서 pattern버튼을 클릭
패턴 이름을 정하고 저장해준다


그리고 window에서 pattern 탭을 눌러서 열어주면된다.


//패턴 추가하기
우측 아래 패널에 버튼이 있다. 
- Layer Style -> pattern overlay


// 패턴의 경우 언리얼에서 움직이는 애니메이션을 넣을 수 있다.
// 때문에 어떻게 넣으면 예쁘게 움직이는지를 고민하고 미리 패턴을 만들면 좋다.