식질 Workflow by akazinki 220724ver.atnsample.psdsample answer.zip










====


첨부
사진을 클릭하여 새 탭에서 파일 다운로드
'.jpg' 파일 각 '.zip' 으로 확장자 변경
1

식질 Workflow by akazinki 220724ver
2
 
30MB가량
예제
3

40MB 가량
예제 완성본


    액션 설치방법(클릭)    


====


"클린본 있는 반투명 말풍선 작품 자동 액션 설명글&기타 편리한 액션"


세줄 요약
맨 위 첨부파일들을 받고 액션을 설치한다.

첨부2에 '예제.psd' 열어서 이 글의 '3.2.'로 가서 따라만 해본다.
맘에 든다면 '개요' 정도는 읽어 주시고 더 궁금하다면 다른 예제나 항목들도 봐주면 감사..


====


1. 개요


"클린본이 있는 반투명 말풍선 작품을 자동으로 채워주는 액션 설명글&기타 편리한 액션 공유글"


들어가기 앞서서 먼저 해당 액션의 시연영상을 보자.



이렇게 액션1->말풍선 선택->액션2로 동작 할 수 있음.


원리설명 강의가 아니라 단순히 빠른 작업을 위한 동작을 지시하는 위주로 쓰여짐

대부분의 설명 방법은 

1행 : 영상

2행 : 동작

3행 : 기타 부가적인 설명 위주임. 


본 글에서 설명은 첨부된 예제파일을 기반으로 서술함. 

예제파일을 받아서 영상과 설명된 순서대로 무작정 따라해보는 게 빠름.

어려운 원리는 아니기 때문에 몇 번 하다보면 언젠가 이해도 분명 될 꺼



*포토샵 영어버전, 23.4.2 버전, 맥 환경에서 작성됨 용어나 명칭적인 부분에 있어서 양해바람

**예제파일이 캔버스가 아니라 아트보드로 작성되어 있어서 근 2-3년 버전에서만 작동할 수도..있음


이 글에 쓸 용어 정의

원본 레이어 : 작업할 레이어, 일본어든 뭐든 말풍선에 원어로 된 레이어

클린본 : 말해뭐해


----


2. 액션구성



첨부된 액션을 받으면 다음과 같이 Action Set이 구성되어 있다. 우측은 버튼모드


  • ==[백업용]~~ : 더미 액션, 바로 사용하기 보단 액션 원본을 백업하자, 식질 Workflow 폴더째로 하단 + 드래그 or 버튼모드 메뉴 3칸 밑에 사본생성
    사본 생성 참고(클릭)    
  • 사용법 링크(액션실행) : 본 글의 링크가 적힌 텍스트 레이어 생성
  • Phase. 1~3 : CG집 클린본 작업을 위해 만든 액션 (1. 개요 영상에 쓰임) 
    • Phase. 1 : (일반 망가에도 사용가능, 사용조건 없음) 해당 페이지 스마트오브젝트 생성. 하지만 클립보드에 클린본을 미리 복사하고 사용권장.
    • Phase. 2 : (사용조건,[Phase. 1] 실행, 클립보드에 클린본이 있는 상황, 반투명 말풍선 색상값 및 투명도 값 알고있기, 마법봉으로 작업할 말풍선 모두 선택) 반투명 말풍선과 클린본 합성. 최초에 범용적인 반투명 말풍선 투명도 70% 색상 #ffffff (흰색)으로 지정해 놓긴함, 대화상자 팝업이 뜨게 해놓음. 작품마다 값이 다르니 본인들이 해당 값을 알아내고 나서 액션 수정 후 dialog 토글을 끄면 팝업없이 진행됨. 
    • Phase. 3 : (사용조건, 최하단 원본레이어를 제외한 상위 모든레이어 선택후 실행) 대패질을 끝내고 본격적인 식자 작업전 베이킹 및 원본 과 차이비교
  • Shape 말풍선-1 : (사용조건, 마법봉으로 말풍선 선택 후) 말풍선을 불투명 흰색으로 채움
  • Shape 말풍선-2 : (사용조건, Shape 말풍선-1에서 생선된 Shape 말풍선 레이어가 선택된 상황) 색상 투명도 조절
  • --편의성-- : 분할용 더미
  • Expand : (사용조건, 뭐든 선택후 지렁이 반짝반짝)선택영역 1픽셀 확장, 추천 단축키 ctrl + F12)
  • Contract : (사용조건, 뭐든 선택후 지렁이 반짝반짝)선택영역 1픽셀 축소, 추천 단축키 ctrl + F11)
  • 5% bigger : (사용조건 없음) 크기 5% 키움, 추천 단축키 shift + F12
  • 5% smaller : (사용조건 없음) 크기 5% 줄임,추천 단축키 shift + F11
  • Horizonal Text : (사용조건, 텍스트 편집모드에서 나온 상태) 텍스트를 횡서로 만들어줌, 추천 단축키 F11
  • Vertical Text : (사용조건, 텍스트 편집모드에서 나온 상태) 텍스트를 종서로 만들어줌, 추천 단축키 F12


