메탈 패턴 소개 이번에는 언제가 반드시 한번쯤은 사용할 수 있는 패턴을 소개하려 한다. 바로 메탈 패턴이다. 아래 패턴을 보면 어디선가 많이 본 패턴일 것이다. 그리고 이패턴을 보는순간 "아! 이거는 이럴때 꼭 써야겠다!" 라는 생각을 들게 하는 패턴이다. 아마 이 패턴을 많이 가지고 계실수도 있지만 이제 웹디자인에 처음 발을 내딛거나 이러한 관련된 디자인을 할일이 없는 디자이너들은 아마 처음 접할 듯하여 소개하려고 한다. 퀄리티만으로도 충분히 가지고 있어야 할 패턴이라 생각한다. DARK METAL PATTERN 8 필자가 가장 좋아하는 어두운 계통의 메탈이다. 거기에 무려 8종이 기다리고 있다. 적재적소에 잘 사용하기 딱 좋은 패턴이다. 지금 바로 다운로드 받도록 하자. 다크 메탈 다운로드 링크 수정..

목업(Mockup) 이란? 사전적 뜻을 설명하자면 제품 디자인 평가를 위하여 만들어지는 실물 크기의 정적모형. 이라고 한다. 그러니까 이제 곧 나올 제품 등을 실제 모습과 같이 미리보기처럼 구현해낸 것을 Mockup이라고 보면 좋다. 목업 파일, 목업 이미지라고 하는데 이런 이미지를 이용하면 무엇인가를 표현하는데 있어서 응용하거나 할때 더 리얼하게 표현가능하다라는게 장점이죠. 그래서 이런 오브젝트들을 소개하여 여러분들이 응용하는데 많은 도움이 되기를 바래요! 제가 이 목업을 추천하는 이유는 배너 제작시 집, 나무 등을 사용하면 다양하게 응용할 수 있을 것 같아서 인데요. 분명 가지고 있으면 언제 어디서나 충분히 사용가치가 있을거라 생각이 들어요. 나무도 다양하고 집도 다양하기에 강력히 추천 드립니다. 자..

가평 쁘띠 프랑스 필자가 이번 휴가로 부산을 가기로 했다가 여러 사정으로 가평을 가게 되었다. 매우 아쉬웠으나 다음엔 꼭 부산편을 써보리라 생각하며 이번에는 한국에서 프랑스를 느낄 수 있다는 가평에 위치에 있는 쁘띠 프랑스를 방문해보았다. 참고로 쁘띠는 불어로 작다, 귀엽다 라는 뜻을 가지고 있다. 방문시 날씨는 35도를 웃도는 매서운 찜통더위 속에서 방문하였다. 이런날에는 분명 야외활동은 안하는게 이득이지만 하지만 다 생각이 있어서 방문하였다! 야외 인듯 야외 아닌 곳 쁘띠 프랑스 이곳은 각 집집 마다 컨셉을 가진 곳으로 실내에서 즐기는 곳이다. 그러므로 매서운 더위였으나 시원하게 즐길 수 있는 곳이라고 판단해서 자신있게 갔었다. 그리고 필자의 예상대로 매우 시원하게 이곳을 즐길 수 있었다. 그러니 더..

티스토리 스크롤바를 꾸며보자! 예전부터 종종 스크롤바를 꾸며진 사이트를 볼 수가 있었다. 사실 스크롤바를 잘 보지 않다보니 깜빡 잊기도 하는데 지금 한번 필자의 블로그 스크롤을 보면 바뀌어져 있는 것을 볼 수 있을 것이다. 작은 디테일 부분을 꾸밀수록 사이트의 완성도를 올리는 것이다. 필자는 가급적 적은 시간을 들여 최대한의 효과를 줄 수 있는 Tip들을 소개하려고 하는데 바로 이 방법 역시 간단한 방법으로 최대의 효과를 볼 수 있을 것으로 보인다. 그럼 한번 방법을 알아보도록 하자. 필자의 스크롤 바 CODE 여기서 자신에게 맞게 바꾸기 위해서 하나씩 설명해 보자면 width 부분은 스크롤 바의 너비다. track은 경주 트랙처럼 스크롤바가 지나다니는 길을 말한다. box-shadow 를 통해 트랙의 ..

