각진 외곽선 만들기 이번에는 텍스트에 각진 외곽선을 눈에 띄면서도 간결한 임팩트를 줄 수 있는 효과를 알려드리려고 한다. 보통 포토샵에서 텍스트를 쓰고 블렌드 옵션으로 Storke를 주는 일반 외곽선일 경우 깔끔하다기보다는 글자의 형태대로 외곽선이 나오면서 둥그런 효과로 2%부족한 느낌을 주게되는데 이 부분을 메꿔줄 수 있는 효과이다. 왼쪽은 각진 외곽선 오른쪽은 일반 외곽선(Stroke) 효과이다. 왼쪽의 효과가 확실히 간결하면서도 임팩트있는 효과를 볼 수 있을 것이다. 오른쪽의 장점이라면 아주 쉽게 가능하고 왼쪽 각진 효과는 효과만큼이나 조금이지만 손을 더 봐야줘야 한다라는 점이다. 공을 들인만큼 효과가 좋다라는 뜻이다. 자 그럼 시작해보도록 하겠다. 원하는 텍스트를 입력하자. 적당한 사이즈에 원하는..

이미지에 빛나는 효과를 나타내보자. 디자이너들은 어떤 무언가를 있어보이게 만드는 일을 한다. 그것이 실제로 별거 없을지라도 있어보이게 만드는 것이 디자이너가 할 일이다. 그 중 가장 쉽지만 임팩트 있게 만들어주는 효과를 소개하려한다. 바로 타이틀 이미지에 쓰인 광원효과인 렌즈플레어 효과를 나타내보도록 하자. 우선 링크를 통해 다양한 렌즈플레어 이미지들을 다운 받도록 하자. 28가지의 광원이미지 우선 준비할 것은 어두운 계통의 배경이다. 하얀 배경만 아니면 효과가 보이긴 하겠지만 어두울 수록 효과는 커진다는 점은 기억하자. 그리고 텍스트 뿐만 아니라 오브젝트 또한 멋지게 표현이 가능하다. 필자는 골드 계통의 그라데이션을 통해 간단한 오브젝트를 만들어봤다. 이제 다운받은 여러 플레어 이미지 중 오브젝트와 가..

벤치마킹과 영감을 주는 사이트 일반 유저들은 사실 찾아 볼 일이 많지 않은 사이트죠. 이번은 웹기획자나 웹디자이너가 많이 찾아보는 사이트들을 모아두었습니다. 실제 실무에서도 많이보고 스터디하는 예비 디자이너 분들도 많이 참고하는 영감을 주면서 동시에 요즘 웹의 트렌드를 익혀갈 수 있는 사이트들 입니다. 매일 같이 볼 필요는 없지만 습관적으로 찾아보는게 좋죠! #1 디비컷 국내에선 가장 유명한 곳이라고 할 수 있습니다.(요즘은 어떤지 모르겠지만..) 보통 국내 사이트의 현황을 보기위해 많이 보는 곳이면서 동시에 커뮤니티도 활성이 그나마 되어 있는 편이라 궁금증이 생길때 물어보면 답변도 해줍니다. 그러나 큰 기대는 하지 말기를... 저도 심심할때(?)면 가보는 곳이죠. 간혹 커뮤니티에 콜로세움이 서긴 하는데..

컬러를 조합, 선택하자! 우리는 디자인을 할때 가장 중요한 것을 무엇이라 생각하는가 하면 역시 컬러가 아닐까 싶다. 어떤 선택을 하느냐에 따라 분위기 말하고자 하는 디자인이 달라질뿐더러 퀄리티 마저 좌지우지 시킬 수 있는 것이 컬러다. 그렇다면 결국 컬러를 잘 선택, 조합해야 한다는 것인데 간단하게 그 문제를 해결해줄 사이트들이 있다. 바로 Adobe Color CC가 있다. 우리가 기본적으로 디자인의 분위기를 잡을 포인트 컬러를 잡게 되면 그 컬러와 유사색 또는 보색 등을 추려서 선택해준다. 이것만으로도 우리는 꽤 컬러 선택의 어려움을 이겨냄과 동시에 시간을 번다고 할 수 있다. Adobe Color CC 바로가기 색상규칙을 통해 원하는 색을 얻을 수 있다. 사이트를 방문하게 되면 왼쪽 색상규칙과 하단..