본문 바로가기
어트랙트모드 & 마메 & 에뮬

포토샵으로 게임용 휠 아이콘 제작 강의

by 배고픈마리오 2020. 1. 29.
반응형

 

 어트랙트모드의 CSOne 테마와 Consol Box HD 테마에 사용되는 휠 아이콘을 제작하는 방법을 알고 싶다는 문의가 있어서 글을 써봅니다. 유명한 게임같은 경우는 구글에서 검색하면 이미 누군가 제작한 아이콘을 쉽게 받아 쓸수가 있습니다만, 아주 오래된 게임이나 유명세가 덜한 게임, 출시된지 얼마안된 게임은 검색이 안되는 경우가 있습니다. 이럴때는 직접 만들어서 해결할 수 있습니다.

이 글은 포토샵 초보분을 위한 방법이니 이미 포토샵에 능숙한 분은 굳이 보실 필요가 없겠습니다. (더 쉽고 좋은 방법을 알고 계실테니...) 

먼저 휠 아이콘을 만들려면 아래와 같은 준비물이 필요합니다.

게임 관련 이미지들은 구글에서 게임명+png 검색어로 쉽게 찾을수 있습니다.

 

- 포토샵

- 아이콘 테두리로 쓸 PNG이미지 (투명배경)

- 배경으로 쓸 이미지

- 게임캐릭터 PNG이미지 (투명배경)

- 게임의 로고 PNG이미지 (투명배경)

 

테두리로 쓸 이미지는 글 마지막에 제가 첨부해 놓았습니다.

픽셀 사이즈는 512x512 이며 투명처리된 PNG 형식의 이미지 파일입니다.

필요하신분만 받으시면 되겠습니다.

 

작업순서는 아래와 같습니다.

동영상을 보면서 이해하시면 쉬울겁니다.

 

 

 

(1) 이미지 파일 4가지를 포토샵으로 엽니다.

 

(2) 테두리 이미지복사합니다.

 

(3) 복사한 테두리 이미지를 배경 이미지붙여넣기 합니다. (00:14)

 

(4) 배경으로 사용할 위치를 적당히 선정한 다음에,

 

(5) 왼쪽의 툴메뉴에서 올가미 기능을 선택하여

    배경으로 쓸 범위를 적당히 그려서 묶어줍니다. (00:27)

 

(6) 오른쪽에 있는 레이어 패널에서

    배경이미지를 선택해준 다음,

    복사해 줍니다. (00:45)

 

(7) 복사한 배경이미지를 테두리이미지 원본에 붙여넣기 합니다. (00:53)

 

(8) 레이어 패널에서 마우스 드래그로 배경이미지의 순서를 아래로 내려줍니다. (00:59)

 

(9) 게임캐릭터 이미지를 적당한 사이즈로 크기 변경해주고 복사합니다. (01:09)

(크기 변경은 단축키 Ctrl+T 를 누른후 드래그 해서 조절할수도 있니다.)

 

(10) 복사한 게임캐릭터 이미지를 앞전에 작업한 테두리 이미지에 붙여넣기 합니다. (01:30)

 

(11) 레이어 패널에서 마우스 드래그로 게임캐릭터 이미지의 순서를 맨위로 올려줍니다. (01:37)

 

(12) 이제 게임캐릭터 이미지가 아이콘테두리 밖으로 간섭되는 부분을 자르는 작업을 시작합니다.

 

(13) 이미지가 간섭되는 테두리이미지 일부분을 왼쪽 툴메뉴의 자석기능으로 범위를 지정한다음, 레이어 패널에서 게임캐릭터이미지를 선택한다음 키보드 Delete키를 눌러 제거해줍니다. (01:46)

 

(14) 게임 로고이미지를 적당한 크기로 이미지 크기변경을 해준 다음, 복사,붙여넣기 해줍니다. (02:46)

 

(15) 색보정(선택사항)을 적당히 해준 다음에 메인메뉴에서 파일>내보내기>PNG로 빠른 내보내기 를 선택하여 저장합니다. (03:41)

 

글로 풀어쓰다보니 길지만 실제로 해보면 간단한 작업입니다.

 

 

테두리 아이콘 PNG 파일 다운로드

icon_512x512.png
0.53MB

 

글이 도움이 되셨다면 공감(♡) 클릭 부탁드립니다.

 

반응형