Photoshop CC에서 대지 작업

Photoshop CC에서 대지 작업

Adobe Illustrator에서와 마찬가지로 Photoshop 대지는 하나의 문서 내에서 별도의 페이지나 화면을 구축할 수 있는 기능을 제공합니다. 이는 모바일 애플리케이션 또는 작은 브로셔용 화면을 구축하는 경우 특히 유용할 수 있습니다.

대지는 레이어 패널을 사용하여 만든 특수한 유형의 레이어 그룹으로 생각할 수 있습니다. 이 기능은 Adobe Illustrator에서처럼 Photoshop에서 직관적이지 않을 수 있지만 약간의 연습을 통해 익숙해질 것입니다. 대지를 직접 만드는 방법을 보려면 다음 단계를 따르십시오.

이 예에서는 iPhone 6 시작 문서를 사용하여 새 문서를 만듭니다. 레거시 새 문서 창에서 새 문서를 시작하는 경우 너비 750 x 높이 1334 크기의 새 파일을 만듭니다.Photoshop CC에서 대지 작업

iPhone 6 크기의 문서를 만듭니다.

iPhone 6 시작 파일을 사용하여 새 문서를 만든 경우 이미 레이어 패널에 아트보드가 나열되어 있는 것을 볼 수 있습니다.Photoshop CC에서 대지 작업

대지가 이미 생성된 레이어 패널.

대지가 표시되지 않으면 레이어 패널 메뉴에서 새 대지를 선택하여 지금 대지를 만드십시오.Photoshop CC에서 대지 작업

레이어 패널 메뉴를 사용하여 자신만의 대지를 추가할 수 있습니다.

대지를 만드는 동안 다양한 사전 설정 크기 중에서 선택하거나 고유한 사용자 정의 대지 크기를 정의할 수 있습니다.

파일 → 포함 배치를 선택하고 Book03-Photoshop 폴더로 이동합니다. water_sky라는 이름의 이미지를 두 번 클릭하여 선택하거나 이미지를 선택하고 가져오기를 누릅니다.

이미지가 대지에 나타나면 모서리 핸들 중 하나를 잡고 Shift 키를 누른 상태에서 클릭하고 바깥쪽으로 드래그하여 이미지의 크기를 조정하고 대지 전체를 채웁니다. 이미지의 크기와 위치가 지정되면 옵션 막대에서 커밋 확인란을 선택하거나 Enter 키를 눌러 이미지 배치를 확인합니다.Photoshop CC에서 대지 작업

이미지를 배치하고 전체 대지에 맞도록 늘립니다.

다음으로 텍스트 레이어를 추가합니다.

문자 도구를 선택하고 대지를 클릭하고 드래그하여 텍스트 영역을 만들고 새 텍스트 레이어를 추가합니다.

WATER & SKY라는 텍스트를 입력합니다. 옵션 막대의 컨트롤을 사용하여 유형을 다음 속성으로 설정합니다.

  • 글꼴: Myriad Pro Bold
  • 크기: 110pt
  • 색상: 화이트

유형을 설정한 후 옵션 막대에서 커밋 버튼을 선택합니다.Photoshop CC에서 대지 작업

아트보드에 텍스트 레이어를 추가합니다.

Ctrl+Return(Windows) 또는 ⌘ +Return(Mac)을 눌러 문자 레이어도 커밋할 수 있습니다.

보시다시피 다른 Photoshop 문서에서 작업하는 것처럼 대지로 작업합니다. 차이점은 파일에 아트보드를 추가하는 방법을 찾을 수 있는 다음 단계에 있습니다.

추가 대지 추가

추가 대지를 만들 수도 있습니다. Photoshop에서 만든 다중 화면 모바일 앱을 원하거나 한 화면의 여러 버전을 만들고 싶을 수 있습니다. 이 지침에 따라 위에서 시작한 프로젝트를 계속 진행합니다.

이동 도구를 클릭하고 숨겨진 대지 도구를 선택합니다.Photoshop CC에서 대지 작업

대지 도구를 사용하여 대지를 조작하고 더 많이 만드십시오.

더하기 기호 아이콘은 대지의 모든 면에 나타납니다. 이 더하기 기호 아이콘을 클릭하여 대지를 추가할 수 있습니다.

