메뉴 건너뛰기

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
975 [제로보드강좌]12강. 최근게시물[이미지] 뽑아내기 [51] 네찌 2007.01.19 10290
974 병사그리기 [28] file 권영록 2003.02.28 10299
973 아이들 아동복 선전에 쓰일 듯한 텍스쳐... [6] file 엔스타일 2003.04.05 10299
972 특정부분 제거, 복사 방법 [29] file 여어자 2003.07.30 10301
971 사진 각도 바꿔서 이쁜 이미지 만들기! [9] file We'zle 2002.10.30 10302
970 알파값 적용 모션시에 꿈틀거리는 사진 문제해결..; [8] 세나^.^ 2002.05.22 10307
969 [포토샾]엠보싱 버튼 만들기-2 file Raspberry 2005.10.03 10307
968 세계최소형슬라이드핸드폰!!!!!!!!!!!!!!!!!!!!!!!!! [14] file Leesle 2003.02.01 10314
967 매트릭스 코드같은 이미지 만들기. [32] file whitecrow 2003.08.03 10335
966 [키르강좌] 잡티제거하기..-_-;; [2] 키르(SP) 2002.02.25 10354
965 동심원중심으로원하는이미지복사. [9] file DesignByXery 2004.04.03 10355
964 알아두면 유용한 포샵 팁!!! [11] 이광섭 2003.07.08 10377
963 [ 플래시 게시판 ] 튜토리얼 - loadVariables를 사용한 기초게시판 [2] file Fc 2004.02.25 10386
962 금속글씨만들기 [1] 이경빈 2003.08.13 10388
961 도트로 쪼꼬만 꼬맹이 만들기..ㅡ.ㅡ;; [21] zizibecap 2002.04.18 10407
960 [紅夜]사진을 유화 느낌이 나게 바꿔보자! [10] file 紅眼의정령사 2002.03.17 10415
959 라이트닝 이펙트,채널로 버튼 만들기 [9] file 유이【juːi】 2003.04.15 10428
958 Curves 이용해서 겹겹이 글자쓰기 [6] file 세비 2003.03.23 10430
957 불타는 문자 만들기 [15] file 어지니 2005.03.04 10444
956 마티오의 도트 강좌*건전지 그려보기~ [8] file 마티오 2004.09.26 10447