메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

나름대로 검색을 해보니 없는것 같아서 올려요.. 중복이면 말씀해주세요..



흐흣..
두번째 강좌입니다. ^^

오늘 강좌는 종이가 찢어진 듯한 효과나 페인트 칠을 한 효과를 낼수 있는 기능입니다.




① 새창을 엽니다.
(사용할 이미지의 사이즈보다 100Pixels정도 더 크게 만드시면 될것 같습니다.)
새창을 열어도 되고 예제에 사용할 이미지에서 메뉴에 Image - Canvas Size를 눌러 원래 사이즈에서 가로, 세로 모두 100Pixel정도 크게 하셔도 됩니다.


다음부턴 ↑ 이런 캡쳐는 안올릴래요..;



② 이미지와 어울릴 어두운 색이나 검은색을 배경에 깔아줍니다.
* Alt + Del = 앞에 선택된 색이 배경화면으로 채워짐 (foreground color)
Ctrl + Del = 뒤에 선택된 색이 배경화면으로 채워짐 (background color)
그리고 골라놓은 이미지를 배경색 위에 가져옵니다.





③ Ctrl을 누른 상태로 이미지 레이어를 클릭합니다. 그러면 이미지의 테두리 대로 선택이 됩니다. (②번 이미지처럼 선택이 되죠..)

← 컨트롤을 누른 상태로 레이어창에 갖다댔을때 마우스가 변하는 모양입니다.


메뉴에서 Select - Modify - Contract를 누르면 작은 창이 뜹니다. 그곳에 8~10정도의 숫자를 적어주고 Ok를 누릅니다. 그러면 이미지의 테두리에서 Contract해준 만큼 안으로 선택이 됩니다.






④ 빈 새레이어를 만듭니다. 위에서 선택된 그대로 새 레이어에 흰색을 채워넣습니다. 다시 메뉴에서 Select - Inverse 해주면 선택이 반전되는데 그곳에는 검은색을 채워넣어 줍니다.



그러면 아래와 같은 모습이 되겠지요.





⑤ 선택을 해제해 주고 메뉴에서 Filter - Brush Strokeds - Sprayerd Strokeds를 클릭하세요.



Stroke Length와 Spray Radius값을 15정도 주고 Stroke Direction에서는 Right Diagonal (오른쪽에서 왼쪽으로 대각선), Left Diagonal (왼쪽에서 오른쪽으로 대각선), Horizontal (가로), Vertical (세로)중 맘에 드시는걸로 골라서 선택하세요. 이 강좌에서는 Horizontal을 선택했습니다.





⑥ 툴바에서 Magic Wand Tool을 선택한 상태에서 아래 이미지처럼 작업하던창 위에 마우스 오른쪽 버튼을 누르시면 저런 세가지 메뉴가 뜹니다.



그중 Color Range를 선택하고 스포이드로 검은색을 찍어주고 Ok를 누르고 나면 검은색 부분이 선택됩니다. 그 상태로 Del키를 눌러 검은색 부분을 지워줍니다. 선택 해제를 하고 ③번 처럼 Ctrl을 누른 상태로 흰색만 남은 레이어를 클릭해주면 흰색 부분만 선택이 됩니다. 그 상태로 골라놓은 이미지가 있는 레이어를 선택해주고 Mask기능을 적용시킵니다.






⑦ 그리고 나면 아래와 같이 됩니다.






******* ⑤번 단계에서 Filter - Brush Strokeds - "Sprayerd Strokeds" 에서 Filter - Brush Strokeds - "Spatter"를 해주고 ⑥번 단계를 해주면 아래 이미지처럼 됩니다.






위 강좌는 다른 곳으로 옮겨가실수 없으며 강좌에 쓰인 이미지 파일도 사용하실수 없습니다.
[문의|irene@madebyirene.com]
made by irene*

번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48027
2375 쭘식 플래쉬 메뉴 만들기 (1) [10] file 쭘's 2003.04.24 27717
2374 그런지한 테두리 만들기 [8] file hozz호찌 2004.04.18 27638
2373 [일러스트페이지]일러스트로 얼굴그리기~(4)머리그리기 2. 머리그리기 [36] file 현주 2002.08.21 27433
» 페인트 칠한 효과나 종이가 찢어진 효과 [13] irene 2002.12.17 27317
2371 그런지한 테두리 만들기 [8] file hozz호찌 2004.04.18 27254
2370 깔끔한 테두리 만들기.ㅎ [12] file 테이 2003.12.24 27180
2369 도장만들기 -동그라미- [10] file 김두용 2004.04.24 27073
2368 플래시로 아이콘 만들기 [20] file zini 2003.05.06 26898
2367 [토요무] 나만의 멋진 이미지 만들기 [46] 토요무 2002.08.18 26869
2366 [쇼핑몰응용] 쇼핑몰 메인에서 사용가능한 플래쉬 입니다. [13] yo 2004.07.23 26687
2365 이쁜 버튼을 만들어 봅시다! ★첫 강좌!★ [8] file Ukeri º▽º 2004.07.22 26671
2364 [하이링고]요청강좌-다양한 모양의 아쿠아 만들기 [60] file 하이링고 2003.07.29 26640
2363 메탈 느낌의 멋있는 버튼 이미지를 만들어보자 (다른 기법) [8] file 이오르 2004.01.19 26620
2362 [플래시 MX 동영상 강좌] 23-2. 스르륵 서브메뉴 제작하기2 [36] 서기 2005.07.06 26534
2361 [bosskooi]고대 종이질감 [25] file 박형준 2003.10.21 26306
2360 [하이링고]블랙아쿠아 유리구체 [40] file 하이링고 2003.02.05 26210
2359 [ Hard ] 유리구체형 버튼만들기 [9] file Nersion 2004.04.25 26060
2358 이미지 합성하기 [3] Kei 2002.03.31 25882
2357 아쿠아 스타일을 이용한 라인 만들기 [42] spin 2003.02.27 25834
2356 [하이링고]아쿠아버튼 만들기 [31] file 하이링고 2002.07.13 25713