본문 바로가기

반응형

패턴디자인

(2)
괜찮은 CSS 패턴 사이트들 요즘은 웹페이지를 디자인할때 대부분 CSS로 많이들 합니다. 예전에는 웹요소들을 만들때 Photoshop을 이용하곤 했습니다. 버튼이나 바, 아이콘등을 Photoshop으로 만들고 웹페이지에 적용 시겼죠. 하지만 지금은 CSS3로 거의 모든 요소들을 만들 수 있기도 하고, 반응형 웹사이트를 만들경우 이미지 요소는 레이아웃을 흩어지게 하기 때문에 잘 사용하지 않습니다. 그럼에도 불구하고 백그라운드의 패턴 같은 경우는 CSS로 만드는 것보다는 이미지를 사용하는 것이 웹페이지를 더욱 멋지게 만들 수 있습니다. 그래서 오늘은 background의 이미지 패턴 사이트 1곳과 CSS3로 만들어진 패턴사이트 1곳, 그리고 웹상에서 스스로 패턴을 만들어 볼 수 있는 곳 1곳을 소개해 드리겠습니다. 이미지 패턴 사이트 ..
[포토샵] 포토샵의 기본필터만으로 가죽 이미지 만들기 포토샵의 기본적인 필터만을 사용하여 가죽 이미지를 만들어 보는 것을 목표로 합니다. 이제 부터는 가죽 이미지 패턴은 직접 만들어서 쓰세요. 사실 아래의 내용이 길어 보이지만 실제로 해보면 5분도 안걸립니다. 아래는 완성된 이미지입니다. 가죽 표면의 우둘투둘한 면은 필터의 사이즈를 통해 조절할 수 있습니다. 여기서는 좀 굵게 되었네요 다시 하자니 귀찮기도 하고 시간도 걸려서 그냥 아래의 이미지를 목표로 강좌를 시작합니다. 1. 먼저 바탕색이 하얀색인 새로운 문서를 엽니다. 사이즈는 여러분이 원하는 사이즈를 넣으시면 되는데 최종이미지 보다 약간 크게 정하시는 것이 좋습니다. 나중에 사이즈를 10 ~ 6 px 정도 줄이는 부분이 있기 때문입니다. 2. 필터 > 텍스쳐> 스테인드글라스 를 선택합니다. (아래화면..

반응형