웹디자인
-
Custom Shape로 등록해보자 많은 분들이 생각보다 Custom Shape 등록방법과 그리고 유용성을 잘 모르는것 같아서 이번에 강좌로 해보려고 한다. 필자는 이 Custom Shape를 좋아하는데 그 이유는 Vector 기반으로 일러스트레이터와의 경계를 없애주고 한번 등록만 해 놓으면 언제나 간단하게 표현할 수 있기 때문이다. 그만큼 시간도 절약되고 일러스트레이터 처럼 자유로운 크기 변형으로 사용할 수 있으니 어찌 싫어할수가 있을까! 한번 사용하게 되면 필수 여러분들의 필수 아이템이 될것이라 믿는다. 일러스트에서 포토샵으로… 필자가 추천했던 무료이미지 사이트 소개에서 (무료이미지 & 아이콘 사이트 소개) 일러스트 관련 모양 이미지를 받았을 때 그 이미지를 사용하기 위해서 늘 일러스트를 키거나 하기..
Custom Shape 등록Custom Shape로 등록해보자 많은 분들이 생각보다 Custom Shape 등록방법과 그리고 유용성을 잘 모르는것 같아서 이번에 강좌로 해보려고 한다. 필자는 이 Custom Shape를 좋아하는데 그 이유는 Vector 기반으로 일러스트레이터와의 경계를 없애주고 한번 등록만 해 놓으면 언제나 간단하게 표현할 수 있기 때문이다. 그만큼 시간도 절약되고 일러스트레이터 처럼 자유로운 크기 변형으로 사용할 수 있으니 어찌 싫어할수가 있을까! 한번 사용하게 되면 필수 여러분들의 필수 아이템이 될것이라 믿는다. 일러스트에서 포토샵으로… 필자가 추천했던 무료이미지 사이트 소개에서 (무료이미지 & 아이콘 사이트 소개) 일러스트 관련 모양 이미지를 받았을 때 그 이미지를 사용하기 위해서 늘 일러스트를 키거나 하기..
2018.11.13 -
합성의 시작 오늘은 합성의 가장 기본적인 방법을 통해 자신감을 가질 수 있는 그런 강좌를 시작해보려 한다. 기본적인 방법인 만큼 마스터 하여 더 높은 수준의 합성에도 도전하는 좋은 기회가 되기를 바란다. 물론 기본적인 방법이라고 해서 실무에서 안쓰이지 않는다. 쉽고 간단하기에 더 많이 사용하므로 반드시 익히자. (사실 알면 쉽고 모르면 어려운게 기술이다) 이번에 할 합성은 집과 구름을 합성해보도록 하자. 이미지 두장을 준비해야 할텐데 필자가 이미지를 준비 하였다. 다른 이름으로 저장하여 이미지를 저장하거나 본인이 가지고 있는 적당한 이미지 2장을 준비하면 좋을것 같다. 배경이 될 이미지 그리고 그 위에 합성할 이미지 각 1장씩 준비하자. 강좌에 쓰인 이미지 배경으로 사용할 이미지로 집을 선택했다. 구름은..
이미지 합성의 기본합성의 시작 오늘은 합성의 가장 기본적인 방법을 통해 자신감을 가질 수 있는 그런 강좌를 시작해보려 한다. 기본적인 방법인 만큼 마스터 하여 더 높은 수준의 합성에도 도전하는 좋은 기회가 되기를 바란다. 물론 기본적인 방법이라고 해서 실무에서 안쓰이지 않는다. 쉽고 간단하기에 더 많이 사용하므로 반드시 익히자. (사실 알면 쉽고 모르면 어려운게 기술이다) 이번에 할 합성은 집과 구름을 합성해보도록 하자. 이미지 두장을 준비해야 할텐데 필자가 이미지를 준비 하였다. 다른 이름으로 저장하여 이미지를 저장하거나 본인이 가지고 있는 적당한 이미지 2장을 준비하면 좋을것 같다. 배경이 될 이미지 그리고 그 위에 합성할 이미지 각 1장씩 준비하자. 강좌에 쓰인 이미지 배경으로 사용할 이미지로 집을 선택했다. 구름은..
2018.10.31 -
경력과 실력에서 오는 괴리감 고민 없는 직업이 어디있겠냐만은 디자이너는 어떤 고민이 있을까 하면 바로 이 경력대비 자신의 실력이 부족하다고 느끼는 고민이 크다고 할 수 있겠다. "다른 직업도 마찬가지인데?" 라고 할 수 있겠지만 다른직업에 비해 티가 더 많이 난다고 할까… 개발자 같은 경우는 같은 개발자가 보기에 느낄 수 있지만 잘 모르는 사람이 보기엔 잘 알 수가 없다. 반면에 디자인은 디자인을 할줄 알던 모르던 시각적으로 바로 보이고 평가가 가능하기 때문에 훨씬 더 큰 고민이라 할 수 있겠다. 경력은 7~8년인데 디자인은 제자리 제자리라는 표현이 어떨지 모르겠는데 통상 자신이 한창 잘 하던 시기의 디자인 그러니까 이제는 옛것(?)이 되어버린 실력이 계속 그대로 유지가 되고 있다라는 표현으로 보면 되겠..
디자인 실력이 안늘어요.경력과 실력에서 오는 괴리감 고민 없는 직업이 어디있겠냐만은 디자이너는 어떤 고민이 있을까 하면 바로 이 경력대비 자신의 실력이 부족하다고 느끼는 고민이 크다고 할 수 있겠다. "다른 직업도 마찬가지인데?" 라고 할 수 있겠지만 다른직업에 비해 티가 더 많이 난다고 할까… 개발자 같은 경우는 같은 개발자가 보기에 느낄 수 있지만 잘 모르는 사람이 보기엔 잘 알 수가 없다. 반면에 디자인은 디자인을 할줄 알던 모르던 시각적으로 바로 보이고 평가가 가능하기 때문에 훨씬 더 큰 고민이라 할 수 있겠다. 경력은 7~8년인데 디자인은 제자리 제자리라는 표현이 어떨지 모르겠는데 통상 자신이 한창 잘 하던 시기의 디자인 그러니까 이제는 옛것(?)이 되어버린 실력이 계속 그대로 유지가 되고 있다라는 표현으로 보면 되겠..
2018.10.23 -
추천 도트패턴(Dot Pattern) 필자는 도트감성을 정말 좋아한다. 게임을 할때도 3D보다도 도트게임을 더 좋아하는 편이다. 아무래도 도트이미지를 보다보면 마음이 편안해지고 차분한 마음을 갖게 하는 힘이 있는 것 같다. 그래서 도트 패턴역시 개인적으로 좋아하는데 많은 분들에게 소개해드리고 싶어 블로깅을 한다. 도트의 매력은 아기자기한 모습부터 화려하고 멋진 효과까지 연출이 가능하다. 물론 시간 비용이 많이 들어가는 부분으로 요즘은 점점 사라지는 추세이기에 더 도트를 그리워하고 반가워하는 것 같다. 여러분들도 도트의 감성에 빠져보시길 바라며… 지금 바로 도트패턴 45종 다운로드 가장 기본적인 패턴부터 도트배경까지 만들 수 있을 정도로 다양하게 마련되어 있다. 참고로 둘다 모두 PAT 파일이다. 위의 패..
추천 도트패턴추천 도트패턴(Dot Pattern) 필자는 도트감성을 정말 좋아한다. 게임을 할때도 3D보다도 도트게임을 더 좋아하는 편이다. 아무래도 도트이미지를 보다보면 마음이 편안해지고 차분한 마음을 갖게 하는 힘이 있는 것 같다. 그래서 도트 패턴역시 개인적으로 좋아하는데 많은 분들에게 소개해드리고 싶어 블로깅을 한다. 도트의 매력은 아기자기한 모습부터 화려하고 멋진 효과까지 연출이 가능하다. 물론 시간 비용이 많이 들어가는 부분으로 요즘은 점점 사라지는 추세이기에 더 도트를 그리워하고 반가워하는 것 같다. 여러분들도 도트의 감성에 빠져보시길 바라며… 지금 바로 도트패턴 45종 다운로드 가장 기본적인 패턴부터 도트배경까지 만들 수 있을 정도로 다양하게 마련되어 있다. 참고로 둘다 모두 PAT 파일이다. 위의 패..
2018.10.15 -
글자가 불쑥 튀어나오게 만들어보자! 이번 강좌는 언젠가 한번쯤은 본 텍스트 효과일 것이다. 방송자막이나 아니면 웹에서 심심치 않게 등장하는 효과다. 한번 이 효과를 해보도록 하겠다. 생각보다 쉽지만 귀찮은(?) 작업이 동반될 예정이다. 그러나 완성했을때 뿌듯함을 느끼시길 바라며 시작하도록 하겠다. 효과방법 글자를 하나 써주자! 800x400 사이즈에 하얀 배경에 티몬체로 150px 사이즈로 "짜잔" 이라고 글자를 써주었다. 텍스트 색상은 #00c6ff로 잡았다. 물론 원하는 텍스트로 해보는 것도 좋을 것이다. 가이드 라인을 잡아주자 이제 우리는 가이드 라인을 글자의 조금 하단 가운데에 중심점을 잡아주도록 하자. 이 부분이 핵심인데 가운데 잡으면 가운에서 글자 튀어나오고 우측으로 잡으면 당연히 우측에서 튀..
입체적인 글자 표현하기글자가 불쑥 튀어나오게 만들어보자! 이번 강좌는 언젠가 한번쯤은 본 텍스트 효과일 것이다. 방송자막이나 아니면 웹에서 심심치 않게 등장하는 효과다. 한번 이 효과를 해보도록 하겠다. 생각보다 쉽지만 귀찮은(?) 작업이 동반될 예정이다. 그러나 완성했을때 뿌듯함을 느끼시길 바라며 시작하도록 하겠다. 효과방법 글자를 하나 써주자! 800x400 사이즈에 하얀 배경에 티몬체로 150px 사이즈로 "짜잔" 이라고 글자를 써주었다. 텍스트 색상은 #00c6ff로 잡았다. 물론 원하는 텍스트로 해보는 것도 좋을 것이다. 가이드 라인을 잡아주자 이제 우리는 가이드 라인을 글자의 조금 하단 가운데에 중심점을 잡아주도록 하자. 이 부분이 핵심인데 가운데 잡으면 가운에서 글자 튀어나오고 우측으로 잡으면 당연히 우측에서 튀..
2018.09.27 -
꽁기웹디의 추천 무료 폰트! 오랜만에 무료폰트 소식을 블로깅 한다. 지금까지 포스팅한 무료폰트들이면 왠만한 디자인을 하는데 문제는 없을 것 같지만(…) 인간의 욕심은 끝이 없기에 새로운(?) 무료폰트를 소개시켜 드리려 한다. 사실 찾아볼려면 이보다 더 많은 무료 폰트들이 많겠지만 그 많은 폰트들 중에 꼭 이건 소개시켜드려야 해, 멀리 알려야돼! 라는 폰트들만 심사숙고하였다. 물론 상업적 이용이 가능하며 감사의 마음으로 다운로드 받으시면 좋을 것 같다. 디자인 하우스체 디자인하우스체는 인쇄매체 및 디지털에서의 가독성을 배려해 만들어졌습니다. 딱딱한 네모칸 안에 맞추는 일반 서체와 달리 자음과 모음의 조합에 따라 경쾌한 시각적 리듬이 생겨나도록 구성되었습니다. 라고 출처에서 소개를 하고있다. 디자인하우스가 ..
추천 한글폰트 3종꽁기웹디의 추천 무료 폰트! 오랜만에 무료폰트 소식을 블로깅 한다. 지금까지 포스팅한 무료폰트들이면 왠만한 디자인을 하는데 문제는 없을 것 같지만(…) 인간의 욕심은 끝이 없기에 새로운(?) 무료폰트를 소개시켜 드리려 한다. 사실 찾아볼려면 이보다 더 많은 무료 폰트들이 많겠지만 그 많은 폰트들 중에 꼭 이건 소개시켜드려야 해, 멀리 알려야돼! 라는 폰트들만 심사숙고하였다. 물론 상업적 이용이 가능하며 감사의 마음으로 다운로드 받으시면 좋을 것 같다. 디자인 하우스체 디자인하우스체는 인쇄매체 및 디지털에서의 가독성을 배려해 만들어졌습니다. 딱딱한 네모칸 안에 맞추는 일반 서체와 달리 자음과 모음의 조합에 따라 경쾌한 시각적 리듬이 생겨나도록 구성되었습니다. 라고 출처에서 소개를 하고있다. 디자인하우스가 ..
2018.09.22 -
추천 카본패턴 10종 이번에도 역시 언제나 사용하기 무난한 패턴 바로 카본패턴을 소개해 드리려 한다. 카본(Carbon)이란 탄소라고 하는데 여기서는 "탄소섬유" 패턴으로 보면 된다. 탄소섬유 패턴이 무난한 어두운 스타일의 배경으로 사용하기 좋다. 단순 검은색으로 하기에 밋밋할때는 카본 패턴을 꼭 기억해 두었다가 사용해보도록 하자. 이번 자료도 라이센스에 재배포가 불가능하기에 링크로 대체하도록 한다. 카본패턴 다운로드 두가지를 테스트 해봤는데 10가지 모두가 필자의 스타일은 아니지만 대부분 멋진 카본 스타일의 배경을 만들 수 있을 것이다! 궁금한점이 있으시다면 댓글 남겨주시면 답변해드리도록 하겠다.
카본패턴 10종추천 카본패턴 10종 이번에도 역시 언제나 사용하기 무난한 패턴 바로 카본패턴을 소개해 드리려 한다. 카본(Carbon)이란 탄소라고 하는데 여기서는 "탄소섬유" 패턴으로 보면 된다. 탄소섬유 패턴이 무난한 어두운 스타일의 배경으로 사용하기 좋다. 단순 검은색으로 하기에 밋밋할때는 카본 패턴을 꼭 기억해 두었다가 사용해보도록 하자. 이번 자료도 라이센스에 재배포가 불가능하기에 링크로 대체하도록 한다. 카본패턴 다운로드 두가지를 테스트 해봤는데 10가지 모두가 필자의 스타일은 아니지만 대부분 멋진 카본 스타일의 배경을 만들 수 있을 것이다! 궁금한점이 있으시다면 댓글 남겨주시면 답변해드리도록 하겠다.
2018.09.19 -
웹에 예술을 묻다. 글을 시작하기 앞서 뭔가 굉장한 질문 같지만 꽤 오래전부터 또 해외에서는 이미 논쟁이 많았고 현재진행형이긴 하지만 필자의 생각을 좀 정리해서 블로깅 해보려 한다. 한번쯤 웹에 종사하는 사람들이라면 생각해볼만한 내용일것 같다. 웹에 종사하는 사람들도 모두 의견이 다르다. 그러니까 이 질문은 닭이 먼저냐 달걀이 먼저냐 같은 던져 놓으면 언제나 불이 잘타는 장작같은 이야기인데 그냥 장작도 아니고 아주 마른 장작이라고나 할까? 예술이 대체 뭔데? 그들만의 그들을 위한 그들에 의한 그런 그림, 조형물 등 만을 말하는 것이 아니다. 과거에는 그런 의미로 사용되었다고 무방한데 지금은 많이 달라져 있다고 본다. 예술은 먼곳에만 있는것이 아니고 가까운 곳에 있을수도 있다. 사전적 의미는 다음과 같다...
웹! 예술인가? 기술인가?웹에 예술을 묻다. 글을 시작하기 앞서 뭔가 굉장한 질문 같지만 꽤 오래전부터 또 해외에서는 이미 논쟁이 많았고 현재진행형이긴 하지만 필자의 생각을 좀 정리해서 블로깅 해보려 한다. 한번쯤 웹에 종사하는 사람들이라면 생각해볼만한 내용일것 같다. 웹에 종사하는 사람들도 모두 의견이 다르다. 그러니까 이 질문은 닭이 먼저냐 달걀이 먼저냐 같은 던져 놓으면 언제나 불이 잘타는 장작같은 이야기인데 그냥 장작도 아니고 아주 마른 장작이라고나 할까? 예술이 대체 뭔데? 그들만의 그들을 위한 그들에 의한 그런 그림, 조형물 등 만을 말하는 것이 아니다. 과거에는 그런 의미로 사용되었다고 무방한데 지금은 많이 달라져 있다고 본다. 예술은 먼곳에만 있는것이 아니고 가까운 곳에 있을수도 있다. 사전적 의미는 다음과 같다...
2018.09.13 -
글자를 댕강 썰어보자 어떤 강좌를 해야 많은 사람들에게 아이디어를 줄까 고민을 하는데 이번에 문득 지하철에서 광고를 보다가 "오! 그래 이런 방식도 좋지!" 하면서 생각난 강좌다. 워낙 TV나 인터넷, 오프라인까지 광고를 엄청 많이 해서 그런지 다들 한번쯤은 보셨을거라 생각이 든다.이게 강좌를 따라하다 보니까 혹시나 하는 마음에 미리 이야기 해드리자면 어느 특정 광고가 아니며 혹여나 광고를 하게 된다면 광고로 표시할 테니 안심하고 강좌를 보시면 된다.그런데 저 같은 듣보가 광고를 받을 일도 없겠지만.. 실제 사용된 글자가 썰어진 시안 반값이 아프게 썰려있다. 이것을 따라해 볼 예정이다.이미 수 많은 광고로 많이 보았겠지만 저 부분을 확인해보도록 하자. 이번 강좌는 실제로 사용이 많이 되기도 하고 레스터화..
글자를 썰어보기글자를 댕강 썰어보자 어떤 강좌를 해야 많은 사람들에게 아이디어를 줄까 고민을 하는데 이번에 문득 지하철에서 광고를 보다가 "오! 그래 이런 방식도 좋지!" 하면서 생각난 강좌다. 워낙 TV나 인터넷, 오프라인까지 광고를 엄청 많이 해서 그런지 다들 한번쯤은 보셨을거라 생각이 든다.이게 강좌를 따라하다 보니까 혹시나 하는 마음에 미리 이야기 해드리자면 어느 특정 광고가 아니며 혹여나 광고를 하게 된다면 광고로 표시할 테니 안심하고 강좌를 보시면 된다.그런데 저 같은 듣보가 광고를 받을 일도 없겠지만.. 실제 사용된 글자가 썰어진 시안 반값이 아프게 썰려있다. 이것을 따라해 볼 예정이다.이미 수 많은 광고로 많이 보았겠지만 저 부분을 확인해보도록 하자. 이번 강좌는 실제로 사용이 많이 되기도 하고 레스터화..
2018.09.11 -
텍스쳐 10종 이미지 추천 제가 좋아하는 텍스쳐 스타일이에요. 개인적으로는 Grunge 스타일이라기 보다 Craft Paper같긴 한데 작업자가 Grunge Canvas라고 이미지를 공개했기 때문에(…) Grunge 스타일로 소개를 해드려요😁 제가 무난한 스타일을 좋아해서 그런지 이런 텍스쳐는 은근히 구하려고 하면 구하기 쉽지 않고 대부분은 유료 텍스쳐가 많아요. 무료는 찾기도 힘들지만 찾아도 쓸만한 아이템을 찾기 힘든데 이번에 드디어 찾게되어 잘됬다 싶어서 공유해 봅니다! 텍스쳐 라이선스를 확인해보니 재배포가 불가능하기 때문에 링크로 대체 할게요!😅 그런지 텍스쳐 다운로드 이 텍스쳐로는 이런식으로 간단하게 배경을 만들수 있죠. Grunge라고는 하지만 제눈에는 깔끔하게만 보이는데(…) 아무튼 배경색은 ..
그런지(Grunge) 텍스쳐 10종텍스쳐 10종 이미지 추천 제가 좋아하는 텍스쳐 스타일이에요. 개인적으로는 Grunge 스타일이라기 보다 Craft Paper같긴 한데 작업자가 Grunge Canvas라고 이미지를 공개했기 때문에(…) Grunge 스타일로 소개를 해드려요😁 제가 무난한 스타일을 좋아해서 그런지 이런 텍스쳐는 은근히 구하려고 하면 구하기 쉽지 않고 대부분은 유료 텍스쳐가 많아요. 무료는 찾기도 힘들지만 찾아도 쓸만한 아이템을 찾기 힘든데 이번에 드디어 찾게되어 잘됬다 싶어서 공유해 봅니다! 텍스쳐 라이선스를 확인해보니 재배포가 불가능하기 때문에 링크로 대체 할게요!😅 그런지 텍스쳐 다운로드 이 텍스쳐로는 이런식으로 간단하게 배경을 만들수 있죠. Grunge라고는 하지만 제눈에는 깔끔하게만 보이는데(…) 아무튼 배경색은 ..
2018.09.05 -
라디오 스타 자막을 따라해보자! 저번 썰전 자막에 이어서 MBC의 간판 예능 라디오스타 자막을 따라해보도록 하자. 한 방송에서 사용하는 자막의 스타일은 꽤 다양한데 가장 무난하면서도 여러분들도 쉽게 쓸 수 있는 스타일의 텍스트를 따라해보도록 하자. 이번강좌는 텍스트 효과 3가지를 알려드린다고 생각하면 좋겠다. 시작하기 앞서 고딕류의 폰트를 필요로 한다. 유료 폰트로는 윤고딕류가 좋을것 같고 아니라면 Noto Sans CJK KR 폰트를 다운받도록 하자. 이번 노토 산스는 이번 강좌에서 사용한 폰트다. 너무 많이 본 자막이다. 이번에 시도해볼 자막스타일인데 무도에서도 본것 같을 정도로 친근함이 있다. 물론 무도에서 사용되진 않았던걸로 판단이 된다.(…) 자 그럼 한번 확인해보자. 자막에 글씨의 효과가 3가..
라디오스타 자막 따라하기라디오 스타 자막을 따라해보자! 저번 썰전 자막에 이어서 MBC의 간판 예능 라디오스타 자막을 따라해보도록 하자. 한 방송에서 사용하는 자막의 스타일은 꽤 다양한데 가장 무난하면서도 여러분들도 쉽게 쓸 수 있는 스타일의 텍스트를 따라해보도록 하자. 이번강좌는 텍스트 효과 3가지를 알려드린다고 생각하면 좋겠다. 시작하기 앞서 고딕류의 폰트를 필요로 한다. 유료 폰트로는 윤고딕류가 좋을것 같고 아니라면 Noto Sans CJK KR 폰트를 다운받도록 하자. 이번 노토 산스는 이번 강좌에서 사용한 폰트다. 너무 많이 본 자막이다. 이번에 시도해볼 자막스타일인데 무도에서도 본것 같을 정도로 친근함이 있다. 물론 무도에서 사용되진 않았던걸로 판단이 된다.(…) 자 그럼 한번 확인해보자. 자막에 글씨의 효과가 3가..
2018.09.03 -
고딕 텍스트 효과 나태나기 이번에 소개할 효과는 고딕 텍스트 효과를 나타내는 방법을 소개하려 한다. 많이 쓰일지는 모르겠지만 간단하게(?) 표현할 수 있는 방법으로 이 효과를 참고하여 더 멋진 효과 그리고 이 효과가 필요한 분들에게 도움이 되시길 바라며 시작하도록 하겠다. 사실 게임사이트를 구경하다가 한번 따라해보고 싶어서 연습해보다가 많은 분들에게 좋은 참고가 될것 같아서 포스팅을 시작한다. 참고용 이미지 이 효과를 보고 해봐야겠다 싶었다. 이미지를 보면 텍스쳐가 쓰였고 폰트는 Serif 계열이 사용되었다. 그리고 Emboss가 적용되었다. 우선 이 큰 틀에서 적용해가며 스타일을 적용해보았다. 그럼 시작해보도록 하겠다. Layer Style 폰트는 Serif 계열인 Trajan Pro를 적용하였다. 8..
고딕 텍스트 효과고딕 텍스트 효과 나태나기 이번에 소개할 효과는 고딕 텍스트 효과를 나타내는 방법을 소개하려 한다. 많이 쓰일지는 모르겠지만 간단하게(?) 표현할 수 있는 방법으로 이 효과를 참고하여 더 멋진 효과 그리고 이 효과가 필요한 분들에게 도움이 되시길 바라며 시작하도록 하겠다. 사실 게임사이트를 구경하다가 한번 따라해보고 싶어서 연습해보다가 많은 분들에게 좋은 참고가 될것 같아서 포스팅을 시작한다. 참고용 이미지 이 효과를 보고 해봐야겠다 싶었다. 이미지를 보면 텍스쳐가 쓰였고 폰트는 Serif 계열이 사용되었다. 그리고 Emboss가 적용되었다. 우선 이 큰 틀에서 적용해가며 스타일을 적용해보았다. 그럼 시작해보도록 하겠다. Layer Style 폰트는 Serif 계열인 Trajan Pro를 적용하였다. 8..
2018.08.27