세이박스

[style] 세이박스 메인 탑메뉴 처럼 메뉴 텍스트(text)에 그림자 효과 주기

웹프로그램
사용자 삽입 이미지
텍스트 메뉴에 그림자 스타일 효과 주기

filter:shadow() 를 이용하면 됩니다.

예) 흰색 메뉴 글자에 검정색 그림자 1px 효과 입니다.
<span style="color:#FFFFFF;filter:shadow(color=#000000,direction=135,strength=1);">메뉴1</span>

위 예제의 shadow 옵션 설명
color : 그림자 색상
direction : 그림자 각도
strength : 그림자 길이

세이박스 메인 탑메뉴에 그림자 효과를 주기위해 옵션을 여기 저기 찾아 보니 원하는 효과가 없었습니다.
1픽셀만큰 그림자 효과를 주고 싶었는데 알고보니 세이박스 게시글에 strength 옵션에 대해 제가 과거에 올려 놨었더군요.

http://www.saybox.co.kr/bbs/board.php?bo_table=board06&wr_id=21

먼곳에서 찾는다고 고생했다는 ㅋㅋ ^^;

[포토샵] 사진을 스케치 효과 내기

디자인

포토샵으로 사진을 스케치 효과 내기

원본사진

사용자 삽입 이미지SONY | DSC-W230 | Normal program | Pattern | 1/800sec | F/2.8 | 0.00 EV | 5.3mm | ISO-160 | Flash fired, auto mode, return light not detected

스케치효과 적용 사진

사용자 삽입 이미지


1. [image] - [adjustiments - desaturate]

2. Background - layer copy

3. Ctrl + I

4. [Filter] - [Blur - gaussian blur] radius - 10

5. [레이어] 에서 블렌딩 모드 - Color dodge

6. [레이어] 에서 - [Flatten image]

7. Background layer copy

8. [Filter] - [noise - add noise]

9. [filter] - [Blur - motion blur]

10. [레이어]에서 블랜딩모드 - Multiply, opacity - 40%


[출처] 세이박스 - http://www.saybox.co.kr/bbs/board.php?bo_table=photoshop&wr_id=1