메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

spring.jpg
안녕하세요...? 처음으로 강좌를 올리게 되네요...

무척이나 긴장하고있음... 혹시 오타나 날까...

너무 욕하지는 말아 주시길...

먼저 준비물이 필요해요... 제가 올린 스프링이요... 다운받으시고요...

그럼 시작합니다...

1.jpg

먼저. 적당하고 작업하기 편하면서도 알맞은 크기... 의 흰색바탕의 새문서를 엽니다...

2.jpg

둘. 그런다음 스프링을 넣어 주는데요...

스프링이 가로로 되있을 꺼에요. 가로로 만들실 분은 그냥 사용하시구요...

저처럼 세로로 왼쪽에 넣으실 분은 스프링그림을 image - Rotate Canvas - 90CCW로

돌려주세요... 90CW로도 되지만 그렇게 하면 나중에 매직툴로 선택할때 스프링도 같이된다는...

오른쪽에 넣으실 분은 90CW로 돌려서...

스프링이 짧거나 하면 이어서 넣어주시구요... 짤리는게 있으면 돋보기로 줌해서 지워주세요...

그리고 나서 스프링이 있는 레이어를 백그라운드 레이어랑 합쳐주세요... Merge Down으로...

이제 스프링 열었던 것은 닫아도 됩니다...

3.jpg

셋. 껍대기 효과(?)를 줄 곳을 매직 툴로 선택해 주세요... 정확한 명칭은 Masic Wand Tool이더군요...

스프링 사이사이가 선택이 잘 안되면 Shift키로 추가 선택해주세요...

그런다음 선택영역이 있는 상태에서 새 레이어를 만들어 줍니다...

1.jpg2.jpg

넷. 새로 만들어진 레이어에다가 흰색으로 선택영역안에 채워줍니다...

그런다음 매탈 스타일을 눌러주세요... 너무간단하죠...

혹시나 저런게(?) 안보이는 분들은 스타일 파레트 옆에 화살표 눌러서 web style열어주시면 될꺼에요...

선택영역 해재 해주셔도 되고요... 그냥 이 색깔로 쓰실분은 쓰셔도 되지만... 이왕이면 예쁜게 좋겠죠?

5.jpg

다섯. 색깔을 바꾸기 위해서 백그라운드 레이어와 지금 매탈 스타일을 준 레이어 사이에다가

새 래이어를 만들어 줍니다... 그런다음 매탈 스타일을 준 레이어를 Merge Down해서

아까 새로 만든 레이어랑 합쳐줍니다... 그래야 Hue/Saturation...이 먹거든요...

그다음 image - Adjustments - Hue/Saturation...으로 맘에 드는 색깔로... 단축키는 Ctrl + U입니다...

Coloriz체크 하시는거 잊지 마시구요... 저는 빨간색으로...

6.jpg

끝으로. 글씨로 마무리 합니다... 아무 글씨나... 흰색이 제일 잘 어울리는것 같다는...

이상입니다... 강좌내용이 너무 쉬운게 아니었는지...

제가 실력만 좋다면 스프링 만드는것도 가르쳐 드릴수 있을텐데... 제 한계입니다...

그래도 웹상의 이미지를 자기한테 맞게 고치는것도 디자인이니... 이쁘게(?) 봐주세요...

제 홈피를 이렇게 연습장 처럼 만들었어요... 한번 들러주시면 고맙겠습니다~


red.jpgyellow.jpg

green.jpgblue.jpg
오늘은 어떤 연습장에다가 내 이야기를... 골라 잡자~
번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48031
2415 [MN] 이미지 X-ray효과내기 [7] mewnew 2002.09.10 236
2414 [나모웹 초보자] 이미지 맵을 만들어 보자~! [1] file 나만의길 2004.07.18 325
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