기존 아트보드의 오른쪽에 있는 더하기 기호 아이콘을 클릭하여 새 빈 아트보드가 추가되었는지 확인합니다.Photoshop CC에서 대지 작업

더하기 기호 아이콘을 클릭하여 빈 대지를 추가합니다.

레이어 패널을 살펴보십시오. 레이어와 마찬가지로 최신 아트보드가 선택한 레이어 위에 나타나는지 확인합니다.

대지 도구를 사용하여 사용자 정의 크기의 대지를 만들 수도 있습니다. Photoshop 캔버스에서 대지 도구로 클릭하고 드래그하여 이 작업을 수행합니다. 도구 옵션 막대의 크기 팝업 메뉴에서 사전 설정 크기를 선택하거나 사용자 정의 크기로 그대로 두십시오.

대지 이름 지정

이 파일이 더 복잡해지기 전에 대지의 이름을 지정하는 것이 좋습니다. 이것은 레이어 패널에서 수행됩니다.

초기 대지(대지 1)를 선택하고 대지 이름을 두 번 클릭합니다. 텍스트 상자가 활성화되면 Home이라는 이름을 입력합니다.

레이어 패널에서 Artboard 2라는 이름을 두 번 클릭하고 이 레이어의 이름을 Beach로 지정합니다.

두 번째 대지에 콘텐츠 추가

이제 두 번째 아트보드에 이미지와 텍스트를 추가합니다.

대지 도구를 클릭하고 다시 이동 도구로 전환합니다.

레이어 패널에서 해변 대지가 선택되어 있는지 확인하고 파일 → 포함 배치를 선택합니다. Book03_Photoshop 폴더로 이동하여 Beach라는 이미지를 선택하고 Place를 누릅니다. 이미지가 두 번째 대지에 추가됩니다.

마지막으로 배치한 이미지와 마찬가지로 Shift 키를 누른 상태에서 모서리 지점을 드래그하여 비례적으로 이미지를 더 크게 조정하고 화면을 채웁니다.

이동 도구가 활성화된 상태에서 이미지를 클릭하고 끕니다. 같은 문서에 있어도 다른 아트보드의 아트웍과 겹치거나 간섭하지 않습니다.

한 아트보드에서 다른 아트보드로 복제

이제 홈 아트보드의 텍스트를 해변 아트보드로 복제합니다.

이동 도구가 선택된 상태에서 홈 아트보드의 WATER & SKY 텍스트를 Ctrl 키를 누른 상태에서 클릭(Windows)하거나 ⌘ 키를 누른 상태에서 클릭(Mac)합니다. 그러면 해당 레이어가 활성화됩니다.

Alt(Windows) 또는 Option(Mac) 키를 누른 상태에서 한 아트보드에서 다음 아트보드로 텍스트를 클릭하고 드래그합니다.

Shift 키를 누른 상태에서 드래그하면 이미지가 정렬된 상태로 유지됩니다.

대지로 전환하고 새로 복제된 텍스트를 두 번 클릭하여 텍스트 영역을 활성화하고 FUN BEACHES를 입력합니다.Photoshop CC에서 대지 작업

두 개의 대지가 있는 Photoshop 파일입니다.

한 아트보드에서 다른 아트보드로 요소 이동

한 아트보드에서 다른 아트보드로 요소를 이동하려면 한 아트보드에서 다른 아트보드로 요소를 드래그하기만 하면 됩니다. 대지 간에 요소를 이동하면 Photoshop은 대지의 왼쪽 상단 모서리에 있는 눈금자 원점을 기준으로 동일한 위치에 요소를 배치하려고 합니다.

대지 내보내기

파일을 Photoshop 파일로 저장하여 레이어를 유지할 수 있지만 이 예에서는 파일을 2페이지 PDF로 내보냅니다. 또는 파일 → 내보내기 기능을 사용하여 대지를 PNG, JPEG, PDF 등으로 내보내십시오.

대지를 이미지 자산으로 내보내기

대지를 레이어 패널에서 직접 JPEG, GIF 또는 PNG 이미지 자산으로 내보낼 수 있습니다.

