메뉴 건너뛰기

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
2175 [페인터] 미로만들기=_=~ 길도 찾아준답니다;; (*_*페인터 첫강좌!!) [5] file 야로-_-v 2003.01.22 4042
2174 [플래시 MX 동영상 강좌] 10. Shape Hint [6] 서기 2005.05.29 4060
2173 [퍼니페인트]효과를 쉽게 주자~ "효과 브라우져" [1] funnyPSP 2002.02.23 4069
2172 [퍼니페인트]오랜만에 강좌 요상한 액자 만들기. [7] 대현 2002.11.05 4074
2171 SWISH 버튼만들기 3)image button [2] file 아메 2003.03.18 4092
2170 [동영상강좌] 제6회차 - 테두리 흐릿한 이미지 만들기 아이티스터디 2006.02.02 4094
2169 [초급]포토샵레이어의개념 [3] file rombardi 2003.04.26 4125
2168 포토샵 초기화하기 [3] 햐얀그림자 2003.01.21 4129
2167 [포토샵 7.0 동영상강좌] 5. Pen Tool(선택툴) [2] 서기 2005.09.21 4130
2166 - 색채우기 팁! [12] file 푸리 2003.02.10 4161
2165 [jin]5번째. 꽃그리기. [11] file jin 2003.02.24 4176
2164 스위시맥스4강[기본액션 활용] [2] 에듀멘 2006.02.28 4185
2163 뱅글 뱅글 돌아가는 동글뱅이 만들기 [5] file 낭낭앤 2003.01.09 4204
2162 [포토샵 7.0 동영상강좌] 7. 레이어 이팩트 사용방법 [2] 서기 2005.10.24 4204
2161 SWISH (스위시) 메인화면 설명 [2] file 아메 2003.02.13 4213
2160 스위시맥스2강[애니메이션 효과] [4] 에듀멘 2006.02.28 4213
2159 dong성이의 뽀로샵 강좌 - 1 - 조명효과내기 [3] file dong성이 2002.12.28 4214
2158 [삼류강좌]그라디언트와 브러쉬 100% 활용하기(계정수정완료) [4] 정동규 2002.11.03 4215
2157 [jin]4번째 강좌.요청강좌. 카메라 그리기 [8] file jin 2003.02.23 4218
2156 -_- 허접 도트 강좌입니다. -나무- [2] w:)style 2002.09.13 4220