디자인
-
추천 도트 패턴 필자가 대체로 포스팅 하는 패턴들은 추천하기에 포스팅을 하는데 이번만큼은 더 자신있게 추천할만한 패턴을 소개하도록 하겠다. 타이틀 이미지에 쓰였듯이 왼쪽과 오른쪽에 사용한 패턴이다. 제일 밑에서 다운로드 받도록 하자. 이런식으로 삼각형 패턴을 사용하면 어떨까? 이 삼각형 패턴은 필자가 직접 이것저것 패턴을 만들어보다가 우연히 나온 것인데 막상 써보니 괜찮아서 공유하게 되었다. 이 패턴을 통해 스크린 샷과 같이 메인에 집중할 수 있도록 하는 효과가 있을 것이다. 이 패턴은 사실(…) 이 패턴은 필자가 직접 찍어서 패턴을 찍긴 하였는데 사실 "바람의 나라" 라는 게임의 이벤트 이미지에서 사용된 패턴을 보고 이 패턴 괜찮겠네 하고 직접 찍고 패턴화 시켜서 만들었다. 스크린 샷처럼 배경의 컬러와..
전통문양 & 삼각형 패턴추천 도트 패턴 필자가 대체로 포스팅 하는 패턴들은 추천하기에 포스팅을 하는데 이번만큼은 더 자신있게 추천할만한 패턴을 소개하도록 하겠다. 타이틀 이미지에 쓰였듯이 왼쪽과 오른쪽에 사용한 패턴이다. 제일 밑에서 다운로드 받도록 하자. 이런식으로 삼각형 패턴을 사용하면 어떨까? 이 삼각형 패턴은 필자가 직접 이것저것 패턴을 만들어보다가 우연히 나온 것인데 막상 써보니 괜찮아서 공유하게 되었다. 이 패턴을 통해 스크린 샷과 같이 메인에 집중할 수 있도록 하는 효과가 있을 것이다. 이 패턴은 사실(…) 이 패턴은 필자가 직접 찍어서 패턴을 찍긴 하였는데 사실 "바람의 나라" 라는 게임의 이벤트 이미지에서 사용된 패턴을 보고 이 패턴 괜찮겠네 하고 직접 찍고 패턴화 시켜서 만들었다. 스크린 샷처럼 배경의 컬러와..
2018.06.25 -
포토샵으로 불을 만들어보자 포토샵 작업 중 은근히 비중을 많이 차지하는 효과가 아닐까 싶다. 강렬한 이미지나 텍스트에 효과를 부과 하고 싶을 때 광원 효과라던지 불 효과라던지 말이다. [광원효과 보러가기] 합성 필수 요소이기도 한 불을 만들어보는 시간을 갖도록 하자. 사실 불 이미지를 불러다가 블렌딩 모드를 Screen으로 하는 방법도 있다. 그러나 여기에서는 브러쉬를 가지고 하는 방법을 알려드리도록 하겠다. 우선 아래에서 브러쉬를 다운받도록 하자. 다운받은 파일을 압축을 풀고 나면 브러쉬가 하나 있을 것이다. 이 파일을 포토샵이 열린 상태에서 드래그 하여 등록 하거나 브러쉬 창에서 톱니바퀴를 눌러 Import Brush를 통해 불러올 수 있다. 불러왔다면 이제 시작하도록 하자. 800x400 & 검은색..
불효과 만들기포토샵으로 불을 만들어보자 포토샵 작업 중 은근히 비중을 많이 차지하는 효과가 아닐까 싶다. 강렬한 이미지나 텍스트에 효과를 부과 하고 싶을 때 광원 효과라던지 불 효과라던지 말이다. [광원효과 보러가기] 합성 필수 요소이기도 한 불을 만들어보는 시간을 갖도록 하자. 사실 불 이미지를 불러다가 블렌딩 모드를 Screen으로 하는 방법도 있다. 그러나 여기에서는 브러쉬를 가지고 하는 방법을 알려드리도록 하겠다. 우선 아래에서 브러쉬를 다운받도록 하자. 다운받은 파일을 압축을 풀고 나면 브러쉬가 하나 있을 것이다. 이 파일을 포토샵이 열린 상태에서 드래그 하여 등록 하거나 브러쉬 창에서 톱니바퀴를 눌러 Import Brush를 통해 불러올 수 있다. 불러왔다면 이제 시작하도록 하자. 800x400 & 검은색..
2018.06.23 -
포토샵으로 잔디 텍스쳐를 만들어보자. 월드컵이 한창이어서 생각난 간단하면서도 활용도가 높은 텍스쳐를 알려드리도록 하겠다. 타이틀 이미지 처럼 사용도 가능하고 자연관련 디자인을 할때 텍스쳐로 사용하기에 도움이 많이 될 것이다. 한번 알아보도록 하자. 자신이 원하는 사이즈에 녹색 계통의 색을 채워 넣자. 필자는 800x400의 사이즈 #1e7001 컬러를 넣었다.(컬러 자체는 자신이 만들고 싶은 잔디 색을 설정하면 된다.) 그리고 포토샵 메뉴에서 Filter - Noise - Add Noise를 클릭 하도록 하자. 스크린샷의 순서대로 진행해보자. Add Noise의 체크 부분은 꼭 체크하는게 좋고 Amount 수치 같은 경우는 변경해 가며 자신의 마음에 드는 정도로 수정하면 좋을 것 같다. 그리고 OK를 누..
인조잔디 텍스쳐 만들기포토샵으로 잔디 텍스쳐를 만들어보자. 월드컵이 한창이어서 생각난 간단하면서도 활용도가 높은 텍스쳐를 알려드리도록 하겠다. 타이틀 이미지 처럼 사용도 가능하고 자연관련 디자인을 할때 텍스쳐로 사용하기에 도움이 많이 될 것이다. 한번 알아보도록 하자. 자신이 원하는 사이즈에 녹색 계통의 색을 채워 넣자. 필자는 800x400의 사이즈 #1e7001 컬러를 넣었다.(컬러 자체는 자신이 만들고 싶은 잔디 색을 설정하면 된다.) 그리고 포토샵 메뉴에서 Filter - Noise - Add Noise를 클릭 하도록 하자. 스크린샷의 순서대로 진행해보자. Add Noise의 체크 부분은 꼭 체크하는게 좋고 Amount 수치 같은 경우는 변경해 가며 자신의 마음에 드는 정도로 수정하면 좋을 것 같다. 그리고 OK를 누..
2018.06.21 -
무난하고 가장 많이 사용하는 패턴 필자가 포토샵을 새로 설치하거나 새로운 곳에서 포토샵을 할때 가장 먼저 까는 패턴이 바로 이 라인 패턴이다. 여러 패턴중 사용용도도 다양하고 무난하게 작업을 할 수 있는 패턴이다. 직접 만들기도 쉽지만 또 은근히 귀찮은 작업이다. 그러한 라인 패턴 80가지를 소개하려 한다. 라인 패턴으로 은은하거나 어둡게 표현할 수도 있다. 늘 상 사용하기 좋은 패턴이라고 볼 수 있다. Black & White를 포함한 패턴이다. 가로 패턴, 세로 패턴, 사선 패턴 그리고 패턴의 간격의 차이로 구성되어 있고 패턴 컬러가 흰검으로 되어 있는데 사실 패턴을 깔고 컬러를 넣으면 어떤 색으로든 할 수 있기 때문에 검은색이나 흰색 한가지만 가지고 있어도 된다. 라인패턴을 사용시 패턴을 깔고 투명..
라인 패턴무난하고 가장 많이 사용하는 패턴 필자가 포토샵을 새로 설치하거나 새로운 곳에서 포토샵을 할때 가장 먼저 까는 패턴이 바로 이 라인 패턴이다. 여러 패턴중 사용용도도 다양하고 무난하게 작업을 할 수 있는 패턴이다. 직접 만들기도 쉽지만 또 은근히 귀찮은 작업이다. 그러한 라인 패턴 80가지를 소개하려 한다. 라인 패턴으로 은은하거나 어둡게 표현할 수도 있다. 늘 상 사용하기 좋은 패턴이라고 볼 수 있다. Black & White를 포함한 패턴이다. 가로 패턴, 세로 패턴, 사선 패턴 그리고 패턴의 간격의 차이로 구성되어 있고 패턴 컬러가 흰검으로 되어 있는데 사실 패턴을 깔고 컬러를 넣으면 어떤 색으로든 할 수 있기 때문에 검은색이나 흰색 한가지만 가지고 있어도 된다. 라인패턴을 사용시 패턴을 깔고 투명..
2018.06.20 -
상업적 이용 가능한 이미지 사이트 이번에도 웹이나 블로그를 꾸미기에 좋은 이미지를 제공하는 사이트를 소개해 드려요. 저번에 소개했던 무료 이미지 & 아이콘 사이트소개와 같이 이용하면 좋을 것 같구요. 아마 이전 알려드린 사이트와 이번 사이트까지 알고 있다면 왠만하면 이미지가 부족해서 못만드는 경우는 없을 것 같아요😁 FLATICON 플랫한 아이콘을 원한다면 이곳을 추천드려요. 제가 이번 포스팅 타이틀 이미지도 이곳 아이콘을 이용하여 작업하였구요. 왠만한 아이콘은 충분히 얻을 수 있어요. 검색어는 물론 영어로 해야 하구요. 기본적으로 로그인을 안해도 이용가능하나 사이트 내에 프리미엄(Premium) 아이콘을 이용하려면 로그인을 해야하며 1년 또는 1달 기간으로 정액제를 통해 프리미엄 아이콘을 다운받을 수도..
무료 아이콘 & 디자인 자료실상업적 이용 가능한 이미지 사이트 이번에도 웹이나 블로그를 꾸미기에 좋은 이미지를 제공하는 사이트를 소개해 드려요. 저번에 소개했던 무료 이미지 & 아이콘 사이트소개와 같이 이용하면 좋을 것 같구요. 아마 이전 알려드린 사이트와 이번 사이트까지 알고 있다면 왠만하면 이미지가 부족해서 못만드는 경우는 없을 것 같아요😁 FLATICON 플랫한 아이콘을 원한다면 이곳을 추천드려요. 제가 이번 포스팅 타이틀 이미지도 이곳 아이콘을 이용하여 작업하였구요. 왠만한 아이콘은 충분히 얻을 수 있어요. 검색어는 물론 영어로 해야 하구요. 기본적으로 로그인을 안해도 이용가능하나 사이트 내에 프리미엄(Premium) 아이콘을 이용하려면 로그인을 해야하며 1년 또는 1달 기간으로 정액제를 통해 프리미엄 아이콘을 다운받을 수도..
2018.06.20 -
포토샵 Custom Shape(모양) 포토샵으로 이런저런 일을 하다보면 화살표를 쓸일이 생각보다 많다. 그때마다 자신이 직접 화살표를 만들어서 쓰는 사람은 거의 없다고 본다. 보통 Custom Shape를 이용하여 화살표를 만들텐데 기본 화살표는 너무 정직하고 생각보다 막상 쓰이기엔 잘 어울리지 않는 경우가 많다. 그래서 필자가 디자인을 할때나 블로그에 사용할 화살표를 쓸때 좀더 세련된 화살표 Shape를 소개해드리려고 한다. (덤으로 방패 Shape까지) 이미지는 일부고 이보다 더 다양한 Shape들이 있다. 포토샵은 기본적으로 픽셀(Pixel)을 기반으로 하고 있는데 이 Shape는 알다시피 벡터(Vector)기반을 하고 있다. 쉽게 말해 픽셀은 원본에서 늘리거나 줄이면 이미지가 깨지고 벡터는 상관없..
포토샵 화살표 & 방패 Shape포토샵 Custom Shape(모양) 포토샵으로 이런저런 일을 하다보면 화살표를 쓸일이 생각보다 많다. 그때마다 자신이 직접 화살표를 만들어서 쓰는 사람은 거의 없다고 본다. 보통 Custom Shape를 이용하여 화살표를 만들텐데 기본 화살표는 너무 정직하고 생각보다 막상 쓰이기엔 잘 어울리지 않는 경우가 많다. 그래서 필자가 디자인을 할때나 블로그에 사용할 화살표를 쓸때 좀더 세련된 화살표 Shape를 소개해드리려고 한다. (덤으로 방패 Shape까지) 이미지는 일부고 이보다 더 다양한 Shape들이 있다. 포토샵은 기본적으로 픽셀(Pixel)을 기반으로 하고 있는데 이 Shape는 알다시피 벡터(Vector)기반을 하고 있다. 쉽게 말해 픽셀은 원본에서 늘리거나 줄이면 이미지가 깨지고 벡터는 상관없..
2018.06.19 -
각진 외곽선 만들기 이번에는 텍스트에 각진 외곽선을 눈에 띄면서도 간결한 임팩트를 줄 수 있는 효과를 알려드리려고 한다. 보통 포토샵에서 텍스트를 쓰고 블렌드 옵션으로 Storke를 주는 일반 외곽선일 경우 깔끔하다기보다는 글자의 형태대로 외곽선이 나오면서 둥그런 효과로 2%부족한 느낌을 주게되는데 이 부분을 메꿔줄 수 있는 효과이다. 왼쪽은 각진 외곽선 오른쪽은 일반 외곽선(Stroke) 효과이다. 왼쪽의 효과가 확실히 간결하면서도 임팩트있는 효과를 볼 수 있을 것이다. 오른쪽의 장점이라면 아주 쉽게 가능하고 왼쪽 각진 효과는 효과만큼이나 조금이지만 손을 더 봐야줘야 한다라는 점이다. 공을 들인만큼 효과가 좋다라는 뜻이다. 자 그럼 시작해보도록 하겠다. 원하는 텍스트를 입력하자. 적당한 사이즈에 원하는..
꽉찬 각진 외곽선 텍스트 효과 만들기각진 외곽선 만들기 이번에는 텍스트에 각진 외곽선을 눈에 띄면서도 간결한 임팩트를 줄 수 있는 효과를 알려드리려고 한다. 보통 포토샵에서 텍스트를 쓰고 블렌드 옵션으로 Storke를 주는 일반 외곽선일 경우 깔끔하다기보다는 글자의 형태대로 외곽선이 나오면서 둥그런 효과로 2%부족한 느낌을 주게되는데 이 부분을 메꿔줄 수 있는 효과이다. 왼쪽은 각진 외곽선 오른쪽은 일반 외곽선(Stroke) 효과이다. 왼쪽의 효과가 확실히 간결하면서도 임팩트있는 효과를 볼 수 있을 것이다. 오른쪽의 장점이라면 아주 쉽게 가능하고 왼쪽 각진 효과는 효과만큼이나 조금이지만 손을 더 봐야줘야 한다라는 점이다. 공을 들인만큼 효과가 좋다라는 뜻이다. 자 그럼 시작해보도록 하겠다. 원하는 텍스트를 입력하자. 적당한 사이즈에 원하는..
2018.06.18 -
이미지에 빛나는 효과를 나타내보자. 디자이너들은 어떤 무언가를 있어보이게 만드는 일을 한다. 그것이 실제로 별거 없을지라도 있어보이게 만드는 것이 디자이너가 할 일이다. 그 중 가장 쉽지만 임팩트 있게 만들어주는 효과를 소개하려한다. 바로 타이틀 이미지에 쓰인 광원효과인 렌즈플레어 효과를 나타내보도록 하자. 우선 링크를 통해 다양한 렌즈플레어 이미지들을 다운 받도록 하자. 28가지의 광원이미지 우선 준비할 것은 어두운 계통의 배경이다. 하얀 배경만 아니면 효과가 보이긴 하겠지만 어두울 수록 효과는 커진다는 점은 기억하자. 그리고 텍스트 뿐만 아니라 오브젝트 또한 멋지게 표현이 가능하다. 필자는 골드 계통의 그라데이션을 통해 간단한 오브젝트를 만들어봤다. 이제 다운받은 여러 플레어 이미지 중 오브젝트와 가..
광원효과 나타내기이미지에 빛나는 효과를 나타내보자. 디자이너들은 어떤 무언가를 있어보이게 만드는 일을 한다. 그것이 실제로 별거 없을지라도 있어보이게 만드는 것이 디자이너가 할 일이다. 그 중 가장 쉽지만 임팩트 있게 만들어주는 효과를 소개하려한다. 바로 타이틀 이미지에 쓰인 광원효과인 렌즈플레어 효과를 나타내보도록 하자. 우선 링크를 통해 다양한 렌즈플레어 이미지들을 다운 받도록 하자. 28가지의 광원이미지 우선 준비할 것은 어두운 계통의 배경이다. 하얀 배경만 아니면 효과가 보이긴 하겠지만 어두울 수록 효과는 커진다는 점은 기억하자. 그리고 텍스트 뿐만 아니라 오브젝트 또한 멋지게 표현이 가능하다. 필자는 골드 계통의 그라데이션을 통해 간단한 오브젝트를 만들어봤다. 이제 다운받은 여러 플레어 이미지 중 오브젝트와 가..
2018.06.05 -
벤치마킹과 영감을 주는 사이트 일반 유저들은 사실 찾아 볼 일이 많지 않은 사이트죠. 이번은 웹기획자나 웹디자이너가 많이 찾아보는 사이트들을 모아두었습니다. 실제 실무에서도 많이보고 스터디하는 예비 디자이너 분들도 많이 참고하는 영감을 주면서 동시에 요즘 웹의 트렌드를 익혀갈 수 있는 사이트들 입니다. 매일 같이 볼 필요는 없지만 습관적으로 찾아보는게 좋죠! #1 디비컷 국내에선 가장 유명한 곳이라고 할 수 있습니다.(요즘은 어떤지 모르겠지만..) 보통 국내 사이트의 현황을 보기위해 많이 보는 곳이면서 동시에 커뮤니티도 활성이 그나마 되어 있는 편이라 궁금증이 생길때 물어보면 답변도 해줍니다. 그러나 큰 기대는 하지 말기를... 저도 심심할때(?)면 가보는 곳이죠. 간혹 커뮤니티에 콜로세움이 서긴 하는데..
벤치마킹 & 영감을 주는 사이트 모음벤치마킹과 영감을 주는 사이트 일반 유저들은 사실 찾아 볼 일이 많지 않은 사이트죠. 이번은 웹기획자나 웹디자이너가 많이 찾아보는 사이트들을 모아두었습니다. 실제 실무에서도 많이보고 스터디하는 예비 디자이너 분들도 많이 참고하는 영감을 주면서 동시에 요즘 웹의 트렌드를 익혀갈 수 있는 사이트들 입니다. 매일 같이 볼 필요는 없지만 습관적으로 찾아보는게 좋죠! #1 디비컷 국내에선 가장 유명한 곳이라고 할 수 있습니다.(요즘은 어떤지 모르겠지만..) 보통 국내 사이트의 현황을 보기위해 많이 보는 곳이면서 동시에 커뮤니티도 활성이 그나마 되어 있는 편이라 궁금증이 생길때 물어보면 답변도 해줍니다. 그러나 큰 기대는 하지 말기를... 저도 심심할때(?)면 가보는 곳이죠. 간혹 커뮤니티에 콜로세움이 서긴 하는데..
2018.05.05 -
컬러를 조합, 선택하자! 우리는 디자인을 할때 가장 중요한 것을 무엇이라 생각하는가 하면 역시 컬러가 아닐까 싶다. 어떤 선택을 하느냐에 따라 분위기 말하고자 하는 디자인이 달라질뿐더러 퀄리티 마저 좌지우지 시킬 수 있는 것이 컬러다. 그렇다면 결국 컬러를 잘 선택, 조합해야 한다는 것인데 간단하게 그 문제를 해결해줄 사이트들이 있다. 바로 Adobe Color CC가 있다. 우리가 기본적으로 디자인의 분위기를 잡을 포인트 컬러를 잡게 되면 그 컬러와 유사색 또는 보색 등을 추려서 선택해준다. 이것만으로도 우리는 꽤 컬러 선택의 어려움을 이겨냄과 동시에 시간을 번다고 할 수 있다. Adobe Color CC 바로가기 색상규칙을 통해 원하는 색을 얻을 수 있다. 사이트를 방문하게 되면 왼쪽 색상규칙과 하단..
컬러를 선택하자!컬러를 조합, 선택하자! 우리는 디자인을 할때 가장 중요한 것을 무엇이라 생각하는가 하면 역시 컬러가 아닐까 싶다. 어떤 선택을 하느냐에 따라 분위기 말하고자 하는 디자인이 달라질뿐더러 퀄리티 마저 좌지우지 시킬 수 있는 것이 컬러다. 그렇다면 결국 컬러를 잘 선택, 조합해야 한다는 것인데 간단하게 그 문제를 해결해줄 사이트들이 있다. 바로 Adobe Color CC가 있다. 우리가 기본적으로 디자인의 분위기를 잡을 포인트 컬러를 잡게 되면 그 컬러와 유사색 또는 보색 등을 추려서 선택해준다. 이것만으로도 우리는 꽤 컬러 선택의 어려움을 이겨냄과 동시에 시간을 번다고 할 수 있다. Adobe Color CC 바로가기 색상규칙을 통해 원하는 색을 얻을 수 있다. 사이트를 방문하게 되면 왼쪽 색상규칙과 하단..
2018.04.25