app/template/default/Guide/cutting_psd.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.44848 24.2443 0.5 22.2958 0.5 19.8836V4.60091C0.5 2.18871 2.44848 0.240234 4.86068 0.240234Z" fill="#001E36"/><path d="M6.04053 17.0728V6.51687C6.04053 6.44365 6.07307 6.40298 6.14222 6.40298C6.31714 6.40298 6.47985 6.40298 6.71578 6.39077C6.96392 6.37857 7.22019 6.37857 7.4968 6.37043C7.77341 6.35823 8.07036 6.35823 8.38764 6.35009C8.70493 6.33789 9.01409 6.33789 9.31917 6.33789C10.1612 6.33789 10.8568 6.43959 11.4304 6.65518C11.9429 6.83009 12.4148 7.11484 12.8053 7.49721C13.1348 7.8267 13.391 8.22535 13.5537 8.66467C13.7083 9.09586 13.7897 9.53518 13.7897 9.99891C13.7897 10.8816 13.5863 11.6098 13.1754 12.1833C12.7646 12.7569 12.191 13.1881 11.5239 13.4362C10.8283 13.6925 10.0554 13.786 9.21748 13.786C8.96934 13.786 8.80663 13.786 8.70494 13.7738C8.60324 13.7616 8.4568 13.7616 8.26561 13.7616V17.0525C8.27782 17.1257 8.22494 17.1867 8.15171 17.1948H6.16256C6.08121 17.1948 6.04053 17.1542 6.04053 17.0606V17.0728ZM8.27782 8.38399V11.8294C8.42019 11.8416 8.55443 11.8498 8.67646 11.8498H9.22154C9.62019 11.8498 10.0229 11.7887 10.4012 11.6667C10.7307 11.5731 11.0154 11.3779 11.2432 11.1216C11.4588 10.8653 11.5605 10.5155 11.5605 10.064C11.5727 9.7467 11.4873 9.42942 11.3246 9.15281C11.1497 8.88433 10.9056 8.68094 10.6087 8.56704C10.2304 8.41247 9.81951 8.35145 9.39646 8.36365C9.12798 8.36365 8.89205 8.36365 8.70087 8.37586C8.49748 8.36365 8.35104 8.37586 8.28188 8.38806L8.27782 8.38399Z" fill="#31A5FF"/><path d="M20.1922 11.2026C19.883 11.0399 19.5576 10.926 19.2078 10.8528C18.8295 10.7714 18.4471 10.7185 18.0606 10.7185C17.8573 10.7063 17.6417 10.7389 17.4464 10.7917C17.3122 10.8243 17.1983 10.8934 17.1291 10.9951C17.0762 11.0765 17.0478 11.1782 17.0478 11.2717C17.0478 11.3653 17.0884 11.4548 17.1495 11.5402C17.243 11.6541 17.3651 11.7436 17.4993 11.8168C17.7352 11.9389 17.9834 12.0528 18.2274 12.1545C18.7807 12.3375 19.3135 12.5938 19.8057 12.9029C20.1434 13.1185 20.42 13.4073 20.6152 13.7531C20.7779 14.0826 20.8634 14.4406 20.8512 14.8107C20.8634 15.2948 20.7169 15.7748 20.4525 16.1734C20.1637 16.5843 19.7651 16.9016 19.3054 17.0846C18.801 17.3002 18.1868 17.4141 17.4505 17.4141C16.9786 17.4141 16.519 17.3734 16.0552 17.2799C15.6973 17.2189 15.3393 17.105 15.0098 16.9504C14.9366 16.9097 14.8878 16.8365 14.8959 16.7551V14.9694C14.8959 14.9368 14.9081 14.8962 14.9366 14.8758C14.9691 14.8555 14.9976 14.8636 15.0301 14.888C15.4288 15.124 15.8518 15.2867 16.3034 15.3924C16.6939 15.4941 17.1047 15.547 17.5156 15.547C17.9264 15.547 18.1827 15.4941 18.3657 15.4046C18.5284 15.3314 18.6423 15.1565 18.6423 14.9734C18.6423 14.8311 18.561 14.6968 18.3942 14.5626C18.2315 14.4284 17.8898 14.2738 17.3895 14.0785C16.8647 13.8955 16.3847 13.6473 15.9332 13.3382C15.6159 13.1145 15.3474 12.8134 15.1522 12.4677C14.9895 12.1382 14.904 11.7802 14.9162 11.4223C14.9162 10.9829 15.0383 10.5599 15.2661 10.1816C15.5223 9.77073 15.9007 9.44124 16.344 9.23785C16.8281 8.98971 17.4301 8.87988 18.1583 8.87988C18.5773 8.87988 19.0084 8.91242 19.4315 8.97344C19.7407 9.01412 20.0376 9.09548 20.3142 9.20937C20.3549 9.22158 20.3956 9.26226 20.4159 9.30293C20.4281 9.34361 20.4362 9.38429 20.4362 9.42497V11.0968C20.4362 11.1375 20.4159 11.1782 20.3834 11.1985C20.2898 11.2189 20.241 11.2189 20.2003 11.1985L20.1922 11.2026Z" fill="#31A5FF"/></svg> 
  21.             {{ 'Adobe Photoshopでデータご用意 - カッティングステッカー'|trans }}</h1>
  22.         </div>
  23.         <div class="ec-pageBody">
  24.             <div class="ec-section">
  25.                 <h2 class="ec-section--title2 mb-4">
  26.                     <img src="{{ asset('assets/img/guide/img_cutting_psd-1.png') }}">
  27.                     <span>Adobe Photoshopを使ってカッティングステッカー製作用データを用意する方法をご紹介します。<br>
  28.                     <small class="fw-normal">PhotoshopはあるけれどIllustratorをお持ちでない方向けです。ベクトルデータのみの扱いになりますのでIllustratorをお持ちの方はそちらをご利用ください。</small></span>
  29.                 </h2>
  30.                 <p class="ec-section--point mb-4"><span class="label-pill label-point">Point</span>原寸大（72ppi）・1色のみ・シェイプデータのみ</p>
  31.                 <div class="st-Role">
  32.                     <div class="st-Grid">
  33.                         <div class="st-Grid__item border">
  34.                             <div class="st-Grid__item-img"><img src="{{ asset('assets/img/guide/img_cutting_ai-card-1.png') }}"></div>
  35.                             <dl class="st-Grid__item-text text-left">
  36.                                 <dt>色とレイヤー構成</dt>
  37.                                 <dd>
  38.                                     <ul>
  39.                                         <li>カラーモード「CMYK」</li>
  40.                                         <li>K100%のみ</li>
  41.                                         <li>1つのデザインレイヤー</li>
  42.                                     </ul>
  43.                                     <p>で作成してください。</p>
  44.                                     <br>
  45.                                     <p class="attention"><small>カッティングステッカーに使用するシートの色は別途ご指定いただけます。<br>
  46.                                     シェイプレイヤー以外のレイヤーはすべて削除して、ビットマップデータが混ざらないようご注意ください。</small></p>
  47.                                 </dd>
  48.                             </dl>
  49.                         </div>
  50.                         <div class="st-Grid__item border">
  51.                             <div class="st-Grid__item-img"><img src="{{ asset('assets/img/guide/img_cutting_ai-card-2.png') }}"></div>
  52.                             <dl class="st-Grid__item-text text-left">
  53.                                 <dt>サイズとデータ</dt>
  54.                                 <dd>
  55.                                     <ul>
  56.                                         <li>解像度72ppi</li>
  57.                                         <li>原寸大</li>
  58.                                         <li>線はポイント単位</li>
  59.                                         <li>ペンツールはシェイプ設定</li>
  60.                                     </ul>
  61.                                     <p>で作成してください。</p>
  62.                                     <br>
  63.                                     <p class="attention"><small>高解像度で作成しないでください。<br>
  64.                                     線がポイント以外の単位で設定されていると、異なる太さに変換されてしまうためご注意ください。<br>
  65.                                     ペンツールが「パス」の設定で描画されていますと出力データとして使用できませんので「シェイプ」の設定で描画してください。</small></p>
  66.                                 </dd>
  67.                             </dl>
  68.                         </div>
  69.                         <div class="st-Grid__item border">
  70.                             <div class="st-Grid__item-img"><img src="{{ asset('assets/img/guide/img_cutting_ai-card-3.png') }}"></div>
  71.                             <dl class="st-Grid__item-text text-left">
  72.                                 <dt>フォントのシェイプ化</dt>
  73.                                 <dd>
  74.                                     <p>フォントがある場合は必ずシェイプに変換してください。<br>
  75.                                     シェイプに変換されていない場合、当社でファイルを開いたとき代替フォントに置き換わってしまい正確なデザインやサイズが確認できません。</p>
  76.                                     <br>
  77.                                     <p class="attention"><small>【シェイプへ変換の手順】<br>
  78.                                     テキストレイヤーを選択した状態で「書式」→「シェイプに変換」</small></p>
  79.                                 </dd>
  80.                             </dl>
  81.                         </div>
  82.                     </div>
  83.                 </div>
  84.                 <div class="st-Role mt-5">
  85.                     <div class="st-Grid st-Grid2">
  86.                         <div class="st-Grid__item">
  87.                             <a href="{{ url('guide_cutting_notice') }}">
  88.                                 <div class="st-Grid__item-img"><img class="img" src="{{ asset('assets/img/guide/icon_data_notes.png') }}"></div>
  89.                                 <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>
  90.                             </a>
  91.                         </div>
  92.                     </div>
  93.                 </div>
  94.             </div>
  95.         </div>
  96.     </div>
  97. {% endblock %}