01 of 08
자산 추출이란 무엇입니까?
Photoshop CC 2014의 새로운 Extract Assets 기능은 반응 형 웹 디자인 (RWD) 용 이미지 제작의 지루한 워크 플로에 애프터 버너를 추가합니다. 자산 추출 명령으로 몇 분 안에 웹 페이지 작성을 어셈블리 가능 자산으로 빠르게 줄일 수있는 방법을 살펴 보겠습니다.
확실한 질문부터 시작하겠습니다 : 자산 추출이란 무엇입니까?
간단한 용어로 Extract Assets은 Photoshop의 Generator 기능에 인터페이스를 제공하는 Photoshop의 새로운 기능으로 Photoshop 파일에서 웹 및 화면 디자인을위한 이미징 에셋을 자동으로 만들 수 있습니다. 에셋 추출 명령을 사용하면 에셋을 만들 레이어 또는 레이어, 물리적 크기, 파일 형식 및 디스크에 저장된 위치를 정의 할 수 있습니다. 텍스트를 비트 맵으로 변환하는 것이 아니라면이 기능은 텍스트를 의미하지 않습니다. 실제로는 좋지 않습니다.
시작하자.
02 of 02
Photoshop .psd 파일 열기
내가 사용하고있는 일러스트레이션에는 Illustrator의 스마트 오브젝트, 일부 텍스트, 텍스트가 포함 된 영웅 유닛, 이미지 및 단추 및 사이트의 테마를 강화하는 일련의 옥외 이미지가 포함되어 있습니다. 여기서 핵심은 레이어를 그룹으로 구성하는 것입니다. 이 작업은 필요한 모든 항목을 컴포지션에서 가져 와서 다양한 화면 해상도와 크기에 적응하는 웹 레이아웃에 신속하게 추가 할 수 있기 때문에 필요합니다.
03 / 08
자산을 추출하는 두 가지 방법
레이어 이름에 그래픽 확장을 추가하여 개체를 추출하는 Generate와 달리 Extract Assets 에서는 레이어를 마우스 오른쪽 단추로 클릭 하거나 레이어를 선택하고 [ 파일]> [Extract Assets]을 선택 하여 연결할 수있는 인터페이스를 사용합니다.
04 of 08
자산 추출 인터페이스
에셋 추출 대화 상자는 직관적입니다. 추출 할 레이어 나 선택 항목이 표시됩니다. 그 위에는 파일 크기가 표시되고 그 아래에는 개체를 확대하거나 축소 할 수있는 컨트롤이 있습니다. 대화 상자의 오른쪽은 마법이 일어나는 곳입니다. 상단에있는 4 개의 버튼을 사용하여 객체의 해상도 / 크기를 선택할 수 있습니다. 다음 스트립은 선택된 레이어를 보여주고 + 기호를 클릭하면 선택한 레이어를 다른 포맷으로 출력 할 수 있습니다. 휴지통 Ca n은 대기열에서 레이어를 제거합니다. 다음 스트립에서 파일 형식을 선택할 수 있으며 출력 이미지의 폭과 높이를 조정할 수 있습니다.
08 년 5 월
SVG 이미지 추출하기
Photoshop에서는 모든 svg 이미지를 제대로 처리하지 못하고 브라우저 및 장치에서 Illustrator 이미지를 표시 할 수 없습니다. 이로 인해 여기에 표시된 Illustrator 로고와 같은 벡터 아트웍에 사용되는 svg 파일이 늘어났습니다. 벡터의 분해능은 장치 독립적이므로 치수 나 이미지의 손실없이 크기를 조정할 수 있습니다. Illustrator 스마트 오브젝트를 svg로 변환하려면 팝업에서 svg를 선택하고 추출을 클릭합니다.
06 of 06
자산 추출 프로세스
추출 버튼을 클릭하면 몇 가지 일이 발생합니다. 먼저 파일 이름이 변경 될 수 있음을 경고합니다. 이것은 큰 문제가 아닙니다. 그런 다음 자산을 보관할 새 폴더가 생성되었다는 메시지가 표시됩니다. 프로세스가 완료되면 원본 .psd 파일과 동일한 위치에있는 폴더가 열리고 새 자산이 표시됩니다.
07/08
설정 버튼은 새로운 친한 친구입니다.
설정 버튼을 클릭하면 설정 대화 상자 가 열리면서 유용합니다. 왼쪽의 설정은 배율 인수입니다. 개발자가 미디어 쿼리 에서 특정 장치의 화면 해상도를 대상으로 사용할 다양한 이미지 복사본을 만드는 것입니다. 예를 들어, 3 배 버전은 iPhone 또는 iPad Retina 디스플레이를 대상으로하고, 1.25 요소는 Android 장치를 겨냥합니다. 개발자가 미디어 쿼리에 사용할 이미지를 쉽게 식별 할 수 있도록 접미사가 파일 이름의 끝에 추가됩니다. 작업이 끝나면 확인 버튼을 클릭하면 대화 상자의 자산 추출 영역에 선택 내용이 표시됩니다. 인터페이스의 오른쪽에있는 Extract Assets 영역의 톱니 바퀴 아이콘을 클릭하여 설정에 액세스 할 수도 있습니다
08 08
마무리 작업
추출 버튼을 클릭하면 모든 에셋이 생성되어 폴더에 추가됩니다. 이 시점에서 개발자는 폴더의 사본을 보내 다음 프로젝트로 넘어갈 수 있습니다.