메뉴 건너뛰기

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 48031
1695 마티오의 도트 강좌*이미지네임 디자인 팁 [9] file 마티오 2004.05.31 6325
1694 마티오의 도트 강좌*초콜렛 그려보기 [4] file 마티오 2004.05.31 7935
1693 미니 홈페이지를 만들자 #4 [完] [8] Eva010 2004.05.29 20612
1692 펜툴만으로 하트만들기(저도 함 올려봅니다.)^^ [4] file 지오지아 2004.05.27 14098
1691 미니 홈페이지를 만들자 #3 [9] Eva010 2004.05.26 20147
1690 미니 홈페이지를 만들자 #2 [6] Eva010 2004.05.25 11402
1689 미니 홈페이지를 만들자 #1 [6] Eva010 2004.05.25 14110
1688 엠보스 텍스트 만들기 [20] file 오아요군 2004.05.15 18304
1687 [문자디자인②]Distort를 이용한 서 있는 글씨 만들기... [15] file Smileru 2004.05.14 23327
1686 이미지 채색하기... [11] file misTsion 2004.05.10 16197
1685 마스크를 이용한 일러스트 그리기...;; [13] file misTsion 2004.05.10 17674
1684 테두리가 둥근 아이프레임 홈페이지 만들기(나모편) [2] 로베 2004.05.10 11597
1683 썩은 잎사귀 만들기 [9] file PlasmaG 2004.05.10 14225
1682 테두리가 둥근 아이프레임 홈페이지 만들기(포토샵편) [3] 로베 2004.05.10 24184
1681 이미지레디( + 포토샵 연계) 간편작업요령 요약노트 [2] 김병희 2004.05.07 14386
1680 [초급] 가이드라인에 대해 [3] 차우 2004.05.07 8805
1679 [문자디자인①]Smudge툴을 이용한 그냥.. 문자디자인...;; [9] file Smileru 2004.05.07 14922
1678 [웹디자인]확장브러쉬의 적용과 응용 [7] file 미스디쟌 2004.05.06 9269
1677 [웹사이트만들기]화면설계와 구성요소 上(스터디에 사용한 폰트 설정법 추가) [5] file HomeBox™ 2004.05.05 9956
1676 [웹디자인]폰트사용과 적용하기 [12] file 미스디쟌 2004.04.30 18865