메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

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

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

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

Theme1. 일단 그려봐!!!!

★오늘 그릴 그림
     (lemon)

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

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



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

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


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

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

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

    


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

돋보기를 선택합니다.


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




2. 밑그림 그리기


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

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


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


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




4. 그림자 넣기/마무리

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


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



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



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

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



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



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







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






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

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

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

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

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

번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48031
1435 Mac OS X Text Effects [19] file 정우진 2003.11.16 8056
1434 초보자를 위한 '포토샵을 이용한 합성하기' [간단] "1차 수정' [15] file 최지환 2003.11.16 20079
1433 [퍼니페인트]로모사진 효과 살짝쿵 내보기 [7.0버젼] [9] file 대현 2003.11.15 10213
1432 [기초팁]블랜딩 옵션만으로 깔끔한 버튼 만들기 [21] file 양군푸로독션 2003.11.12 16282
1431 바다물효과(?) 보시면알음 -ㅡ-;;<<--무책임자;; [2] file 포토샵필터 2003.11.11 15407
1430 [muTStyle.Net]-쉽다 ㅡ0ㅡ - 메탈릭 버튼 만들기 [9] file 바하무트 2003.11.09 13845
1429 [muTStyle.Net]-대략 이쁨- 메탈릭 아쿠아 버튼만들기 [3] file 바하무트 2003.11.09 14814
1428 [muTStyle.Net]-어렵고 복잡-3D BAR 만들기 [9] 바하무트 2003.11.07 9011
1427 [초급] 딱지치기~[!] [10] file B렌 2003.11.06 8760
1426 K사의 '좋은 시간 되세요~' 따라하기 [11] file effectrum 2003.11.06 8927
1425 창세기전2의 흑태자!!(투구편) [9] file 카심 2003.11.04 9836
1424 창세기전2의 흑태자를 찍어보자!(추가!) [10] file 카심 2003.11.02 9792
1423 움푹 패인듯한 느낌의 글씨 쓰기 (아, 귀여워;;) [26] file 이오르 2003.10.30 30127
1422 [Kei] Tentacle - 한국이름은 오징어다리정도-_-)? [64] Kei 2003.10.27 16663
1421 [muTStyle.Net]알록달록 버튼만들기... [7] 바하무트 2003.10.26 9169
1420 버튼 만들기 (2) [6] file Win'X' 2003.10.26 21382
1419 [muTStyle.Net]-중복일지도 모름..그러나...- 그라데이션 버튼 만들기 [11] 바하무트 2003.10.24 7093
1418 [bosskooi] 액자형 버튼 -자체는 별로 멋없음...- [6] file 박형준 2003.10.23 13135
1417 저의 아바타 제작 방식 (움찔) [21] file 정의진 2003.10.23 15562
1416 [muTStyle.Net]-약간 복잡함- 현란한(?) 글자 만들기... [3] 바하무트 2003.10.22 6700