God is in the details

웹사이트를 작업하다 보면 여러 이미지 소스를 사용할 때가 많은데, 이때 소스마다 미세하게 컬러나 명도 그리고 채도가 다른 경우가 많다. 컬러 매칭하는 법 - 초간단 버전 만일 이미지 간에 색상과 명도 차이가 크지 않다면, 포토샵 상단의 Image > Adjustments > Match Color 기능을 사용해서 쉽게 해결할 수 있다. 컬러매칭 심화 하지만 대부분의 경우는 Match Color 기능을 사용하면 이미지가 부자연스럽고 거칠게 보정된다. 이럴 때는 아래와 같은 단계를 거쳐서 이미지를 보정한다. 1. 먼저 컬러를 매칭하고자 하는 이미지 소스 두 개를 불러온다. 레퍼런스 이미지를 배경에 깔고, 컬러를 보정할 소스 이미지를 위에 올려놓는다. 2. 레이어 하단에서 Adjustment layer 아이콘을..

Saturation과 Vibrance는 둘 다 이미지의 색상 강도를 조정하는 것과 관련이 있지만 약간 다른 방식으로 작동한다. 그 차이점을 알아보자. 1. 먼저 포토샵에서 색상을 보정할 이미지를 오픈한다(이미지 소스) 2. 레이어 패널 하단의 Adjustment Layer 아이콘을 누른 뒤 Vibrance를 선택한다. 3. Vibrance 레이어의 속성을 보면 각각 Vibrance와 Saturdation을 조정할 수 있는 슬라이더가 보인다. Vibrance 레이어를 하다 더 복사한 뒤, 하나는 Vibrance 값 100 다른 하나는 Saturation 값을 100으로 조정한다. 4. 이제 각각의 Adjustment Layer를 껐다가 켜면서 둘의 차이점을 비교해 보자. 원본(왼쪽), Vibrance 10..

1. 포토샵을 열어 새로운 문서를 만든 뒤, 중앙에 신발 사진을 배치한다(이미지 소스 링크). 2. Shape툴을 사용해서 중앙에 직사각형을 그린다. 아이드로퍼 툴을 이용해서 이미지 배경과 동일한 색으로 채워준다. 3. 직사각형 레이어가 신발 이미지 레이어 아래로 가도록 순서를 바꾼 뒤, 클리핑 마스크(Clipping Mask)를 적용한다. 4. 신발 이미지와 직사각형 레이어를 선택한 뒤, 복사(Command + C)한다. 그리고 7~8번 정도 제자리 붙여 넣기(Shift + Command + V)한다. 5. 복사한 직사각형 레이어들을 선택해 가면서 각도와 크기 등을 조정해 아래와 같은 구도로 만든다. 6. 맨 하단의 레이어 세트(직사각형 + 신발 이미지)만 그룹으로 설정하고, 나머지 레이어를 모두 숨김..

1. 먼저 포토샵에서 1:1 비율로 새 문서를 만든 뒤, 캔버스 중앙에 산세리프 폰트를 사용해 알파벳 A를 입력한다. 2. 알파벳 레이어를 오른쪽 클릭한 뒤 Rasterize Type을 선택해 텍스트를 이미지로 변환한 뒤에, 백그라운드 레이어에 컬러를 입힌다. *총 3가지 컬러가 필요한데, 어도비 컬러휠(링크)을 활용해 원하는 색조합을 쉽게 고를 수 있다. 3. 다운로드한 모델 원본 이미지(링크)를 포토샵에서 연 뒤에, Object Selection Tool를 활용해 배경을 제거한 뒤 이미지를 흑백으로 변경한다. 4. 해당 이미지를 알파벳 A가 있는 캔버스로 가져온 뒤, 아래와 같이 다양한 크기와 방향으로 배치한다. 그다음 맨 아래 있는 모델 이미지를 제외한 나머지 모델 이미지들은 모두 숨겨놓는다. 5...

포토샵에서 아래와 같은 효과를 적용하려면 어떻게 해야 할까? 포토샵 좀 해본 사람이라면, 레이어를 더블클릭해서 아래와 같이 Layer Style 패널을 활성화시킨 다음 Inner Shadow와 Drop Shadow 효과를 아래와 같이 적용시킬 것이다. 하지만 위와 같이 단순한 아웃풋을 제작하는 경우라면 괜찮지만, 더욱 복잡한 그래픽 작업물을 제작하거나 2차, 3차 작업을 이어서 해야 할 경우엔 Layer Style만을 활용하면 편집의 폭이 제한되어 버린다. 그럼 이런 문제를 어떻게 해결할 수 있을까? 먼저 Layer Style 대신 다른 효과를 활용해 위와 동일한 이미지를 제작해 보자: Inner Shadow 원을 선택한 다음 Shift + Cmd + I를 눌러 선택 영역을 반전시킨다. 영억이 선택된 상..

