효과음용 폰트 추천글 - https://arca.live/b/sickzil/26238820

뒤틀기와 기울기, 필압흉내내기 - https://arca.live/b/sickzil/26842846  

이전에도 언급하긴했는데 효과음 식자에 관한 정보를 구하기가 너무 어려워서 혼자 아둥바둥하며 연구했던 내용들임

틀린 내용이나 다른 의견이 있으면 걍 비추만 찍 박지말고 댓글로 보충, 보완 피드백 해주면 정말 고맙겠음

그리고 포토샵에 최적화 하여 설명함 다른 툴 쓰는 사람들 ㅈㅅㅈㅅㅈㅅㅈㅅ

0. 먼저 효과음의 형태

보통 만화에 사용되는 효과음들은 대부분 손글씨,

한글 자모의 형태를 초성 중성 종성으로 구분할때

효과음에서 초성의 크기가 중성, 종성보다 크다는걸 알 수 있음

보통 초성의 크기를 100이라고 했을때 중성은 50~80, 종성은 50~100 정도로 비율을 맞추면

어느정도 자연스러운 효과음을 만들어 낼 수 있음

-정발 만화에서 사용되는 효과음-

뿐만아니라 효과음은 만화의 작화적 연출의 한부분이기 때문에 어느정도 역동성이 필요함

그래서 효과음은 글자를 정갈한 형태로 적는 것 보다 휘갈겨 쓰듯이 작성이 되어 있는 경우가 많음

원하는 느낌의 폰트를 찾는건 생각보다 힘든 일이고 몇가지 만족스러운 폰트를 찾았다고 해도

막상 만화에 입혀보면 부자연스러운 느낌이 드는 경우가 부지기수인데 이게 이런 효과음의 형태 때문인 것 같음

일반적인 글씨를 적는다고 하면 네모같은 틀 안에 글씨를 깔끔하게 채워넣는 느낌으로 작성하지만

효과음을 작성하는 틀은 어느정도 뒤틀은 틀일 필요가 있음

일반적인 글씨는 네모틀 안에 들어가듯이 작성

효과음은 구부러진틀 안에 들어가듯 작성

이처럼 문자의 역동성과 초중종성의 비율을 고려해서

만화스러운 문자의 형태를 작성하도록 도와주는 기능이

뒤틀기와 기울기임

1. 뒤틀기와 기울기

말그대로 폰트를 뒤틀거나 기울임을 주는 것, 이를 통해 정형화된 느낌보다 더 자연스러운 느낌을 줄 수 있고

문자의 초성 중성 종성의 비율을 어느정도 조절할 수 있음.

상 : 기본 폰트 (미드 아카시아), 하 : 같은 폰트에 뒤틀기와 기울기를 준 것 조금 더 자연스럽고 역동적인 느낌이 드는것 같음

좌 : 기본 폰트 (코펍돋움), 우 : 같은 폰트에 뒤틀기와 기울기를 준 것 글자가 어떤 형태의 틀로 구부러져 있는지 눈에 확실히 보임. 뿐만아니라 이런 고딕 폰트까지도 자모의 비율을 어느정도 조절할수 있음

뒤틀기는 텍스트 상자, 혹은 텍스트를 우클릭하고 가장 하단 항목에서 찾을 수 있음

기울기는 레이어를 선택하고 ctrl+T 를 누른 후 ctrl 키를 누른상태에서 모서리를 마우스로 당겨서 조절하거나

ctrl+T를 누른 후 상단 창에서 값을 입력하여 조절할 수 있음

폰트의 형태는 개인적인 취향이 강하니까

뒤틀기와 기울기의 적절한 값은 본인이 시행착오를 통해 값을 설정하는게 좋고

액션으로 만들어두면 매우 편하게 사용도 가능

내가 사용하는 액션 값 상단 부채꼴, 수평 부채꼴, 수직 부채꼴을 애용 기울기 값은 수직 -15도를 설정, 기울기 액션 반복 사용하면 -30도, -45도로 사용 가능 다만 기울기는 직접 마우스를 이용한 눈대중이 좀더 편할때가 많음

분위기나 상황에 맞는 여러가지 형태를 고려해서 2~3개는 만들어 두는 걸 추천하고

똑같은 상황에서 같은 문자, 효과음이 반복될 경우 같은 뒤틀기, 기울기 디자인을 사용하더라도

어느정도 값을 다르게 주는게 좀더 자연스러운 효과음을 연출할 수 있음

같은 뒤틀기 디자인을 사용했지만 아주 약간씩 바리에이션을 달리해서 좀더 자연스러운 느낌을 연출해봄

그리고 점 텍스트가 아닌 텍스트 상자를 이용하여 문자를 입력할 경우

뒤틀기 값을 줬을때 텍스트 상자째로 뒤틀기 값이 입력 됨

