2020.07.22

포토샵 고수로 가는 지름길, '스타일'의 이해와 사용 방법

JD Sartain | PCWorld
포토샵 스타일은 텍스트, 객체, 벡터 모양, 일러스트레이션, 사진에 적용할 수 있는 효과다. 우리가 흔히 사용하는 마이크로소프트 스타일은 기본적으로 굵게, 기울임꼴, 밑줄 등의 속성과 그림자, 반사, 후광 정도지만, 포토샵은 레이어를 사용해 텍스트 및 미지를 포함하고, 이 레이어를 스타일로 장식할 수 있다.

포토샵 스타일은 스타일 패널에서 이용할 수 있다. 이 패널은 윈도우 탭에서 포토샵 바탕화면에 추가할 수 있다. 윈도우 > 스타일즈 항목을 선택하면 패널이 나타난다. 필자는 스타일 패널을 레이어 패널과 결합해 둘 다 항상 열어둔다. 포토샵은 베이식, 네추럴, 퍼, 패브릭의 4가지 범주에서 20개의 스타일을 무료로 제공한다.
 

포토샵 스타일을 더 가져오거나 로드하는 방법

현재 사용하는 포토샵의 버전과 상관없이 스타일 컬렉션에서 스타일을 모두 가져와 라이브러리에 추가할 수 있다. 스타일 패널 우측 상단에 4개의 줄이 쌓인 메뉴 아이콘을 클릭한 다음 어도비 > 포토샵 > 사전 설정 > 스타일 폴더로 이동한다.

스타일 확장자는 .asl이다. Ctrl+A를 사용해 파일 목록에서 전체 선택을 할 수 있으면 좋겠지만 불가능하다. 한 번에 하나씩 가져와야 한다. 첫 번째 파일을 선택하고 로드(load) 버튼을 클릭한다. 같은 방식으로 다른 원하는 스타일을 가져온다. 언제든 스타일을 쉽게 삭제하고 더 많이 로드할 수 있다.
 
포토샵 스타일 가져오기 및 불러오기에 액세스하는 방법 © JD SARTAIN / IDG
 

포토샵 스타일 사용 방법

포토샵 스타일 사용법은 매우 쉽다. 스타일 효과(Style Effect) 작동 방식을 익히면 텍스트나 이미지를 웹페이지나 화면에서 돋보이게 할 수 있다. 스타일 편집은 조금 복잡하지만, 그리 어렵지 않다. 스타일을 레이어와 스타일 패널 결합이 화면에 표시되는지 확인한 후 다음과 같이 진행하면 된다.
 
  1. 8x10x300ppi 포토샵 파일을 연다.
  2. 텍스트 툴을 사용해 상단에 Photoshop Styles를 입력한다. 굵은 글꼴에 크기는 60으로 조정한다. Impact, Gil Sans Ultra Bold, Broadway, Franklin Gothic Heavy, or Rockwell Extra Bold 등이 굵은 글꼴이며 어도비가 기본 제공한다.
  3. 2번 결과물을 3번 복제하고 그중 2개는 대문자로 만든다.
  4. 레이어 패널에서 첫 번째 ‘Photoshop Styles’ 문구 위에 커서를 놓고 스타일 탭을 클릭한다.
  5. 다양한 스타일 아이콘을 탐색하고 하나를 선택해 시도하거나, 예제를 사용한다.
 
포토샵 스타일 사용법 © JD SARTAIN / IDG
 

포토샵 스타일을 편집하는 방법

