비디오: [한글자막]웹퍼블리셔를 위한 포토샵 이미지 자르기, 이미지 슬라이스 방법을 알려드립니다. 2025
Adobe Dreamweaver CS6에서 Photoshop 파일로 작업하는 기능은 워크 플로의 일부로 Photoshop을 사용하는 대부분의 디자이너에게 유용합니다. Photoshop 파일을 페이지에 배치하면 Dreamweaver는 이미지를 만든 원래 Photoshop 파일에 대한 연결을 유지하는 스마트 오브젝트, 이미지를 만듭니다.
이미지에는 원본 파일이 업데이트되었는지 여부를 알 수있는 아이콘이 표시되며 클릭 한 번으로 원본 파일의 변경 사항을 이미지에 적용 할 수 있습니다.
-페이지에 Photoshop 파일을 배치하려면 다음 단계를 따르십시오.
-
새 이미지를 배치 할 위치를 클릭하고 삽입 패널의 일반 범주에서 이미지 버튼을 클릭합니다.
-
이미지 소스 선택 대화 상자가 나타나면 Photoshop PSD 파일을 찾아 선택한 다음 선택 / 확인을 클릭하여 이미지를 선택합니다.
이미지 최적화 대화 상자가 나타납니다. 이 대화 상자를 사용하여 이미지를 웹용 GIF, JPEG 또는 PNG 형식으로 저장할 수 있습니다.
-
사전 설정 드롭 다운 목록에서 최대 호환성을 위해 JPEG 높음 옵션을 선택하십시오.
-
확인을 클릭하여 이미지를 저장합니다.
-
웹 이미지 저장 대화 상자가 나타나면 사이트의 루트 폴더로 이동하고 확인 / 저장을 클릭하여 이미지를 적절한 폴더 (예: 기본 이미지 폴더)에 저장합니다.
-
Image Tag Accessibility Attributes 대화 상자가 나타나면 이미지에 대한 간결하고 간단한 설명 (예: Man on Bike)을 입력하십시오.
새로운 이미지가 배치되고 왼쪽 상단 모서리에 작은 아이콘이 나타납니다. 이 스마트 오브젝트 표시기는 이미지가 최신임을 나타내는 두 개의 녹색 화살표를 표시합니다.
이전 단계 목록에 배치 한 이미지를 선택하고 속성 관리자에서 원본 텍스트 필드를 찾습니다.이 필드는 원본 Photoshop 파일의 위치를 표시합니다. 이미지를 편집하려면 속성 관리자의 가운데에있는 [Photoshop에서 편집] 버튼을 클릭하여 Photoshop에서 소스 파일을 엽니 다.
