웹디자인

    무료 이미지&영상 사이트

    다운 받을시 사이트에 라이센스를 꼭 확인하세요! 바뀔수도 있기 때문입니다. 그땐 맞고 지금은 틀릴때가 가끔이지만 아주 가끔이지만 있더라구요… 영상제작에 도움이 될만한 사이트를 소개합니다. 유튜브는 계속해서 인기가 좋네요! 과거에는 문자와 영상이 그래도 나름 대칭을 이루고 있어다라면 이제는 완전히 컨텐츠가 문자에서 영상으로 넘어갔다고 봐도 과언이 아닌데요. 그런만큼 영상 제작에도 신경을 쓰는 사람이 많아짐에 따라 도움이 될만한 사이트를 소개해보려고 합니다! 애니짱 사이트에 가입후 애니자료실에서 배경이나 효과음 자료실 등을 이용할 수 있어요. 꽤 괜찮더라구요. 하지만 배경 같은 경우는 문제가 될 수도 있습니다. 참고용이기 때문이죠. 하지만 영상제작시 블러나 효과를 주어서 쓸 수는 있을 것 같아요.(추천드리는..

    메탈패턴&텍스쳐 PSD

    메탈패턴으로 거칠게 가자 디자이너마다 주로 사용하는 패턴이나 텍스쳐가 있다. 잘하는 디자인이라던가 회사 특성상 하는 디자인의 종류에 따라 변하기는 하는데 필자 역시 그렇기에 메탈패턴을 추천을… 이래저래 패턴이나 텍스쳐는 가지고 있으면 마음에 안정(?)이 되니 꼭 챙겨두시길 바라며 이전과 다르게 PSD를 제공한다. 이유는 레이어 스타일을 복사하여 붙여 사용하기 때문이다. (패턴으로 만들기 귀찮아서 그런건 아니..) 출처 링크 바로가기 출처링크로 가서 받을 수도 있다. 하지만 필자가 위에 이미지와 같이 작업해놓은 PSD가 사용하기에는 편할 것 같다. PSD 다운로드(구글드라이브) 사용방법 1. 다운받은 PSD를 포토샵에서 연다. 2. 포토샵 레이어 창에서 원하는 스타일의 레이어를 클릭. 3. 마우스 오른쪽 ..

    유튜브 썸네일 텍스트

    핫한 유튜브의 썸네일 텍스트 효과 최근이라고 하기엔 뭐할정도로 유튜브를 하려는 사람들이 급상승 하고 있다. 나이대는 뭐 10대부터 70대까지 누구나 다 도전하고 있다고 봐도 무방하다. 그만큼 하는 사람이 많은 반면에 성공하는 사람은 많지는 않다. 뭐 소소하게 취미정도로 시작한다면 전혀상관없지만… 유튜브의 성공을 이끌어주기 위한 가장 기본적인 것은 썸네일이 아닐 수 없다. 어그로성 썸네일부터 해서 자극적인 썸네일까지. 하지만 그것은 오히려 장기적으로 좋지 않다라는것을 알 수 있을텐데 그래서 눈에 잘 띄고 신뢰감을 줄 수 있는 썸네일 텍스트 효과 강좌를 해보려고 한다. 위에 참고할 텍스트 효과다 이 효과라면 눈에 잘 띄면서 역동적인 텍스트 모습으로 유저에게 클릭을 유도할 수 있을거라 믿는다. 텍스트효과 강좌..

    귀여운 도트패턴

    귀여운 느낌의 파스텔톤 도트패턴 필자가 블로깅하면서 몇번 언급 했지만 필자는 귀여운 느낌의 디자인 작업을 잘 하지 못 한다. 그래서 귀여운 느낌의 디자인을 잘하는 사람이 부럽기도 하고 나도 저렇게 하고 싶다해서 나름 따라도 해보고 한 정도가 겨우 봐줄만한 정도랄까.. 그래서 귀여운 느낌은 디자인 자료나 강좌는 거의 없거나 아마 없을텐데 필자도 때에 따라 그리고 이런 느낌을 또 필요로 하는 사람분들이 있을 것 같아서 블로깅 하려고 한다. 아마 이런 디자인을 어려워 하는 이유는 필자에게 그 귀엽다라는 갬성이 없어서 그런것 같다… 위의 섬네일과 같은 밝은계통의 도트패턴을 받고 싶다면 링크를 통해서 받아보도록 하자. 도트 패턴 9종 다운로드 9종과 다르게 좀 어두운 느낌의 도트패턴 12종이다. 도트 패턴 12종..

    글자에 빛을 주자

    간단하게 간지나게! 지금까지 여러가지 텍스트 효과 강좌를 했는데 사실 이래저래 옵션도 많이 건드려야 되고 외우는건 사실상 어렵고 그런 효과들을 소개했었는데 이번에는 정말 간단하지만 이펙트 있는 효과를 주는 방법을 알아보도록 하겠다. 참고로 이 방법은 필자가 급하거나 할때(?) 간단하게 사용하는 방법이며 그라디언트로도 사용이 가능하다는 점을 미리 명시두겠다. 많은 디자이너들의 빠른 퇴근을 위하여.. for the 퇴근 먼저 효과를 줄 텍스트를 쓰자. 텍스트 컬러 역시 원하시는 컬러로 선택해서 쓰면 OK! 자유롭게! 필자는 #c02e2e 컬러로 작업했다. 텍스트 레이어 위에 새로운 레이어를 추가 시켜주자 그리고 클리핑! 레이어와 레이어 사이에서 Alt 클릭! 이제 이정도는 잘 아실거라 믿고… 이제 중요한 빛..

    이미지를 휘어보자

    이미지에 척추를 심어 움직일 수 있다? 이번 알려드릴 강좌는 이미지의 움직임을 컨트롤 할 수 있는 강좌다. 예를들면 손을 내리고 있는 사람의 손을 올리고 있는 모습으로 바꾼다던가 하는 강좌다. 이번에는 불이미지를 가지고 불을 내 마음대로 변화를 주어보려고 한다. 꼭 불은 아니어도 강좌를 보고나면 바로 자신이 원하는 방법대로 적용이 가능하니 이 강좌대로 따라하실필요는 없다. 그럼에도 원하신다면 불 이미지 만들기 강좌를 참고하시고 시작하시면 된다. (너무 번거로운데…) 불 이미지를 만들어 찍자 800x400 사이즈의 캔버스에 레이어를 하나 만들어 불을 만들자. 위와 같이 불 이미지를 하나 직접 만들어보도록 하자. 불을 만들었다면 이제 불에 척추(?)를 심어줘야 한다. 메뉴 Edit - Puppet Wrap ..

    포토샵 스타일 80가지

    클릭한번으로 멋지게! 포토샵에서는 액션과 더불어 클릭한번으로 멋지게 만들어주는 것이 있는데 바로 스타일(Style) 되겠다. 스타일은 여러 옵션들을 저장해두고 있기 때문에 클릭한번에 나에게는 없던 패턴도 적용할 수 있다. 급하거나 어떻게 하면 더 멋지게 할 수 있을까 고민한다면 스타일을 통해서 적용해보는 것도 좋을 것이다. 스타일 적용후에 역시 블렌딩옵션에서 자신이 좀더 추가, 변경할 수 있으니 일단 고민하지 말고 다운받아서 바로 사용해보도록 하자. 이 모든게 클릭한번으로! 위 이미지는 필자가 사각형을 그리고 스타일을 한번씩 각각 클릭해주어서 나타난 결과다. 스타일이 60가지나 되기 때문에 사각형이 되는 컬러에 따라 결과가 다른 스타일도 있을 수 있다.(나무패턴 같은 패턴위주는 상관없다) 예를들면 우측 ..

    추천도트패턴 54종

    다양한 도트패턴이 필요하다면! 지금 포스팅을 작성하면서 보니 바로 전에도 도트패턴을 올렸었다. 무려 45종.. 추천도트패턴 그런데 이번에는 54종 짜리 패턴을 소개하려 한다. 이전에도 그랬지만 정말 도트패턴을 좋아하는 필자다. 도트 패턴이라하면 역시 과거 향수 그리고 때로는 아기자기함을 느낄 수 있게 해주는 아이템이다. 대부분 포스팅이 사실 내가 사용하고 싶은 것들로 모아둔 저장소 같은 것들인데 기왕이면 다른 분들도 좋은 정보를 공유하면 좋은거니까... 그리고 은근히 찾으려면 또 쉽지가 않아서 다른 분들은 시간 아끼시라고 소개해드린다. 아래 링크를 따라가서 우측 Download 버튼으로 받으실 수 있다. 54도트 패턴 다운로드 이런 배경을 만들 수 있다. 기존의 소개했던 도트패턴이 몇가지 겹치는 부분이 ..

    황금스킨 만들기

    기해년 맞이 황금돼지 만들기 이번에 준비한 강좌는 기해년을 맞이해서 많이 쓸만한 황금돼지를 만들어보는 시간을 가져보도록 하려 한다. 2019년은 또 "황금"돼지의 해 이기때문에 황금색이 포인트라고 할 수 있겠다. 돼지를 직접 그릴 수 있다면 색 자체를 황금색으로 그리면 되겠지만 우리처럼 시간이 없고 손 그림재주가 없다면 프리라이센스의 돼지를 받아다가 황금색으로 만들어야 한다. 바로 그것을 할 예정이다. 우선 Iconfinder에서 pig로 검색하여 돼지를 하나 받도록 하자. 아이콘 파인더 IconFinder에서 돼지를 찾자! 왼쪽 탭에서 Free를 선택하여 무료 라이선스만 필터하여 이미지를 선택할 수 있다. 다운을 받았다면 포토샵으로 이미지를 불러오자. Filter에서 Camera Raw Filter를 ..

    메탈&골드 그라디언트

    80가지 메탈&골드 그라디언트 세트 최근 그라디언트를 이것저것 사용해야할 일이 있어서 조금 더 다양하게 찾아보던 중 괜찮은 그라디언트가 있어서 소개해드리려고 한다. 필자의 블로그에 이미 메탈, 그리고 골드 따로 되어 있는데 한방에 끝낼 수 있는 그라디언트를 소개하려고 한다. 물론 각 블로깅 마다 다른 그라디언트기 때문에 취향차이를 탈 수 있다고 생각한다. 다 가지고 있으면 더 다양한 효과를 낼 수 있으리라 생각이 든다. 예제 PSD 다운로드 필자가 이 그라디언트를 가지고 버튼을 간단하게 작업해보았다. 버튼 레이어스타일을 확인해보고 싶으시다면 아래 PSD를 다운로드 받아 확인할 수 있다. 그라디언트는 순정 그대로 사용하기 보다 각도와 범위를 수정하면 더욱 다른 효과를 나타낼 수 있다. (그라디언트 세트는 ..

    Custom Shape 등록

    Custom Shape로 등록해보자 많은 분들이 생각보다 Custom Shape 등록방법과 그리고 유용성을 잘 모르는것 같아서 이번에 강좌로 해보려고 한다. 필자는 이 Custom Shape를 좋아하는데 그 이유는 Vector 기반으로 일러스트레이터와의 경계를 없애주고 한번 등록만 해 놓으면 언제나 간단하게 표현할 수 있기 때문이다. 그만큼 시간도 절약되고 일러스트레이터 처럼 자유로운 크기 변형으로 사용할 수 있으니 어찌 싫어할수가 있을까! 한번 사용하게 되면 필수 여러분들의 필수 아이템이 될것이라 믿는다. 일러스트에서 포토샵으로… 필자가 추천했던 무료이미지 사이트 소개에서 (무료이미지 & 아이콘 사이트 소개) 일러스트 관련 모양 이미지를 받았을 때 그 이미지를 사용하기 위해서 늘 일러스트를 키거나 하기..

    이미지 합성의 기본

    합성의 시작 오늘은 합성의 가장 기본적인 방법을 통해 자신감을 가질 수 있는 그런 강좌를 시작해보려 한다. 기본적인 방법인 만큼 마스터 하여 더 높은 수준의 합성에도 도전하는 좋은 기회가 되기를 바란다. 물론 기본적인 방법이라고 해서 실무에서 안쓰이지 않는다. 쉽고 간단하기에 더 많이 사용하므로 반드시 익히자. (사실 알면 쉽고 모르면 어려운게 기술이다) 이번에 할 합성은 집과 구름을 합성해보도록 하자. 이미지 두장을 준비해야 할텐데 필자가 이미지를 준비 하였다. 다른 이름으로 저장하여 이미지를 저장하거나 본인이 가지고 있는 적당한 이미지 2장을 준비하면 좋을것 같다. 배경이 될 이미지 그리고 그 위에 합성할 이미지 각 1장씩 준비하자. 강좌에 쓰인 이미지 배경으로 사용할 이미지로 집을 선택했다. 구름은..