스타일을 편집할 수도 있다. 먼저 ‘타일’ 스타일을 선택한다. 텍스트는 3차원 조각 모양이지만, 색상은 배경과 마찬가지로 하얗다.
 
  1. 색상 변경
    • 레이어 탭을 클릭한다. 소문자 photoshop styles가 표시된 레이어를 마우스 오른쪽 버튼으로 클릭 후 드롭다운 목록에서 혼합 옵션(Blending Options)을 선택한다.
    • 왼쪽 패널에서 ‘색상’을 클릭한다. 색상 선택 상자(Color Picker)에서 진한 파란색을 선택한 다음 확인을 누른다.
    • 불투명도 조절 막대를 30~100% 사이에서 조정한 후 확인을 누른다.
  2. 드롭 섀도(Drop Shadow) 변경
    • 레이어 탭을 다시 클릭한다. 소문자 Photoshop styles2 레이어를 오른쪽 마우스로 클릭하고 드롭다운 목록에서 혼합 옵션을 선택한다.
    • 왼쪽 패널에서 단어 ‘드롭 섀도’를 클릭한다. 패널 중앙에서 거리 슬라이더를 7에서 20픽셀로 이동한다. 그런 다음 스프레드를 13%에서 23%로 이동한다. 마지막으로 크기를 16에서 10으로 조정한다.
    • ‘글로벌 라이트(Global Light) 사용’을 선택 취소하고 각도를 120도로 변경 후 확인을 누른다.
  3. 베벨 앤. 엠보싱(Bevel & Emboss) 변경
    • 레이어 탭을 다시 클릭한다. 대문자 PHOTOSHOP STYLES 레이어를 마우스 오른쪽 버튼으로 클릭하고 드롭다운 목록에서 혼합 옵션을 선택한다.
    • 왼쪽 패널에서 Bevel & Emboss를 클릭한다. 가운데 패널의 구조 > 스타일에서 드롭다운 목록의 Emboss를 선택 후 확인을 누른다.
  4. 마지막으로 스트로크(또는 아웃라인) 변경
    • 레이어 탭을 다시 클릭한다. 대문자 PHOTOSHOP STYLES2 레이어를 마우스 오른쪽 버튼으로 클릭하고 드롭다운 목록에서 혼합 옵션을 선택한다.
    • 왼쪽 패널에서 스트로크(Stroke)를 클릭한다. 가운데 패널의 스트로크 > 구조에서 크기를 8~6포인트로 변경하고, 위치(Position)를 외부에서 내부로 변경한다.
    • 스트로크 > 채우기 유형에서 채우기 유형을 색상으로 변경하고 색은 검은색으로 바꾼 후 확인을 누른다.
 
포토샵 스타일 편집방법 © JD SARTAIN / IDG
 

편집된 포토샵 스타일을 저장하는 방법

위와 같은 방법으로 기존 스타일을 편집한 다음, 다른 이름으로 스타일을 저장한다. 예를 들면 다음과 같다.
 
  1. 소문자 photoshop styles가 표시된 첫 번째 레이어를 마우스 오른쪽 버튼으로 클릭하고, 혼합 옵션을 선택한다.
  2. 레이어 스타일 설정 상자에서 ‘새 스타일’을 클릭하고 이름을 지정한다. 예를 들어 ‘블루 타일’처럼 타일을 쉽게 설명하는 이름으로 정할 수도 있다. 확인을 두 번 클릭한다.
  3. 나머지 3개의 텍스트 레이어에 대해 같은 과정을 반복한다. 소문자 photoshop styels2라는 이름의 스타일의 경우 Cheetah2로 이름을 지정한다. 대문자 PHOTOSHOP STYLES라는 이름의 스타일은 Brushstroeks2로 이름을 지정한다. 대문자 PHOTOSHOP STYELS2 레이어는 Bright Red Bevel2로 지정한다.
 

사용자 정의 포토샵 스타일을 만드는 방법

