메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

lemon_source.gif
요즘 도트 아트에 관심이 많아서...
관련서적과 사이트를 돌아다니면서 공부하고 있습니다.
여기 강좌를 올리신 분들 모두 대단하시네요...

저도 초보라...올리기 좀 이상하기도하고...
과정별로 설명하려고 했는데...
^^;
부족하지만 이쁘게 봐주세용~

시작하기전에...
위에 보이는 과일사진 보이시죠?
위 그림을 도트그림으로 표현해볼께요~~

Theme1. 일단 그려봐!!!!

★오늘 그릴 그림
     (lemon)

먼저 이론적인 내용도 중요하겠지만... 바로 실전으로 들어가봅시다.
도트아트가 뭔지 알아보자구요~~

윈도우즈 운영체제에 설치된 그림판을 이용하여 도트 그림을 그리는 순서와 그 조작방법을 설명하도록 할께요.



1. 무엇을 그릴 것인가?
머리속으로 무엇을 그릴지 생각합니다. 생각은 많겠지만 오늘 우리는 레몬을 그려볼게요.
(참고로...복잡한 그림도 우선 간단한 그림으로 바꿔야 합니다.)
간단한 도형을 기본으로 그려주면 됩니다.

  [그림판]이나 [포토샵]에서의 준비


오늘은 그림판으로 강의를 진행하겠습니다.

윈도우즈에서 [시작]버튼을 누르고 [프로그램] 또는 모든 [프로그램]을 선택한 다음,
[보조프로그램]메뉴에서 [그림판]을 클릭합니다.

그림판이 실행되었다면...메뉴의 이미지를 클릭~특성을 선택하여 설정 창을 열어주세요.
    

    


33 X 21도트의 캔버스가 만들어집니다. 이렇게 캔버스가 만들어졌지만...
사이즈가 너무 작아서 그림을 그리기에 곤란합니다. 그러므로 표시 스케일(크기)을 8배로 확대하여 작업합니다.

돋보기를 선택합니다.


그 외에도 [그림판] 프로그램에는 그림을 쉽게 그릴 수 있도록 하는 기능이 내장되었습니다.
눈금표시옵션이 있습니다.
확대 표시된 캔버스라면 메뉴[보기]에서 [확대/축소]-[눈금표시]를 클릭합니다.
하나 하나의 점의 위치를 쉽게 알 수 있으므로 그림을 그리기가 더 쉽다고 생각되면 이 기능을 사용하세요.




2. 밑그림 그리기


그리는 색을 검정으로 선택하고 [연필]도구를 선택하고...레몬의 테두리를 그립니다.
색칠하기 쉽게 빈곳이 없이 테두리를 메꿔줍니다.

만약 실수가 생긴다면 실행취소(Ctrl+Z)를 하여 시행착오를 반복하여 테두리를 그립니다.


테두리가 만들어졌으면...


3. 색칠하기
색상을 선택하고 [색 칠하기]도구를 선택하고 칠합니다.




4. 그림자 넣기/마무리

그런다음... 그림자를 넣어 보겠습니다.
메뉴에서
[색]-[색편집]으로 들어갑니다.


기본색에 원하는 색이 없다면... 아래 보이는
"사용자 지정 색 만들기"를 클릭합니다.



원하는 색상을 클릭합니다.
사용자지정 색에 추가 버튼을 클릭합니다.



도트 그림이 예쁘게 보이도록 그림자를 넣어 약간의 입체감을 표현합니다.

왼쪽윗부분에서 빛이 있다고 생각하고 그리세요.



색상을 선택하면서 계속해서 입체감을 표현합니다.
레몬에서의 하이라이트를 위해서..
아래 같이 표현합니다.



계속해서 한단계씩 추가합니다...







오른쪽에 있는 반이 잘려진 레몬 역시 그림자를 그려주세요.






축소하면... 그림이 아래와 같이 되죠?

이렇게 완성 되었으면 저장해주세요...

만족할 만한 그림이 되었나요?
너무 간단한 그림인데...시간이 많이 걸린사람도 있을 것입니다.
멋진 그림을 바로 그리면 좋지만...

우선 기본적인 것부터 차근차근
나가면서...
배우는게 중요한것 같아요.

그럼 모두들 열심히 해서 좋은 결과 있길 바래요.

번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48031
995 [죽은나비특강]색연필 도트를 찍기 [4] file 죽은나비 2006.04.15 7828
994 [jin]도트 사과그림 강좌로 다시 올립니다. [24] file jin 2003.02.16 7828
993 안개이미지를 만들어보자....... [6] file ★소프트™ 2002.04.10 7818
992 [포토샵]비오는이미지만들기 file 이하늘936 2007.11.03 7817
991 포샵 7.0으로 간단히 구름 생성하기 [12] 류™ 2002.07.25 7814
990 스위시맥스6강[Goto액션활용] [1] 에듀멘 2006.02.28 7801
989 [허접팁=_=;;] 플래시루 간단하게 3D 사각형 그리기 [8] file 황현구 2002.12.13 7790
988 이것이 제 마지막 강좌가 될듯 -_-; 필터 합치기 -_-;; [6] Xrezae 2002.11.15 7786
987 [제로보드강좌]3강. 제로보드 설치하기 [22] 네찌 2006.12.20 7783
986 [플래시 MX 동영상 강좌] 6. 텍스트 에니메이션 [13] 서기 2005.05.25 7781
985 [ Easy ] 쉽게 Smog 효과를 만들어보쟈 'ㅡ';; [8] file Nersion 2002.12.29 7773
984 [예제] 패턴으로 다양한 효과 내기 [1] file 그랑블루 2007.05.18 7753
983 실용예제, 4분내에 '사과' 그리기. [1] 점점 2007.03.14 7750
982 확대해서 보기(일명 돋보기 효과!!) [5] e-ssine.com 2002.12.13 7748
981 레이어창 이제 마스터하자! [5] file NzeoZen 2004.02.02 7747
980 #07. 홈페이지의 분위기 극대화시키기. [13] Nersion 2003.01.19 7747
979 [중급] 가위,바위,보 게임 승패 판정법 [4] file 박승제 2004.04.26 7737
978 플래시 커튼효과할때 [10] Dearvil 2002.12.04 7733
977 [플래시 MX 동영상 강좌] 17. 여러개의 파일을 이용한 홈페이지 제작 [20] 서기 2005.06.06 7732
976 도트초보의 프로모션 사용법 알아가기(1) [5] file 지영 2002.12.13 7722