패턴 (4) 썸네일형 리스트형 괜찮은 CSS 패턴 사이트들 요즘은 웹페이지를 디자인할때 대부분 CSS로 많이들 합니다. 예전에는 웹요소들을 만들때 Photoshop을 이용하곤 했습니다. 버튼이나 바, 아이콘등을 Photoshop으로 만들고 웹페이지에 적용 시겼죠. 하지만 지금은 CSS3로 거의 모든 요소들을 만들 수 있기도 하고, 반응형 웹사이트를 만들경우 이미지 요소는 레이아웃을 흩어지게 하기 때문에 잘 사용하지 않습니다. 그럼에도 불구하고 백그라운드의 패턴 같은 경우는 CSS로 만드는 것보다는 이미지를 사용하는 것이 웹페이지를 더욱 멋지게 만들 수 있습니다. 그래서 오늘은 background의 이미지 패턴 사이트 1곳과 CSS3로 만들어진 패턴사이트 1곳, 그리고 웹상에서 스스로 패턴을 만들어 볼 수 있는 곳 1곳을 소개해 드리겠습니다. 이미지 패턴 사이트 .. [포토샵] 포토샵의 기본필터만으로 가죽 이미지 만들기 포토샵의 기본적인 필터만을 사용하여 가죽 이미지를 만들어 보는 것을 목표로 합니다. 이제 부터는 가죽 이미지 패턴은 직접 만들어서 쓰세요. 사실 아래의 내용이 길어 보이지만 실제로 해보면 5분도 안걸립니다. 아래는 완성된 이미지입니다. 가죽 표면의 우둘투둘한 면은 필터의 사이즈를 통해 조절할 수 있습니다. 여기서는 좀 굵게 되었네요 다시 하자니 귀찮기도 하고 시간도 걸려서 그냥 아래의 이미지를 목표로 강좌를 시작합니다. 1. 먼저 바탕색이 하얀색인 새로운 문서를 엽니다. 사이즈는 여러분이 원하는 사이즈를 넣으시면 되는데 최종이미지 보다 약간 크게 정하시는 것이 좋습니다. 나중에 사이즈를 10 ~ 6 px 정도 줄이는 부분이 있기 때문입니다. 2. 필터 > 텍스쳐> 스테인드글라스 를 선택합니다. (아래화면.. [포토샵 강좌] 포토샵에서 패턴이미지 사용법 인터넷에는 포토샵이나 디자인과 관련된 무료소스(resource)들이 넘쳐납니다. PSD파일이나 벡터파일등으로 업로드되어 있어서 그냥 갖다 쓰기만 하면 되죠. 여러 사이트를 보면 매우 아름다운 패턴이미지를 올려놓은 곳이 많습니다. 사실 포토샵이나 일러스트에 숙련되지 않으면 그런 패턴을 만들기가 용이하지 않을뿐만 아니라 시간도 많이 걸리는 작업이죠. 우리는 제작자의 수고스러움을 고마워하면서 잘 사용하면 되겠죠. 오늘은 패턴이미지로 글자나 배경을 간단히 만드는 것을 재미삼아 해보았습니다. 다들 아는 내용이므로 고수님들은 패스하시기를... 2012/09/11 - [IT/사이트] - 패턴이미지 사이트 모음 2012/10/05 - [IT/포토샵] - [포토샵] 포토샵의 기본필터만으로 가죽 이미지 만들기 패턴이미지 .. [포토샵 Tip] 패턴이미지 사이트 모음 바탕화면으로 사용하기 좋은 무료 패턴이미지 사이트 모음입니다. 1. Patters Ava7 배경등으로 쓰이는 반복패턴들인데 종류가 굉장히 많이 있어요. 컬러대로 모양대로 여러가지 패턴들이 모여 있더군요. 이미지 아래 다운 받기가 있구요,다양한 해상도로 벽지를 깔 수 있게 되어 있습니다. 2. FreeVector 꽃그림 패턴등 패턴의 완성도가 있는 듯.. 3. Brusheezy Pattern들 말고도 브러쉬나 텍스쳐도 있고 액션들도 꽤 있습니다. 즐거운 하루 되세요 Vanxy 이전 1 다음