이거 보고 이해했다면 거짓말이다. 왜냐면 내가 만든 거지만 나도 이래 써놓고 보니 모르겠다.

첨부한 예제 파일을 열어서 하나씩 보자.


----


3. 액션 이해 및 예제


예제.psd (우클릭) 을 다른이름으로 저장하자 (.mp4를 .psd로 확장자 변경)

말이 액션 이해지 원리설명 같은 관심도 없을 그런게 아니라 빠른 작업을 위한 전후 동작 같은 단축키로 빠른 작업이 가능하게하는 설명 위주임.

완성본 샘플은 예제 완성본.zip (우클릭) <-확장자 .zip으로 변경 후 압축해제하면 .psd 파일 나옴


----


3.1. 예제-1. Phase 1 까지 or 말풍선 액션 (흰색 말풍선)


일반적인 망가나 흰색 배경의 경우[ Phase. 1] 까지 or [Shape 말풍선] 두 가지 방법이있다. 아주 기초적이고 새로운 개념은 없지만 액션을 이해하기 위해 차근차근 가보자. 


----


3.1.1. [Phase. 1]


1) 원본 레이어(예제-1)가 레이어창에서 선택된 상태
2) [Phase .1] 액션 실행 : 새창으로 스마트 오브젝트로 열리고 '대패질 1' 레이어가 선택, 브러쉬 툴, 전/배경색 각 백/흑 으로 설정될 꺼
3) 그대로 말풍선에 칠해주자. 글자 시작점 클릭, 쉬프트 누르고 끝점 클릭하면 쉽다.
4) 컨트롤+S 저장, 컨트롤+W 닫기
5) 다음장 반복
--
브러쉬는 단순히 툴만 선택한거라 마지막으로 사용한 브러쉬 팁 모양이 불러와짐 Hard Round 브러쉬 팁까지 구현하고 싶었지만, 액션에서는 브러쉬 이름을 기반으로 불러오는 듯해서 포토샵 한국어 버전에서 충돌이 일어나서 킹쩔 수 없다. 브러쉬 많이 쓴다면 개인적으로 해당 액션뒤에 추가적으로 액션을 녹화하자


----


3.1.2. [Shape 말풍선-1]


1) 원본 레이어(예제-1)가 레이어창에서 선택된 상태
2) [Phase .1] 액션 실행 : 새창으로 스마트 오브젝트로 열리고 대패질 1 레이어가 선택, 브러쉬 툴, 전/배경색 각 백/흑 으로 설정될 꺼
3) 여기서부터 다른데 '대패질 1' 레이어 밑에 원본 레이어 사본 선택
4) 마법봉(W) 누르고 말풍선 공백 쉬프트 눌러가며 클릭
5) [Shape 말풍선-1] 실행
6) 컨트롤+S 저장, 컨트롤+W 닫기
반복
--
0) [Phase. 1] 안하고 바로 지우고 싶은 말풍선 있는 원본 레이어(예제-1)에 해도 됨 -> 바로 4)~5)로 건너뛰어도 된다는 거..레이어 정리는 몰?루

