포토샵

방송자막을 따라해보자! 방송자막을 보다보면 오 예쁘다! 나도 저렇게 한번 만들어보고 싶다! 라고 할때가 있다. (아무래도 직업병인것 같은데…) 확실히 이런 부분을 놓치고 갈수가 없다. 실제 영상작업하는 분들에게도 그리고 텍스트 디자인에도 도움이 될 이번 강좌다. 제목을 썰전자막이라고 해서 그렇지 텍스트 효과 강좌로 생각하면 좋겠다. 그리고 어디에선가 본듯한 이펙트 일수록 친근감을 주기때문에 쓸만할 것이다. 가끔씩 이렇게 만들어 보고 싶은 자막이 있을때 마다 강좌를 올릴 예정이다! 그럼 시작하도록 하겠다. 위의 자막을 따라해보도록 하려한다. 필자가 좋아하는 스타일의 자막이다. 이런 자막을 좋아하는 이유는 한눈에 팍 들어오기 때문이다. 그러면서도 안정적이고 센스있다고 생각하기 때문이다. 자막 뿐 아니라 실제..

크롬 효과 나타내기 이번에 소개할 효과는 텍스트에 크롬 효과를 주는 방법을 소개하려고 한다. 기존의 텍스트효과를 주는 방법과 크게 다르진 않지만 조금 작업을 해줘야 하는 부분이 있어서 굳이 난이도로 치자면 중급으로 치겠다. 고급스러운 분위기에 잘 어울릴 것 같다. 이 효과는 텍스트의 굵기가 굵을 수록 좋으며 글자의 크기에 따라 옵션의 수치를 변경해주어야 한다. 그러므로 자신이 사용할 텍스트 크기에 따라 이 수치를 그대로 사용하지 말고 이 옵션을 가지고 수치 변경을 통해 맞게끔 수정해야 할 것이다. 필자는 Colus 폰트를 사용했는데 영문폰트 Colus 다운로드 여기서 받도록 하자. 상업적으로 무료 사용이 가능하다. 받았다면 이제 시작하도록 하자. 필자는 Colus 폰트로 크기는 96px 그리고 #fff ..

오랜만에 그라디언트 작업을 해서 공유보려고 합니다! 우선 이 그라디언트를 참고 했던 부분은 https://uigradients.com/ 이곳에서 참고하였고 추천할만한 그라디언트 10가지를 추려서 파일로 만들어두었어요. 기본적으로 그라디언트 퀄리티를 보장하기에 자신있게 추천해드리며 바로 밑에서 다운로드 받으면 될것 같아요. 어두운 컬러에서 밝은 색까지 일부러 분별해서 그라디언트를 만들었어요. 이 그라데이션을 통해서 무거운 분위기부터 밝은 분위기까지 나타낼 수 있을 것이라 생각해요! 그럼 몇가지 이 그라디언트를 통해 배경을 만들어봤어요 예시로 봐주세요! 그라디언트 방향은 120도로 작업을 해보았어요. 그라디언트의 방향에 따라 분위기가 많이 달라지니 방향이나 그라디언트 모양도 변경해 가며 상황에 맞게 사용하시..

꽁기웹디의 추천 지그재그 패턴 3종 필자가 여러가지 패턴을 소개하는데 이번에도 어디에서나 자주 보던 패턴 주변에도 있을 법한 지그재그 패턴을 소개하려고 한다. 이 패턴은 옷이나 가방 등에도 자주 사용되는 패턴으로 웹에서도 지그재그 패턴은 간혹 보인다. 가끔씩 어디서든 사용하기 좋을 것이라 생각한다. 바로 아래 다운로드와 패턴 소개를 하도록 하겠다. 꽁기웹디가 직접 포토샵으로 만든 패턴 가장 기본적인 느낌의 지그재그 필자가 이 패턴을 보고 바로 이 포스팅을 해야겠다 라고 생각이 들었다. 어쩌면 많은 분들이 생각한 지그재그 패턴이 바로 이 패턴이 아닐까 싶다. 느낌있는 지그재그 곡선이 담긴 지그재그이며 필자가 작업하다가 나온 패턴이다. 물론 참고한 패턴이 있기는 하지만 하다보니 이렇게 패턴이 나왔다. 필자 ..

