Fireworks CS5 파일을 Sketch ver3으로 전송합니다.

5568 단어 Fireworkssketch

Fireworks CS5 파일을 Sketch ver3으로 전송합니다.



응용 프로그램과 웹 아이콘 등 이미지의 제작과 편집은 10여 년 동안 Fireworks를 사용했다.
최신 버전은 Fireworks CS6이지만 Fireworks CS5는 Yosemite(El Capitan에서 동작이 확인되지 않음) 동작으로 Fireworks CS5를 계속 활용하기 때문이다.
다만, 앞서 보도된 바와 같이 Fireworks 개발이 공공장소에서 계속 중단되고 있어 이전부터 대체 소프트웨어를 찾다가 지금은 스케치를 주요 그래픽 편집기로 사용하고 있다.
비트맵 시스템의 조작은 Fireworks에 미치지 못하지만 기능과 사용이 편리한 부분도 Fireworks를 초과하는 부분이 있다. 예를 들어
  • 시동 속도가 압도적으로 빠르다.
  • 이미지와 같은 해상도가 다른 여러 출력 변수를 쉽게 설정할 수 있습니다.
  • 파일의 각 경로, 그룹, 아트보드에 대한 출력 설정을 지정할 수 있습니다.
  • 다중 경로의 결합, 교차 등을 설정할 때 하나의 경로를 한데 모으는 것이 아니라 경로를 유지하는 상태에서 서로의 경로 관계를 유지하기 위해 동작을 하고 그 다음에 가볍게 조정한다(혹시 나만 몰라도Fireworks...).
  • 특히 출력 설정이 강해 스케치 출력에 익숙해지면 Fireworks 출력이 급해진다.
    Fireworks의 내보내기 기능은 이미지의 최적화와 절단에도 매우 강하다는 점에서 Fireworks가 Sketch보다 더 좋다고 느낀다.
    이에 따라 얼마 전부터 새로 제작된 아이콘 등에 스케치를 사용했다.

    Firework 제작 이미지 처리 방법


    지금까지 Fireworks로 제작된 파일군은 어쩌고?
    다행히 Fireworks는 파일 저장 형식에서 png이라는 일반적인 이미지 형식을 사용했다.
    보기만 하면 Fireworks가 없어도 전혀 문제가 없고 비트맵으로 사용하면 스케치에서 열기(또는 드래그하기)만 하면 가져갈 수 있습니다.
    그러나 Fireworks는 비트맵뿐만 아니라 벡터 계 객체도 저장합니다.Sketch에 벡터 객체로 가져오기 위해...

    Export SVG


    베커도 하면 SVG야.
    SVG에 설명된 벡터 계 객체를 Sketch에서 벡터 정보를 유지한 상태로 읽을 수 있습니다.
    따라서 Fireworks에서 만든 벡터계 대상을 SVG로 출력할 수 있다면 괜찮을 것 같다.
    http://fireworks.abeall.com/extensions/commands/Export/에서는 Fireworks의 기능 확장 명령인'Export SVG'가 공개됐다.

    http://fireworks.abeall.com/extensions/commands/Export/에서 다운로드한 Export.zip을 해제하고 Export SVG.jsf를 ~/Library/Application Support/Adobe/Fireworks CS5/Commands/로 복사합니다.
    CS6의 경우입니다. 아마 ~/Library/Application Support/Adobe/Fireworks CS6/Commands/일까요?

    Export SVG를 사용하여 SVG 파일 생성


    "Export SVG를 지정된 장소에 복제한 후 Fireworks CS5를 시작하면 Commands 메뉴에""Export SVG""가 추가됩니다."
    영어 버전인 Fireworks는'Commands', 일본어 버전이면'지령'메뉴인가.일본어 버전을 사용하지 않아서 몰라요...

    내보낼 객체를 선택하고 Export SVG를 실행한 후

    확인한 후 [예]를 선택하여 출력 대상을 지정합니다.
    그런 다음 내보낸 SVG 파일을 Sketch로 직접 열기만 하면 됩니다.

    문제 해결


    가끔 빈 대화 상자가 표시됩니다(사실 자세히 보면 비어 있지 않고 ","및 쉼표만 있음). SVG를 제대로 출력할 수 없습니다.

    http://fireworks.abeall.com/extensions/commands/Export/ 논평에서도 같은 증상이 보고됐다.나의 환경도 여러 차례 발생했다.
    jsf 파일 자체는javascript입니다.살짝 확인했는데 내부 처리에 오류가 발생했어요.
    어쨌든 나는 그 잘못을 회피하는 패치를 만들었다.
    --- Export SVG-org.jsf  2011-09-22 05:30:28.000000000 +1200
    +++ Export SVG.jsf  2015-11-27 08:20:45.000000000 +1300
    @@ -104,13 +104,21 @@
        // prompt user for save location
        var fileURL, dirURL;
        if(exportPages){
    +       try {
            var lastDir = dom.lastExportDirectory || fw.getPref("LastExportSVGLocation");
    +       } catch (e) {
    +           alert('Cannot determine the last used location.');
    +       }
            dirURL = fw.browseForFolderURL("Export SVG location", Files.exists(lastDir) ? lastDir : null);
            fileURL = Files.makePathFromDirAndFile(dirURL, dom.docTitleWithoutExtension || "Untitled");
        }else{
    
            // last save location
    -       var lastDir = dom.lastExportDirectory || Files.makePathFromDirAndFile(fw.getPref("LastExportSVGLocation"), "");
    +       try {
    +           var lastDir = dom.lastExportDirectory || fw.getPref("LastExportSVGLocation");
    +       } catch (e) {
    +           alert('Cannot determine the last used location.');
    +       }
            var filePathForSave = dom.filePathForSave;
            if(Files.exists(lastDir))
                dom.filePathForSave = lastDir;
    
    적절한 패치(예: ExportSVG.patch), ExportSVG로 저장합니다.jsf에 패치를 깁다.
    $ patch -u Export\ SVG.jsf < ExportSVG.patch
    
    내 환경에서 이렇게 하면 SVG를 쓸 수 있다(나는 이 곳 이외에도 오류가 발생할 가능성이 있다고 생각하기 때문에 반드시 이 오류를 피할 수 없다고 생각한다).

    좋은 웹페이지 즐겨찾기