메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

maek.gif


제가 오늘까지 nzeo에 강좌를 올리고..9월달이후에나 강좌가 올라갈꺼 같네요 8월의 마지막 페인트샵입니다
9월부터 하는 강좌는 기초부터 하나씩 체계적으로 하는 강좌를 만들겠습니다.
우선은 제 컴에 예전에 만들어놨던 강좌를 조금 수정해서 올립니다. 이때까지의 강좌가 전부 제 위주의 강좌가 된거 같네요~ 그래서 새롭게 변신도 해볼겸 작업하는것도 있고 해서..9월이후부터는 충실한 강좌가 나갈껍니다.
그밖에 피드백은 http://poctan.pe.kr 에서 받겠습니다



------------------------------------------------------------------------------------------------
어릴때 상장은 다들 하나씩 받아봤을껍니다. 물론 저 또한 아주 많은(?) 상장과 더불어 성장해 왔죠
그래서 인기있는 사이트들에 보면 멋진 마크 하나씩 다 달고 있죠...미르짱, 추천사이트, 등등

지금은 제 홈도 어느정도의 인지도가 생겼지만 그전엔 저도 마찬가지로 파리날리는 홈이었습니다.
그런 홈들을 위해서 페인트샵의 간단하면서도 강력한 기능을 이용해 마크를 제작해보도록 하겠습니다.

준비물은 페인트샵만 있으면 되겠죠?
그리고 레이어를 만들어 마크를 만들기 까지는 아래의 순서로 만들것입니다.(fig_001)





1.파일 >새문서 에서 우선 400 x 400 의 문서를 만듭니다. 더 작게 만들수도 있지만 어느 정도크기가 있어야 줄여도 예쁘겠죠? (fig_002)




2.그리고 모양툴을 선택을 하고 도구옵션에서 필요한 형태를 고릅니다. 그리고 앤티앨러싱에 체크를 하면 부드러운 형태를 얻을수 있습니다 (fig_003)




3.색상은 스타일의 안쪽영역만 색깔을 지정하고  필요한 크기만큼 마우스로 그려주세요. 색상코드는 #FDA500 입니다(fig_004)




4.그라디언트 부분을 클릭하면 다음과 같이 뜨는데 이부분에서는 1),2),3)순으로 해서 그림과 유사한 색상을 만들어 봅니다.(fig_005)
그라디언트 편집부분은 기초 강좌에서 새롭게 구성해서 올리도록 하겠습니다.




5.선택을 하고 이제는 모양툴에서 원을 선택을 하고 레이어를 새로 하나 만들고 그려줍니다. (fig_006)





6.새로운 레이어를 하나더 만들고  이제는 테두리 원 2개를 안으로 집어 넣겠습니다. 스타일에서 바깥부분 색상을 지정해주세요~ 바탕보다 조금 밝은색이면 됩니다. (fig_007,008)






7.자 이제 마크의 모양이 어느정도 완성이 되어 가고 있습니다.그럼 여기서 페인트샵 강좌중에 "글자들 선따라 나열하기" 강좌를 참조하시고 다음처럼 글을 넣으시면 됩니다. (fig_009)



8.그리고 마지막으로 이제는 꼬리표 2개만 만들어 주면 됩니다. 하나만 만들어서 복제를 하고 rotate시켜버리면 끝나겠죠? (fig_010)
모양툴에서 사각형을 선택하고 앤티앨리어싱은 체크하지 마시고 다음과 같이 그려주세요.




9.프리핸드툴로 모서리에서부터 선택을 해서 삼각형으로 만들어서 선택을 하고 지워줍니다.(fig_011)




10.그리고 이미지 >회전을 선택해서 원하는 각도만큼 돌려줍니다. 같은 방법으로 2개를 만들어서 원래의 마크의 젤 밑에 레이어로 보냅니다.(바탕레이어보단 위로) (fig_012,013,014)








11.그럼 완성되면 다음과 같이 나옵니다..^^ 강좌가 많이 부족하더라도 이해해 주세요 예전에 만들어놨던거..수정좀 하고 이미지 개선 시켜서 올리는겁니다.(fig_015)




-------------------------------------------------------------------------------------------
현재 책을 만들고 있는데 제 홈에 있는 강좌중 책에 수록되는 강좌들은  출판에 대한 라이센스가 부여되기 때문에 도용시에는 법적인 제재를 받을수 있습니다

그러니~^^;; 주의하세요~~ 여전히 강좌가 허덥합니다..계속 나아지는 방향으로 만들겠습니다..







번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48031
1995 [요청]손쉬운 메뉴 수정방법 [1] file 오승민 2005.07.29 6959
1994 [플래시 MX 동영상 강좌] 31. IF문의 사용.. [8] 서기 2005.07.28 5003
1993 퀵마스크로 원하는 부분 선택하기(mollayo) 김응세 2005.07.26 5172
1992 테두리 만들기 [4] file anacne 2005.07.20 13585
1991 눈물 만들기 [4] file anacne 2005.07.20 9907
1990 한글이 안써질때 간단히 응급조치 [5] 메트론 2005.07.11 8451
1989 [플래시 MX 동영상 강좌] 30. onClipEvent를 이용한 무비클립의 회전 [8] 서기 2005.07.08 6947
1988 [플래시 MX 동영상 강좌] 23-2. 스르륵 서브메뉴 제작하기2 [36] 서기 2005.07.06 26534
1987 플래시를 이용한 원그래프 그리기입니다. [2] file 삐리리 2005.07.04 7170
1986 [플래시 MX 동영상 강좌] 29. 프리로더의 제작 [11] 서기 2005.07.01 7534
1985 [플래시 MX 동영상 강좌] 28. Flax와 Flash의 혼용 [15] 서기 2005.06.29 5363
1984 [플래시 MX 동영상 강좌] 27. 엽서를 만들어보자. [8] 서기 2005.06.28 6528
1983 디비값 받아와서 플래시로 유동적인 그래프 그리기 [6] file 삐리리 2005.06.28 5777
1982 [플래시 MX 동영상 강좌] 26. 아날로그 시계를 제작해보자. [10] 서기 2005.06.24 6578
1981 if만 알아도 만들건 만든다.. [1] file 김영진 2005.06.23 5992
1980 [플래시 MX 동영상 강좌] 23-1. 스르륵 서브메뉴 사라지게 하기 [20] 서기 2005.06.22 13410
1979 [플래시 MX 동영상 강좌] 25. 시계의 초침을 제작해보자. [5] 서기 2005.06.22 4375
1978 제로보드 리스트를 플래시로(이미지미리보기가능) .. [17] file 삐리리 2005.06.21 9225
1977 [플래시 MX 동영상 강좌] 24. 액션스크립트의 기초!!! [9] 서기 2005.06.20 9384
1976 [플래시 MX 동영상 강좌] 23. 스르륵 서브메뉴 제작하기 [30] 서기 2005.06.17 18571