4)' 마법봉(W) 추천 Tolerance(공차?간극?) 값은 난 70씀
선택영역 축소 한계상 확대해보면 원래 말풍선의 외곽선을 살짝씩 먹음. 왜 그렇게 만들었냐면..
5)' 동봉된 [Shape 말풍선-2]때문임. 이건 반투명 및 외곽선임 아예 클린본위에 말풍선을 올릴때 쓰는 건데 뒤에 가서 나옴


----


3.2. 예제-2. Phase 2 이상 (반투명 말풍선)


반투명일 경우 [Phase. 2] 이상 필요하다. 이 정보글 핵심일 수도
클린본이 있는데 이걸로 어떻게 편하고 빠르게하는 방법 없을까하는 사람들을 위한 거다.
준비물 : 클린본 레이어, 반투명 말풍선 색상&투명도 값 (링크1, 링크2)
--
반투명의 경우 보통 대게 무채색(백/흑)에 투명도 70~80이 대다수이고 본인이 눈대중으로 맞춰도 무방


----


3.2.1. [Phase. 2]


1) 클린본 찾기
2) 클린본 복사(컨트롤+C)
3) 원본 레이어(예제-2)에 [Phase. 1] 실행
4) '대패질 1' 레이어 밑 사본 레이어 선택
5) 마법봉(W) 누르고 말풍선 공백 쉬프트 눌러가며 클릭
6) [Phase. 2] 실행
7) 저장 및 닫기 (컨트롤+S, 컨트롤+W)
반복
--
⭐️⭐️⭐️!!꼭 [Phase. 1] 선 실행 후, 반드시 클린본 클립보드(복사한 상태)에 있는 상태에서 [Phase. 2] 실행해야지 올바로 동작함!!⭐️⭐️⭐️

1)' 특히 CG집 같이 비슷한데 표정이나 작은 요소만 다른게 여러장일때 주의필요.
3)' 궁금한 사람이라면 굳이 해야하나 싶지만 이유가 있음..[Phase. 2] 액션창 로그 후반에 보면 Merge Visible(눈 켜진 레이어 모두 합치기)이랑 레이어 선택을 3칸씩 가는게 있음. 때문에 [Phase. 1]을 선 실행해서 눈켜진 레이어와 그 갯수를 제어해야하는 게 불가피함. 때문에 [Phase. 1] 실행이 선행조건
2)' 맥에서는 포토샵에 안올리고 파인더 상에서 파일을 복사해도 먹긴하는데 윈도우는 파일탐색기 상에서 복사해도 포토샵에서 동작할지 어떨지 모르겠다. 그래도 클린본 찾는 것도 일이라 레이어를 한꺼번에 임포트 해서 작업셋팅 해놓는 걸 추천->셋팅법은 차후에 글을 분리하던지 뒤에..
5)' 마법봉(W) 추천 Tolerance 값은 난 70씀
6)' 다시한번 말하지만 클립보드에 클린본 있는상태에서..  그리고 현재 영상에서는 중간에 투명도, 색상 팝업뜨지만 원하는 투명도, 색상값 정해지면 액션창에서 해당 액션 dialog 토글 꺼주면 됨. 액션 수정법은 4.2.에

응용법으로 해당방법으로 흰색으로 칠해진 레이어를 클립보드에 넣어놓고 3.1과 같은 말풍선이나 일반 망가 페이지에도 적용가능


----


3.3. 예제-3. 심화


인생 실전임..
흰 반투명 말풍선만 쓰면 얼마나 좋겠냐마는 이딴 경우도 간혹있다.
이 페이지로 요소요소 하나씩 볼게
세번째 첨부파일 예제 완성본.psd 이랑 같이 참고하면 좋을듯 함


3.3.1. 준비물 말풍선 색상&투명도 값


나름 번외라면 번외 작업이지만, 수동이던 자동이던 말풍선 색상값이 준비물이기 때문에..
안전하게 원본 레이어 사본 만들어서 마스킹(3.마스킹 참고)하고 색상값을 찾아주고 두 값을 찾았으니 원본 레이어 사본은 지워주면 되겠지?
야매이지만 어느정도 작업하다보면 투명도 70~80%로 거기서 거기이고
색상도 요령만 잡히면 30초 내외로 금방임
정확하게 뽑고 싶은 사람은 하단 링크1,2 참고
--
물론 여러분들의 빠른 진행을 위해 첨부된 예제 파일에 색상값 레이어 넣어놨어