새로운 스타일을 만드는 4가지 방법이 있지만, 그중 하나만 처음부터 만들 수 있다. 다른 3가지 방법은 특징이나 효과가 없는 기존의 텅 빈 스타일을 선택한 후 앞서 살펴본 것처럼 편집해야 한다.
 
  1. 새 8x10x300ppi 파일을 열고 Create Custom Style 1을 볼드체로 입력한다. 이 레이어를 복제하고 Create Custom Style2로 바꾼다. Create Custom Style1 레이어가 선택됐는지 확인한 후 스타일러 탭으로 전환한다.
  2. 맨 아래에서 작은 폴더 아이콘을 클릭하고 그룹 이름 상자에서 사용자 정의 스타일을 저장할 폴더의 이름을 입력한다. 예를 들면 Custom1처럼 지정할 수 있다.
  3. 방금 편집 및 저장한 4가지 새 스타일을 2번 항목의 폴더로 옮긴다.
  4. 레이어 > 혼합 옵션 > 새 스타일 항목을 선택하고 이름을 입력한다. 예를 들어 기본 빈 스타일의 경우 ‘Base’로 지정한다.
  5. 스타일 패널에서 기본 스타일을 선택하면 다음 3가지 옵션 중 하나를 할 수 있다.
    • 스타일 패널 메뉴에서 새 스타일을 선택한다.
    • 스타일 패널 오른쪽 하단의 새 스타일 만들기 버튼을 클릭한다.
    • 스타일 패널의 빈 영역을 클릭한다.
  6. 레이어 탭을 클릭하고 레이어 중 하나를 마우스 오른쪽 단추로 클릭한다. 레이어 스타일 설정 상자가 나타나면 새 스타일에 효과를 추가할 수 있다. 원하지 않는 효과를 추가한 경우, 해당 효과의 확인란을 선택 취소하면 된다.
  7. 예를 들어, 필자의 새 스타일은 다음과 같다:
    • 베벨앤엠보스: 스타일 = Smooth, 테크닉 = Smooth, 깊이 = 125%, 하이라이트 모드 = 디졸브, 불투명도 = 75%, 섀도 모드 = 디졸브, 불투명도 = 75%
    • 컬러 오버레이: Pantone 287
    • 드롭 쉐도우: 혼합 모드 = Multiply, 불투명도 = 100%, 각도 = 140도, 거리 = 30px, 스프레드 = 30%, 크기 = 15px
    • 새 스타일 버튼을 다시 클릭하고 이름을 Frosty로 지정한 다음 확인을 2회 클릭한다. 스타일 탭을 클릭하면 Custom1 폴더에 새 스타일이 보인다.
    • 위의 지침을 따라 자신만의 새로운 스타일을 만들 수 있다.
 
사용자 정의 포토샵 스타일을 만드는 방법 © JD SARTAIN / IDG
 

포토샵 스타일에 패턴을 추가하는 방법

스타일에 패턴을 추가하기는 쉽다.
 
  1. 새 포토샵 파일을 열고 Pat 또는 Patterns를 입력한다. 볼드체를 사용하고 크기는 200px로 조정한다. 레이어를 2번 복제하고 각각 P1, P2, P2로 이름을 지정한다.
  2. P1 레이어를 선택한다. 마우스 오른쪽 버튼을 클릭하고 혼합 옵션 > 패턴 오버레이를 선택한다.
  3. 레이어 스타일 설정 상자의 가운데 패널에서, 패턴 옆의 아래쪽 방향 화살표를 클릭한 후 패턴 폴더를 연다.
  4. 다양한 패턴을 탐색하고 원하는 패턴을 선택 후 확인을 누른다.
  5. 레이어 P2와 P3에 패턴을 추가하려면 위 단계를 반복한다.
 
내 포토샵 스타일에 패턴을 추가하는 방법 © JD SARTAIN / IDG
 

무료 포토샵 스타일을 다운로드할 수 있는 곳

온라인에서 ‘무료 포토샵 스타일’을 검색하면, 다양한 옵션을 선택하거나 내가 선호하는 스타일을 찾을 수 있다.
 
  • Kopona.com
  • Webneel: 500 Free Photoshop Layer Styles for Designers
  • Freedesignfile: 76 Photoshop Styles
  • Deviantart.com: Photoshop Styles

editor@itworld.co.kr


