텍스쳐 10종 이미지 추천 제가 좋아하는 텍스쳐 스타일이에요. 개인적으로는 Grunge 스타일이라기 보다 Craft Paper같긴 한데 작업자가 Grunge Canvas라고 이미지를 공개했기 때문에(…) Grunge 스타일로 소개를 해드려요😁 제가 무난한 스타일을 좋아해서 그런지 이런 텍스쳐는 은근히 구하려고 하면 구하기 쉽지 않고 대부분은 유료 텍스쳐가 많아요. 무료는 찾기도 힘들지만 찾아도 쓸만한 아이템을 찾기 힘든데 이번에 드디어 찾게되어 잘됬다 싶어서 공유해 봅니다! 텍스쳐 라이선스를 확인해보니 재배포가 불가능하기 때문에 링크로 대체 할게요!😅 그런지 텍스쳐 다운로드 이 텍스쳐로는 이런식으로 간단하게 배경을 만들수 있죠. Grunge라고는 하지만 제눈에는 깔끔하게만 보이는데(…) 아무튼 배경색은 ..

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

상업적으로 사용 가능한 이미지 사이트로 많은 분들이 이미지를 구하는데 조금이라도 도움이 되기를 바라면서 이번 포스팅을 시작합니다! 물론 전에 올렸던 무료 이미지 사이트 소개도 참고 하시면 원하는 이미지를 얻는데 크게 도움이 될거에요! 무료 이미지 사이트 7가지 / 텍스쳐 사이트 소개 FREE IMAGES 다양한 이미지와 하단에 카테고리 별로 잘 정리 되어 있는 무료 이미지 사이트 입니다. 한글로 검색도 가능하긴 하는데 영어로 검색하는 것을 권장 드려요. 대부분의 이미지 사이트가 해외기반의 사이트기 때문에 한글 검색이 잘 되지 않더라구요.. 퀄리티도 괜찮고 많은 분들에게 도움이 될거라 생각합니다! FREE IMAGES 바로가기 FREE PIXELS 위에 소개했던 FREE IMAGES와 같이 방문하면 좋을 ..

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

이전 그라디언트를 올리고나서 많은 분들의 지지와 감사의 인사를 받고 작업을 계속할까 말까하다가 수 많은 작업들과 귀차니즘을 이겨내고 나머지 작업을 완성해야겠다. 하여 2탄!을 올려봅니다. 이전과 같이 다양한 스타일의 그라디언트 15종이며 이 2가지를 가지고 있다면 충분히 디자인 작업시 든든할 것이라 생각이 들어요. 그 외 나머지 그라디언트도 살펴보며 필요할때 받으시길 권합니다! 베스트 그라디언트 1탄 그라디언트 소개 위의 이미지로 보면 이전 그라디언트와 비슷해 보일 수 있지만 분명히 다릅니다! 그 외 궁금하신 점이 있다면 댓글 남겨주시면 답변해드리도록 하겠다. 그리고 마지막으로 그라디언트를 웹그라디언트(CSS)로 사용할 수 있도록 해주신 땀똔님의 링크를 참고로 남겨드리며 마치도록 하겠습니다! 땀똔님의 그..

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

최근 또 그라디언트를 작업하면서 베스트로 할만한 그라디언트 15가지를 추천해드립니다. 기존의 것과 비슷(?)한 부분도 있을 것 같은데요 하지만 똑같지는 않으니 꼭 받아서 추가하시면 좋아요! 그리고 원래 30가지를 할려다가 작업을 하다보니 힘들어서 15가지로 줄였어요. 곧 나머지도 올리지 않을까 싶어요. 그라디언트 소개 이번에 작업하면서 다른 그라디언트도 그랬지만 꼭 작업해보고 싶은 그라디언트들이 많이 있어요. 아시는 분들은 아시겠지만 배경만 해결되도 디자인하는데 한결 가벼워지죠! 여러분들의 야근 하지 않는데 조금이라도 일조하기를 바라며 이번 포스팅을 올립니다. 물론 저의 야근도 줄이기에 아주 좋은 아이템이죠. 이번 블로깅이 많은 분들에게 도움이 되셨길 바라며 궁금한 점이 있으시면 댓글 남겨주시면 답변해드..

뗄레야 뗄수 없는 사이 웹을 만드는데 필요한 사람들은 기획자, 개발자, 퍼블리셔, 디자이너가 있다. 물론 영업부터 해서 더 다양한 사람들이 모여 하나의 사이트를 위해 힘쓰는 사람들이 많다. 또 사이트에 규모에 따라서 디자이너와 개발자의 수도 더 많아 질 수 있다. 사이트는 그만큼 많은 구성원들이 모여 조화를 이루어 만들어지는데 그 구성원들간의 이야기를 한번 적어보고 싶었다. 함께 일하는 모든 직군의 사람들의 이야기를 적어보고 싶지만 너무 길어질 것 같아서 필자가 일을 하면서 가장 많이 부딪치고 또 같이 웃고 우는 그런 존재. 오늘은 가장 큰 대척점에 있는 디자이너와 웹개발자의 이야기를 해보려고 한다. 물과 기름같은 존재 개발자와 디자이너가 왜 물과 기름같은 존재일까? 하는 일이 달라서? 그렇다면 모든 직..

티스토리에 로딩화면을 만들어보자. 우선 이 로딩화면을 추가 할때 단점부터 이야기 하자면 로딩이 필요 없는 부분(?)에서도 로딩화면이 돌기 때문에 결국 로딩이 더 길어지는 것이 사실이다. 물론 체감상 그리 큰 차이는 아니지만 수치적으로는 그렇다. 즉 바로 보여도 되는 페이지도 로딩화면이 돌기 때문에 그런 단점이 생기는 것인데 로딩 자체 역시 그리 길지 않기 떄문에 체감이 크지 않다고 말할 수 있다. 여하튼 장점과 단점이 확실하기에 이 내용을 포스팅을 할까 말까 하다가 선택은 여러분의 몫으로 남기고 로딩화면이 필요하신분들에겐 좋은 자료가 될 것 같아서 포스팅 한다. 굉장히 간단하니 쉽게 할 수 있을 것이다. HEAD와 /HEAD 사이에 추가 필자가 사용한 로딩화면 CSS 코드다. 여기에서 포인트는 .load..