app/template/default/Guide/print_ai.twig line 1

Open in your IDE?
  1. {#
  2. This file is part of EC-CUBE
  4. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  6. http://www.ec-cube.co.jp/
  8. For the full copyright and license information, please view the LICENSE
  9. file that was distributed with this source code.
  10. #}
  11. {% extends 'default_frame.twig' %}
  13. {% block stylesheet %}
  14.     <link rel="stylesheet" href="{{ asset('assets/css/guide.css') }}">
  15. {% endblock %}
  17. {% block main %}
  18.     <div class="ec-role">
  19.         <div class="ec-pageHeader">
  20.             <h1><svg width="26" height="25" viewBox="0 0 26 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.86068 0.240234H20.7576C23.1698 0.240234 25.1183 2.18871 25.1183 4.60091V19.8836C25.1183 22.2958 23.1698 24.2443 20.7576 24.2443H4.86068C2.44847 24.2443 0.5 22.2958 0.5 19.8836V4.60091C0.5 2.18871 2.44847 0.240234 4.86068 0.240234Z" fill="#330000"/><path d="M12.4267 14.6403H8.61109L7.83008 17.0525C7.80974 17.146 7.72838 17.2071 7.63482 17.1949H5.70669C5.59279 17.1949 5.56432 17.1338 5.59279 17.0118L8.89584 7.50536C8.92838 7.40367 8.95686 7.28977 8.99753 7.16774C9.03821 6.95214 9.05855 6.72841 9.05855 6.50062C9.04635 6.44774 9.09109 6.39892 9.13991 6.38672H11.7962C11.8775 6.38672 11.9182 6.41926 11.9304 6.46807L15.6728 17.0321C15.7053 17.146 15.6728 17.1949 15.5711 17.1949H13.4274C13.3541 17.2071 13.285 17.1542 13.2647 17.081L12.4226 14.6403H12.4267ZM9.20499 12.5576H11.8084C11.7474 12.342 11.666 12.0857 11.5725 11.8172C11.4789 11.5406 11.3894 11.2437 11.2958 10.9345C11.1941 10.6172 11.1006 10.3081 10.9989 9.99079C10.8972 9.6735 10.8036 9.37655 10.7223 9.0796C10.6409 8.79079 10.5677 8.52638 10.4986 8.27824H10.4782C10.3847 8.71757 10.2748 9.16096 10.1284 9.60028C9.97381 10.0925 9.81923 10.605 9.65652 11.1176C9.51415 11.6423 9.35957 12.1223 9.20499 12.5535V12.5576Z" fill="#FF9700"/><path d="M17.9141 8.13628C17.5765 8.14848 17.247 8.01424 17.0029 7.77831C16.767 7.52204 16.645 7.18441 16.6531 6.83458C16.6409 6.48475 16.7751 6.15933 17.0233 5.9234C17.2714 5.68746 17.5968 5.56543 17.9345 5.56543C18.3331 5.56543 18.6423 5.68746 18.866 5.9234C19.0897 6.17153 19.2158 6.49695 19.2036 6.83458C19.2158 7.18441 19.0897 7.52204 18.8457 7.77831C18.6097 8.02645 18.2599 8.15662 17.9141 8.13628ZM16.767 17.0407V9.14509C16.767 9.0434 16.8077 9.00272 16.9012 9.00272H18.9311C19.0246 9.00272 19.0653 9.0556 19.0653 9.14509V17.0407C19.0653 17.1546 19.0246 17.2034 18.9311 17.2034H16.9216C16.8199 17.2034 16.767 17.1424 16.767 17.0407Z" fill="#FF9700"/></svg> 
  21.             {{ 'Adobe Illustratorでデータご用意 - プリントステッカー'|trans }}</h1>
  22.         </div>
  23.         <div class="ec-pageBody">
  24.             <div class="ec-section">
  25.                 <h2 class="ec-section--title2 mt-5 mb-4">
  26.                     <img src="{{ asset('assets/img/guide/img_cutting_ai-1.png') }}">
  27.                     Adobe Illustratorデータでご入稿の場合はそのまま出力してプリントステッカー制作いたします。CC対応です。
  28.                 </h2>
  29.                 <p class="ec-section--point mb-4"><span class="label-pill label-point">Point</span>原寸大・CMYKカラー・フォントのアウトライン化</p>
  30.                 <div class="attention ec-section--download mb-4">
  31.                     <svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.5 16.2441L7.5 11.2441L8.9 9.79414L11.5 12.3941V4.24414H13.5V12.3941L16.1 9.79414L17.5 11.2441L12.5 16.2441ZM6.5 20.2441C5.95 20.2441 5.47933 20.0485 5.088 19.6571C4.69667 19.2658 4.50067 18.7948 4.5 18.2441V15.2441H6.5V18.2441H18.5V15.2441H20.5V18.2441C20.5 18.7941 20.3043 19.2651 19.913 19.6571C19.5217 20.0491 19.0507 20.2448 18.5 20.2441H6.5Z" fill="#FB2A4F"/></svg>
  32.                     <a href="{{ asset('assets/img/guide/printsticker_template.zip') }}" class="ec-section--download-link">テンプレートダウンロード -  [プリントステッカー用Zipファイル]</a>
  33.                 </div>
  34.                 <div class="st-Role">
  35.                     <div class="st-Grid">
  36.                         <div class="st-Grid__item border">
  37.                             <div class="st-Grid__item-img"><img src="{{ asset('assets/img/guide/img_print_ai-1.png') }}"></div>
  38.                             <dl class="st-Grid__item-text text-left">
  39.                                 <dt>色の設定</dt>
  40.                                 <dd>
  41.                                     <ul>
  42.                                         <li>カラーモード：CMYK</li>
  43.                                         <li>ラスタライズ効果：高解像度（300 ppi）</li>
  44.                                         <li>プレビューモード：デフォルト</li>
  45.                                     </ul>
  46.                                     <p>で作成してください。</p>
  47.                                     <br>
  48.                                     <p class="attention"><small>カラープロファイル：Japan Color 2001 Coted<br>
  49.                                     4色ベタ（400%）はインク総量が多くなりすぎ、乾きが悪くなるため避けていただけますようお願いいたします。</small></p>
  50.                                 </dd>
  51.                             </dl>
  52.                         </div>
  53.                         <div class="st-Grid__item border">
  54.                             <div class="st-Grid__item-img"><img src="{{ asset('assets/img/guide/img_cutting_ai-card-2.png') }}"></div>
  55.                             <dl class="st-Grid__item-text text-left">
  56.                                 <dt>サイズとデータ</dt>
  57.                                 <dd>
  58.                                     <p>製作されたいサイズを原寸大にて、デザインのみ作成してください。<br>
  59.                                     画像データがある場合は、ファイルに埋め込んでください。</p>
  60.                                     <br>
  61.                                     <p class="attention"><small>マスク処理について<br>
  62.                                     余分箇所をある程度トリミングしてからマスクをかけてください。広範囲に隠してある場合、当店側で出力成形を行うことが出来なくなってしまうことがあります。</small></p>
  63.                                 </dd>
  64.                             </dl>
  65.                         </div>
  66.                         <div class="st-Grid__item border">
  67.                             <div class="st-Grid__item-img"><img src="{{ asset('assets/img/guide/img_cutting_ai-card-3.png') }}"></div>
  68.                             <dl class="st-Grid__item-text text-left">
  69.                                 <dt>フォントのアウトライン化</dt>
  70.                                 <dd>
  71.                                     <p>フォントを使用している場合は文字のアウトラインを必ずお取り下さい。</p>
  72.                                     <br>
  73.                                     <p class="attention"><small>【アウトライン化の手順】<br>
  74.                                     選択ツールでオブジェクトを選択<br>
  75.                                     メニューの「オブジェクト」→「パス」→「パスのアウトライン」</small></p>
  76.                                 </dd>
  77.                             </dl>
  78.                         </div>
  79.                     </div>
  80.                 </div>
  81.                 <div class="st-Role mt-5">
  82.                     <div class="st-Grid st-Grid2">
  83.                         <div class="st-Grid__item">
  84.                             <a href="{{ url('guide_print_notice') }}">
  85.                                 <div class="st-Grid__item-img"><img class="img" src="{{ asset('assets/img/guide/icon_data_notes.png') }}"></div>
  86.                                 <div class="st-Grid__item-title"><p><svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 0.740234C3.5816 0.740234 0 4.32183 0 8.74023C0 13.1586 3.5816 16.7402 8 16.7402C12.4184 16.7402 16 13.1586 16 8.74023C16 4.32183 12.4184 0.740234 8 0.740234ZM8.8 12.7402H7.2V11.1402H8.8V12.7402ZM8.8 9.54023H7.2L6.8 4.74023H9.2L8.8 9.54023Z" fill="#FB2A4F"/></svg> データを作る上のご注意点</p></div>
  87.                             </a>
  88.                         </div>
  89.                     </div>
  90.                 </div>
  91.                 <div class="st-Role mt-5">
  92.                     <h2 class="ec-section--title3">データレイヤー</h2>
  93.                     <div class="st-body">
  94.                         <div class="bg-light-gray p-3 pb-0 pt-5">
  95.                             <div class="d-flex gap-4">
  96.                                 <div style="width:150px;"><img src="{{ asset('assets/img/guide/img_cutting_ai-2.png') }}"></div>
  97.                                 <dl>
  98.                                     <dt>【印刷デザイン】レイヤー</dt>
  99.                                     <dd>
  100.                                         <ul>
  101.                                             <li>このレイヤーに印刷デザインを作成してください。</li>
  102.                                         </ul>
  103.                                     </dd>
  104.                                     <dt>【カットライン】レイヤー</dt>
  105.                                     <dd>
  106.                                         <ul>
  107.                                             <li>ステッカーをカットするためのラインとなります。</li>
  108.                                             <li>塗りなし・線のみ、C100%またはM100%の単色で設定してください。</li>
  109.                                             <li>クローズパスデータで作成ください。オープンパスになっていると予期せぬカットを行ったり、カットが途切れたりする恐れがあります。</li>
  110.                                         </ul>
  111.                                     </dd>
  112.                                     <dt>【ホワイトインク】レイヤー</dt>
  113.                                     <dd>
  114.                                         <ul>
  115.                                             <li>透明・メタリック系・反射素材が対象です。</li>
  116.                                             <li>素材にホワイトインクを印刷したあと、【印刷デザイン】レイヤーにあるデータを重ねて印刷します。</li>
  117.                                             <li>ホワイトインクを出力したい箇所に、アウトライン（パス）データのみでご用意ください。</li>
  118.                                             <li>塗りのみ、C100%1色、M100%1色、Y100%1色、K100%1色のいずれかの単色、印刷デザインと被りにくい色で設定して頂けますと幸いです。</li>
  119.                                         </ul>
  120.                                     </dd>
  121.                                 </dl>
  122.                             </div>
  123.                         </div>
  124.                         <div class="bg-light-gray p-3 p-md-4 p-lg-5">
  125.                             <div class="attention has-icon">
  126.                                 <svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 0.16748C3.5816 0.16748 0 3.74908 0 8.16748C0 12.5859 3.5816 16.1675 8 16.1675C12.4184 16.1675 16 12.5859 16 8.16748C16 3.74908 12.4184 0.16748 8 0.16748ZM8.8 12.1675H7.2V10.5675H8.8V12.1675ZM8.8 8.96748H7.2L6.8 4.16748H9.2L8.8 8.96748Z" fill="#FB2A4F"/></svg>
  127.                                 <dl class="mb-0">
  128.                                     <dt>ホワイトインクの使用について</dt>
  129.                                     <dd class="mb-0">
  130.                                         <ul class="mb-0">
  131.                                             <li>素材特性が隠蔽されますので、素材感を残したい箇所にホワイトインクは使用しないでください。</li>
  132.                                             <li>データの不透明度が100％であっても実際の印刷では100％の隠蔽性は得られませんのでご了承ください。</li>
  133.                                             <li>ホワイトインク出力＆出力後の乾燥は通常カラーより大幅に長い時間を要します。また溶剤性が強くメディアへの影響が大きいため、カットする部分に印刷が被る場合には特に長い乾燥時間が必要となっております。このため納期を長めに取らせて頂くことや急ぎの対応ができないことがあります。</li>
  134.                                         </ul>
  135.                                     </dd>
  136.                                 </dl>
  137.                             </div>
  138.                         </div>
  139.                     </div>
  140.                 </div>
  141.             </div>
  142.         </div>
  143.     </div>
  144. {% endblock %}