반투명 말풍선 색상&투명도 값 계산 (링크1, 링크2) 원리는.. 문송합니다
*두 링크는 다른 챈러가 쓴건데 괜히 작성자닉 같이 적었다가 철퇴가 무서워서..마음 같아선 넣고 싶어도 양해바람


3.3.2. [Phase.2]까지 실행 (+효과음 밀기)


1) 클린본 클립보드 저장(컨트롤+C)
2) 원본 레이어에 [Phase. 1] 실행
3) 같은색 끼리 마법봉(W) 쉬프트 눌러가며 선택
4) [Phase. 2] 실행 추출했던 반투명 말풍선 색 팝업에 입력
5) ⭐️[Phase. 2] 여러번 반복해야 할시(사진참고)⭐️
실행 전제조건 충족시키기 
가. '대패질 2'의 마스크 제거 (최초 [Phase. 2]를 실행했다면 레이어 이름이 '대패질 2'일꺼임)
나. 백업용 원본 레이어(잠김)이 최하단 ([Phase. 1]때 자동생성)
다. 그 위에 '대패질 2'작업할 원본 레이어. 
사진참고


사진 1

사진 2

위와 같이 사진 2와 같은 상태로 만들고
6) [Phase. 2] 색상에 맞게 반복
일반 식질은 여기서 저장&닫기(컨트롤+S&W) +[Phase. 2] 끝나면 브러쉬 들고있으니 클릭주의

이 다음부턴 효과음

7A-1) 효과음 드래그해서 문지르면 지워짐 (간단)
or
(복잡, 효과음 갯수 많을경우)
7B-1) 마법봉(W) 들고 효과음 쉬프트 눌러가며 클릭
7B-2) 동봉된 [Expand] 액션 몇 번 실행
7B-3) 알트+Backspace
--
0) 지금처럼 말풍선 색깔 여러개일시 3.1.1. 에서 찾아낸 값 메모장에 같은데 적어 놓고 알트+탭 신공으로 하면 편함
6)' [Phase. 2] 끝나면 이동툴(V) 눌르는 걸 습관들이면 브러쉬 미스는 안나고, 원본 레이어.psb 이미 닫고 나왔다면 스마트 오브젝트 상태라 어차피 브러쉬 안먹힘. [식질팁] 스마트 오브젝트 이해 | 컴포지팅, 비파괴, 필터수정 참고
7A-1)' 눈치 챘겠지만 [Phase. 2] 실행하면 이미 '대패질 2' 레이어 마스크가 선택된 상태로 전경색 블랙으로 브러쉬 들고 있음.
7B-1~3)' 해당 동작들 의미를 모르겠고 굳이 이해하고 싶다면.. [식질팁] D키와 X키 | 레이어 마스크 브러쉬 +전/배경색, 그라디언트, 클리핑마스크 참고

영상에선 뇌정지와서 클린본 복사를 상위 psd에서 가져옴.. 바로 밑에 클린본 있는데..
기왕 이렇게된 거 컨트롤+`(다음 탭), 컨트롤+쉬프트+`(이전 탭) 탭간 이동도 알아두면 작업속도 빨라짐

+ 완성본 샘플은 [Phase. 2] 그냥 처음 액션에 설정된 기본값(흰색) 한 번만 실행 후 마스킹으로 조진거..(레이어 마스크 구조 원리는 클릭)

    난 그냥 이게 편하더라


3.3.3. [Shape 말풍선-1~2] or 펜툴로 직접 따기


3.3.3.1. [Shape 말풍선-1~2]


1)3.1.2. [Shape 말풍선-1] 참고바람
2) [Shape 말풍선-2] 실행, 원하는 색상입력
--
2)' [Shape 말풍선-2] 해당 액션을 실행하면 투명도는 70%, 선 굵기는 1px 설정이 기본값

영상보면 답답할꺼다. 나도 그렇다.. 물론 "폴리고날 선택툴로 클릭 몇 번 하면 되지 않냐?" 라는 발상이드는 사람은 아래방법 추천


