메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

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

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

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

Theme1. 일단 그려봐!!!!

★오늘 그릴 그림
     (lemon)

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

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



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

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


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

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

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

    


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

돋보기를 선택합니다.


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




2. 밑그림 그리기


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

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


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


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




4. 그림자 넣기/마무리

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


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



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



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

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



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



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







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






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

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

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

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

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

번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48030
2415 [MN] 이미지 X-ray효과내기 [7] mewnew 2002.09.10 236
2414 [나모웹 초보자] 이미지 맵을 만들어 보자~! [1] file 나만의길 2004.07.18 324
2413 [도트] 집 만들기?? [7] file (_*_) 2002.02.25 482
2412 [ XML 소켓 채팅 ] [2] file Fc 2004.02.26 514
2411 3D SHEET 만들기 [5] file 카라 2002.02.21 536
2410 [나모 FX] 이미지맵 간편하게 나모로 하기 ( 처음하는 강좌 ;;; ) [14] file 박한웅 2003.12.07 602
2409 [프로모션]제4회 달리는 애니메이션 만들기 [13] 정현석 2002.08.27 646
2408 [페인트샵8.0]합성!!나도 함 해보자!! 간단하게 합성하기! [4] file 대현 2003.12.13 715
2407 구름만들기; [27] Nㆍzna 2002.02.21 757
2406 [바비의 일러스트]일러 갤러리-1 [21] file 바비인형 2002.04.26 853
2405 플래시 무비의 프레임률이 막 떨어질때, [16] 유군-_-)/ 2002.02.21 860
2404 [퍼니페인트]도장 만들기 [1] funnyPSP 2002.02.23 925
2403 햇볕이 비추는듯한....음...태양의 코로나 같은 효과...^^ [24] file 천민수 2002.02.21 979
2402 네모난 사진 동그랗게 만들기 강의입니다. [6] file 이형진 2003.10.09 987
2401 간단하게 폰트 이쁘게 하기 [3] file 4u4u 2007.09.06 1004
2400 [동영상] 제5강 max 건축 인테리어 개요 인테리어뱅크 2006.04.11 1064
2399 [PHOTOSHOP]금속성 문자 만들기 [6] file (_*_) 2002.02.21 1073
2398 킴스웹에듀 ~~ 플래시 강좌사이트 입니다. kim's 2007.07.30 1263
2397 굿 웹 디자인 사이트들 링크 [11] 박성렬 2002.04.05 1305
2396 포토샵강좌 - 별만들기 [1] file IamAndy 2007.07.11 1373