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

클릭 한번에 위로 스르륵 올라가는 스크롤링 생각보다 늦게 업데이트를 하는거 같은 블로깅이다. 사실 책갈피 태그 또는 넷갈피 태그라고 해서 a name 태그를 통해서 자신의 원하는 위치로 바로 찾아가게 만드는 태그로 할 수 있다. 마치 순간이동 처럼 말이다. 그러나 이번에는 스크립트를 통해 "스르륵" 부드럽게 스크롤링 하여 상단으로 올려주는 방법을 소개하려 한다. (필자의 블로그의 우측하단의 화살표 버튼과 같은 효과를 소개한다) 역시 어렵지 않으니 도전해보시기를 권장한다. 우선 TOP으로 올릴 아이콘을 구하거나 직접 만들어보도록 하자. 보통은 자신의 사이트의 분위기에 맞게 직접 작업한 이미지를 추천하지만 어렵다면 무료이미지 사이트에서 쓸만한 것들을 찾으면 되겠다. 그것마저 귀찮으신 분들을 위해 필자가 작업..

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

고민되는 스킨선택 블로그를 시작할때 기본적으로 어떤 것을 블로깅을 하고 가꿔나갈지 충분히 고민하고 시작하는 것이 좋다. 그냥 아무거나 해보자 라는 식의 블로그는 오래가지도 못하고 스스로 지쳐 금방 접기 마련이다. 그리고 자신의 주제에 맞는 블로그 스킨을 고르는 것 또한 아주 중요하다. 내가 쓴 정보들을 잘 전달해주는 역활을 하는 스킨! 이번에는 많은 분들이 고민하고 있는 스킨 선택에 대해서 웹디자이너가 보는 적절한 선택에 대해서 정리하고자 한다. 블로그를 시작하는 분들에게 조금이나마 참고가 되길 바라며 블로깅을 시작한다. 참고로 이번 블로깅은 온전히 티스토리에서만 제공하는 스킨으로만 추천해드리며 추후 기회가 된다면 유저무료배포, 유료배포 등으로 나눠서도 한번 추천해보도록 하겠다. 브랜드 사이트 & 전문(..

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

한글날을 맞이하여 출시된 무료폰트! 저번 포스팅에서 2018 한글날에 출시된 폰트 넷마블체를 소개한적이 있다. 넷마블체 & 무료폰트 그런데 넷마블체만이 아닌 여러 곳에서 한글날을 맞이하여 무료폰트들을 출시 했는데 강력 추천할 폰트 3종을 소개하려 한다. 이번 포스팅 만큼은 왠지 다른 때보다 더욱 자신있게 소개할 수 있어서 기분이 좋다. 그만큼 이번 폰트들이 퀄리티가 좋고 사용도가 넓을 것으로 예상된다. 필자도 빨리 써보고 싶은 폰트들이므로 반드시 3종 모두 다운로드 받는 것을 추천한다. 물론 개인/상업용도 가능하다. 유료서체인 산돌 격동굴림과 비슷한 느낌을 준다. 필자가 개인적으로 잘 사용하는 서체인데 유료기에 추천폰트에 없었지만 이런 느낌과 또 다른 특징이 있는 서체를 소개할 수 있어서 기쁘고 무료로 ..

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

스크롤바를 최상단 고정하기 인디케이터(Indicator)? 인디케이터가 무엇이냐? 하면 사전으로는 이렇다. (일의 현황·사정 변화 등을 나타내는) 지표. 그렇다 지금 필자의 블로그에 적용된 상단에 스크롤을 하면 상단에 게이지가 쌓이며 어느정도 스크롤링이 됬는지 보여지는 것이다.(물론 메뉴에도 쓰이고 다양하게 쓰인다) 스크롤바가 있는데 이게 굳이 왜 필요하느냐? 그렇다 굳이는 필요 없다. 그러나 꾸미기에 관심이 있는 분들에게 혹(?)할만한 아이템이라고 생각해서 블로깅을 하는 것이다. 따지고 보면 꾸미기 상관없이 그냥 블로깅을 해도 된다. 이것은 자기만족이라고 할 수 있다. 좀 깊이 들어가면 UX나 UI적으로는 충분히 쓸만한 아이템이라 생각한다. 과하지만 않는다면 말이다. 최근 사이트들이 많이 사용중이기도(..

경력과 실력에서 오는 괴리감 고민 없는 직업이 어디있겠냐만은 디자이너는 어떤 고민이 있을까 하면 바로 이 경력대비 자신의 실력이 부족하다고 느끼는 고민이 크다고 할 수 있겠다. "다른 직업도 마찬가지인데?" 라고 할 수 있겠지만 다른직업에 비해 티가 더 많이 난다고 할까… 개발자 같은 경우는 같은 개발자가 보기에 느낄 수 있지만 잘 모르는 사람이 보기엔 잘 알 수가 없다. 반면에 디자인은 디자인을 할줄 알던 모르던 시각적으로 바로 보이고 평가가 가능하기 때문에 훨씬 더 큰 고민이라 할 수 있겠다. 경력은 7~8년인데 디자인은 제자리 제자리라는 표현이 어떨지 모르겠는데 통상 자신이 한창 잘 하던 시기의 디자인 그러니까 이제는 옛것(?)이 되어버린 실력이 계속 그대로 유지가 되고 있다라는 표현으로 보면 되겠..