대지를 PDF로 내보내기

대지를 PDF 문서로 내보낼 수 있습니다. 다음과 같이하세요:

Photoshop에서 파일 > 내보내기 > 대지를 PDF로.

 아트보드를 PDF로 대화상자에서 다음을 수행합니다.

  • 생성된 PDF 문서를 저장할 대상/위치를 선택하세요.
  • 생성된 PDF 문서의 파일 이름 접두사를 지정합니다. 예를 들어 Campaign_insurance입니다.
  • 대지의 콘텐츠만 내보낼지, 아니면 대지와 겹치는 영역의 콘텐츠도 내보낼지 지정합니다.
  • 모든 아트보드를 내보낼지 아니면 현재 선택한 아트보드만 내보낼지 지정합니다.
  • 대지와 함께 대지 배경도 내보낼지 여부를 지정합니다.
  • 현재 문서의 모든 대지에 대해 단일 PDF를 생성할지, 아니면 대지당 하나의 PDF 문서를 생성할지 지정합니다. 여러 PDF 문서를 생성하도록 선택한 경우 해당 문서는 모두 이전에 지정한 파일 이름 접두어를 사용합니다.
  • 내보낸 PDF 문서의 인코딩(ZIP 또는 JPEG)을 지정합니다. JPEG를 선택한 경우 품질 설정(0-12)도 지정하세요.
  • 내보낸 PDF 문서에 ICC(International Color Consortium) 프로필을 포함할지 여부를 지정합니다. ICC 프로파일은 색상 입력 또는 출력 장치를 특성화하는 데이터로 구성됩니다.
  • 내보낸 대지와 함께 대지 이름도 내보낼지 여부를 지정합니다. 이 설정을 선택하는 동안 사용자 정의 글꼴, 글꼴 크기, 글꼴 색상 및 캔버스 확장 색상을 지정할 수 있습니다.

 실행을 클릭합니다. Photoshop에서는 PDF 문서를 생성합니다.

대지를 파일로 내보내기

대지를 별도의 파일로 내보낼 수 있습니다. 다음과 같이하세요:

Photoshop에서 파일 > 내보내기 > 아트보드를 파일로.

 아트보드를 파일로 대화상자에서 다음을 수행합니다.

  • 생성된 파일을 저장할 대상을 선택하세요.
  • 파일 이름 접두사를 지정합니다.
  • 대지 콘텐츠만 내보낼 것인지 아니면 겹치는 영역도 포함할 것인지 지정합니다.
  • 모든 아트보드를 내보낼지 아니면 현재 선택한 아트보드만 내보낼지 지정합니다.
  • 대지와 함께 대지 배경도 내보낼지 여부를 지정합니다.
  • 내보내려는 파일 형식을 선택합니다. BMP, JPEG, PDF, PSD, Targa, TIFF, PNG-8 또는 PNG-24로 내보낼 수 있는 옵션이 있습니다.
  • 선택한 파일 형식에 대한 내보내기 옵션을 지정합니다.
    • 내보낸 대지와 함께 대지 이름도 내보낼지 여부를 지정합니다. 이 설정을 선택하는 동안 사용자 정의 글꼴, 글꼴 크기, 글꼴 색상 및 캔버스 확장 색상을 지정할 수 있습니다.

 실행을 클릭합니다. Photoshop에서는 대지를 선택한 형식의 파일로 내보냅니다.


PDF 파일의 한 부분을 화면 캡처

PDF 파일의 한 부분을 화면 캡처

Adobe Acrobat CS5의 스냅샷 도구를 사용하여 텍스트와 이미지를 모두 선택하고 PDF 파일 내의 특정 영역에 대한 그림을 만들 수 있습니다. 결과는 일반적으로 PDF 파일 내 섹션의 화면 캡처라고 합니다. 결과는 이미지이고 텍스트는 […]

Photoshop CC에서 픽셀 측정, 계산 및 분석

Photoshop CC에서 픽셀 측정, 계산 및 분석

연구원과 과학자를 위해 설계된 Photoshop CC의 측정 기능은 매우 강력합니다. 현미경이나 망원경과 같은 기술 이미지에서 거의 모든 것을 측정하고 그 수를 셀 수 있습니다. 이미지에 있는 요소의 정확한 크기를 안다면 거의 모든 것을 발견할 수 있습니다 […]

