2018/08
-
상업적으로 사용 가능한 이미지 사이트로 많은 분들이 이미지를 구하는데 조금이라도 도움이 되기를 바라면서 이번 포스팅을 시작합니다! 물론 전에 올렸던 무료 이미지 사이트 소개도 참고 하시면 원하는 이미지를 얻는데 크게 도움이 될거에요! 무료 이미지 사이트 7가지 / 텍스쳐 사이트 소개 FREE IMAGES 다양한 이미지와 하단에 카테고리 별로 잘 정리 되어 있는 무료 이미지 사이트 입니다. 한글로 검색도 가능하긴 하는데 영어로 검색하는 것을 권장 드려요. 대부분의 이미지 사이트가 해외기반의 사이트기 때문에 한글 검색이 잘 되지 않더라구요.. 퀄리티도 괜찮고 많은 분들에게 도움이 될거라 생각합니다! FREE IMAGES 바로가기 FREE PIXELS 위에 소개했던 FREE IMAGES와 같이 방문하면 좋을 ..
무료이미지 & 텍스쳐 사이트상업적으로 사용 가능한 이미지 사이트로 많은 분들이 이미지를 구하는데 조금이라도 도움이 되기를 바라면서 이번 포스팅을 시작합니다! 물론 전에 올렸던 무료 이미지 사이트 소개도 참고 하시면 원하는 이미지를 얻는데 크게 도움이 될거에요! 무료 이미지 사이트 7가지 / 텍스쳐 사이트 소개 FREE IMAGES 다양한 이미지와 하단에 카테고리 별로 잘 정리 되어 있는 무료 이미지 사이트 입니다. 한글로 검색도 가능하긴 하는데 영어로 검색하는 것을 권장 드려요. 대부분의 이미지 사이트가 해외기반의 사이트기 때문에 한글 검색이 잘 되지 않더라구요.. 퀄리티도 괜찮고 많은 분들에게 도움이 될거라 생각합니다! FREE IMAGES 바로가기 FREE PIXELS 위에 소개했던 FREE IMAGES와 같이 방문하면 좋을 ..
2018.08.29 -
고딕 텍스트 효과 나태나기 이번에 소개할 효과는 고딕 텍스트 효과를 나타내는 방법을 소개하려 한다. 많이 쓰일지는 모르겠지만 간단하게(?) 표현할 수 있는 방법으로 이 효과를 참고하여 더 멋진 효과 그리고 이 효과가 필요한 분들에게 도움이 되시길 바라며 시작하도록 하겠다. 사실 게임사이트를 구경하다가 한번 따라해보고 싶어서 연습해보다가 많은 분들에게 좋은 참고가 될것 같아서 포스팅을 시작한다. 참고용 이미지 이 효과를 보고 해봐야겠다 싶었다. 이미지를 보면 텍스쳐가 쓰였고 폰트는 Serif 계열이 사용되었다. 그리고 Emboss가 적용되었다. 우선 이 큰 틀에서 적용해가며 스타일을 적용해보았다. 그럼 시작해보도록 하겠다. Layer Style 폰트는 Serif 계열인 Trajan Pro를 적용하였다. 8..
고딕 텍스트 효과고딕 텍스트 효과 나태나기 이번에 소개할 효과는 고딕 텍스트 효과를 나타내는 방법을 소개하려 한다. 많이 쓰일지는 모르겠지만 간단하게(?) 표현할 수 있는 방법으로 이 효과를 참고하여 더 멋진 효과 그리고 이 효과가 필요한 분들에게 도움이 되시길 바라며 시작하도록 하겠다. 사실 게임사이트를 구경하다가 한번 따라해보고 싶어서 연습해보다가 많은 분들에게 좋은 참고가 될것 같아서 포스팅을 시작한다. 참고용 이미지 이 효과를 보고 해봐야겠다 싶었다. 이미지를 보면 텍스쳐가 쓰였고 폰트는 Serif 계열이 사용되었다. 그리고 Emboss가 적용되었다. 우선 이 큰 틀에서 적용해가며 스타일을 적용해보았다. 그럼 시작해보도록 하겠다. Layer Style 폰트는 Serif 계열인 Trajan Pro를 적용하였다. 8..
2018.08.27 -
이전 그라디언트를 올리고나서 많은 분들의 지지와 감사의 인사를 받고 작업을 계속할까 말까하다가 수 많은 작업들과 귀차니즘을 이겨내고 나머지 작업을 완성해야겠다. 하여 2탄!을 올려봅니다. 이전과 같이 다양한 스타일의 그라디언트 15종이며 이 2가지를 가지고 있다면 충분히 디자인 작업시 든든할 것이라 생각이 들어요. 그 외 나머지 그라디언트도 살펴보며 필요할때 받으시길 권합니다! 베스트 그라디언트 1탄 그라디언트 소개 위의 이미지로 보면 이전 그라디언트와 비슷해 보일 수 있지만 분명히 다릅니다! 그 외 궁금하신 점이 있다면 댓글 남겨주시면 답변해드리도록 하겠다. 그리고 마지막으로 그라디언트를 웹그라디언트(CSS)로 사용할 수 있도록 해주신 땀똔님의 링크를 참고로 남겨드리며 마치도록 하겠습니다! 땀똔님의 그..
베스트 그라디언트 2탄이전 그라디언트를 올리고나서 많은 분들의 지지와 감사의 인사를 받고 작업을 계속할까 말까하다가 수 많은 작업들과 귀차니즘을 이겨내고 나머지 작업을 완성해야겠다. 하여 2탄!을 올려봅니다. 이전과 같이 다양한 스타일의 그라디언트 15종이며 이 2가지를 가지고 있다면 충분히 디자인 작업시 든든할 것이라 생각이 들어요. 그 외 나머지 그라디언트도 살펴보며 필요할때 받으시길 권합니다! 베스트 그라디언트 1탄 그라디언트 소개 위의 이미지로 보면 이전 그라디언트와 비슷해 보일 수 있지만 분명히 다릅니다! 그 외 궁금하신 점이 있다면 댓글 남겨주시면 답변해드리도록 하겠다. 그리고 마지막으로 그라디언트를 웹그라디언트(CSS)로 사용할 수 있도록 해주신 땀똔님의 링크를 참고로 남겨드리며 마치도록 하겠습니다! 땀똔님의 그..
2018.08.21 -
방송자막을 따라해보자! 방송자막을 보다보면 오 예쁘다! 나도 저렇게 한번 만들어보고 싶다! 라고 할때가 있다. (아무래도 직업병인것 같은데…) 확실히 이런 부분을 놓치고 갈수가 없다. 실제 영상작업하는 분들에게도 그리고 텍스트 디자인에도 도움이 될 이번 강좌다. 제목을 썰전자막이라고 해서 그렇지 텍스트 효과 강좌로 생각하면 좋겠다. 그리고 어디에선가 본듯한 이펙트 일수록 친근감을 주기때문에 쓸만할 것이다. 가끔씩 이렇게 만들어 보고 싶은 자막이 있을때 마다 강좌를 올릴 예정이다! 그럼 시작하도록 하겠다. 위의 자막을 따라해보도록 하려한다. 필자가 좋아하는 스타일의 자막이다. 이런 자막을 좋아하는 이유는 한눈에 팍 들어오기 때문이다. 그러면서도 안정적이고 센스있다고 생각하기 때문이다. 자막 뿐 아니라 실제..
썰전자막 따라하기방송자막을 따라해보자! 방송자막을 보다보면 오 예쁘다! 나도 저렇게 한번 만들어보고 싶다! 라고 할때가 있다. (아무래도 직업병인것 같은데…) 확실히 이런 부분을 놓치고 갈수가 없다. 실제 영상작업하는 분들에게도 그리고 텍스트 디자인에도 도움이 될 이번 강좌다. 제목을 썰전자막이라고 해서 그렇지 텍스트 효과 강좌로 생각하면 좋겠다. 그리고 어디에선가 본듯한 이펙트 일수록 친근감을 주기때문에 쓸만할 것이다. 가끔씩 이렇게 만들어 보고 싶은 자막이 있을때 마다 강좌를 올릴 예정이다! 그럼 시작하도록 하겠다. 위의 자막을 따라해보도록 하려한다. 필자가 좋아하는 스타일의 자막이다. 이런 자막을 좋아하는 이유는 한눈에 팍 들어오기 때문이다. 그러면서도 안정적이고 센스있다고 생각하기 때문이다. 자막 뿐 아니라 실제..
2018.08.13 -
최근 또 그라디언트를 작업하면서 베스트로 할만한 그라디언트 15가지를 추천해드립니다. 기존의 것과 비슷(?)한 부분도 있을 것 같은데요 하지만 똑같지는 않으니 꼭 받아서 추가하시면 좋아요! 그리고 원래 30가지를 할려다가 작업을 하다보니 힘들어서 15가지로 줄였어요. 곧 나머지도 올리지 않을까 싶어요. 그라디언트 소개 이번에 작업하면서 다른 그라디언트도 그랬지만 꼭 작업해보고 싶은 그라디언트들이 많이 있어요. 아시는 분들은 아시겠지만 배경만 해결되도 디자인하는데 한결 가벼워지죠! 여러분들의 야근 하지 않는데 조금이라도 일조하기를 바라며 이번 포스팅을 올립니다. 물론 저의 야근도 줄이기에 아주 좋은 아이템이죠. 이번 블로깅이 많은 분들에게 도움이 되셨길 바라며 궁금한 점이 있으시면 댓글 남겨주시면 답변해드..
베스트 그라디언트 15가지최근 또 그라디언트를 작업하면서 베스트로 할만한 그라디언트 15가지를 추천해드립니다. 기존의 것과 비슷(?)한 부분도 있을 것 같은데요 하지만 똑같지는 않으니 꼭 받아서 추가하시면 좋아요! 그리고 원래 30가지를 할려다가 작업을 하다보니 힘들어서 15가지로 줄였어요. 곧 나머지도 올리지 않을까 싶어요. 그라디언트 소개 이번에 작업하면서 다른 그라디언트도 그랬지만 꼭 작업해보고 싶은 그라디언트들이 많이 있어요. 아시는 분들은 아시겠지만 배경만 해결되도 디자인하는데 한결 가벼워지죠! 여러분들의 야근 하지 않는데 조금이라도 일조하기를 바라며 이번 포스팅을 올립니다. 물론 저의 야근도 줄이기에 아주 좋은 아이템이죠. 이번 블로깅이 많은 분들에게 도움이 되셨길 바라며 궁금한 점이 있으시면 댓글 남겨주시면 답변해드..
2018.08.07 -
뗄레야 뗄수 없는 사이 웹을 만드는데 필요한 사람들은 기획자, 개발자, 퍼블리셔, 디자이너가 있다. 물론 영업부터 해서 더 다양한 사람들이 모여 하나의 사이트를 위해 힘쓰는 사람들이 많다. 또 사이트에 규모에 따라서 디자이너와 개발자의 수도 더 많아 질 수 있다. 사이트는 그만큼 많은 구성원들이 모여 조화를 이루어 만들어지는데 그 구성원들간의 이야기를 한번 적어보고 싶었다. 함께 일하는 모든 직군의 사람들의 이야기를 적어보고 싶지만 너무 길어질 것 같아서 필자가 일을 하면서 가장 많이 부딪치고 또 같이 웃고 우는 그런 존재. 오늘은 가장 큰 대척점에 있는 디자이너와 웹개발자의 이야기를 해보려고 한다. 물과 기름같은 존재 개발자와 디자이너가 왜 물과 기름같은 존재일까? 하는 일이 달라서? 그렇다면 모든 직..
디자이너와 개발자뗄레야 뗄수 없는 사이 웹을 만드는데 필요한 사람들은 기획자, 개발자, 퍼블리셔, 디자이너가 있다. 물론 영업부터 해서 더 다양한 사람들이 모여 하나의 사이트를 위해 힘쓰는 사람들이 많다. 또 사이트에 규모에 따라서 디자이너와 개발자의 수도 더 많아 질 수 있다. 사이트는 그만큼 많은 구성원들이 모여 조화를 이루어 만들어지는데 그 구성원들간의 이야기를 한번 적어보고 싶었다. 함께 일하는 모든 직군의 사람들의 이야기를 적어보고 싶지만 너무 길어질 것 같아서 필자가 일을 하면서 가장 많이 부딪치고 또 같이 웃고 우는 그런 존재. 오늘은 가장 큰 대척점에 있는 디자이너와 웹개발자의 이야기를 해보려고 한다. 물과 기름같은 존재 개발자와 디자이너가 왜 물과 기름같은 존재일까? 하는 일이 달라서? 그렇다면 모든 직..
2018.08.05 -
티스토리에 로딩화면을 만들어보자. 우선 이 로딩화면을 추가 할때 단점부터 이야기 하자면 로딩이 필요 없는 부분(?)에서도 로딩화면이 돌기 때문에 결국 로딩이 더 길어지는 것이 사실이다. 물론 체감상 그리 큰 차이는 아니지만 수치적으로는 그렇다. 즉 바로 보여도 되는 페이지도 로딩화면이 돌기 때문에 그런 단점이 생기는 것인데 로딩 자체 역시 그리 길지 않기 떄문에 체감이 크지 않다고 말할 수 있다. 여하튼 장점과 단점이 확실하기에 이 내용을 포스팅을 할까 말까 하다가 선택은 여러분의 몫으로 남기고 로딩화면이 필요하신분들에겐 좋은 자료가 될 것 같아서 포스팅 한다. 굉장히 간단하니 쉽게 할 수 있을 것이다. HEAD와 /HEAD 사이에 추가 필자가 사용한 로딩화면 CSS 코드다. 여기에서 포인트는 .load..
웹사이트 로딩바 만들기티스토리에 로딩화면을 만들어보자. 우선 이 로딩화면을 추가 할때 단점부터 이야기 하자면 로딩이 필요 없는 부분(?)에서도 로딩화면이 돌기 때문에 결국 로딩이 더 길어지는 것이 사실이다. 물론 체감상 그리 큰 차이는 아니지만 수치적으로는 그렇다. 즉 바로 보여도 되는 페이지도 로딩화면이 돌기 때문에 그런 단점이 생기는 것인데 로딩 자체 역시 그리 길지 않기 떄문에 체감이 크지 않다고 말할 수 있다. 여하튼 장점과 단점이 확실하기에 이 내용을 포스팅을 할까 말까 하다가 선택은 여러분의 몫으로 남기고 로딩화면이 필요하신분들에겐 좋은 자료가 될 것 같아서 포스팅 한다. 굉장히 간단하니 쉽게 할 수 있을 것이다. HEAD와 /HEAD 사이에 추가 필자가 사용한 로딩화면 CSS 코드다. 여기에서 포인트는 .load..
2018.08.03 -
메탈 패턴 소개 이번에는 언제가 반드시 한번쯤은 사용할 수 있는 패턴을 소개하려 한다. 바로 메탈 패턴이다. 아래 패턴을 보면 어디선가 많이 본 패턴일 것이다. 그리고 이패턴을 보는순간 "아! 이거는 이럴때 꼭 써야겠다!" 라는 생각을 들게 하는 패턴이다. 아마 이 패턴을 많이 가지고 계실수도 있지만 이제 웹디자인에 처음 발을 내딛거나 이러한 관련된 디자인을 할일이 없는 디자이너들은 아마 처음 접할 듯하여 소개하려고 한다. 퀄리티만으로도 충분히 가지고 있어야 할 패턴이라 생각한다. DARK METAL PATTERN 8 필자가 가장 좋아하는 어두운 계통의 메탈이다. 거기에 무려 8종이 기다리고 있다. 적재적소에 잘 사용하기 딱 좋은 패턴이다. 지금 바로 다운로드 받도록 하자. 다크 메탈 다운로드 링크 수정..
메탈 패턴메탈 패턴 소개 이번에는 언제가 반드시 한번쯤은 사용할 수 있는 패턴을 소개하려 한다. 바로 메탈 패턴이다. 아래 패턴을 보면 어디선가 많이 본 패턴일 것이다. 그리고 이패턴을 보는순간 "아! 이거는 이럴때 꼭 써야겠다!" 라는 생각을 들게 하는 패턴이다. 아마 이 패턴을 많이 가지고 계실수도 있지만 이제 웹디자인에 처음 발을 내딛거나 이러한 관련된 디자인을 할일이 없는 디자이너들은 아마 처음 접할 듯하여 소개하려고 한다. 퀄리티만으로도 충분히 가지고 있어야 할 패턴이라 생각한다. DARK METAL PATTERN 8 필자가 가장 좋아하는 어두운 계통의 메탈이다. 거기에 무려 8종이 기다리고 있다. 적재적소에 잘 사용하기 딱 좋은 패턴이다. 지금 바로 다운로드 받도록 하자. 다크 메탈 다운로드 링크 수정..
2018.08.02