메뉴 건너뛰기

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
915 트리만들기 [23] file zizibecap 2002.09.25 10805
914 이름아이콘 만들기(그림자 생기는것) [16] file prettymom 2003.01.12 10808
913 채널을 이용한 머리 외곽 따기... [5] file hama 2003.05.22 10809
912 [ 플래시 2004 프로페셔널 ] AS2.0 클래스를 사용하기 위해서 이해해야 할 키워드 [2] Fc 2004.02.25 10809
911 앨범 사진 만들기 [4] file ┏fever┓ 2002.12.23 10811
910 아쿠아 너무어렵다 그래서..... [8] file C.Z.[眞超후광인] 2002.07.16 10817
909 음.."강의"는 아닙니다만. [10] 윤수현 2002.08.01 10824
908 부드럽게이동하는공식을 이용한 바네이메뉴 만들기(3[완결]) [3] 비무p 2005.01.12 10824
907 액션 스크립트로 돋보기 효과를 내보자... [5] file 김한경 2003.01.09 10828
906 [쌩기초]벽을 뚫고 나오는 도마뱀 [17] file 양군푸로독션 2003.11.21 10831
905 오오사카의 허접 tip - 단축키 편! - 1초tip [12] 오오사카 2003.03.10 10833
904 플래시 기본적인 에니메이션 만들어보기. (2) [2] file 꼬냐닷컴 2005.09.24 10835
903 [더 새로워진 동영상]불꽃놀이 하잣! [13] 이희덕 2003.02.13 10840
902 먹구름 사이로 비친 햇빛 ㅇㅅㅇ// [8] file WalkCabbage 2003.12.14 10843
901 특이한 버튼 만들기(하나로 게시판 버튼이랑 비슷해요!!) [14] file 엔스타일 2003.01.26 10848
900 하회탈 만들기(일러+포토샵) [8] file 무어 2003.03.18 10852
899 하트 그리기 다른방법..... [5] file 오승민 2004.04.13 10857
898 비내리는 효과 [1] file 이하늘936 2007.11.03 10857
897 [초보] 글씨에 테두리주기^_____^ [17] 블르 2002.12.31 10872
896 [웹사이트만들기]사용자를 위한 디자인 file HomeBox™ 2004.04.29 10875