메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

pho_03_11_00.gif

이미지를 화려하게 꾸미고 싶을 때,
마땅히 어떤 색상을 사용해야 할지 모르겠을 때,
전 가끔 이런 방법을 쓰는데요.
이번 강좌는 움직이는것까지 했지만, 굳이 그러실 필요는 없구요..
그냥 이미지에 색을 Overlay 시키시는것까지만 따라하셔도
나름대로 이쁜 이미지가 나올것 같네요 ^^


참고로.. 이 강좌를 끝까지 다 따라하시려면,
이미지레디에 대한 기본적인 이해는 하고 있으셔야 합니다...


pho_03_11_01.gif

1. 먼저 작업할 이미지를 불러옵니다. Ctrl + O..
움직이는 것까지 전부 다 따라해보고 싶다면, 이미지의 사이즈를 작게 하시는 게 좋아요..
용량이 너무 커질수가 있거든요..


pho_03_11_02.gif

2. 테두리가 들어갈 부분을 만들어주기 위해서 Canvas Size 를 늘려줍니다...
가로 세로 10px 정도씩 늘렸어요.. 수치는 자기 마음대로 조정하세요..


pho_03_11_03.gif

3. 자, 이제 아무 이미지나 새로 불러옵니다.. Ctrl + O..
정말 아무 이미지나 불러오셔도 상관없어요..


pho_03_11_04.gif

4. 새로 불러들인 이미지에 Filter - Blur - Gaussian Blur.. 해줍니다..
수치는 크게 잡아주시구요.. 완전히 뿌옇다 싶을 정도로 해주세요..


pho_03_11_05.gif

5. Blur 처리한 이미지에 색을 입혀줍니다..
Ctrl + U 하셔서 원하는 색으로 바꿔주세요..
어떤 이미지를 사용했냐에 따라서 어떤 형태가 될지가 결정됩니다..
위의 그림처럼 똑같이 되지 않았다고 이상하다고 생각하실 필요는 없어요;;


pho_03_11_06.gif

6. 전 핑크색 + 하늘색으로 색을 바꿨었습니다..
이제 그 이미지를 아까 처음 불러들였었던 이미지 위에 드래그해서 레이어 2 로 넣어줍니다..


pho_03_11_07.gif

7. 두 레이어의 위치를 바꿔준 다음, 블렌딩 모드를 Overlay 로 바꿔줍니다..
색이 참 곱져 ^^


pho_03_11_08.gif

8. 레이어 팔레트에서 아래에 있는 레이어를 두세개 복사해줍니다..
그리고 각각 복사된 레이어의 색을 Ctrl + U 하셔서 바꿔주세요..
전부 다 다르게 말이에요 ^^


pho_03_11_09.gif

9. 이제 이미지 레디로 넘어갑니다..
이제 이미지 레디에 작업화면은 많이 익숙해지셨죠?
아직도 이미지 레디가 익숙치 않으신 분들은 그동안의 이미지레디를 이용한 강좌들을
한번씩 더 훑어보시기 바랍니다..
이미지 레디를 사용하는 방법은 이제 눈감고도 아셔야 되요..
아래 보이는 애니메이션 팔레트에서 세개의 프레임을 만드시되,
각각 다른 색을 적용시켜서 만들어주세요.. 레이어의 눈을 키고 끄고.. 아시죠? ^^


pho_03_11_10.gif

10. 프레임 사이사이에 트윈을 걸어줍니다..
세개의 프레임 정도를 추가해줬습니다..
트윈 기능 역시 전의 강좌들을 먼저 마스터하고 오시면 쉽게 이해하실 수 있을겁니다..


pho_03_11_00.gif

11. 완성된 모습입니다..
저장할 때는 역시 Ctrl + Shift + Alt + S 하셔서 저장하시면 되구요..
Color 수를 잘 조절하셔서 저장하시면 됩니다..
용량이 큰 관계로 큰 이미지에는 부적합하구요.. 작은 이미지에만 쓰시길 바래요..
저 역시 용량이 너무 커서 줄이다보니 색이 깨졌네요.. 이런;
강좌용이니까 그냥 대충 이런식으로 되는건가보다.. 이해하고만 넘어가세요;;
굳이 움직이지 않아도 되시는 분들은 7번 강좌까지만 따라하시면 됩니다...






강좌에 대한 질문이 있으신 분은
저의 홈에 묻고 답하기 방에 올려주셔야 빨리 답변을 들으실 수 있습니다. ^^
여태까지의 제 강좌들을 보시려면
여기를 클릭하세요~




항상 행복하세요
http://honey.co.ly
번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [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 483
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