멋있는 사진 테두리 만들기(5) - Fade Away 효과 > 유익한 싸이트

본문 바로가기
 

멋있는 사진 테두리 만들기(5) - Fade Away 효과

페이지 정보

작성자 이름으로 검색 댓글 0건 조회 14,273회 작성일 06-12-20 09:13

본문




6x6.gif
1 .0


시작하기
2 .0


선의 활용
3 .0


프레임
4 .0


포토샵에서의 프레임
openfile2.gif0


Fade Away 효과

6 .0


포토샵을 이용한 3D 프레임
7 .0


코렐 드로우에서의 간단한 프레임
8 .0


코렐 드로우를 이용한 거친 테두리
9 .0


플래시에서의 테두리
10 .

사진 관련 자료
 

title_underline2.gif

6x6.gif

 

은은히 사라지는 듯한 효과(Fade Away effect)를 넣은 사진을 이용하면, 웹
페이지에 생동감을 불어넣을 수 있다. 이러한 부분에는 경계선이 뚜렷하게 되어 있지 않기 때문에, 사용자의 시선이 그 방향으로
흐르게 되어 있다. 이러한 효과가 들어있는 사진이 중요한 문구 옆에 있으면, 텍스트에 자연스러운 흐름을 넣을 수 있다. 또한
이러한 효과는 사진 내에서 불필요한 요소들을 숨겨주면서 텍스트에 좀 더 많은 공간을 할애해주는 시각적 효과도 거둘 수 있다.
사진에 사라지는 경계를 넣는 작업은 각 경우마다 작업의 양이 달라진다. 어떤 경우는 꽤 많은 시간이 걸릴 수도 있다. 우선 사진을
잘 고르는 것이 중요하다. 원래의 사진 색상에서 투명한 색으로 점차 변해갈 공간이 충분해야 한다. 또한 이러한 경계 부분의 색상이
화면의 배경 색상과 비슷하다면 작업이 더욱 쉬워진다.사진의 한 쪽 면만을 사라지게 한다면, 그 방향에 접하는 두 모서리 부분에
대한 처리도 생각해볼 필요가 있다. 아래 예제의 경우, 일부러 경계선을 넣어서 처리를 하였다.



mancr.jpg


포토샵에서 은은히 사라지는 효과를 사진에 넣으려면 그래디언트 기능(Gradient Fill)을 이용하면 된다. 일단 새로운
레이어를 만들어보자. 그리고 웹 페이지의 배경색을 전경색으로 지정한다. 그 다음에 Gradient 메뉴에서
전경(Foreground)을 투명하게 설정한다. 이제 사진의 한 모서리 부분에서 마우스를 클릭한 다음 안쪽으로 드래그를 하면
원하는 효과가 만들어진다. 여러 개의 레이어를 만든 다음, 각 레이어마다 이런 효과를 조금씩 다르게 적용시켜볼 수도 있다. 그리고
이런 작업을 할 때에는 그래디언트의 경계를 둥글게 지정한다던가, 각도를 다르게 해본다던가 하는 식으로 여러 가지 시도를 해보기
바란다. 여기까지 한 다음에는 사진을 약간 수정해야 할 경우도 생긴다. 필자의 경우는 그래디언트 효과를 준 가장자리를 부드럽게
다듬기 위해서, 프레셔(pressure)를 낮게 설정한 상태로 에어 브러쉬(airbrush)를 사용하여 수정을 하기도 한다. 위에
나타나 있는 사진에서는 그래디언트 효과를 쓰다보니 머리결이 너무 하얗게 나와버려서 인물의 머리결을 수정하여 더 검게 만들기도
하였다.


만약 사진에 여백이 충분히 많다면, (웹 페이지의 배경이 흰색이라는 가정에서) 흰색으로 색칠하는 명령을 사용하여 똑같은
효과를 만들어낼 수도 있다. 우선 새로운 레이어를 만들어서 흰색을 전경색으로 지정한다. 그 다음에 툴 바의 올가미 툴(lasso
tool)을 이용하여 원하는 영역을 잘 선택한다. 다음에 Select 메뉴의 Feather 명령을 지정한다. 여기서 지정해야 할
feather 값은 사진의 크기나 사라지는 효과의 정도를 얼마로 할 것이냐에 따라 달라질 수 있다. 아래 예제로 나와있는 사진의
경우 이 값을 25로 지정하였다. 한 번 시도해보고 마음에 들지 않는다면, 이 값을 다르게 바꾸어보면서 여러 번 테스트해보기
바란다.때로는 사라지는 효과가 나타나는 부분에 어떠한 경계선도 나타나지 않도록 하기 위해, 일부러 하얀 사각형 영역을 만들어 넣는
경우도 있다. 이런 때에는 흰색의 작은 사각형을 계속해서 여러 번 만들어 넣으면서 Select 메뉴의 Feather 명령을
사용하여 약간 번지는 효과를 주면 된다.



feath1.jpg

feath2.jpg







계속: 포토샵을 이용한 3D 프레임


 



[이 게시물은 human님에 의해 2007-05-14 17:58:49 bilkboard1에서 복사 됨]
[이 게시물은 human님에 의해 2007-05-15 09:09:28 bulk3에서 이동 됨]

댓글목록

등록된 댓글이 없습니다.

Total 224건 3 페이지
유익한 싸이트 목록
번호 제목 글쓴이 조회 날짜
188 이름으로 검색 8263 02-12
187 이름으로 검색 8651 01-24
186 이름으로 검색 15691 01-24
185 이름으로 검색 8323 01-15
184 이름으로 검색 190 01-15
183 이름으로 검색 8374 01-01
182 이름으로 검색 15159 01-01
181 이름으로 검색 14340 01-01
열람중 이름으로 검색 14274 12-20
179 이름으로 검색 13981 12-20
178 이름으로 검색 12626 12-20
177 이름으로 검색 8063 12-20
176 이름으로 검색 8253 12-20
175 이름으로 검색 8481 12-20
174 이름으로 검색 8302 12-19
173 이름으로 검색 12817 12-19
172 이름으로 검색 8176 12-16
171 이름으로 검색 8457 12-14
게시물 검색