2020.07.22

포토샵 고수로 가는 지름길, '스타일'의 이해와 사용 방법

JD Sartain | PCWorld
포토샵 스타일은 텍스트, 객체, 벡터 모양, 일러스트레이션, 사진에 적용할 수 있는 효과다. 우리가 흔히 사용하는 마이크로소프트 스타일은 기본적으로 굵게, 기울임꼴, 밑줄 등의 속성과 그림자, 반사, 후광 정도지만, 포토샵은 레이어를 사용해 텍스트 및 미지를 포함하고, 이 레이어를 스타일로 장식할 수 있다.

포토샵 스타일은 스타일 패널에서 이용할 수 있다. 이 패널은 윈도우 탭에서 포토샵 바탕화면에 추가할 수 있다. 윈도우 > 스타일즈 항목을 선택하면 패널이 나타난다. 필자는 스타일 패널을 레이어 패널과 결합해 둘 다 항상 열어둔다. 포토샵은 베이식, 네추럴, 퍼, 패브릭의 4가지 범주에서 20개의 스타일을 무료로 제공한다.
 

포토샵 스타일을 더 가져오거나 로드하는 방법

현재 사용하는 포토샵의 버전과 상관없이 스타일 컬렉션에서 스타일을 모두 가져와 라이브러리에 추가할 수 있다. 스타일 패널 우측 상단에 4개의 줄이 쌓인 메뉴 아이콘을 클릭한 다음 어도비 > 포토샵 > 사전 설정 > 스타일 폴더로 이동한다.

스타일 확장자는 .asl이다. Ctrl+A를 사용해 파일 목록에서 전체 선택을 할 수 있으면 좋겠지만 불가능하다. 한 번에 하나씩 가져와야 한다. 첫 번째 파일을 선택하고 로드(load) 버튼을 클릭한다. 같은 방식으로 다른 원하는 스타일을 가져온다. 언제든 스타일을 쉽게 삭제하고 더 많이 로드할 수 있다.
 
포토샵 스타일 가져오기 및 불러오기에 액세스하는 방법 © JD SARTAIN / IDG
 

포토샵 스타일 사용 방법

포토샵 스타일 사용법은 매우 쉽다. 스타일 효과(Style Effect) 작동 방식을 익히면 텍스트나 이미지를 웹페이지나 화면에서 돋보이게 할 수 있다. 스타일 편집은 조금 복잡하지만, 그리 어렵지 않다. 스타일을 레이어와 스타일 패널 결합이 화면에 표시되는지 확인한 후 다음과 같이 진행하면 된다.
 
  1. 8x10x300ppi 포토샵 파일을 연다.
  2. 텍스트 툴을 사용해 상단에 Photoshop Styles를 입력한다. 굵은 글꼴에 크기는 60으로 조정한다. Impact, Gil Sans Ultra Bold, Broadway, Franklin Gothic Heavy, or Rockwell Extra Bold 등이 굵은 글꼴이며 어도비가 기본 제공한다.
  3. 2번 결과물을 3번 복제하고 그중 2개는 대문자로 만든다.
  4. 레이어 패널에서 첫 번째 ‘Photoshop Styles’ 문구 위에 커서를 놓고 스타일 탭을 클릭한다.
  5. 다양한 스타일 아이콘을 탐색하고 하나를 선택해 시도하거나, 예제를 사용한다.
 
포토샵 스타일 사용법 © JD SARTAIN / IDG
 

포토샵 스타일을 편집하는 방법

