Web Design

    황금스킨 만들기

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

    꿀같은 텍스트효과

    꿀 떨어지는(?) 텍스트를 만들어보자 필자가 게임 사이트들을 둘러보던 중 눈을 사로 잡은 텍스트 효과가 있었다. 바로 꿀에 발린것만 같은 텍스트 효과가 마치한번 해보고 싶은 욕구를 들게 한 이미지였다. 사실 따라한다고 정말 똑같이 할 수는 없겠지만 필자만의 스타일로 그리고 각자의 느낌으로 자신만의 스타일을 만들어가는 연습을 하는 것이 디자인 실력을 향상하는데 큰 도움이 될 것이다. 모방은 창조의 어머니라고 하지 않았던가!? 자 이제 창조를 시작해보도록 하자. 테일즈위버 이벤트 중 우선 한번 텍스트의 특징을 잘 살펴보자. 동그랗고 볼록하고 광이 나고 윤기가 흐른다. 특징을 포착했다면 이제한번 시작해보도록 하자. 레이어 스타일 동그란 타입의 텍스트를 입력해보자. 800x400 사이즈의 캔버스에 배경색은 #f..

    추천 도트패턴

    추천 도트패턴(Dot Pattern) 필자는 도트감성을 정말 좋아한다. 게임을 할때도 3D보다도 도트게임을 더 좋아하는 편이다. 아무래도 도트이미지를 보다보면 마음이 편안해지고 차분한 마음을 갖게 하는 힘이 있는 것 같다. 그래서 도트 패턴역시 개인적으로 좋아하는데 많은 분들에게 소개해드리고 싶어 블로깅을 한다. 도트의 매력은 아기자기한 모습부터 화려하고 멋진 효과까지 연출이 가능하다. 물론 시간 비용이 많이 들어가는 부분으로 요즘은 점점 사라지는 추세이기에 더 도트를 그리워하고 반가워하는 것 같다. 여러분들도 도트의 감성에 빠져보시길 바라며… 이런느낌을 원한다면 지금 바로 도트패턴 45종 다운로드 가장 기본적인 패턴부터 도트배경까지 만들 수 있을 정도로 다양하게 마련되어 있다. 참고로 둘다 모두 PAT..

    말풍선 만들기 강좌

    간단하게 말풍선을 만들어보자. 언제 어디에서나 간단하게 사용할 수 있고 센스 있게 보일 수 있는 말풍선을 만드는 방법을 소개시켜드리려 한다. 전혀! 어렵지 않은 방법으로 그리고 아주 쪼금 어려운 방법 이렇게 두가지 방법으로 진행하도록 하겠다. 앞으로도 언제나 궁금한점이 있다면 댓글로 요청하시면 필자가 가능한 부분이라면 꼭 블로깅으로 알려드리도록 하겠다. 물론 필자도 그다지 대단한 실력이 아니기에(…) 크게 기대는 안하는 것이.. 각설하고 시작하자. 말풍선 만들기 Shape 툴을 이용하자. 800x400사이즈 캔버스에 Shape 툴을 이용하면 크기를 마음대로 변경하는데 문제가 없기 때문에 꼭 Shape를 쓰자! 그러므로 렉탱글 등으로는 사용하지 않는 것이 좋다. 그리고 말풍선은 자신이 원하는 크기 및 모양..

    글자를 썰어보기

    글자를 댕강 썰어보자 어떤 강좌를 해야 많은 사람들에게 아이디어를 줄까 고민을 하는데 이번에 문득 지하철에서 광고를 보다가 "오! 그래 이런 방식도 좋지!" 하면서 생각난 강좌다. 워낙 TV나 인터넷, 오프라인까지 광고를 엄청 많이 해서 그런지 다들 한번쯤은 보셨을거라 생각이 든다.이게 강좌를 따라하다 보니까 혹시나 하는 마음에 미리 이야기 해드리자면 어느 특정 광고가 아니며 혹여나 광고를 하게 된다면 광고로 표시할 테니 안심하고 강좌를 보시면 된다.그런데 저 같은 듣보가 광고를 받을 일도 없겠지만.. 실제 사용된 글자가 썰어진 시안 반값이 아프게 썰려있다. 이것을 따라해 볼 예정이다.이미 수 많은 광고로 많이 보았겠지만 저 부분을 확인해보도록 하자. 이번 강좌는 실제로 사용이 많이 되기도 하고 레스터화..

    라디오스타 자막 따라하기

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

    썰전자막 따라하기

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

    메탈 패턴

    메탈 패턴 소개 이번에는 언제가 반드시 한번쯤은 사용할 수 있는 패턴을 소개하려 한다. 바로 메탈 패턴이다. 아래 패턴을 보면 어디선가 많이 본 패턴일 것이다. 그리고 이패턴을 보는순간 "아! 이거는 이럴때 꼭 써야겠다!" 라는 생각을 들게 하는 패턴이다. 아마 이 패턴을 많이 가지고 계실수도 있지만 이제 웹디자인에 처음 발을 내딛거나 이러한 관련된 디자인을 할일이 없는 디자이너들은 아마 처음 접할 듯하여 소개하려고 한다. 퀄리티만으로도 충분히 가지고 있어야 할 패턴이라 생각한다. DARK METAL PATTERN 8 필자가 가장 좋아하는 어두운 계통의 메탈이다. 거기에 무려 8종이 기다리고 있다. 적재적소에 잘 사용하기 딱 좋은 패턴이다. 지금 바로 다운로드 받도록 하자. 다크 메탈 다운로드 링크 수정..

    추천 그라디언트

    꽁기웹디의 추천 그라디언트 10종 오랜만에 그라디언트 작업을 해서 공유하려 한다. 우선 이 그라디언트를 참고 했던 부분은 https://uigradients.com/ 이곳에서 참고하였고 추천할만한 그라디언트 10가지를 추려서 파일로 만들어두었다. 기본적으로 그라디언트 퀄리티를 보장하기에 자신있게 추천해드리며 바로 밑에서 다운로드 받으면 되겠다. 꽁기웹디가 직접작업한 10가지의 그라디언트 이렇게 10가지의 그라디언트가 있다. 어두운 컬러에서 밝은 색까지 일부러 분별해서 그라디언트를 만들었다. 이 그라데이션을 통해서 무거운 분위기부터 밝은 분위기까지 나타낼 수 있을 것이라 생각한다. 그럼 몇가지 이 그라디언트를 통해 배경을 만들어보도록 하겠다. Type 1 보라색 느낌의 그라디언트 배경 Type 2 어두운 ..

    3D 텍스트 효과 만들기

    3D 텍스트 효과 다양한 텍스트 효과 중 많이 사용하는 3D 텍스트 효과를 소개하려 한다. 이번 소개하는 3D 텍스트 효과는 기본적인 방식으로 이 효과를 가지고 응용하거나 이러한 기본적인 방식을 가지고 앞으로 다양한 3D효과를 만들 수 있을 것이라 기대한다. 물론 이 방식 말고도 다양한 방법이 있기 때문에 자신에게 맞는 방식을 선택하고 자신의 것으로 만드는게 좋을 것이라 생각한다. 3D 효과의 원리를 알아보자 여기에서 소개하려는 방식은 글자가 튀어나와 있는 부분 그리고 그림자 역활을 하는 부분 이렇게 두가지의 부분을 작업하여 3D효과를 연출하려고 한다. 좀 더 심플하게 이야기하자면 같은 텍스트를 효과를 다르게 주어 3D의 효과를 보이게 한다는 것이다. 자 그럼 이제 시작하도록 하자. 필자는 800x400..

    슬럼프 너란 녀석 극복하기

    디자이너의 불청객 슬럼프 어떠한 직업을 가진 사람이라면 떨쳐내고 싶고 나에겐 오지 않았으면 하는 것 바로 슬럼프(Slump)다. 이 슬럼프란 녀석을 긍정적인 마음으로 본다면 적어도 슬럼프가 오기 전 어떠한 형태로든 인정받았고 스스로 성장하고 있음을 느꼈던 사람일 것이다. 슬럼프가 왔다면 본인은 괜찮은 능력자라는 뜻으로 봐도 좋을 것이다. 전혀 능력도 없고 애초에 열정도 없었다면 슬럼프란 녀석은 절대 찾아오지 않는다. 그러니 일단 나에게 온 이 슬럼프 우선 온전히 받아들이는 자세가 중요하다고 생각한다. 지피지기면 백전백승이라고 한번 어떤녀석인지 알아보고 극복해보자. 슬럼프 너는 어떻게 알고 찾아오니? 슬럼프가 무엇이냐? 라고 물으면 쉽게 말해 아무리 해도 뭔가 일이 잘 안풀리는 것을 말한다. 사전적인 의미..

    멋진 그라디언트

    어머! 이건 반드시 써야돼! 필자가 참고하여 만든 그라디언트로 이건 꼭 한번 써봐야지 라는 생각이 드는 그라디언트다. 파스텔 톤이 아닌 그라디언트라 강렬해서 과감한 느낌을 줄때도 멋지게 사용될 것 같아서 추천하면 좋겠다 싶어 포스팅을 작성한다. (필자는 그다지 파스텔톤을 좋아하는 편은 아니다.) 이미지와 같은 그라디언트 5종이 기다리고 있다. 디자이너의 성향에 따라서 어쩌면 과하다고 생각할 수 있는 그라디언트 셋이라고 생각한다.(쉽지 않다 확실히…) 기존의 파스텔 톤이나 연한 느낌의 그라디언트만 사용했던 디자이너라면 새로운 컬러에도 한번 도전해 보는 것은 어떨까라는 생각이 든다. 필자 역시 그랬기 때문이다… 써보지 않은 컬러에 도전하기란 많은 시간이 필요하고 적응하는데도 분명 노력이 필요하지만 적응했을때..