3.3.3.2. 펜툴로 직접 따기


1) 펜툴(P)을 든다.
2) 만든다
--
1)' 좌측 상단에 펜툴의 모드가 Shape 인지 확인하기, 보통 Path로 돼있을껀데 한 번 바꿔 놓으면 안바뀜.
2)' 펜툴 사용법은 알아서.. https://bezier.method.ac 이런 bezier 곡선원리 웹기반 게임도 있는데 처음인 사람은 많이 도움됨.

이딴 변태같은 말풍선은 걍 수작업이 빠르다..  


3.3.4. 효과음 및 [Phase. 3] 실행


1) 효과음등 작업
2) 최하단 백업용 원본 레이어(잠김)를 제외한 상단의 모든 작업한 레이어들 선택
3) [Phase. 3] 실행
4) 원본 레이어와 비교후 식자 작업 or 저장&닫기(컨트롤+S&W)
--
1)' 영상에서의 효과음 작업은 [식질팁] D키와 X키 | 레이어 마스크 브러쉬 +전/배경색, 그라디언트, 클리핑마스크 에 4번 참고
2)' [Phase. 3] 전제조건

레이어 정리, 누락 작업확인, 최적화를 위한 액션임
식자 작업시에 대사 텍스트 레이어가 엄청 생길건데 그전에 대패질/식자 작업을 분리 시켜주면 좋다. 물론 수정할때도 편하고
장수가 수백장 넘어가는 작품의 경우 대패질 먼저 쭉하고 대사는 이후에 올리는 경우가 많은데 며칠뒤 다시 열었을때 뒤죽박죽이면 의욕부터 떨어지니깐


----


3.4. 편의성 액션들


1) [Expand] : (사용조건, 뭐든 선택후 지렁이 반짝반짝)선택영역 1픽셀 확장, 추천 단축키 ctrl + F12)
2) [Contract] : (사용조건, 뭐든 선택후 지렁이 반짝반짝)선택영역 1픽셀 축소, 추천 단축키 ctrl + F11)
3) [5% bigger] : (사용조건 없음) 크기 5% 키움, 추천 단축키 shift + F12
4) [5% smaller] : (사용조건 없음) 크기 5% 줄임,추천 단축키 shift + F11
5) [Horizonal Text] : (사용조건, 텍스트 편집모드에서 나온 상태,esc) 텍스트를 횡서로 만들어줌, 추천 단축키 F11
6) [Vertical Text] : (사용조건, 텍스트 편집모드에서 나온 상태,esc) 텍스트를 종서로 만들어줌, 추천 단축키 F12
--
3)' 텍스트 식자작업에 추천, 일반 비트맵 레이어(그림)에 했다가는 순식간에 화질구지됨( 연타할 경우 자유변형을 연속으로 하는 거)
4)' 상기동일 단, 스마트 오브젝트 제외 [식질팁] 스마트 오브젝트 이해 | 컴포지팅, 비파괴, 필터수정에 1번 참고


----


4. 액션취소, 액션수정 방법 


4.1. 액션취소


[Phase. 1~3]가 나름 복잡한 만큼 동작이 많은데 포토샵에선 액션로그 하나하나 History에 올라가기 때문에 단순히 컨트롤+Z 몇번으로 되돌아가기는 힘듬.

따라서 내가 작업하면서 생긴 요령으로 Undo 하는 법을 적어봄.


[Phase. 1] Undo(취소)법
1)스마트 오브젝트를 닫기, 저장안함
2)컨트롤+Z
--
매번 이름 설정 체크한 사람은 컨트롤+Z 두 번 하면 되겠지? 영상은 해당 방법으로 녹화함


[Phase. 2] Undo(취소)법
1)히스토리 윈도우를 열어서 마법봉이 연속적으로 쓰인 부분을 찾아서 클릭
2)재선택후 다시 액션실행
--
영상과 같이 실제로 빼먹는 경우가 허다함. 특히 동작이 많은 액션이라 오기 부리지 말고 히스토리 윈도우를 열자
관련글 [식질팁] 실수로 지운 레이어를 복구 해보자. | History Window 활용 참고