1. 정사각형(1:1) 비율의 인물사진을 포토샵에서 오픈한다. 2. 산세리프 계열의 영문폰트를 선택한 뒤 이미지 상단에 원하는 텍스트를 입력한다. 텍스트의 폭과 사진의 폭을 동일하게 맞춘다. 3. 텍스트 레이어를 복사한 뒤(단축키 Command or Ctrl + J), 해당 텍스트 레이어가 선택된 상태로 마우스의 오른쪽 버튼을 클릭한 뒤 Rasterize Layer 옵션을 선택한다. 4. 왼쪽 메뉴에서 Marquee 툴에서 마우스 오른쪽 버튼을 클릭한 뒤에 Single Row Marquee Tool을 선택한다. 5. Rasterize 된 텍스트 레이어의 맨 하단 1픽셀을 선택한다. 선택된 픽셀을 복사한 뒤 새로운 레이어를 만들어 같은 자리에 붙여 넣기 한다. *구분을 위해 Red컬러로 표시 5. Comm..

1. 일러스트레이터 새로운 도큐먼트를 하나 만든 뒤에 중간에 원을 하나 그린다. 2. Stroke에 그라디언트를 적용시켜 준다. Gradient 패널에서 설정을 Apply gradient along axis로 바꿔준다. 3. Properties 패널에서 원의 지름을 복사해서, Stroke 패널 Weight에 붙여 넣기 한다. 이렇게 하면 그라디언트가 꽉 찬 형태의 원이 생성된다. 주의할 점: 이때 단위(unit)까지 전부 다 붙여 넣기 한다. 숫자만 붙여 넣기 하면 원 형태가 되지 않는다. 4. Gradient 패널의 Slider를 이동해 Graident 분포를 원하는 대로 조정한 뒤에, Object > Expand Appearance를 선택해서 선(Stroke)을 면으로 바꿔준다. 원의 크기와 배경색을..

포토샵의 병합복사(Copy Merged)를 활용하면 현재 화면에 보이는 이미지를 그대로 쉽게 복사 및 응용할 수 있다. 특히, 작업 후반부에 레이어 개수가 많아질 때 더 빛을 발한다. 포토샵 병합복사(Copy Merged) 응용 1. 활성화된 레이어를 병합하여 새로운 레이어로 만들기 1) 복사할 레이어만 활성화시킨 상태로 전체선택(Command or Ctrl +A)을 한다. 2) Edit > Copy Merged 또는 단축키(Shift + Command or Ctrl + C)를 사용해 병합복사한다. 3) Command or Ctrl + V를 눌러 붙여 넣기 한다. 이미지가 병합된 레이어가 상단에 새로 생성된다. 2. 활성화된 레이어를 병합하여 새로운 이미지로 저장하기 1번과 동일하지만, 별도의 이미지로 ..

1. 검은색 배경의 흑백 인물사진을 일러스트레이터로 가져온다. 2. 이미지와 동일한 크기의 사각형을 이미지 위에 그린 뒤에, Rectangular Grid Tool을 이용해서 사각형 위에 그리드를 그려준다. 이때 마우스를 놓지 않은 상태로 화살표를 누르면 위아래 행(row), 왼쪽/오른쪽 열(column) 개수를 조정할 수 있다. 3. 그리드와 사각형을 모두 선택한 뒤에 Pathfinder의 divide를 눌러준다. 사각형이 그리드 모양대로 잘리게 된다. 4. 잘린 상태의 사각형(아직 그룹 된 상태)을 Command/Ctrl + X를 눌러 잘라낸 뒤에, Transparency 패널을 활성화시킨 뒤 흑백 이미지를 선택하고 Make Mask 옵션을 선택한다. 5. 생성된 Mask 영역을 선택한 상태로, 잘라..

투명픽셀 잠금(Lock transparent pixels)이란? 포토샵 레이어 패널 상단에 보면 투명픽셀 잠금(Lock transparent pixels) 아이콘이 존재한다. 해당 버튼을 누르면 적용되는 레이어에 자물쇠 아이콘이 표시되며, 레이어의 투명한 영역에 마스크가 적용된다. 즉, 투명픽셀이 잠긴 상태에서 브러시를 사용하게 되면 픽셀이 존재하는 영역에만 페인트 효과가 적용된다. 투명픽셀 잠금(Lock transparent pixels) 기능을 활용해 이미지 외곽선 정리하기 펜툴이나 선택툴을 사용해 이미지 외곽선을 따는 경우 기존 배경 컬러가 묻어 나와 지저분해 보이는 경우가 있다. 이때 투명픽셀 잠금(Lock transparent pixels) 기능을 활용하면 외곽선을 깔끔하게 정리할 수 있다. 1..