Adobe CS5 Illustrator의 유동화 도구

Adobe CS5 Illustrator의 유동화 도구

Adobe Creative Suite 5(Adobe CS5) Illustrator에서 유동화 도구를 사용하면 단순하거나 복잡한 왜곡을 만들어 개체를 구부릴 수 있습니다. 유동화 도구는 개체에 대한 모든 종류의 창의적이거나 괴상한(보는 방식에 따라) 왜곡을 수행할 수 있습니다. 너 […]

Adobe XD에서 텍스트 속성을 조정하는 방법

Adobe XD에서 텍스트 속성을 조정하는 방법

Adobe XD 프로젝트에 텍스트가 있으면 텍스트 속성 변경을 시작할 수 있습니다. 이러한 속성에는 글꼴 모음, 글꼴 크기, 글꼴 두께, 정렬, 문자 간격(커닝 및 자간), 줄 간격(행간), 채우기, 테두리(획), 그림자(그림자) 및 배경 흐림이 포함됩니다. 그러면 이러한 속성이 어떻게 적용되는지 검토해 보겠습니다. 가독성 및 글꼴 정보 […]

InDesign CC에서 QR 코드를 만드는 방법

InDesign CC에서 QR 코드를 만드는 방법

InDesign을 사용하여 QR 코드 그래픽을 만들고 수정할 수 있습니다. QR 코드는 단어, 숫자, URL 또는 기타 형태의 데이터와 같은 정보를 저장할 수 있는 바코드 형태입니다. 사용자는 스마트폰과 같은 장치에서 카메라와 소프트웨어를 사용하여 QR 코드를 스캔하고 소프트웨어는 […]

Photoshop CC에서 대지 작업

Photoshop CC에서 대지 작업

Adobe Illustrator에서와 마찬가지로 Photoshop 대지는 하나의 문서 내에서 별도의 페이지나 화면을 구축할 수 있는 기능을 제공합니다. 이는 모바일 애플리케이션 또는 작은 브로셔용 화면을 구축하는 경우 특히 유용할 수 있습니다. 대지는 레이어 패널을 사용하여 만든 특수한 유형의 레이어 그룹으로 생각할 수 있습니다. 그것의 […]

Adobe Illustrator CC에서 텍스트 줄 바꿈

Adobe Illustrator CC에서 텍스트 줄 바꿈

Adobe Illustrator CC에서 텍스트 래핑은 선물 래핑과 완전히 같지 않습니다. 더 쉽습니다! 텍스트 줄 바꿈은 이 그림과 같이 그래픽 주위에 텍스트를 강제로 줄 바꿈합니다. 이 기능은 모든 작품에 약간의 창의성을 더할 수 있습니다. 그래픽이 텍스트를 강제로 감싸고 있습니다. 먼저 생성 […]

Illustrator에서 모양 크기를 조정하는 방법

Illustrator에서 모양 크기를 조정하는 방법

Adobe Illustrator CC에서 디자인할 때 모양이 정확한 크기(예: 2 x 3인치)여야 하는 경우가 많습니다. 모양을 만든 후 정확한 치수로 크기를 조정하는 가장 좋은 방법은 이 그림과 같이 변형 패널을 사용하는 것입니다. 개체를 선택한 다음 창 → [...]로 변환을 선택하십시오.

SVG에 투명도를 적용하는 방법

SVG에 투명도를 적용하는 방법

Illustrator에서 SVG 그래픽에 투명도를 적용하는 방법을 알아봅니다. 투명한 배경으로 SVG를 출력하고 투명도 효과를 적용하는 방법을 살펴보십시오.

Adobe XD에서 이미지 작업

Adobe XD에서 이미지 작업

이미지를 Adobe XD로 가져온 후에는 편집을 제어할 수 없지만 다른 모양과 마찬가지로 이미지 크기를 조정하고 회전할 수 있습니다. 모서리 위젯을 사용하여 가져온 이미지의 모서리를 쉽게 둥글게 할 수도 있습니다. 닫힌 모양을 정의하여 이미지 마스킹 […]