텍스트 디자인

글자가 불쑥 튀어나오게 만들어보자! 이번 강좌는 언젠가 한번쯤은 본 텍스트 효과일 것이다. 방송자막이나 아니면 웹에서 심심치 않게 등장하는 효과다. 한번 이 효과를 해보도록 하겠다. 생각보다 쉽지만 귀찮은(?) 작업이 동반될 예정이다. 그러나 완성했을때 뿌듯함을 느끼시길 바라며 시작하도록 하겠다. 효과방법 글자를 하나 써주자! 800x400 사이즈에 하얀 배경에 티몬체로 150px 사이즈로 "짜잔" 이라고 글자를 써주었다. 텍스트 색상은 #00c6ff로 잡았다. 물론 원하는 텍스트로 해보는 것도 좋을 것이다. 가이드 라인을 잡아주자 이제 우리는 가이드 라인을 글자의 조금 하단 가운데에 중심점을 잡아주도록 하자. 이 부분이 핵심인데 가운데 잡으면 가운에서 글자 튀어나오고 우측으로 잡으면 당연히 우측에서 튀..

글자를 댕강 썰어보자어떤 강좌를 해야 많은 사람들에게 아이디어를 줄까 고민을 하는데 이번에 문득 지하철에서 광고를 보다가 "오! 그래 이런 방식도 좋지!" 하면서 생각난 강좌입니다! 워낙 TV나 인터넷, 오프라인까지 광고를 엄청 많이 해서 그런지 다들 한번쯤은 보셨을거라 생각이 드네요.실제 사용된 글자가 썰어진 시안이미 수 많은 광고로 많이 보았겠지만 저 부분을 확인해보죠. 이번 강좌는 실제로 사용이 많이 되기도 하고 레스터화(Rasterize)를 통해 앞으로도 다양한 효과를 나타내는데 도움이 될 겁니다! 그럼 시작!캔버스는 800x400 검은색 화면을 만들어 주구요. 그리고 글씨는 굵은 글씨일 수록 이 효과는 좋은데 티몬소리체도 좋고 여기에 사용된 폰트는 ZessType 1st Black체를 사용했습니..

라디오 스타 자막을 따라해보자! 저번 썰전 자막에 이어서 MBC의 간판 예능 라디오스타 자막을 따라해보도록 하자. 한 방송에서 사용하는 자막의 스타일은 꽤 다양한데 가장 무난하면서도 여러분들도 쉽게 쓸 수 있는 스타일의 텍스트를 따라해보도록 하자. 이번강좌는 텍스트 효과 3가지를 알려드린다고 생각하면 좋겠다. 시작하기 앞서 고딕류의 폰트를 필요로 한다. 유료 폰트로는 윤고딕류가 좋을것 같고 아니라면 Noto Sans CJK KR 폰트를 다운받도록 하자. 이번 노토 산스는 이번 강좌에서 사용한 폰트다. 너무 많이 본 자막이다. 이번에 시도해볼 자막스타일인데 무도에서도 본것 같을 정도로 친근함이 있다. 물론 무도에서 사용되진 않았던걸로 판단이 된다.(…) 자 그럼 한번 확인해보자. 자막에 글씨의 효과가 3가..

고딕 텍스트 효과 나태나기 이번에 소개할 효과는 고딕 텍스트 효과를 나타내는 방법을 소개하려 한다. 많이 쓰일지는 모르겠지만 간단하게(?) 표현할 수 있는 방법으로 이 효과를 참고하여 더 멋진 효과 그리고 이 효과가 필요한 분들에게 도움이 되시길 바라며 시작하도록 하겠다. 사실 게임사이트를 구경하다가 한번 따라해보고 싶어서 연습해보다가 많은 분들에게 좋은 참고가 될것 같아서 포스팅을 시작한다. 참고용 이미지 이 효과를 보고 해봐야겠다 싶었다. 이미지를 보면 텍스쳐가 쓰였고 폰트는 Serif 계열이 사용되었다. 그리고 Emboss가 적용되었다. 우선 이 큰 틀에서 적용해가며 스타일을 적용해보았다. 그럼 시작해보도록 하겠다. Layer Style 폰트는 Serif 계열인 Trajan Pro를 적용하였다. 8..

각진 외곽선 만들기 이번에는 텍스트에 각진 외곽선을 눈에 띄면서도 간결한 임팩트를 줄 수 있는 효과를 알려드리려고 한다. 보통 포토샵에서 텍스트를 쓰고 블렌드 옵션으로 Storke를 주는 일반 외곽선일 경우 깔끔하다기보다는 글자의 형태대로 외곽선이 나오면서 둥그런 효과로 2%부족한 느낌을 주게되는데 이 부분을 메꿔줄 수 있는 효과이다. 왼쪽은 각진 외곽선 오른쪽은 일반 외곽선(Stroke) 효과이다. 왼쪽의 효과가 확실히 간결하면서도 임팩트있는 효과를 볼 수 있을 것이다. 오른쪽의 장점이라면 아주 쉽게 가능하고 왼쪽 각진 효과는 효과만큼이나 조금이지만 손을 더 봐야줘야 한다라는 점이다. 공을 들인만큼 효과가 좋다라는 뜻이다. 자 그럼 시작해보도록 하겠다. 원하는 텍스트를 입력하자. 적당한 사이즈에 원하는..