900*612 RGB 72dpi
배경이미지
1. bg레이어 위에 레이어를 만든다.
(참고 :이미지를 가지고 작업할 때 가장 중요한 것은 원본을 보호하는 일이다. 항상 이미 지에 직접 리터칭 할 때에는 이미지의 카피 본을 이용하여 제작한다.)
2. 생성된 레이어에 color(R:0 G:191 B:243 하늘색)를 입힌다.
(또는 layer>new fill layer을 이용하여 채색하면 용이하다. 기본 color는 전경색이다.)
3. bg를 카피(레이어 이름을 main bg 로 만든다.) 하여 하늘색 레이어 위에 위치시킨다.
4. main bg 레이어를 선택한 후 image>adjustment>desaturate를 적용
(이유: desaturate 는 이미지의 명도 값만을 추출하여 흑백이미지로 만든다. 기본적인 명도가 손실되었기에 이미지의 선명한 정도를 알 수 없으므로 채도 감소현상으로 볼 수 있다.)
5. 흑백이미지로 변환된 main bg 의 블랜딩 모드를 Linear Burn 으로 변경하고 하늘색 레 이어와 합성한다.
(레이어병합 1)ctrl+e : 선택한 레이어와 하위 레이어 병합
2)shift+ctrl+e : 전체 레이어 병합)
(블랜딩 모드 : 두 개의 이미지 색상이 겹치면서 표현되는 합성을 말함. 장점이라면 원본 이미지의 손상 없이 쉽게 사용할 수 있음.)
6. 이미지가 전체적으로 어둡기 때문에 밝게 하기 위하여 Layer>NewAdjustment Layer>Curves 를 in:92 output:222 를 조절한다.
7. main bg 레이어에 만 Curves를 적용하기 위해서 Clipping 시킨다.
8. 완성된 배경이미지를 한 개의 면으로 만든다. 1)ctrl+a 2)shift+ctrl+c 3)ctrl+v
9. 이제는 좀 더 자연스러운 이미지배경을 만들기 위해 Blur>Gaussian Blur를 20px적용.
10. 그런 다음 layer>add layer mask를 추가해 그라데이션을 적용해 좌측면을 풀어준다.
주제별 콘텐츠
1. 각각의 주제별 영역을 구분하기 위하여 그리드나 가이드라인을 써도 무방하다.
(그러나 실제 작업 할 때는 면적비로 계산을 하는 경우가 많다 그만큼 보는 눈도 무시하 지 못하는 것이다.)
2. 먼저 주제가 3개 이므로 3면으로 분할해야한다.(일단 한 개의 영역에 검정색을 채운다.)
3. 하나의 면적을 동일하게 copy하여 사용 할 것이므로 1개의 이미지만 제작하면 된다.
4. Layer style 을 적용하여 표현할 것이므로 실제는 영역 값만 있으면 되므로 레이어의 fill 값은 "0"으로 설정한다.
5. 레이어를 더블클릭하여 Gradient Overlay를 적용하여 1개의 영역을 설정한다.
(bland mode : Overlay 20%)
6. 이렇게 해서 배경과 콘텐츠 정렬이 끝났다. 좀 더 디테일한 작업을 해보도록하자.
7. 콘텐츠별 심볼을 세부적으로 다루어 보자.
8. 배경이미지 10번에서 제작한 이미지의 레이어 마스크에 콘텐츠별 심볼의 배경부분을 선 택하여 흰색으로 체운다음 콘텐츠별 심볼의 블랜딩모드를 Overlay로 바꾼다.
9. 그런다음 심볼의 오른쪽영역을 마찬가지 방법으로 50%Gray 값을 레이어 바스크에 적용 하여 영역을 구분한다.
(50% Gray 이미지가 완전 투과되는 Blanding Mode 는 Overlay, SoftLight, HardLight, Linear Light, Pin Light 등이 있다.)
콘텐츠의 마우스 오버 시 이미지 제작
1. 먼저 배경이미지 10번에서 제작한 이미지를 카피하여 마우스오버라 이름을 변경한다.
2. 마우스오버의 레이어에서 나비 부분의 오른쪽영역을 선택하고 레이어마스크에 흰색을 적 용후 나머지 부분을 검정색을 적용한다.(오버시 이미지를 구분하면된다.)
3. 마우스 로버 레이어에 Layer>New Adjustment Layer>Hue/Saturation에서 hue -136 입력하고 마우스 오버에만 적용키 위해서 Clipping 시킨다
첫댓글 지금설명으로 포토샵을 이용해서 만들라고 하는 건지 아님 그냥 설명인건지..저만 그런지 따라하면 이상하게 나옴
헐...과연 그럴까여..??