CSS 개체 속성 추출하기

둥근 모서리, 그래디언트, 그림자 및 변형과 같은 CSS 개체 속성을 추출할 수 있습니다.

  1. 개체를 선택합니다.
  2. 창 > CSS 속성을 선택합니다.
  3. 모두 복사를 클릭하여 선택한 개체의 CSS 속성을 복사합니다. 선택 복사를 클릭하여 개별 속성을 복사합니다.
    자세한 내용은 Fireworks CS6를 사용하여 디자인 개체에서 CSS 속성 추출을 참조하십시오.

슬라이스를 CSS 스프라이트로 내보내기

문서의 개체를 분할하여 단일 CSS 스프라이트 이미지로 내보낼 수 있습니다. 다중 이미지 대신 단일 CSS 스프라이트 이미지를 사용하면 서버 요청 수를 줄여 웹 사이트 로드 시간이 향상됩니다.

이미지 파일과 함께 CSS 스프라이트 이미지로 슬라이스를 내보내면 변위 값이 포함된 CSS 파일도 생성됩니다.

  1. 슬라이스 또는 슬라이스 그룹을 마우스 오른쪽 단추로 클릭합니다.
  2. CSS 스프라이트 내보내기를 선택합니다.
  3. 내보내기 대화 상자에서 내보내기를 클릭합니다.

자세한 내용은 Fireworks CS6의 CSS 스프라이트 작업을 참조하십시오.

jQuery 모바일 테마 만들기

기본 스프라이트 및 색상 견본을 기반으로 jQuery 모바일 테마를 만들 수 있습니다. 또한 jQuery 모바일 테마를 미리 보고 CSS 및 스프라이트로 내보낼 수 있습니다.

  • 모바일 테마를 만들려면 명령 > jQuery Mobile 테마 > 새 테마 만들기를 선택합니다.
  • 모바일 테마를 브라우저에서 미리 보려면 명령 > jQuery Mobile 테마 > 테마 미리 보기를 선택합니다.
  • 모바일 테마를 스프라이트 및 CSS로 내보내려면 명령 > jQuery Mobile 테마 > 테마 내보내기를 선택합니다.
  • 테마를 미리 보려면 창 > 확장기능 > 앱에서 jQuery Mobile 테마 미리 보기를 선택합니다.
  • 아이콘 자리표시자를 추가하려면 [jQuery 모바일 테마] > [아이콘 자리표시자 삽입]을 선택합니다.

자세한 내용은 Fireworks CS6를 사용하여 jQuery 모바일 테마 만들기를 참조하십시오.

성능 개선 사항

  • 메모리 부족 문제를 해결하기 위해 Fireworks에서 GDI 개체 사용을 줄였습니다.
  • 큰 파일을 열고 저장할 때는 Windows 64비트 컴퓨터의 메모리 사용 한도가 증가하여 안정성이 높아집니다.
  • Mac OS에서는 개체 간 전환 시 속성 관리자의 새로 고침 속도가 향상됩니다.

칠과 획에 대한 불투명도 개별적 설정

  1. 개체를 선택한 다음 획 또는 칠 색상 피커를 선택합니다. 또는 도구 모음에서 칠 또는 획 색상 피커를 선택합니다.
  2. 불투명도 슬라이더를 클릭합니다.
  3. 슬라이더를 원하는 값으로 드래그합니다.
    Mac OS에서 텍스트 상자에 값을 입력합니다.

비디오

칠 및 획의 알파 지원(00:02:50)

이 새 기능이 제공하는 시간 절약 효과 및 크리에이티브 다양성을 나타내는 칠 및 획에 대한 알파 지원의 개요를 볼 수 있습니다.

작성자: Patrick Foster

색상 선택 향상

  • 속성 관리자 및 도구 모음의 단추를 사용하여 칠 없음, 단색, 그래디언트 및 패턴과 같은 칠 유형 옵션을 지정합니다. 이전에는 이 옵션이 드롭다운 메뉴를 통해 처리되었습니다.
  • 이제는 획 대화 상자를 사용하여 획 위치(내부, 중앙, 외부)를 지정할 수 있습니다.

비디오

보다 빠른 색상 액세스(00:03:02)

새롭고 향상된 색상 패널의 장점을 알아보고, 칠/획 불투명도, 그래디언트, 육각형 및 RGB 색상에 대한 정보 잘라내기/붙여넣기의 새로운 기능을 검토하십시오.

작성자: Patrick Foster

그래디언트 또는 패턴 칠에 대한 각도 설정

  1. 개체를 선택합니다.
  2. 속성 관리자에서 그래디언트 또는 패턴 칠을 선택합니다.
  3. 그래디언트 편집 또는 패턴 편집 대화 상자에서 각도 값을 지정합니다.

새 fw.png 파일 이름 확장명

파일을 저장할 때 파일은 기본적으로 fw.png 확장명으로 저장됩니다.

기본 동작을 변경하려면 편집 > 환경 설정을 선택합니다. 환경 설정 대화 상자의 일반 탭에서 .fw.png 붙이기를 선택 취소하고 확인을 클릭합니다.

