차례:
- 파일 → 새로 만들기를 선택하여 새 문서 대화 상자를 엽니 다.
- 도구 패널의 벡터 섹션에서 텍스트 도구를 선택합니다.
- 도구 패널의 웹 섹션에서 슬라이스 도구를 선택하십시오. 그 다음 직사각형의 홈 섹션의 왼쪽 위 모서리에서 오른쪽 하단 모서리를 향해 클릭하고 끕니다.
비디오: How to Use Extract - PSD to Web Design: Dreamweaver | Adobe Creative Cloud 2025
Adobe Fireworks Creative Suite 5는 대용량 파일을 작은 크기의 패킷으로 분할하는 기법 인 999 그래서 그들은 더 빨리 다운로드합니다. 또한 격자 패턴으로 이미지의 다른 영역에 URL을 첨부하는 방법이기도합니다. 슬라이스 된 아트웍을위한 완벽한 후보는 탐색 바입니다. 각 탭은 웹 브라우저에서 클릭하면 뷰어를 다른 위치로 가져 오는 개별 슬라이스입니다.
캔버스에 맞추기 명령을 선택하십시오.
기본 이미지 만들기파일 → 새로 만들기를 선택하여 새 문서 대화 상자를 엽니 다.
너비 상자에 500을 입력하고 높이 상자에 200을 입력하십시오. 확인을 클릭하십시오.
-
-
새로운 빈 문서가 열립니다. (만들고있는 이미지보다 크기가 크므로 나중에 수정하는 방법을 참조하십시오.)
도구 패널의 벡터 섹션에서 사각형 도구를 선택합니다. 클릭하고 드래그하여 직사각형을 만듭니다.모든 크기가 좋습니다.
-
사각형을 선택한 상태에서 [도구] 패널의 [색상] 섹션에서 [채우기 색상]을 클릭하고 색상을 선택합니다.
정보 패널을 열려면 창 → 정보를 선택하십시오.
-
-
W (너비) 상자에 300을 입력하고 H (높이) 상자에 50을 입력하십시오.
속성 패널을 사용하여이 크기를 설정할 수도 있습니다. -
포인터 도구를 사용하여 사각형 외부의 캔바스 중 아무 곳이나 클릭하여 사각형 선택을 취소합니다.
마우스 오른쪽 버튼을 클릭 (Windows)하거나 Control 키를 누른 채 클릭 (Mac)하고 컨텍스트 메뉴에서 캔버스 수정 → 캔버스 맞추기를 선택합니다.
-
캔바스는 사각형의 크기에 맞춰 조정됩니다.
-
개체를 선택하지 않은 경우 속성 패널에서 캔바스 맞춤 단추를 클릭 할 수도 있습니다.
캔버스가 개체에 맞게 조정됩니다.
텍스트 추가
도구 패널의 벡터 섹션에서 텍스트 도구를 선택합니다.
도구 패널의 색상 섹션에서 채우기 색상을 클릭합니다. 색상을 선택하십시오.
-
속성 패널에서 글꼴 및 글꼴 크기를 설정합니다.
-
사각형의 왼쪽 절반을 클릭하여 텍스트를 시작할 위치에 삽입 포인터를 놓고 텍스트를 입력하십시오.
-
텍스트 영역의 오른쪽을 두 번 클릭하여 활성 텍스트 영역을 선택 취소하고 새 텍스트 영역을 만듭니다.
-
Alt + Shift (Windows) 또는 Option + Shift (Mac) 키를 누른 상태에서 초기 텍스트 상자를 오른쪽으로 드래그하여 새 텍스트 상자를 복제하고 정렬합니다.
-
다음 탐색 탭에 하나 또는 두 단어를 입력하십시오.
포인터 도구를 사용하여 텍스트의 위치를 변경하십시오.
-
슬라이스하기
-
간단하지만 효율적인 탐색 바를 준비한 다음 슬라이스 도구를 사용하여 몇 개의 슬라이스를 만든 다음 내 보냅니다.다음 단계를 따르십시오.
도구 패널의 웹 섹션에서 슬라이스 도구를 선택하십시오. 그 다음 직사각형의 홈 섹션의 왼쪽 위 모서리에서 오른쪽 하단 모서리를 향해 클릭하고 끕니다.
완벽 할 경우보기 → 눈금자를 선택하여 눈금자를 표시하십시오. 눈금자가 보이면 안내선을 클릭하여 끌 수 있습니다.
-
슬라이스가 활성화되면 [속성] 패널이 슬라이스 옵션을 제공하도록 변경됩니다.
슬라이스 내보내기 설정 드롭 다운 목록을 사용하여 형식을 변경하십시오.
아트웍의 단색이 많으면 GIF 형식을 선택하고 색상 그라데이션이 많은 이미지의 경우 JPEG를 선택하십시오.
-
링크 텍스트 상자에 링크를 입력하십시오.
알트 텍스트 상자에 링크에 대한 간략한 설명을 입력하십시오.
-
대체 텍스트
-
는 페이지를 다운로드하는 동안 나타나는 텍스트입니다. 또한 뷰어가 웹 브라우저에서 그래픽 디스플레이를 끈 경우 그래픽 대신 나타납니다.
슬라이스 도구로 클릭하고 끌어서 navbar의 두 번째 절반을 둘러 쌉니다. 3 단계와 4 단계를 반복하십시오. 단순한 형태로 조각입니다. 여러 링크와 대상이있는 탐색 모음에 전체 슬라이스 페이지 (검색 엔진이 텍스트 콘텐츠를 검색하는 것과 같기 때문에)를 만들어 원하는만큼 복잡한 프로세스를 만들 수 있습니다.