꽁기의 추천 영문폰트 오랜만에 상업적으로 사용가능한 무료 영문폰트 5종을 소개하려 한다. 이번 영문폰트는 타이틀로 사용하기 좋은 폰트로 큼직하게 사용하면 좋을 것으로 생각이 든다. 그 이유는 필기체 위주의 폰트들을 소개하려 하기 떄문이다. 필기체는 가급적 큰 사이즈로 사용되야 효과가 좋으며 너무 많은 텍스트를 필기체를 사용하게 되면 가독성에 문제를 줄 수 있다.(외국인들한테는 어떨지 모르겠지만…) 자 그럼 한번 보도록 하자. Sentinel 폰트 자체가 문양의 모양으로 고급스러운 임팩트가 있다. 필자가 이번 포스팅 모든 텍스트로 Hello Design이라는 문자를 넣었는데 Sentinel 폰트는 H자가 개인적으로 잘 읽히지가 않는다. (F같은데…) 그럼에도 문자 크기만 조절해도 멋진 텍스트 디자인이 나오..

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

폰트 로딩속도를 올려보자. 포토샵에서 폰트의 갯수는 생각보다 많다. 기본적으로 설치되어 있는 폰트부터 무료폰트도 유료폰트도 또 영문폰트까지 100가지 넘거나 하다보면 포토샵에서 폰트를 불러오는데 많은 시간을 잡아 먹는다. 이런 로딩 속도를 빠르게 시켜주는 방법을 알려드리도록 하겠다. 우리는 보통 폰트를 글꼴에 가서 설치를 하게 된다. 이제 설치가 아니고 바로가기를 시켜보자. 바로가기는 여러분도 알다시피 바탕화면에 있는 "~프로그램 바로가기" 같은 형식으로 원본은 위치에 있고 바로가기 형식으로 폰트를 불러와서 사용하는 방법이다. 직접 설치가 아니기에 훨씬 가볍고 빠르게 사용할 수 있다. 제어판에 들어가 글꼴을 선택하자. 제어판에서 스크린샷과 같은 모양이 아니라면 보기기준을 작은 아이콘으로 표시하면 스크린샷..

이미지에 빛나는 효과를 나타내보자. 디자이너들은 어떤 무언가를 있어보이게 만드는 일을 한다. 그것이 실제로 별거 없을지라도 있어보이게 만드는 것이 디자이너가 할 일이다. 그 중 가장 쉽지만 임팩트 있게 만들어주는 효과를 소개하려한다. 바로 타이틀 이미지에 쓰인 광원효과인 렌즈플레어 효과를 나타내보도록 하자. 우선 링크를 통해 다양한 렌즈플레어 이미지들을 다운 받도록 하자. 28가지의 광원이미지 우선 준비할 것은 어두운 계통의 배경이다. 하얀 배경만 아니면 효과가 보이긴 하겠지만 어두울 수록 효과는 커진다는 점은 기억하자. 그리고 텍스트 뿐만 아니라 오브젝트 또한 멋지게 표현이 가능하다. 필자는 골드 계통의 그라데이션을 통해 간단한 오브젝트를 만들어봤다. 이제 다운받은 여러 플레어 이미지 중 오브젝트와 가..

메탈 그라디언트 109가지 이번에 소개할 그라디언트는 바로 메탈 그라디언트이다. 메탈 같은 경우는 특히나 텍스쳐를 같이 사용하는 것이 좋다. 보통은 그런지 스타일이나 스크레치 스타일의 텍스쳐를 이용해서 메탈의 느낌을 더욱 강하게 표현할 수 있다. 이 포스팅의 대표이미지 같은 경우는 텍스쳐를 사용하지 않았는데 메탈보다도 크롬스타일에 더 가깝지 않나 생각이 들긴 한다. 꽤 다양한 스타일의 그라디언트가 있다. 얼핏보면 다들 비슷하긴 한데 솔직히 비슷하다(…) 그러므로 역시 조금씩 정리를 하긴 하되 메탈 스타일 경우는 그라디언트의 각도가 중요하고 반드시 Stroke(윤곽선) 부분도 역시 이 메탈 그라디언트로 넣어주어야 완성도가 높아지기 때문에 여러가지를 넣어보면서 자신의 스타일을 맞추는 것이 중요하다. 아 그리..