다른 이름으로 저장 대화 상자에서도 이 확장명을 제거할 수 있습니다.

기타 개선 사항

  • 스타일 패널 개선 사항
  • 그래디언트 도구의 색상 정지점에 대한 위치 노드가 강조 표시됩니다.
  • 스포이드 도구를 사용하여 칠 및 획 색상을 복사할 수 있습니다.
    스포이드 도구를 선택하고 개체를 마우스 오른쪽 단추로 클릭하고 원하는 옵션을 선택합니다.
  • 이제 Users 디렉토리에서 기본 Fireworks 템플릿 및 공용 라이브러리 기호를 찾을 수 있습니다.
    공용 라이브러리 기호를 삭제하면 Fireworks를 다시 시작할 때 새 기호 복사본이 만들어집니다.
  • 이제 선택한 개체 이름 및 확대/축소 수준은 문서의 제목 표시줄에 나타나지 않습니다. 이 정보는 레이어 패널 및 응용 프로그램 막대에서 사용할 수 있습니다.
  • 패스 패널 및 색상 견본 업데이트
  • Mac OS에서는 Google Chrome의 이미지 파일을 미리 볼 수 있습니다.
  • 여러 패스 관련 명령에 대한 빠른 액세스를 제공하는 패스 옵션은 메뉴에 표시됩니다.
  • 마스크로 그룹화 옵션은 마우스 오른쪽 단추를 눌렀을 때 상황에 맞는 메뉴에 표시됩니다.
  • 새 파일의 최적화 기본 설정은 PNG32입니다.
  • 사용되지 않는 기능:
    • AIR 내보내기
    • 슬라이드 쇼 만들기
    • Flex 스키닝
    • Device Central
    • 내 화면 공유
  • 이제 속성 관리자를 사용하여 자르기 도구의 제한을 잠글 수 있습니다.
  • 레이어 패널 개체의 축소판 아이콘
  • 다음 자산은 이제 일반 라이브러리인 제스처, 아이콘, iPhone, jQuery 부트스트랩, 와이어프레임, 와이어프레임-광고, 와이어프레임-iPad, 와이어프레임-iPhone 및 와이어프레임 Windows Phone 7에서 사용할 수 있습니다.
  • 스타일 라이브러리가 다음 카테고리로 업데이트되었습니다. 단추 심볼 스타일, 칠 디자인 패턴, 획 색상 점 및 웹 단추 스타일.
  • 이제 파일 가져오기 작업에 도구 설명을 사용할 수 있습니다.
  • 공용 라이브러리에 심볼을 저장하는 동안 캔버스에 유지됩니다.
  • 이제 패턴 및 텍스처에 더 많은 옵션을 사용할 수 있습니다.
  • 그래디언트 칠 대화 상자에서 CTRL+왼쪽 화살표 또는 CTRL+오른쪽 화살표를 사용하여 색상 정지점 또는 불투명도 정지점을 서로 전환합니다. Mac에서 Command+LEFT 또는 Command+Right를 사용합니다.
  • 다양한 패턴과 텍스처로 라이브러리가 업데이트되었습니다.

API 개선 사항

새 메서드

  • fw.appTemplatesDir: 템플릿 디렉토리 경로를 반환합니다.
  • fw.commonLibraryDir: 공용 라이브러리 디렉토리 경로를 반환합니다.
  • fw.activeTool: 활성 도구가 지정된 도구인지 확인합니다.
    예를 들어, if(fw.activeTool==Tools.pen)을 사용하여 활성 도구가 펜 도구임을 확인합니다. 이 메서드는 현지화된 언어로 된 도구 이름에 종속되지 않습니다.
  • fw.appPatternsDir: 패턴 디렉토리 경로를 반환합니다.
  • fw.appTexturesDir: 텍스처 디렉토리 경로를 반환합니다.
  • fw.reloadPatterns: 패턴 디렉토리에서 패턴을 다시 로드합니다.
  • fw.reloadTextures: 텍스처 디렉토리에서 텍스처를 다시 로드합니다.
  • dom.updateSymbol: 공용 라이브러리에서 가져온 기호를 업데이트합니다.

업데이트된 메서드

  • fw.browseForFileURL(browseType, title, previewArea, startFolder): 새 선택적 매개 변수인 startFolder는 찾아보기 대화 상자에 대한 루트 디렉토리를 지정합니다.
  • fw.setDocumentImageSize(boundingRectangle, resolution, currentPageOnly, interpolationMethod): 새 선택적 매개 변수인 interpolationMethod는 1에서 4까지 정수 값을 가져와서 쌍입방, 쌍선형, 소프트 및 최단입점을 각각 지정합니다.
  • fw.saveAs(doc, url, defaultFromOptions): defaultFromOptions 매개변수의 기본값이 false로 변경됩니다. 이 기본값이 true로 설정되어 있으면 파일이 현재 최적화 설정으로 저장됩니다.

이 작업에는 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License의 라이센스가 부여되었습니다.  Twitter™ 및 Facebook 게시물은 Creative Commons 약관을 적용받지 않습니다.

법적 고지 사항   |   온라인 개인 정보 보호 정책