메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

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

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

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

Theme1. 일단 그려봐!!!!

★오늘 그릴 그림
     (lemon)

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

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



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

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


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

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

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

    


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

돋보기를 선택합니다.


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




2. 밑그림 그리기


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

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


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


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




4. 그림자 넣기/마무리

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


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



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



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

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



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



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







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






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

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

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

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

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

번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48031
1815 (1)브러쉬를 이용한 밤하늘 별 그리기 [10] file Smileru 2003.12.08 13093
1814 아쿠아? 유리? 암튼 따라해보기(보충설명포함) [21] file 꼬랑지 2002.07.05 13084
1813 간단하게 배경과 인물 분리하기 [5] file wini 2004.01.30 13083
1812 우주느낌이 나도록만들기 [15] file 김례 2003.04.21 13074
1811 화이트닝으로 보정하기★★ [14] 김민자 2003.01.02 13059
1810 포토샵 왕초보전용 강좌!! 포토샵한글패치하기 [4] file 이윤규 2006.04.08 13040
1809 [케이]Dark Layer [호일도됨-.-] [31] Kei 2003.10.11 13037
1808 [포토샵6] 공중에서 본 하늘만들기?? [20] ♤재식이~ 2002.03.16 13037
1807 일러스트 인물따기..<얼굴> [5] file i3in_˝ 2005.01.28 13011
1806 입체 버튼 만들기 [3] file ghavl 2002.04.08 12994
1805 레벨을 이용한 스타버스트 [13] file hozz호찌 2003.04.08 12975
1804 일러스트 인물따기..<코> [3] file i3in_˝ 2005.01.29 12960
1803 반입체 계단효과 [9] file RuIX 2005.02.01 12949
1802 [바비의 일러스트]다양한 그래픽 포맷 [3] 바비인형 2002.04.25 12946
1801 화려한 러스티 네온 텍스트 테크닉 [8] file rgbmix*DT 2002.06.27 12941
1800 특별한 그림자효과...(?!) 설명 불능.. [17] file Smileru 2003.02.10 12921
1799 플래쉬에 마우스를 갔다댔을 시 자신이 원하는 마우스이미지로 바꾸기; [9] GoToHeaven 2003.05.27 12911
1798 우표테두리 만들기 다른방법 [14] file wini 2004.01.29 12909
1797 메뉴가 투박해서 GIMP가 싫다구요? 그럼 바꾸세요 [7] angpz 2003.01.17 12907
1796 박경림의 사각턱을 깎아보자! -얼굴성형 1편- [43] 오창재 2002.10.10 12903