요즘 온라인 배너, 상세페이지에 많이 보이는 감성 나뭇잎 그림자 소스. 어렵게 생각할 것 없이 포토샵에서 스스로 만들어서 쓰면 된다. 만드는 방법이 너무 간단해서 꿀팁이라고 설명하기 민망할 정도이다.
아래 내용대로 한 번만 따라해보면 이제 원하는 모든 이미지를 그림자로 만들어서 감성 디자인을 할 수 있다.
포토샵 감성 그림자 만들기
그림자로 만들고 싶은 이미지를 하나 찾아서 불러온다.
저작권 있거나 유료이미지도 상관없고
해상도 낮아도 상관없다.
그대로 쓰지 않고 변형해서 쓸 것이므로 유료 이미지나 저작권이 있는 이미지여도 상관 없다. 맘에 드는 이미지라면 핀터레스트나 프리픽, 구글 등에서 무엇이든 골라보자. 하나의 컬러로 통일한 뒤 단순화할 것이기에 해상도 낮은 것도 상관없다. 마음에 드는 형태를 찾는 것이 중요하다.
① 그림자로 만들 이미지를 포토샵에서 오픈한다.
②, ③ 마술봉툴로 배경을 선택해서 삭제한다 (배경과 분리가 쉬운 이미지를 선택하면 편하다)
④ 배경을 삭제하면 누끼 이미지 완성
그림자는 색이 없으므로 색을 죽이거나 블랙으로 만든다.
CTRL + U 에서 Sturation 0 / Lightness 0
전경색에서 적당한 회색으로 채우는 것도 좋은 방법이다.
그림자는 색이 없다는 사실을 인지하고 흑백톤으로 만드는 것이 중요하다.
가우시안 블러 효과를 적당히 주면 그림자가 더 그럴듯해 보이는 효과가 있다.
블러 효과까지 준 나뭇잎 누끼를 여기저기 합성해보면 된다.
Psd 파일로 써도 되고 일러스트레이터로 가져가서 작업하고 싶다면 png 파일로 저장해도 좋다.
상세페이지나 온라인 배너에만 쓴다면
그냥 psd, png 파일로만 갖고 있어도 된다.
가로 사이즈를 1000px 정도로만 작업해놓으면
용량 부담 없이 보관하기도 좋고 웹 상에 올리는
그 어떤 파일에 써도 해상도가 깨질 일 없이
사용하기 좋은 용량이다.
벡터 파일로 크게 만들고 싶다면
포토샵에서 배경과 흑과 백(회색 안됨, 블랙과 화이트로 확실하게 분리해야함) 으로 분리한 상태로 그대로 저장한 파일을 일러스트레이터로 가져오자.
① 어도비 일러스트레이터에서 열고 이미지를 선택하고 상단 툴바에서 Image Trace를 누른다.
② (이미지 선택한채) 익스팬드 Expand 누르기
③ (이미지 선택한채) 그룹 해제 (CTRL + Shift + G)
④ 흰색 배경 지우면 검정색 나뭇잎 형체만 남음
리얼한 그림자 효과를 위해
Effect > Blur > Gaussian Blur
이렇게 일러스트레이터에서 만들어놓으면 아무리 확대해도 깨지지 않는 벡터 파일로 저장해서 간직할 수 있다.
빈 배경의 적당한 위치에 나뭇잎을 가져다놓으면 감성 그림자를 만들 수 있다.
위에서 만든 몬스테라 그림자 파일 PSD 와 AI파일 공유한다. 필요하신 분들은 가져가서 쓰시길~
파일을 다운로드 받으신분들은 공감의 하트♡ 눌러주시면 감사드리겠습니다.
'교육' 카테고리의 다른 글
| 에듀윌 검정고시 자동채점 가채점 합격확인 바로해보기 (0) | 2022.08.11 |
|---|---|
| 내일배움카드 종강 수강평 작성 이유와 작성 방법 주의사항 (0) | 2022.08.11 |
| 클래스101 내일배움카드 인강 수업 출석 몰아 보기 가능할까 (0) | 2022.08.08 |
| 에듀윌 소방설비산업기사 수강료와 환급 조건 환급액 (0) | 2022.08.08 |
댓글