Rollstory Design/6月 - June

[제작가이드]애플스타일 배경 만들기

Woody SEO 2013. 6. 14. 10:28
반응형




애플제품을 쓰고 있다면 iPhone이나 iPad에서 홈버튼을 두번 눌러서 나오는 멀티태스킹바의 배경이나 알림센터의 배경, 그리고 MAC에서 알림센터의 배경 및 로그인화면 등등에서 위와 같은 느낌의 배경을 많이 봤을 것이다.


이번에는 이런 애플스타일 배경을 만들어 보겠다.


역시나 시작은 새캔버스를 만드는것부터 시작한다.

이번편도 역시 이미지를 어디서 다운받는것이 아니라 포토샵에서 처음부터 끝가지 다 이루어진다.



01.새창을 생성하되 내가 생각하는 배경의 크기가 1000px이라면 그보다 조금더 크게 여유를 주고 새창을 만들어야 한다. (필자는 1000px의 배경을 만들기 위해 500px를 더 주었으며 이유는 글을 보면 알 수 있다)



02.백그라운드레이어를 하나 복사하고 Filter - Noise - Add Noise를 준다.(노이즈의 양은 적당히 저정도 느낌이면 된다)



03.노이지를 준 레이어를 또 하나더 복사하여 위의 레이어 정보와 같이 헷갈리지 않게 가로,세로 라고 이름을 정해준다.



04.세로 레이어를 선택하고 Filter - Blur - Motion Blur 을 선택한다.



모션블러는 위처럼 블러가 방향의 영향을 받아서 이루어진다 따라서 세로방향으로 블러를 줄 레이어기 때문에 Angle을 90도로 한다.



05.같은 방법으로 세로레이어는 눈을 꺼두고 가로레이어를 선택하여 똑같이 Motion Blur을 준다.(Angle 0도)



06.이제 '가로','세로'레이어의 눈을 모드 키고 블랜딩 모드 Multiply를 준다.



가로,세로 레이어를 블랜딩 모드로 서로 혼합하면 이처럼 애플스타일의 배경이 만들어 진다. 하지만 자세히 보면 가장자리 부분에는 패턴이 섞이지 않은걸 볼 수 있다.



패턴이 섞이지 않는 이유는 Motion Blur를 줄때 Motion Blur가 끝부분까지 정확하게 블러처리가 안되기 때문이다.


이 이유 때문에 본래 1000px의 배경을 만들려고 했다면 그보다 조금더 여유를 두고 더큰 캔버스에서 작업을 해야 한다고 했던 것이다.



완성된 애플스타일의 배경... 좀더 밝은 느낌이나 다른느낌들을 원하면 레이어에 직접 커브로 이미지를 조금 밝게 하거나 혹은 블랜딩 모드를 Multiply가 아닌 바른 모드를 섞어봐도 좋다.


역시나 PSD파일을 첨부하오니 이해가 잘 안된다면 레이어 정보를 확인해 보길 바란다.


apple background.psd


반응형