2. shape layer 설정
Rectangle Tool 선택, 상단의 Shape layers 선택
3. link text
1) Grooping을 이용 solid color를 이용한 text 색상 변경
위의 BackGround color Layer를 생성하는 방법과 동일한 방법으로 'solid color'를 선택하고 text layer와 color fill layer의 중간에 마우스를 위치 시킨 후 [alt]키를 누르면 아래의 그림처럼 group화 된다. 여기서 반드시 color fill layer는 text layer 보다 상단에 위치 해 있어야 한다.
2) solid color를 이용한 text 색상 변경
[Edit] 메뉴에서 'Copy Merged'를 선택한다.
solid color를 선택한 후, 그림처럼 [alt] + 'Layer Mask' 영역을 클릭하고, [Edit] 메뉴에서 앞서 copy 한 link text를 Layer Mask 영역에 붙여넣기 한다.
[alt] + Layer Mask 영역을 선택한 후, [Image] 메뉴에서 Adjustments - invert를 선택
Layer Mask의 배경색이 흰색에서 검정색으로 변경됨을 확인 한 후,
layer 좌측에 위치한 눈 아이콘을 선택하면 그림처럼 color fill의 선택된 색상이 link text의 색상으로 적용되었음을 확인 할 수 있다.
template_partI.psd
1. Gradient 만들기
새로운 layer에 Rectangular 툴을 이용하여 박스를 만든다
[Layer] 탭에서 'New Fill Layer'를 선택하고 'Gradient'를 선택 한다.
Gradient fill 메뉴에서 그림처럼 색상을 선택한 후, Angle을 0으로 설정한다.
'OK' 버트을 누르면 Rectangular 영역에 그림처럼 선택된 Gradient 색상이 채워지는 것을 확인 할 수 있다.
2. 색상 보완작업
좌우 측은 red와 green색상이 그리고 중간 부분은 아래의 [그림 1]처럼 갈색 계통의 색상을 color picker에서 추출 할 수 있다.
여기서 주의 할 점은 위의 그림처럼 추출된 색상이 우측이 아닌 [그림 2]처럼 가능하면 좌측 모서리에 위치한 색상(black에 가까운)을 추출 하여야 한다.
[그림 1]
[그림 2]
[그림 3]처럼 Gradient 색상을 더블클릭하면 'GradientFill' 창이 나오는데 그림처럼 Gradient를 클릭한다.
[그림 3]
하단의 color를 선택할 수 있는 메뉴가 있는데 이를 클릭하면 [그림 4]처럼 color Picker 메뉴가 나오고 여기서 가능하면 R의 값이 255에 가까운 값을 선택 한다.
[그림 4]
이렇게 보정 작업을 하는 이유는 좌(Red) 우(Green)측의 원색과 이들의 mix 되는 색상(중간)값이 de-saturated 되는 값으로 설정 되어야 색상을 보정하기에 용이 하기 때문이다.
이러한 이유로 [그림 5]처럼 gradient 색상을 조절하는 보정 작업을 한다.
[그림 5]
3. Hue/Saturation 추가
[그림 6]처럼 Hue/Saturation을 추가하고 Hue의 레벨 버튼을 좌우로 움직이면 변경되는 색상을 확인할 수 있다.
[그림 6]
기존의 작성된 여러 가지 palette를 사용하기도 하지만, 웹 컬러의 경우 다양한 색상 보다는 대표적인 색상 2~3개 정도를 참조로 사용한다.
[그림 1]처럼 기존의 palette에 담은 색상 중 서로 연관 있는 3가지 색상을 추출한다.
color picker 영역에서 Hue를 선택하고 해당 색상(추출된 3가지 색상)을 기준으로 straight로 [그림 2]처럼 색상을 추출한다.
[그림 2]의 추출된 색상을 saturation(color picker의 오른쪽 모서리 영역) 또는 de-saturation(color picker의 왼쪽 모서리 영역)을 이용하여 추가로 색상을 추출한다. (여기서는 de-saturation 색상을 추출하여 value를 어둡게 추출 하였다.)
Recent Comment