메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

요즘 학원에서 일러스트배우는 재미로 살아가고 있는 노력하자라고 합니다.
뭐, 전문적인 그래픽학원이 아니라 그냥 대충 '이런툴이 있으니 이렇게 하면 된다.'이정도로 배우고 있죠.
책보다는 옆에 사람이 있으니 이해도 빠르고 실력도 조금은 더 빨리 느는 것 같습니다.
(포토샵을 독학으로 배우는 것보다 빠르다고 느끼고 있으니 =_=)
잡소리는 그만하고 -_- 바로 강좌들어갑니다.(사실 강좌라 할 것 까지는 =_=)

우선 전체 스크린샷입니다. 일러스트레이터 CS를 쓰고 있습니다.
대충 포토샵과 비슷비슷한 툴이 몇개 있으니 알아보실 수 있을거에요.
01_001.gif
그럼 시작!

01_002.gif
우선 사각툴을 선택해줍니다.

01_003.gif
사진과 같이 드래그해줍니다. 그러면 무슨 선이 생기는데...

※ 위에 전체 스크린샷에 보면 화면 테두리에 자가 있는데 단축키 Ctrl+R(포토샵과 동일)을 누르면 나옵니다.
그리고 기준선은 자에 마우스를 갖다 대고 드래그해서 원하는 위치에 갖다 놓으면 됩니다.

01_004.gif
위와 같이 색깔을 지정해주면 그에 맞게 알아서 색깔이 바뀐답니다.

01_005.gif
이런식으로 말이죠...

※ 포토샵과는 달리 전경색과 배경색이 아닌 몸통색(이라고 표현하겠습니다)과 테두리색입니다.

01_006.gif
그럼 여기서 직접선택툴로(무브툴이 아닙니다) 사각형의 각쪽으로 이동해보세요.
마우스 화살표위에 동그란 빈 원이 생기면 그때 클릭하시면 됩니다.
(만약 사각형이 선택되어있는 경우라면 사각형을 제외한 빈공간을 클릭하고 해보세요.)
그 하나를 가지고 이리저리 움직이면서 각을 잡아주는겁니다.

01_007.gif
이렇게요. (각 하나하나씩 따로 해줘야 합니다. 두개를 한꺼번에 하는 방법도 있긴 있음)

01_008.gif
그리고는 대칭툴을 불러오고 대칭점은 아래와 같이 해줍니다.
(CS버젼이라 회전툴과 같이 있는데 그 전의 버젼에는 아마 따로 있을겁니다. -_-)

01_009.gif
중간에 대칭점 있죠? 만약 이게 안나온다면 화면에서 Alt키를 누르고 마우스 왼쪽버튼으로 이동해보세요.
나옵니다.

01_010.gif
그리고는 아까 대칭툴있죠. 거기서 더블클릭하면 위와 같이 나오는데 그냥 Copy눌러줍니다.

01_011.gif
그럼 위와 같이 되는데 색깔이 같으면 안되겠죠? 직접선택툴(혹은 전체선택툴. 직접선택툴 왼쪽에 있음)로
왼쪽면 중간쯤을 클릭해줍니다.(변이 아닌 면) 그리고는 색깔을 바꿔주시면 됩니다.

01_012.gif
이렇게 바꿔주시면 됩니다. 그리고는 왼쪽 면을 복사합니다.
복사하는 법도 포토샵과 같습니다. Ctrl+C(복사) 후에 그냥 Ctrl+V(붙여넣기)하세요.

01_013.gif
이렇게 아무대나 나오게 되는데 여기서 다시

01_014.gif
위치를 옮겨서 아래 꼭지점을 다른 변의 점이 모이는 곳에 다시 합쳐줍니다.
이런 방식으로...

01_015.gif
이렇게 해줍니다. 여기서 보면 약간 이상하게 보일텐데 다시 수정해줍니다.

01_016.gif
수정완료 -_-(밑에가다보면 몇 번씩 수정됩니다 =_=)

01_017.gif
다시 사각툴로 하나를 불러옵니다.

01_018.gif
이렇게 맞춰주는 겁니다. 상자가 좀 왜곡된 거 같은데 -_- 다시 수정해줍니다.

01_019.gif
허허...

01_020.gif
이제 펜툴을 쓰는 겁니다. 펜툴은 일러에서 가장 많이 쓰이는 툴이죠.
이거 하나만 있으면 못하는 것이 없을 정도(좀 오바 -_-;;;)

01_022.gif
숫자가 쓰여져 있죠. 저런식으로 해주는데 6이 끝이 아니라 6에서 다시 1이 시작한 점이 있죠.
거기를 정확히 클릭해줘야 합니다. 아주중요! 정확히입니다.

근데 면으로 색이 칠해져서 제대로 그리기 힘들죠?
01_023.gif
이 상태에서 화살표 있죠. 그걸 클릭해주면 몸통색은 없어지고 테두리색만 나타나게 됩니다.

01_024.gif
위에위에 스샷을 참고해서 대충 이런식으로 그려주면 됩니다.
(어차피 수정할 수 있으니 너~무 완벽하게 하지 않아도 됩니다.)

