Web Design

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

그라디언트로 하늘을 만들어보자. 가장 무난한 배경을 생각한다면 바로 하늘 배경입니다. 하늘 배경은 사진으로도 작업이 가능하겠지만 자신이 원하는 하늘을 만들기 위해서는 그라디언트를 이용해야 하구요. 그래서 이번에 소개할 그라디언트는 푸른 하늘부터 석양까지 다양한 하늘을 연출 할 수 있는 그라디언트를 11종을 소개해드립니다. 웹디자이너부터 해서 일러스트레이터까지 다양하게 사용할 수 있는 그라디언트라고 생각합니다. 다운로드 링크를 타고 들어가면 댓글에 이 그라디언트를 통해 작업물을 만들어낸 것들이 있는데 어떻게 사용하느냐에 따라 더 퀄리티있게 보여질 수 있는 것을 알 수 있습니다. 링크를 타고 들어가 우측에 다운로드 버튼을 눌러 받으면 됩니다. 하늘 그라디언트 11종 다운로드 구름 브러쉬 필자가 소개하는 그라..

포토샵 액션이란 무엇인가? 포토샵에서는 매크로가 있다. 포토샵에서는 그것을 액션이라고 부른다. 보통은 클릭 한방으로 휘리릭 이미지가 보정되는 경우로 많이 쓰인다. 이번에 필자가 소개할 액션은 간단한 이미지 보정을 해주는 액션을 소개해드리려 한다. 그럼 각 액션을 통해 나타낸 이미지를 한번 보도록 하자. Summer Haze Action 한여름의 태양빛이 아련했던 느낌을 주는 액션이다. 필자는 고양이로 표현했지만 지금 소개하는 것들은 인물에 가장 최상의 효과를 끓어올릴수 있다고 생각한다. 하지만 동물도 이정도로 표현이 된다라고 어느정도 감안하고 선택하면 좋겠다. 썸머해이즈 액션 다운로드 Blue Evening Action 푸른밤 이라는 액션이다. 액션 이름에 느껴지는 것과 같은 액션이다. 푸른 밤이라고 해..

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

메탈 그라디언트 109가지 이번에 소개할 그라디언트는 바로 메탈 그라디언트이다. 메탈 같은 경우는 특히나 텍스쳐를 같이 사용하는 것이 좋다. 보통은 그런지 스타일이나 스크레치 스타일의 텍스쳐를 이용해서 메탈의 느낌을 더욱 강하게 표현할 수 있다. 이 포스팅의 대표이미지 같은 경우는 텍스쳐를 사용하지 않았는데 메탈보다도 크롬스타일에 더 가깝지 않나 생각이 들긴 한다. 꽤 다양한 스타일의 그라디언트가 있다. 얼핏보면 다들 비슷하긴 한데 솔직히 비슷하다(…) 그러므로 역시 조금씩 정리를 하긴 하되 메탈 스타일 경우는 그라디언트의 각도가 중요하고 반드시 Stroke(윤곽선) 부분도 역시 이 메탈 그라디언트로 넣어주어야 완성도가 높아지기 때문에 여러가지를 넣어보면서 자신의 스타일을 맞추는 것이 중요하다. 아 그리..

81가지 뷰티 그라디언트 이번에는 81가지의 몽환적인 그라디언트를 소개하려 한다. 이번 그라디언트는 어느 하나 삭제하기 아까운 그라디언트다 모두 제각기 분위기에 맞춰 사용하기 좋도록 만들어져있다. 그정도로 모두 추천한다. 뷰티 쪽이나 몽환적인 분위기를 연출하기에 적당할 것 같다. 분위기도 다양하게 연출할 있고 버튼이나 배경까지 모두 사용해도 좋은 퀄리티를 나타낸다. 그라디언트 소개 어느 하나 버리기에 아까운 그라디언트! 필자는 개인적으로 이런 분위기를 자주 사용하지는 않는다.가끔 보기는 했지만 이런 분위기로 작업물을 만들어 본적은 기억이 나지 않는다. 사실상 없다고 본다. 그러나 이 그라디언트를 통해 한번 쯤 꼭 사용해보고 싶을 정도로 마음에 든 그라디언트다. 81가지 모두 테스트 및 작업을 해보았는데 ..

여러 다양한 그라디언트 중에 골드 그라디언트가 빠질 수 없다. 이 그라디언트는 무려 229가지를 제공한다. 전에 75가지 그라디언트에서도 언급했지만 필요한 것을 제외하고 나머지는 삭제 하는 것이 좋다. 언젠가 쓰겠지 라는 그라디언트는 언젠가 쓰이지 않는다. 그럼 이 그라디언트를 이용하여 한번 만들어보도록 하자. 그라디언트 Tip 이런 스타일은 보통 Stroke(외곽선)로 사용하면 좋을 것이다. 버튼만들기 결과 짜란 괜찮은가? 아시겠지만 단순 그라디언트만으로는 결과물이 이렇게 나올 수는 없다. 엠보스, 쉐도우 등을 이용하여 조금 더 다듬어야 하는 수고가 있지만 하나만 만들어 놓으면 나머지는 그라데이션만 바꾸면 끝 아니겠는가! 그럼 이제 그라데이션을 받아보도록 하자. 아래 링크를 통해 들어가 우측 다운로드 ..

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

75가지의 그라디언트 디자이너의 생명은 바로 시간이다.(실력은 기본!) 대부분의 디자이너들은 현실적으로 한땀한땀 장인정신으로 디자인을 하기 힘든 여건속에서 일을 한다. 빠르고 퀄리티 있게라는 말도 안되는 요청소리를 들으며 일을 하는 직업이다. 자 그러니 1분 1초라도 아끼기 위해서 프리셋을 이용하도록 하자. 애플식 그라이디언트라고 하는데 써보면 바로 이해가 될듯 하지만 꼭 애플식도 아니라고 말하고 싶다. 이 그라디언트는 무려 75가지를 제공하는데 75가지 다 쓰일 일은 없다 그러니 자신에게 맞는 몇가지 써보고 맘에 안드는 것들은 삭제하도록 하자. 이 그라디언트를 이용하면 버튼 등은 뚝딱 만들 수 있다. 물론 "이것"만 써서는 좀더 예쁘게는 안나오고 몇가지 스타일 작업만 해줘도 안정적으로 나온다. (Emb..