추천 패턴과 사이트 최근 검색을 하다가 괜찮은 사이트 그리고 쓸만한 패턴을 찾아서 공유하기 위해 이렇게 블로깅을 시작했다. 제목과 같이 나무 패턴(Wood Pattern)과 그리고 검은 체크패턴(Check Pattern) 그리고 괜찮은 패턴을 하나 더 소개하려고 한다. 많은 패턴들이 많은데 그 중에 필자가 쓸만한 것을 골라보았다. 그 외 더 자신의 취향에 맞는 특별한 패턴을 찾고 싶다면 Dinpattern.com에서 찾아보시길 바란다. 출처:Dinpattern.com 추천 3종 패턴 어두운 삼각형 패턴 블랙 체크 패턴 우드 패턴 필자가 위 패턴을 통해서 작업한 결과물이다. 대부분 어디에서나 무난하고 쉽게 쓸만할 것이라 생각한다. 그리고 이미 꽁기웹디의 자료를 받아보신 분들은 아시겠지만 보통은 패턴을 이미..

골드 효과 나타내기 저번 크롬 텍스트 효과에 이어서 이번에는 골드 텍스트 효과를 나타내는 방법을 알려드리도록 하겠다. 골드 효과는 정말 다양하게 사용이 가능하기에 많은 분들이 애용하실거라고 생각이 든다. 골드 텍스트 효과 역시 폰트가 굵은 폰트를 이용해야 한다. 이번에 필자는 티몬소리체를 이용하여 작업하도록 하겠다. 티몬소리체 다운로드 받기 필자가 앞으로 공개할 옵션들을 조금씩 변경하면서 자신의 스타일또는 옵션들을 추가하여 더 멋지게 만들수도 있으니 참고하여 더 멋진 이펙트를 내시길 바란다. 800x400에 배경은 검은색의 새 문서를 열고 하얀색으로 96px로 글씨를 적습니다. 이제 텍스트 레이어를 더블클릭하여 레이어 스타일을 열고 아래와 같이 설정하도록 합시다. Layer Style 결과 위의 레이어 ..

우리는 어떤사이야? 우선 이 주제는 모든 글이 그렇듯 필자의 개인적인 생각을 블로깅할 예정이다. 그렇다는 이야기는 정답이 없는 이야기이고 그렇기에 이 주제는 언제나 뜨거운 논쟁이 되기도 하다. 그래서 이런 주제로 글을 써도 될까 싶긴 했지만 조금 생각해보니 문제가 없을 것 같았다. 이 블로그는 많은 분들이 오는 곳도 아니고 또 마음 편하게 내 생각을 정리할 수 있는 몇 없는 공간이기에 이렇게라도 남겨보고 싶어서 블로깅을 시작한다(…) 우선 "표절"과 "벤치마킹" 이라고 불리우는 녀석들의 차이를 알아보자. 표절, [Plagiarism, 剽竊] 다른 사람의 저작물의 일부 또는 전부를 몰래 따다 쓰는 행위 네이버 / 지식백과 그렇다 우리 모두가 다 알고 있듯이 다른 사람의 것을 그대로 가져다 심지어 몰래 쓰는..

크롬 효과 나타내기 이번에 소개할 효과는 텍스트에 크롬 효과를 주는 방법을 소개하려고 한다. 기존의 텍스트효과를 주는 방법과 크게 다르진 않지만 조금 작업을 해줘야 하는 부분이 있어서 굳이 난이도로 치자면 중급으로 치겠다. 고급스러운 분위기에 잘 어울릴 것 같다. 이 효과는 텍스트의 굵기가 굵을 수록 좋으며 글자의 크기에 따라 옵션의 수치를 변경해주어야 한다. 그러므로 자신이 사용할 텍스트 크기에 따라 이 수치를 그대로 사용하지 말고 이 옵션을 가지고 수치 변경을 통해 맞게끔 수정해야 할 것이다. 필자는 Colus 폰트를 사용했는데 영문폰트 Colus 다운로드 여기서 받도록 하자. 상업적으로 무료 사용이 가능하다. 받았다면 이제 시작하도록 하자. 필자는 Colus 폰트로 크기는 96px 그리고 #fff ..

오랜만에 그라디언트 작업을 해서 공유보려고 합니다! 우선 이 그라디언트를 참고 했던 부분은 https://uigradients.com/ 이곳에서 참고하였고 추천할만한 그라디언트 10가지를 추려서 파일로 만들어두었어요. 기본적으로 그라디언트 퀄리티를 보장하기에 자신있게 추천해드리며 바로 밑에서 다운로드 받으면 될것 같아요. 어두운 컬러에서 밝은 색까지 일부러 분별해서 그라디언트를 만들었어요. 이 그라데이션을 통해서 무거운 분위기부터 밝은 분위기까지 나타낼 수 있을 것이라 생각해요! 그럼 몇가지 이 그라디언트를 통해 배경을 만들어봤어요 예시로 봐주세요! 그라디언트 방향은 120도로 작업을 해보았어요. 그라디언트의 방향에 따라 분위기가 많이 달라지니 방향이나 그라디언트 모양도 변경해 가며 상황에 맞게 사용하시..