메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

paintshop 실전 웹페이지 만들때 필요한 닷배경!!

-----------------------------------------------------------------------------
자 이번에는 실제 웹페이지제작시 적용되는 테크닉을 보여드리겠습니다
wowpass 국어샘 (조창욱) 홈페이지를 만들고 있는 중인데 그중에 메인페이지에 적용했던
조그만 효과에 대해서 설명해드리겠습니다.
기본바탕화면은 플래쉬와 조화를 이루면 이쁘지만 지금은 강좌설명상 그전 이미지만
보여드리겠습니다..그리고 요즘 강좌를 적으면서 계속 반말을 했다가 존댓말을 했다가
하거든요..그래도 너그러이 봐주세요~

------------------------------------------------------------------------------
웹페이지 메인에 쓰기전의 이미지입니다.





자..우선 [메뉴]file->New 를 선택한다.

가로는 4, 세로는 3 그리고 백그라운드 칼라는 투명(Transparent)로 합니다 (fig.01)






그리고 아래와 같이 숫자키패드의 +(플러스) 키를 눌러서 최대로 크게 합니다.(fig.02)







페인트 브러쉬를 (paint brush) 를 선택해서 Tool Option에서 사이즈(1)그리고 아래와 같이 설정을 합니다(fig.04)






색상은 하얀색이 되야 하니까 아래와 같이 색을 구성해주세요 하얀색이 위로가게 나머지는 신경안쓰셔도 됩니다 (fig.05)






맨왼쪽상단에서 점을 하나 찍어줍니다.아래처럼 되면 성공하신겁니다..짝짝짝 (fig.06)







만들었는걸 저장해서 쓰는 경우가 있고 저같은 경우는 필요할때마다 만들어 씁니다..계속
쓰고 싶으면 이미지를 psp로 저장해서 불러와서 쓰면 됩니다..
그럼 바탕에 이 문서가 있는 상태에서 해보는겁니다..아시겠죠?
새문서 가로,세로 (150*100)의문서를 하나 열어서 아래와 같이 색깔을 넣어줍니다.(fig.07)







Flood Fill 을 선택을 합니다.그리고 패턴을 선택합니다(fig.09)








선택을 하고 그 패턴을 누르면 다음과 같이 창이 하나뜹니다 (fig.10)







여기서패턴그림이 있는쪽을 클릭하게 되면 현재 자신의 창에 열려있는 모든것이다.
패턴으로 등록이 되어있습니다..(중요)!
그중에서 자신이 만들어 놓았던 이미지 번호나 그림이 있을껍니다.그걸 선택해보죠(fig.11)







패턴이 선택이 되고 나면 Flood Fill 의 상태에서 자신이 패턴을 넣고자하는곳에서
마우스버튼을 누르면 된다..또..여기서 중요한것..
마우스의 왼쪽 버튼은 색깔이 두개로 지정된것중 위에것이고 오른쪽은 밑에색깔이 된다..참고하세요~(fig.12)







조금더 닷배경을 이쁘게 할려면 layer을 본래 이미지위에 따로 하나 만들어 투명도를 조절할수 있도록 해준다.
투명도를 50정도로 해줬는데 자기 입맛대로 해주면 됩니다~~(fig.13)





자 이것이 완성작입니다..응용은 여러분의 몫..!!

(fig.14)



----------------------------------------------------------------------------------------

오늘 낮에 잠을 넘 많이 잔 탓인지..새벽 5시30분이 넘어도 잠이 오지 않네요...올빼미 생활은
극히 몸을 해치는 일이니 여러분들은...규칙적인 생활을 하는 착한 어린이가 ...???

되시옵소소..!!  그럼이만..~~~


----------------------------------------------------------------------------------------
번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48031
215 [포토샵웍스 강좌시리즈] 홈페이지 메인디자인1 [1] file java 2006.04.25 17062
214 [포토샵웍스 강좌시리즈] Layer Style을 이용한 텍스트 [3] file java 2006.04.25 7603
213 ● 좀큐티한년유채령 : ))나모 + 포샵 홈페이지 만들기 1탄 [1] file 죽은나비 2006.04.30 7372
212 ● 좀큐티한년유채령 : ))나모 + 포샵 홈페이지 만들기 2탄 file 죽은나비 2006.04.30 6505
211 ● 좀큐티한년유채령 : ))나모 + 포샵 홈페이지 만들기 3탄[마지막] [2] file 죽은나비 2006.05.06 6576
210 셰이프툴로 일러스트 느낌의 꽃아이콘만들기(영문7.0) [5] 민찡얌 2006.05.07 8616
209 웹디황용 리터칭 -1 [1] file 웹디황용 2006.05.30 6812
208 ○호랑이에쓰라인作 =// 나모로 홈페이지 만들기 [1탄 노프레임 사이트 만들기] [3] file 호랑이에쓰라인 2006.05.31 7660
207 정말급한데요. 플래시 쇼핑몰 제품 스크롤에 대해 [3] file 홍성필 2006.06.05 7222
206 ○호랑이에쓰라인作 =// 나모로 홈페이지 만들기 [2탄 외부로그인,메뉴.배너넣기] [7] file 호랑이에쓰라인 2006.06.05 6680
205 웹디황용 리터칭-2 file 웹디황용 2006.06.13 5314
204 웹디황용 리터칭-3 file 웹디황용 2006.06.13 6510
203 초보분들께. 같은 초보의 입장으로 제가 그린것.. file 김기우 2006.06.14 6586
202 삽화느낌의 소녀 그림 그리기 - 손그림 [3] 민찡얌 2006.06.18 12430
201 '별자리를 찿아서' 콘텐츠제작[초등과학] file 윤선미 2006.06.20 3694
200 초간편 사진틀 만들기 file 캘리 2006.06.27 12348
199 멀티미디어활용 콘텐츠제작,플래시콘텐츠제작[렉토라] [1] 윤선미 2006.06.30 4580
198 세계유산 콘텐츠 만들기및 활용강좌[렉토라] 윤선미 2006.07.07 5717
197 ActionScript 1_1 하나둘 2006.07.09 5817
196 ActionScript 1_2 하나둘 2006.07.09 4674