[Phase. 3] Undo(취소)법
1) Baked 사본 레이어 잠금해제(/), delete
2) Baked 레이어 그룹 해제(컨트롤+쉬프트+G) 
--
선택 잘못해서 Bake 한 경우나 수정할 경우가 생긴 경우에 되돌려야 겠지?
말이 어렵지 그냥 맨 위에 합친 거 지우고, 폴더 푸는 거임.


기타 액션 Undo(취소)법

[Shpae 말풍선-1] : 그냥 생성된 'Shape 말풍선' 레이어 지워주면 됨

[Shpae 말풍선-1] : 컨트롤+Z 세번


----


4.2. 액션수정


수정할땐 하더라도 사본 만들어 놓는 걸 잊지 맙시다.

4.1에 '[Phase. 1] Undo(취소법)'에서도 액션수정이 잠깐 나오니 참고

하나씩 액션을 로그를 펼쳐보자


[Phase. 1] 수정법
각자 파일불러오는 방법은 천차 만별이라...
원본레이어 이름 그대로 스마트 오브젝트 생성되는게 기본값임



[Phase. 2] 수정법
꽤 길지만 표시해놓은 항목만 건들면 됨

포토샵 액션은 수정할때도 그 동작이 실행되야 반영이 되기 때문에 Contract 처럼 아무것도 선택영역 정의 안 한 생짜배기로 수정은 안됨.
더블클릭해도 팝업자체가 안뜰꺼임
때문에 아무곳 사각형이나 마법봉 선택하고 Contract 액션로그 더블클릭해야 픽셀값을 묻는 팝업이 뜰 꺼임

칠레이어(Make fill layer) 액션 로그를 응용하자면 해당 액션 로그만 사본을 여러개 만들어서 투명도별로 여러개 가지고 있다가 필요한 투명도 값 체크만 조정해주는 식으로 해도 '되긴'함. 근데 나도 해봤지만 그냥 팝업 뜰때마다 값입력 해주는 게 덜 헷갈리고 괜히 액션 꼬여서 다시 조정하는 것보다 시간도 싸게침.

무조건 팝업창 안뜨게 비활성화도 편리하긴하나, 까짓꺼 엔터 두 번만 치면돼서 일단 나도 항상 팝업뜨게 해서 씀.(기본값)


[Shape 말풍선-2] 수정법
[Shape 말충선-1] 실행 후 색상값 정해진 액션로그 더블클릭하여 수정
애석하게도 칠 투명도 조절 특성인지 Shape 특성인지 액션 팝업이 안먹음..
색상이외의 칠 투명도, 라인 두께는 재녹화 내지는 수동으로 만져주는게 필요함.
한가지 팁을 주면 기존 로그 그대로 두고 뒤에 추가적으로 원하는 칠, 두께로 추가녹화를 추천함. 작품 바뀔때 뒤는 지워주고 다시 하면 되니깐 



====


1년 전부터 작업하다 레이어 정리가 귀찮아서 만들어 쓰던건데,

정보글 하나 둘 쓰다보니 얘도 어찌어찌 하면 설명할 수 있고 공유도 되겠다.. 라는 생각이 들었고 

다른 정보글들을 얘를 위한 빌드업 한다는 생각으로 썼었음. 

물론 글 쓰는데 시간도 오래걸리고 짬도 안나서 빌드업 다 하기도 전에 

그냥 막무가내로 액션깔아라, 예제주고 따라해라 라는 글이 됐지만.

공유 목적으로 액션을 짜다보니 나 쓰던 거 그대로 냅다 공유하는게 아니라 

언어, 버전, 레이어 위상관계 상관없이 동작하게 바꾼다고 나도 꽤 배운듯..


끝으로 이 글은 순전히 작업 한참 할 때(대패질 작업)에 촛점이 맞춰져 있는 정보글임

진짜 워크플로우라면 

이거 전 셋팅 : psd에 원본 레이어, 클린본 한 번에 올려놓기 등

마지막에 내보내기 : 파일 한번에 내보내기 설명도 해야하는데 글을 분리시켜야 할듯

여튼 다들 잘하리라 믿고..치얼쓰