※ 여기서 Ctrl+Y를 누르면 외곽선만 보이게 되는데 많이 편리한 기능이니 외워두시길...
이게 끝이 아니고 여기서 다시 리본을 그려야합니다 =_= 허허...

01_025.gif
스샷을 보시면 곡선에 하늘색 선이 있는데 저기 마름모 안에 있는 저기에 클릭을 하시고
하늘색 중간에 있는 점있죠. 그쪽에서 클릭을 하고 왼손을 떼지 않은 상태에서
이리저리 움직여서 저런식으로 곡선을 그려주는데 저 상태에서 다른 곳을 클릭하면
거기서부터 다시 곡선으로만 이어지기 때문에...

01_026.gif
중간에 있는 점을 클릭해주면 아래와 같이 한쪽이 없어집니다. 이렇게 해야 곡선에서 직선이 나올 수도 있거든요.
어쨌든 여기서 부터 계속 이어서...

01_027.gif
이런식으로 만들어줍니다. 여기서 다시...

01_028.gif
이런식으로 만드는데 주의할 점은 이미 잇고나서 그 전에 있던 점과 닿으면 안되고요.
그 전에 그어진 선에 닿아서도 안됩니다...대충 비껴가게 그리시면 됩니다.

01_029.gif
처음에 시작했던 점에다가 클릭해주면 리본 완성인데요...
다시 Ctrl+Y를 눌러보면...

01_030.gif
이렇게 되어 있을겁니다.(이렇게 안되어있고 안이 비어있는 상태라면 완료 -_-)
이럴때는 패스파인더라는 것을 이용하는데요.

01_031.gif
이렇게 생긴겁니다. 저기서 Divide라고 있는 거 있죠? 그걸 클릭해줍니다.
(바로위에 말고 그 위에 있는 스샷처럼 리본이 지정되어 있는 상태여야 함 -_-)

※ 패스파인더 창이 없으면 Shift+F9를 눌러서 나오게 하면 됩니다.

01_032.gif
뭐, 변화된 게 없다고 생각하실 지 모르지만 누르고 나서 직접선택툴로 빈공간을 클릭해서
선택해제 한 후에 하늘색으로 둘러싸인 부분 있죠. 저런식으로 중간쯤을 클릭해주고
Delete키를 눌러서 지워줍니다. 두개 다요.

01_033.gif
그럼 완성입니다. 대충 보고 이상하다 싶으면 한 꼭지점씩 수정해주면 됩니다.
이건 처음 부분에서 배웠으니 찬찬히 읽어보시면 이해가 가실거에요 -_-

01_034.gif
마지막 수정완료 -_- 크게보면 이상한데 작게보면 예뻐요 +_+)a

01_035.gif

그다지 어렵지 않으니 질문은 없을 거 같은데 =_= 뭐, 있으신 분은 쪽지로 해주시고요.
일러고수님들. '저 부분에서는 이렇게 해도 됩니다'라는 식의 코멘트. 달게 받겠습니다.
번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48033
1495 Rough Round Bristle로 쉽게! 찢어진 종이 효과 내기... [6] file 정형준 2003.12.26 14152
1494 얼렁뚱땅 우표모양 만들기 [10] file hoosh 2003.12.26 9149
1493 일러로 매트릭스의 함선안을 그려보자! [4] file 바둑이 2003.12.26 11249
1492 초보스러운 패턴 활용하기 [6] file Nedica 2003.12.25 15191
1491 [MN] 포토샵에 자주쓰는 필터 효과 주기 [8] file mewnew 2003.12.25 10577
1490 깔끔한 테두리 만들기.ㅎ [12] file 테이 2003.12.24 27180
1489 하이얀 눈송이를 웹에 날려 볼까요? [24] file 여어자 2003.12.24 24315
» [초급]조그만한 선물상자 만들기 [8] file 노력하자 2003.12.23 18791
1487 [페인트샵8.0]축전 편지지 내가 만들어 내가 보낸다.. ^^ [1] file 대현 2003.12.23 8661
1486 3dmax 모델링 capture [5] 이효준 2003.12.22 11028
1485 초간단 허덥 작품 #1 [8] file 나보기여 2003.12.21 9906
1484 으흠... 1년만인가요 ?? 다시 강좌로 여러분을 찾아 뵙네요 ^^; [7] Xrezae 2003.12.20 6321
1483 [초급예제] 구름같은 느낌의 텍스트 만들기 [11] file Heal.P.XER0 2003.12.19 16687
1482 문자에 눈쌓기 [20] file 서기 2003.12.19 19181
1481 [빛깔 강좌1] 원형구에 Lighting기능활용 [4] 정현경 2003.12.19 6109
1480 [양배추강좌]알파채널를 이용한 어설픈 레온효과 [3] file 양배추™ 2003.12.19 5896
1479 (3)브러쉬로 '눈오는 밤' 만들기![응용작수정] [19] file Smileru 2003.12.18 17562
1478 초보강좌#1 - 간단한 모션 효과 만들기 [7] file 정성훈 2003.12.18 8732
1477 포토샵에서 글자 응용!!! [4] file WalkCabbage 2003.12.16 12085
1476 Gradient Map으로 화창한 하늘을~ [10] file 엔젤퀸 2003.12.15 8543