웹디자인 강의
illust 플래쉬로 그리는 일러스트 이미지 만들기
2004.10.15 19:10
요즘 무진장 깔쌈하게 떨어지는 일러스트 이미지들 많죠??
것참...보기 좋아요 -ㅂ-;;
그래서 저도 일러스트를 이미지를 만들어봤답니다.
헌데..전~ 일러스트레이션을 쓰기가 싫드라구요.
패스를 따서 작업하는 일러스트는...
계속 패스 작업을 하다보면 어느 순간 난잡해지고..
수정하는 것도 쉽지가 않고 -_-;;
그래서 전 플래쉬에서 작업해봤습니다..ㅎㅎ
일단 요건~ 대강대강해도 수정이 쉬워요..
펜툴로 슥슥 그려준 다음에..맘에 안들면..
그 펜 라인을 잡아 당기면서 위치를 바꿀 수가 있으니까..
(아...이런건 영상 강의를 해야하는데..;; 아쉽~)
아무튼 그래서..
전지현을 그려봤어요 ㅎㅎ
원본은 워낙~ 유명한 사진이라..따로 첨부하지 않습니다. (사실 비교 될까봐 -_-;;)
- 완성된 이미지 입죠.
T셔츠에 제 홈페지 주소도 박아줬습니다. 나름대로 멋 냈음 -_-;;;
(사실 홈피 홍보 살짝..;; 모..지금은 싸이 하느라 거의 죽어있는 홈 입니다만 ㅎㅎ)
1. 원본 이미지 불러오고, 잠궈두세요 (사실 안잠궈도 되긴 함 -_-;)
2. 연필 모양 툴 선택하세요
3. 연필 굵기는 제일 얅은 hairline으로 합니다. (요건 나중에 머리카락 그릴때도 쓰입니다)
4. 연필 색은 될수 있는 한 형광색으로 하세요. 그래야 눈에 잘 보여요 (오늘은 빨강색입니다만, 평소엔 형광 녹색 -ㅂ-~)
5. 선 모양은 곡선으로 선택해주세요.
6. 레이어 하나 더 추가하세요 (색 레이어)
7. 원본 따라 형태를 그려주세요 (대강 그려도 되요. 수정이 쉬우니까 ㅎㅎ)
이때, 각 선들은 서로 교차되게 그립니다. (반드시 겹쳐야해요.)
8. 선들이 조금씩 삐져나가고 교차가 되게 그렸나요?
그럼 색을 입힙니다.
아마 선이 연결 안 되었으면 색이 안 힙혀질껍니다 -_-;
9. 페인트 통을 누르고 색상을 대강 넣어봅시다.
(이미지가 매우 무섭슴다 -_-;)
10. 선을 지워줍니다. 빨강색 선으로 그린 것 중에 아무거나 클릭 두번 해주면 모든 선이 몽땅 다 선택됩니다. (단, 교차되어있는 선만..;;
11. 선이 선택되었으면 DEL 키 눌러서 지워줍니다.
그럼 '면'의 형태가 된 색만 남죠?
12. 대강 입힌 색에 이제 명암을 넣어줍니다.
13. 이때 원본 레이어와 색 레이어의 위치를 바꿉니다.
원본이 맨위. 색이 아래.
14. 두 레이어 모두 활성화 (보여지게) 해둡니다.
(이러면 사실 원본만 보여집니다. 색은 아래에 있으므로)
15. 마우스는 색 레이어를 선택한 상태로 두고, 원본 레이어를 따라 선을 그려줍니다.
그리는 도중엔 선이 보여지지만 마우스를 떼는 순간 선이 안보입니다.
그럼 원본 레이어를 보이지 않게 해보세요.
샘플 그림처럼 되나요?
그럼 그 과정을 계속 반복합니다.
지겨워도 반복합니다.
지우고 그리고 지우고 그리고..색 입히고..반복 반복
12. 머리카락이 없어도 상관 없지만, 개인적으로 머리카락 있는 일러가 더 성의있게 보여서..전 그려넣습니다. -_-;
13. 머리카락을 그릴 레이어를 하나 더 만듭니다.
14. 아까 사용하던 빨강 연필 대신, 머리카락 색과 비슷한 갈색, 검정색을 번갈아가며 선택해서 마구(?) 그려줍니다.
(지금은 '면'이 아니라 '선'의 형태겠죠 ㅎㅎ
15. 완성이 되었습니다.
완성된 이미지는 반드시 저장을 합니다. *.fla 파일로!! (용량이 1.3메가 밖에 안돼네요 ㅎㅎ)
그런 다음에 웹상에 띄울 이미지를 추가로 또 저장합니다.
어떠세요..
따라할만 한가요? ^^;;
사실 전신 컷은 참 어려워요..
손 갈 곳이 많아서..-_-;;
쉬운 이미지부터 한번 도전해보세요.
하고 나면 나름대로 참 재미있답니다. ^^
것참...보기 좋아요 -ㅂ-;;
그래서 저도 일러스트를 이미지를 만들어봤답니다.
헌데..전~ 일러스트레이션을 쓰기가 싫드라구요.
패스를 따서 작업하는 일러스트는...
계속 패스 작업을 하다보면 어느 순간 난잡해지고..
수정하는 것도 쉽지가 않고 -_-;;
그래서 전 플래쉬에서 작업해봤습니다..ㅎㅎ
일단 요건~ 대강대강해도 수정이 쉬워요..
펜툴로 슥슥 그려준 다음에..맘에 안들면..
그 펜 라인을 잡아 당기면서 위치를 바꿀 수가 있으니까..
(아...이런건 영상 강의를 해야하는데..;; 아쉽~)
아무튼 그래서..
전지현을 그려봤어요 ㅎㅎ
원본은 워낙~ 유명한 사진이라..따로 첨부하지 않습니다. (사실 비교 될까봐 -_-;;)
- 완성된 이미지 입죠.
T셔츠에 제 홈페지 주소도 박아줬습니다. 나름대로 멋 냈음 -_-;;;
(사실 홈피 홍보 살짝..;; 모..지금은 싸이 하느라 거의 죽어있는 홈 입니다만 ㅎㅎ)
1. 원본 이미지 불러오고, 잠궈두세요 (사실 안잠궈도 되긴 함 -_-;)
2. 연필 모양 툴 선택하세요
3. 연필 굵기는 제일 얅은 hairline으로 합니다. (요건 나중에 머리카락 그릴때도 쓰입니다)
4. 연필 색은 될수 있는 한 형광색으로 하세요. 그래야 눈에 잘 보여요 (오늘은 빨강색입니다만, 평소엔 형광 녹색 -ㅂ-~)
5. 선 모양은 곡선으로 선택해주세요.
6. 레이어 하나 더 추가하세요 (색 레이어)
7. 원본 따라 형태를 그려주세요 (대강 그려도 되요. 수정이 쉬우니까 ㅎㅎ)
이때, 각 선들은 서로 교차되게 그립니다. (반드시 겹쳐야해요.)
8. 선들이 조금씩 삐져나가고 교차가 되게 그렸나요?
그럼 색을 입힙니다.
아마 선이 연결 안 되었으면 색이 안 힙혀질껍니다 -_-;
9. 페인트 통을 누르고 색상을 대강 넣어봅시다.
(이미지가 매우 무섭슴다 -_-;)
10. 선을 지워줍니다. 빨강색 선으로 그린 것 중에 아무거나 클릭 두번 해주면 모든 선이 몽땅 다 선택됩니다. (단, 교차되어있는 선만..;;
11. 선이 선택되었으면 DEL 키 눌러서 지워줍니다.
그럼 '면'의 형태가 된 색만 남죠?
12. 대강 입힌 색에 이제 명암을 넣어줍니다.
13. 이때 원본 레이어와 색 레이어의 위치를 바꿉니다.
원본이 맨위. 색이 아래.
14. 두 레이어 모두 활성화 (보여지게) 해둡니다.
(이러면 사실 원본만 보여집니다. 색은 아래에 있으므로)
15. 마우스는 색 레이어를 선택한 상태로 두고, 원본 레이어를 따라 선을 그려줍니다.
그리는 도중엔 선이 보여지지만 마우스를 떼는 순간 선이 안보입니다.
그럼 원본 레이어를 보이지 않게 해보세요.
샘플 그림처럼 되나요?
그럼 그 과정을 계속 반복합니다.
지겨워도 반복합니다.
지우고 그리고 지우고 그리고..색 입히고..반복 반복
12. 머리카락이 없어도 상관 없지만, 개인적으로 머리카락 있는 일러가 더 성의있게 보여서..전 그려넣습니다. -_-;
13. 머리카락을 그릴 레이어를 하나 더 만듭니다.
14. 아까 사용하던 빨강 연필 대신, 머리카락 색과 비슷한 갈색, 검정색을 번갈아가며 선택해서 마구(?) 그려줍니다.
(지금은 '면'이 아니라 '선'의 형태겠죠 ㅎㅎ
15. 완성이 되었습니다.
완성된 이미지는 반드시 저장을 합니다. *.fla 파일로!! (용량이 1.3메가 밖에 안돼네요 ㅎㅎ)
그런 다음에 웹상에 띄울 이미지를 추가로 또 저장합니다.
어떠세요..
따라할만 한가요? ^^;;
사실 전신 컷은 참 어려워요..
손 갈 곳이 많아서..-_-;;
쉬운 이미지부터 한번 도전해보세요.
하고 나면 나름대로 참 재미있답니다. ^^
댓글 14
-
최종수
2006.02.23 23:36
더 좋은 방법은 포토샵에서 이미지를 컷아웃 필터로 단순화 시킨 후 플래쉬가 가져와서 트레이스 비트맵(비트맵파일을 벡터화하는기능)해서 수정하는것 입니다. 트레이스 비트맵을 잘 쓰시면 디테일 일러를 쉽게 제작할 수 있습니다. -
아기벌레
2004.10.28 09:29
플래시 파일은 원본파일인데 왜 그걸 요구하시는게요 -ㅅ- -
A2ING
2004.10.18 01:33
플래시파일도 첨부해주셨으면 좋겠네요... -
오아요군
2004.10.17 15:28
전지현 이라기 보다는(...)
여튼.-_-) 멋집니다. -
지교
2004.10.15 20:36
플래쉬로도 이런게 가능하군요'ㅁ' 신기해요'ㅁ'b -
E.T
2004.10.15 23:18
오우~~멋져요~~>.<
저는 아쿠아나 유리구체 만드는게 고작이었는데..
아참 일러스트레이터로 편집한 이미지를 플래시로 불러와서 사용하는 것도 하나의 좋은 방법이죠~^^ -
말자
2004.10.30 22:44
-,. - 일러스트로도 힘든걸..플레쉬러 -0 -대단해요~!! -
Ukeri º▽º
2004.11.07 14:30
전혀전지현같지 않다 ㅋㅋ -
박정민
2004.12.08 22:49
입을 수정해주시면 더 닮아질겁니다. -
시원
2004.12.09 10:24
좀 더 세밀하게 작업한다면야 비슷해지겠지만..
전지현과 동일한 인물로 만든 이미지를 올리려는 의도가 아니라..
플래쉬로도 이런거 할수 있다는 것을 알려드리는 강좌로 봐주시면 좋을듯 싶습니다. ^^
똑같이 하려고 한다면..사진 찍는게 최고지요-..
너무 같지 않은 부분만 보시면 곤란해요. 헤헤헤~
조언 감사합니다. ^ㅂ^ -
i3in_˝
2005.01.27 10:57
이야..플래쉬로..대단하십니다 ^-^b -
blueness
2005.03.24 17:48
ㅎㅎ
정말 좋은 방법이네요 -
zeroman
2005.04.20 15:34
정말 배워보고 싶은 방법인데 첨부 이미지가 다 지워져서 따라하기 힘드네요.
설명만으론 잘 이해가 안되고.. 홈에 가도 역시 첨부 이미지가 없더군요.
여기나 홈에 첨부 이미지를 다시 올려주시면 안될까요?? -
최은진
2006.05.23 15:40
와, 정말 좋네요. 플래시로 어떻게 디테일 이미지 만드는건지 궁금했었는데 많은 도움 얻고 갑니다