스타일을 편집할 수도 있다. 먼저 ‘타일’ 스타일을 선택한다. 텍스트는 3차원 조각 모양이지만, 색상은 배경과 마찬가지로 하얗다.
 
  1. 색상 변경
    • 레이어 탭을 클릭한다. 소문자 photoshop styles가 표시된 레이어를 마우스 오른쪽 버튼으로 클릭 후 드롭다운 목록에서 혼합 옵션(Blending Options)을 선택한다.
    • 왼쪽 패널에서 ‘색상’을 클릭한다. 색상 선택 상자(Color Picker)에서 진한 파란색을 선택한 다음 확인을 누른다.
    • 불투명도 조절 막대를 30~100% 사이에서 조정한 후 확인을 누른다.
  2. 드롭 섀도(Drop Shadow) 변경
    • 레이어 탭을 다시 클릭한다. 소문자 Photoshop styles2 레이어를 오른쪽 마우스로 클릭하고 드롭다운 목록에서 혼합 옵션을 선택한다.
    • 왼쪽 패널에서 단어 ‘드롭 섀도’를 클릭한다. 패널 중앙에서 거리 슬라이더를 7에서 20픽셀로 이동한다. 그런 다음 스프레드를 13%에서 23%로 이동한다. 마지막으로 크기를 16에서 10으로 조정한다.
    • ‘글로벌 라이트(Global Light) 사용’을 선택 취소하고 각도를 120도로 변경 후 확인을 누른다.
  3. 베벨 앤. 엠보싱(Bevel & Emboss) 변경
    • 레이어 탭을 다시 클릭한다. 대문자 PHOTOSHOP STYLES 레이어를 마우스 오른쪽 버튼으로 클릭하고 드롭다운 목록에서 혼합 옵션을 선택한다.
    • 왼쪽 패널에서 Bevel & Emboss를 클릭한다. 가운데 패널의 구조 > 스타일에서 드롭다운 목록의 Emboss를 선택 후 확인을 누른다.
  4. 마지막으로 스트로크(또는 아웃라인) 변경
    • 레이어 탭을 다시 클릭한다. 대문자 PHOTOSHOP STYLES2 레이어를 마우스 오른쪽 버튼으로 클릭하고 드롭다운 목록에서 혼합 옵션을 선택한다.
    • 왼쪽 패널에서 스트로크(Stroke)를 클릭한다. 가운데 패널의 스트로크 > 구조에서 크기를 8~6포인트로 변경하고, 위치(Position)를 외부에서 내부로 변경한다.
    • 스트로크 > 채우기 유형에서 채우기 유형을 색상으로 변경하고 색은 검은색으로 바꾼 후 확인을 누른다.
 
포토샵 스타일 편집방법 © JD SARTAIN / IDG
 

편집된 포토샵 스타일을 저장하는 방법

위와 같은 방법으로 기존 스타일을 편집한 다음, 다른 이름으로 스타일을 저장한다. 예를 들면 다음과 같다.
 
  1. 소문자 photoshop styles가 표시된 첫 번째 레이어를 마우스 오른쪽 버튼으로 클릭하고, 혼합 옵션을 선택한다.
  2. 레이어 스타일 설정 상자에서 ‘새 스타일’을 클릭하고 이름을 지정한다. 예를 들어 ‘블루 타일’처럼 타일을 쉽게 설명하는 이름으로 정할 수도 있다. 확인을 두 번 클릭한다.
  3. 나머지 3개의 텍스트 레이어에 대해 같은 과정을 반복한다. 소문자 photoshop styels2라는 이름의 스타일의 경우 Cheetah2로 이름을 지정한다. 대문자 PHOTOSHOP STYLES라는 이름의 스타일은 Brushstroeks2로 이름을 지정한다. 대문자 PHOTOSHOP STYELS2 레이어는 Bright Red Bevel2로 지정한다.
 

사용자 정의 포토샵 스타일을 만드는 방법

