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

꽁기한 디자이너 필자가 대단해서 이런 글을 쓰는 것은 아니다. 그렇다고 엄청 대단한 곳에서 일한 적은 없는 하지만 왠만한 일은 다해본 어찌보면 소수의 디자이너가 아닌 대다수의 디자이너들이 일하는 그만큼 평범한 디자이너가 디자이너에 대해서 고민하고 생각했던 부분을 글로 남겨보고 싶어서 포스팅을 한다. 이 포스팅이 부디 현재 수 많은 평범한 웹디자이너와 그리고 앞으로 웹디자이너가 되고 싶어하는 신입 디자이너에게 조금이라도 도움이 되기를 바라며 시작한다. 웹 디자이너 디자이너는 디자인이라는 것을 하는 사람인데 디자인이란 무엇인가? 사전적으로는 이렇다. 지시하다·표현하다·성취하다의 뜻을 가지고 있는 라틴어의 데시그나레(designare)에서 유래한다. 디자인은 관념적인 것이 아니고 실체이기 때문에 어떠한 종류의..

추천 도트 패턴 필자가 대체로 포스팅 하는 패턴들은 추천하기에 포스팅을 하는데 이번만큼은 더 자신있게 추천할만한 패턴을 소개하도록 하겠다. 타이틀 이미지에 쓰였듯이 왼쪽과 오른쪽에 사용한 패턴이다. 제일 밑에서 다운로드 받도록 하자. 이런식으로 삼각형 패턴을 사용하면 어떨까? 이 삼각형 패턴은 필자가 직접 이것저것 패턴을 만들어보다가 우연히 나온 것인데 막상 써보니 괜찮아서 공유하게 되었다. 이 패턴을 통해 스크린 샷과 같이 메인에 집중할 수 있도록 하는 효과가 있을 것이다. 이 패턴은 사실(…) 이 패턴은 필자가 직접 찍어서 패턴을 찍긴 하였는데 사실 "바람의 나라" 라는 게임의 이벤트 이미지에서 사용된 패턴을 보고 이 패턴 괜찮겠네 하고 직접 찍고 패턴화 시켜서 만들었다. 스크린 샷처럼 배경의 컬러와..

포토샵으로 불을 만들어보자 포토샵 작업 중 은근히 비중을 많이 차지하는 효과가 아닐까 싶다. 강렬한 이미지나 텍스트에 효과를 부과 하고 싶을 때 광원 효과라던지 불 효과라던지 말이다. [광원효과 보러가기] 합성 필수 요소이기도 한 불을 만들어보는 시간을 갖도록 하자. 사실 불 이미지를 불러다가 블렌딩 모드를 Screen으로 하는 방법도 있다. 그러나 여기에서는 브러쉬를 가지고 하는 방법을 알려드리도록 하겠다. 우선 아래에서 브러쉬를 다운받도록 하자. 다운받은 파일을 압축을 풀고 나면 브러쉬가 하나 있을 것이다. 이 파일을 포토샵이 열린 상태에서 드래그 하여 등록 하거나 브러쉬 창에서 톱니바퀴를 눌러 Import Brush를 통해 불러올 수 있다. 불러왔다면 이제 시작하도록 하자. 800x400 & 검은색..

포토샵으로 잔디 텍스쳐를 만들어보자. 월드컵이 한창이어서 생각난 간단하면서도 활용도가 높은 텍스쳐를 알려드리도록 하겠다. 타이틀 이미지 처럼 사용도 가능하고 자연관련 디자인을 할때 텍스쳐로 사용하기에 도움이 많이 될 것이다. 한번 알아보도록 하자. 자신이 원하는 사이즈에 녹색 계통의 색을 채워 넣자. 필자는 800x400의 사이즈 #1e7001 컬러를 넣었다.(컬러 자체는 자신이 만들고 싶은 잔디 색을 설정하면 된다.) 그리고 포토샵 메뉴에서 Filter - Noise - Add Noise를 클릭 하도록 하자. 스크린샷의 순서대로 진행해보자. Add Noise의 체크 부분은 꼭 체크하는게 좋고 Amount 수치 같은 경우는 변경해 가며 자신의 마음에 드는 정도로 수정하면 좋을 것 같다. 그리고 OK를 누..

무난하고 가장 많이 사용하는 패턴 필자가 포토샵을 새로 설치하거나 새로운 곳에서 포토샵을 할때 가장 먼저 까는 패턴이 바로 이 라인 패턴이다. 여러 패턴중 사용용도도 다양하고 무난하게 작업을 할 수 있는 패턴이다. 직접 만들기도 쉽지만 또 은근히 귀찮은 작업이다. 그러한 라인 패턴 80가지를 소개하려 한다. 라인 패턴으로 은은하거나 어둡게 표현할 수도 있다. 늘 상 사용하기 좋은 패턴이라고 볼 수 있다. Black & White를 포함한 패턴이다. 가로 패턴, 세로 패턴, 사선 패턴 그리고 패턴의 간격의 차이로 구성되어 있고 패턴 컬러가 흰검으로 되어 있는데 사실 패턴을 깔고 컬러를 넣으면 어떤 색으로든 할 수 있기 때문에 검은색이나 흰색 한가지만 가지고 있어도 된다. 라인패턴을 사용시 패턴을 깔고 투명..

상업적 이용 가능한 이미지 사이트 이번에도 웹이나 블로그를 꾸미기에 좋은 이미지를 제공하는 사이트를 소개해 드려요. 저번에 소개했던 무료 이미지 & 아이콘 사이트소개와 같이 이용하면 좋을 것 같구요. 아마 이전 알려드린 사이트와 이번 사이트까지 알고 있다면 왠만하면 이미지가 부족해서 못만드는 경우는 없을 것 같아요😁 FLATICON 플랫한 아이콘을 원한다면 이곳을 추천드려요. 제가 이번 포스팅 타이틀 이미지도 이곳 아이콘을 이용하여 작업하였구요. 왠만한 아이콘은 충분히 얻을 수 있어요. 검색어는 물론 영어로 해야 하구요. 기본적으로 로그인을 안해도 이용가능하나 사이트 내에 프리미엄(Premium) 아이콘을 이용하려면 로그인을 해야하며 1년 또는 1달 기간으로 정액제를 통해 프리미엄 아이콘을 다운받을 수도..

포토샵 Custom Shape(모양) 포토샵으로 이런저런 일을 하다보면 화살표를 쓸일이 생각보다 많다. 그때마다 자신이 직접 화살표를 만들어서 쓰는 사람은 거의 없다고 본다. 보통 Custom Shape를 이용하여 화살표를 만들텐데 기본 화살표는 너무 정직하고 생각보다 막상 쓰이기엔 잘 어울리지 않는 경우가 많다. 그래서 필자가 디자인을 할때나 블로그에 사용할 화살표를 쓸때 좀더 세련된 화살표 Shape를 소개해드리려고 한다. (덤으로 방패 Shape까지) 이미지는 일부고 이보다 더 다양한 Shape들이 있다. 포토샵은 기본적으로 픽셀(Pixel)을 기반으로 하고 있는데 이 Shape는 알다시피 벡터(Vector)기반을 하고 있다. 쉽게 말해 픽셀은 원본에서 늘리거나 줄이면 이미지가 깨지고 벡터는 상관없..

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