AI 를 이용해서 sample 로 생성된 이미지에 gimp 로 표시를 하고 asset 분리작업을 시켰습니다. 수고가 정말 많이 줄었네요..... 와.... login 화면 하나 작업해 보고 있는데..... 2시간이 안걸렸습니다. process 를 작업해 뒀으니 다음 작업은 내 똥손만 조심하면 좀 더 수월할 수 있겠다 싶습니다. 사용한 codex 프롬프트는 다음과 같다. (이미지 생성은 comfyui, 이미지 편집은 gimp 와 codex 를 사용하고 있습니다.
=======================
01_login.png 에 대한 작업을 다시 진행합니다.
* 01_login.png 은 원본 이미지 입니다. * 01_login_box.png 는 작업영역을 표시한 이미지입니다. * 상단의 MAIN AUTH.... 라는 부분을 글자를 지우고 background image 로 만듭니다. 해당 부분을 01_login_title.png asset 으로 분리합니다. 전체가 분리되는게 아니라 글자가 들어가는 부분만 분리되도록 처리합니다.(상단의 붉은 상자로 표시한 부분) * 중간의 AUTH FORM... 이라는 부분을 지우고 background image 로 만듭니다. 해당 부분을 01_login_form.png asset 으로 분리합니다. 표시한 부분 전체를 분리합니다.(연두색 상자로 표시한 부분) * 오른쪽의 파란색 상자로 표시한 부분은 4가지 "d1af89" 색상 상자로 표시되어 있습니다. 4가지 색상 표시 상자의 높이 및 너비를 동일하게 조절하고 해당 부분을 01_login_decoration_button_enable.png, 01_login_decoration_button_disable.png 의 2가지로 색상으로 분리합니다. button 에 들어가는 4가지인데 적당한 형태로 4개를 새로 생성합니다. 단 전체 이미지의 image dot 밀도를 참고해서 제작해야 합니다. background 처리를 할때 d1af89 색상이 남겨지지 않도록 작업에 주의해주세요. * 아래쪽의 EXIT button 을 background image 에서 지우고 해당 부분을 01_login_exit.png asset 으로 분리합니다. (하단의 붉은 상자로 표시한 부분) * 작업을 단계별로 끝내고 각 asset 이 background 에 표시될 좌표를 별도의 text 파일로 저장합니다. x,y:assetname 의 형식이면 됩니다.
댓글 0개