새로운 스타일을 만드는 4가지 방법이 있지만, 그중 하나만 처음부터 만들 수 있다. 다른 3가지 방법은 특징이나 효과가 없는 기존의 텅 빈 스타일을 선택한 후 앞서 살펴본 것처럼 편집해야 한다.
 
  1. 새 8x10x300ppi 파일을 열고 Create Custom Style 1을 볼드체로 입력한다. 이 레이어를 복제하고 Create Custom Style2로 바꾼다. Create Custom Style1 레이어가 선택됐는지 확인한 후 스타일러 탭으로 전환한다.
  2. 맨 아래에서 작은 폴더 아이콘을 클릭하고 그룹 이름 상자에서 사용자 정의 스타일을 저장할 폴더의 이름을 입력한다. 예를 들면 Custom1처럼 지정할 수 있다.
  3. 방금 편집 및 저장한 4가지 새 스타일을 2번 항목의 폴더로 옮긴다.
  4. 레이어 > 혼합 옵션 > 새 스타일 항목을 선택하고 이름을 입력한다. 예를 들어 기본 빈 스타일의 경우 ‘Base’로 지정한다.
  5. 스타일 패널에서 기본 스타일을 선택하면 다음 3가지 옵션 중 하나를 할 수 있다.
    • 스타일 패널 메뉴에서 새 스타일을 선택한다.
    • 스타일 패널 오른쪽 하단의 새 스타일 만들기 버튼을 클릭한다.
    • 스타일 패널의 빈 영역을 클릭한다.
  6. 레이어 탭을 클릭하고 레이어 중 하나를 마우스 오른쪽 단추로 클릭한다. 레이어 스타일 설정 상자가 나타나면 새 스타일에 효과를 추가할 수 있다. 원하지 않는 효과를 추가한 경우, 해당 효과의 확인란을 선택 취소하면 된다.
  7. 예를 들어, 필자의 새 스타일은 다음과 같다:
    • 베벨앤엠보스: 스타일 = Smooth, 테크닉 = Smooth, 깊이 = 125%, 하이라이트 모드 = 디졸브, 불투명도 = 75%, 섀도 모드 = 디졸브, 불투명도 = 75%
    • 컬러 오버레이: Pantone 287
    • 드롭 쉐도우: 혼합 모드 = Multiply, 불투명도 = 100%, 각도 = 140도, 거리 = 30px, 스프레드 = 30%, 크기 = 15px
    • 새 스타일 버튼을 다시 클릭하고 이름을 Frosty로 지정한 다음 확인을 2회 클릭한다. 스타일 탭을 클릭하면 Custom1 폴더에 새 스타일이 보인다.
    • 위의 지침을 따라 자신만의 새로운 스타일을 만들 수 있다.
 
사용자 정의 포토샵 스타일을 만드는 방법 © JD SARTAIN / IDG
 

포토샵 스타일에 패턴을 추가하는 방법

스타일에 패턴을 추가하기는 쉽다.
 
  1. 새 포토샵 파일을 열고 Pat 또는 Patterns를 입력한다. 볼드체를 사용하고 크기는 200px로 조정한다. 레이어를 2번 복제하고 각각 P1, P2, P2로 이름을 지정한다.
  2. P1 레이어를 선택한다. 마우스 오른쪽 버튼을 클릭하고 혼합 옵션 > 패턴 오버레이를 선택한다.
  3. 레이어 스타일 설정 상자의 가운데 패널에서, 패턴 옆의 아래쪽 방향 화살표를 클릭한 후 패턴 폴더를 연다.
  4. 다양한 패턴을 탐색하고 원하는 패턴을 선택 후 확인을 누른다.
  5. 레이어 P2와 P3에 패턴을 추가하려면 위 단계를 반복한다.
 
내 포토샵 스타일에 패턴을 추가하는 방법 © JD SARTAIN / IDG
 

무료 포토샵 스타일을 다운로드할 수 있는 곳

온라인에서 ‘무료 포토샵 스타일’을 검색하면, 다양한 옵션을 선택하거나 내가 선호하는 스타일을 찾을 수 있다.
 
  • Kopona.com
  • Webneel: 500 Free Photoshop Layer Styles for Designers
  • Freedesignfile: 76 Photoshop Styles
  • Deviantart.com: Photoshop Styles

editor@itworld.co.kr


X