그러니 내가 만들어 놓은 액션 값보다 좀더 약하게 비틀기를 먹이고 싶다면

문자보다 큰 텍스트 상자를 만들어야 효과적임

나는 항상 텍스트 상자를 크게 만들어서

폰트 크기를 조절하는 방식으로 뒤틀기 값을 조정했음

그리고 당연한 말이지만 어절째로 텍스트 상자에 넣으면 어절 자체가 뒤틀고 기울어지므로

한 글자 한 글자 뒤틀어야 한다

2. 필압 흉내내기

만화에 나오는 효과음 문자들은 작가들이 직접 펜으로 그린것이기 때문에 필압 혹은 덧그린 흔적이 남아있음

이런식으로 자세히 보면 글자의 외곽선의 두께가 조금씩 다름

별거 아닌것 같지만

그림과 어우러져 문자가 굉장히 자연스럽게 만화에 녹아들어있는 듯한 느낌을 줌

이를 흉내내기 위한 두가지 방법을 소개해 봄

첫 번째, 글자의 복붙

포토샵 기준

레이어를 선택한 후 알트 + 상하좌우 키를 입력하면 레이어가 입력 방향으로 복사되는건 알고 있제?

해당 방법으로 원본보다 얇아 보이는 외곽선을 입힌 글자에서 상하 혹은 좌우의 횟수를 다르게 입력하여 복사하면

좌와 우의 굵기는 같지만 좌우, 상과 하의 굵기가 다른 텍스트 외곽선을 만들 수 있음

베이스가 될 문자, 상하 외곽선의 굵기를 늘릴 것이기 때문에 원본보다 획을 얇게 설정함 여기에 [알트 + 위] 6번 [알트 + 아래] 4번을 주면 좌와 우는 같지만 좌우, 상, 하의 굵기가 다른 외곽선이 만들어 짐 값을 조금 더 극단적으로 줘서  [알트+위 10] [알트+아래 3] [알트+좌 4] [알트+우1] 을주면 이런 형태가 됨 이렇게 굵기가 좀더 굵어지면 오히려 그림자 같은 느낌이 나서 개인적으로는 비추하지만 상황에 따라 요긴하게 쓰이긴 함

gif로 만들면 설명과 이해가 참 쉬울건데 넘 번거로워서 걍 이렇게 설명함 ㅈㅅ

지금까지 써본 바로는

상하든 좌우든 둘중 한방향으로만 3:2 비율로 이동하는게 가장 자연스러운거 같음

굉장히 미세하고 눈에 안띄는 디테일인데

어렵지도 않으니 마음에 드는 사람은 써보면 좋을듯

두 번째, 외곽선 축소

위 방법보다 좀더 번거로운데 보다 자연스러운 효과를 얻을 수 있음

먼저 베이스 문자레이어를 복사하고 속을 비운 뒤, 훨씬 두꺼운 외곽선을 만듦

이때 외곽선은 중앙획으로 만들고 외곽선만 남긴 문자를 레스터화하면 됨

원본보다 훨씬 두껍게하고 내용물은 비움. 포토샵 레이어 창에서 채우기를 0%로 하면 폰트의 색깔이 없어지고 레이어스타일인외곽선만 남게 됨 그리고 레이어를 우클릭해서 레이어스타일 레스터화

그리고 선택툴을 이용해 외곽선의 크기를 줄이면

외곽선이 우둘투둘하게 남음

레스터화 한 외곽선만 선택한 뒤 선택 > 변형 > 축소 축소값은 글자의 형태가 간신히 남을정도로 준다. 선택 영역을 반전하고 Delete 키를 누르면 반전 선택된 부분을 지우고 축소한 부분만 남게 된다.

여기서 다시 외곽선 효과를 주면 어느정도 필압이 들어간 외곽선의 형태를 흉내낼수 있게 됨

다시 외곽선을 입히는데 적절하게 어울리는 값을 넣어줘야 함 그리고 숨겨놨던 원본 문자레이어를 다시 띄우면 완성 이건 문자에 그냥 외곽선만 넣은건데 비교해서 보면 약간 차이가 있는것을 확인할 수 있다.

이 방법은 외곽선 전체의 굵기를 다르게 한다기보다 문자의 획이 이어지는 부분에 굵기를 남겨 좀더 손으로 쓴듯한 느낌을 줌

그리고 문자의 크기에 따라 값을 다르게 줘야하기 때문에 많은 시행착오와 눈대중이 필요해서 꽤 번거롭고 액션으로 설정도 못함

다만 폰트를 이용하는 게 아닌 직접 손글씨로 효과음을 그리는데

타블렛이 없어서 마우스를 쓰는데 필압을 흉내 내고자 할때에는 아주아주아주 효과적임

효과음까지 식질하는 사람들에게 도움이 되면 좋겠다

다음에 기회되면 또 써보겠음