메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

정말 오랜만에 강좌를 써보네요^^ㅋ
원서접수 하느라 바빴답니다 ㅋㅋ(사적인 이야기는 여기서 접고...)
음.. 그럼 강좌를 시작해볼까요?

음.. 이 이미지는 많이 쓰이는 이미지인데요.
닷플커뮤니티 아시죠?^^ http://dotple.com 여기에서도 쓰이구..
사실은 제 홈에서도 쓰고 있답니다^^;;;

jeple11.gif
바로 이런 이미지입니다. 이 강좌에서는 그라디언트툴, 패턴등록하기, 레이어투명도 조절등을 배울 수 있는 강좌입니다.
그럼 시작하도록 하죠^0^


1.새 파일을 하나 열어봅시다. 가로 세로 폭은 임의로 지정해주시면 됩니다^^ 그리고 배경은 흰색으로 채워지도록 하고 OK를 눌러주세요.
jeple1.gif


2.색상 선택은 자유롭게 하실 수 있습니다. 전경색과 배경색을 지정해줍시다.
jeple2.gif


3.페인트버킷툴을 꾹 누르면 그라디언트툴을 선택하실 수 있습니다. 선택을 하시구요,
jeple3.gif


4.선택하면 아까 지정했던 전경색-배경색이 그라디언트로 됩니다.
jeple3-2.gif


5.아까 열어두었던 이미지로 돌아와서 위에서 아래로 그어 줍니다.
jeple4.gif


6.그러면 이렇게 나오게되죠^^
jeple5.gif



7.그 다음 또 새파일을 하나 열어봅시다. 폭은1로 높이는 4로 하시고 배경은 Transparent로 선택해서 OK를 누릅시다.
jeple6.gif


8.파일을 여신다음 위 1pixel은 흰색으로 아래 1pixel은 어두운색으로 채워줍시다.
jeple7.gif


9.이제 방금 만든 이 이미지를 패턴으로 등록해봅시다. Edit > Define Pattern을 선택합시다.
jeple8.gif


10.패턴 이름은 임의로 설정하실수 있습니다. 패턴이름을 정하시고 OK를 눌러주세요
jeple8-2.gif


11.그러면 이렇게 패턴이 등록되어 있는 것을 보실 수 있습니다.
jeple8-3.gif


12.레이어를 추가한다음에 페인트버킷툴로 아까 추가한 패턴으로 채워줍시다.
jeple9.gif


13.그 다음 레이어옵션에서 투명도(opacity)값을 약 20%로 맞춰주세요.
jeple10.gif


14.자 , 이게 결과물이 나왔습니다.^^ 전혀 어렵지 않죠? 이해가 가셨길 바랍니다.(워낙 말주변이 없어서;; 설명에 약하다는=3=3=3)
jeple11.gif


기타 질문사항이 있으시면 코멘트나, 제 홈페이지( http://listory.net) 에 글 남겨 주세요.
성의껏 답변해 드리겠습니다.

번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48031
2415 [MN] 이미지 X-ray효과내기 [7] mewnew 2002.09.10 236
2414 [나모웹 초보자] 이미지 맵을 만들어 보자~! [1] file 나만의길 2004.07.18 325
2413 [도트] 집 만들기?? [7] file (_*_) 2002.02.25 482
2412 [ XML 소켓 채팅 ] [2] file Fc 2004.02.26 514
2411 3D SHEET 만들기 [5] file 카라 2002.02.21 536
2410 [나모 FX] 이미지맵 간편하게 나모로 하기 ( 처음하는 강좌 ;;; ) [14] file 박한웅 2003.12.07 602
2409 [프로모션]제4회 달리는 애니메이션 만들기 [13] 정현석 2002.08.27 646
2408 [페인트샵8.0]합성!!나도 함 해보자!! 간단하게 합성하기! [4] file 대현 2003.12.13 715
2407 구름만들기; [27] Nㆍzna 2002.02.21 757
2406 [바비의 일러스트]일러 갤러리-1 [21] file 바비인형 2002.04.26 853
2405 플래시 무비의 프레임률이 막 떨어질때, [16] 유군-_-)/ 2002.02.21 860
2404 [퍼니페인트]도장 만들기 [1] funnyPSP 2002.02.23 925
2403 햇볕이 비추는듯한....음...태양의 코로나 같은 효과...^^ [24] file 천민수 2002.02.21 979
2402 네모난 사진 동그랗게 만들기 강의입니다. [6] file 이형진 2003.10.09 987
2401 간단하게 폰트 이쁘게 하기 [3] file 4u4u 2007.09.06 1004
2400 [동영상] 제5강 max 건축 인테리어 개요 인테리어뱅크 2006.04.11 1064
2399 [PHOTOSHOP]금속성 문자 만들기 [6] file (_*_) 2002.02.21 1073
2398 킴스웹에듀 ~~ 플래시 강좌사이트 입니다. kim's 2007.07.30 1263
2397 굿 웹 디자인 사이트들 링크 [11] 박성렬 2002.04.05 1305
2396 포토샵강좌 - 별만들기 [1] file IamAndy 2007.07.11 1373