Symfony Profiler

{% extends '@user_data/layout/default_frame.twig' %}
{% block title %}
デザイン方法 - トレーディングカード | オリジナル缶バッジ/カンバッチ製作【個人小ロットから業務用OEMまで激安印刷】ZEAMI Goods
{% endblock %}
{% block content %}

<main
id="mainContents">

<div id="bread_crumbBloc" class="fades">
<ul id="breadCrumb" class="fades">
<li class="up">
<a href="/"><img src="{{ asset('assets/img/icon_home.png') }}" alt="ホーム"></a>
</li>
<li class="up">
<a href="/category/{{ category.id ?? '' }}">{{category.name ?? ''}}</a>
</li>
<li class="up">デザイン方法</li>
</ul>


</div>

<section
id="Design" class="section_basic">

<div id="section_titleBloc" class="fades twolayout_body">
<div id="title_twoLayout">
<h3 class="section_title up">デザイン方法</h3>
<p class="title_cap up">プロからアマチュア、初めての方もご安心ください。</p>
<p class="section_note up">当店は一般の方からプロの絵描き様、企業様まで幅広くご利用いただいております。<br>
Adobe IllustratorやPhotoshopの完全データでのご入稿はもちろん、スマホやPCで簡単にご使用いただけるデザインシミュレーターでのデザインも可能です。</p>
</div>

<figure id="titlePic" class="two_layout"><img src="{{ asset('assets/img/design-trading_card/title_pic.jpg') }}"></figure>

</div>

<aside id="tabnaviBody" class="fades">
<ul id="tabNavi">
<li class="tnavi01 up">
<a href="#Period01">Illustrator</a>
</li>
<li class="tnavi02 up">
<a href="#Period02">Photoshop</a>
</li>
<li class="tnavi03 up">
<a href="#Period03">Clip Studio</a>
</li>
<li class="tnavi04 up">
<a href="#Period04">その他</a>
</li>
<li class="tnavi05 up">
<a href="#Period05">シミュレーター</a>
</li>
</ul>
</aside>


<div
id="informationContainer" class="fades">

<article
id="Period01" class="panel">

<div id="section_titleBloc" class="fades twolayout_body inbox">
<div id="title_twoLayout">
<p class="title_cap up">入稿可能なデータ形式</p>
<p class="indent section_note up">◯ Adobe Illustrator ai形式（全バージョン対応）</p>
<p class="indent section_note up">◯ カラーモード：CMYK</p>
<p class="indent section_note up">◯ ファイル保存名/フォルダ保存名：半角英数のみ</p>
<p class="indent section_note up">◯ 画像はリンク配置を行い、必ず全リンク画像データを添えたフォルダを圧縮してご入稿ください</p>
</div>

<figure id="titlePic" class="two_layout download">
<a href="#" target="_blank">
<img src="{{ asset('assets/img/btn_dwl-temp.png') }}" alt="テンプレートをダウンロード" class="for_pc">
<img src="{{ asset('assets/img/sp_btn_dwl-temp.png') }}" alt="テンプレートをダウンロード" class="for_sp">
</a>
</figure>


</div>
<h3 class="section_title up">データの作成方法</h3>
<dl
class="design_container">

<dt class="up">
<p class="design_num up">1</p>
<h4 class="design_title up">デザインサイズ</h4>
</dt>
<dd class="design_note_box">
<div class="one_box fades">
<ul class="design_piclist fades">
<li><img src="{{ asset('assets/img/design-trading_card/ai/design_size.jpg') }}" class="up"></li>
</ul>


</div>
<div class="one_box fades">
<p class="indent up">◯ テンプレートファイルを用いて規格サイズ通り実寸で制作してください。</p>
<p class="indent up">◯ テンプレートは縦横自由にご使用いただけます。</p>
<p class="indent up">◯ 最大1mmの裁断ズレが発生することがありますので1mmの背景塗り足しを設けてください。</p>
<p class="indent up">◯ デザインは両面行っていただけますようお願いいたします。</p>
<p class="indent up">◯ 最小カットラインサイズは縦横1cmまで基本的に可能です。形状が複雑すぎるデータは破れや折れの原因となるため、対応致しかねる場合もございます。</p>

</div>
</dd>


<dt class="up">
<p class="design_num up">2</p>
<h4 class="design_title up">カラーモードについて</h4>
</dt>
<dd class="design_note_box fades">
<div class="one_box fades">
<ul class="design_piclist fades">
<li><img src="{{ asset('assets/img/design-stand/ai/color_mode.jpg') }}" class="up"></li>
</ul>


</div>
<div class="one_box fades">
<p class="indent up">◯ カラーモードRGBのファイルは印刷時にCMYK形式に変換させていただきます。</p>
<p class="indent up">◯ CMYKはRGBに比べ表現できる色の幅が狭いため、データによっては色味が大きく変化したように感じる場合があります。<br>※特色対応不可</p>

</div>
</dd>

</dl>


<div class="bottom_notes_bloc fades">
<aside class="one_box caution_box fades">
<div class="caution_inner">
<h5 class="caution_title up">データ作成上のご注意</h5>
<p class="up indent">1. 文字は必ずアウトライン化してください。</p>
<p class="up indent">2. デザインが複数ある場合、同一アートボードに全て並べて配置し、1ファイルにまとめてご入稿ください。</p>
<p class="up indent">3. デザインにロックをかけるのはお控えください。印刷不良の原因となることがございます。</p>
<p class="up indent">4. サイズ加工を行っておりません。実寸にてご入稿ください。</p>
<p class="up indent">5. 配置画像データの解像度は350dpi以上を推奨させていただいています。</p>
<p class="up indent">6. 配置画像の解像度が低い場合でも、印刷できるデータであればそのまま印刷致します。仕上がりが不鮮明な場合でも保証対象とはなりませんのでご注意ください。</p>
<p class="up indent">7. 保存の際にICCプロファイルを埋め込まないでください。</p>
<p class="up indent">8. スタイライズ（ドロップシャドウやぼかしなど）をご使用の場合は、粗く印刷される場合がございます。Photoshop等にて画像化したものをご入稿いただくことを推奨とさせていただきます。</p>

</div>
</aside>

</div>
</article>


<article
id="Period02" class="panel">

<div id="section_titleBloc" class="fades twolayout_body inbox">
<div id="title_twoLayout">
<p class="title_cap up">入稿可能なデータ形式</p>
<p class="indent section_note up">◯ Adobe Photoshop psd形式（全バージョン対応）</p>
<p class="indent section_note up">◯ 推奨解像度：350dpi</p>
<p class="indent section_note up">◯ カラーモード：CMYK</p>
<p class="indent section_note up">◯ ファイル保存名/フォルダ保存名：半角英数のみ</p>
</div>

<figure id="titlePic" class="two_layout download">
<a href="#" target="_blank">
<img src="{{ asset('assets/img/btn_dwl-temp.png') }}" alt="テンプレートをダウンロード" class="for_pc">
<img src="{{ asset('assets/img/sp_btn_dwl-temp.png') }}" alt="テンプレートをダウンロード" class="for_sp">
</a>
</figure>


</div>
<h3 class="section_title up">データの作成方法</h3>
<dl
class="design_container">

<dt class="up">
<p class="design_num up">1</p>
<h4 class="design_title up">デザインサイズ</h4>
</dt>
<dd class="design_note_box">
<div class="one_box fades">
<ul class="design_piclist fades">
<li><img src="{{ asset('assets/img/design-trading_card/photoshop/design_size.jpg') }}" class="up"></li>
</ul>


</div>
<div class="one_box fades">
<p class="indent up">◯ テンプレートファイルを用いて規格サイズ通り実寸で制作してください。</p>
<p class="indent up">◯ テンプレートは縦横自由にご使用いただけます。</p>
<p class="indent up">◯ 最大1mmの裁断ズレが発生することがありますので1mmの背景塗り足しを設けてください。</p>
<p class="indent up">◯ デザインは両面行っていただけますようお願いいたします。</p>

</div>
</dd>


<dt class="up">
<p class="design_num up">2</p>
<h4 class="design_title up">カラーモードについて</h4>
</dt>
<dd class="design_note_box fades">
<div class="one_box fades">
<ul class="design_piclist fades">
<li><img src="{{ asset('assets/img/design-stand/photoshop/color_mode.jpg') }}" class="up"></li>
</ul>


</div>
<div class="one_box fades">
<p class="indent up">◯ カラーモードRGBのファイルは印刷時にCMYK形式に変換させていただきます。</p>
<p class="indent up">◯ CMYKはRGBに比べ表現できる色の幅が狭いため、データによっては色味が大きく変化したように感じる場合があります。<br>※特色対応不可</p>

</div>
</dd>

</dl>


<div class="bottom_notes_bloc fades">
<aside class="one_box caution_box fades">
<div class="caution_inner">
<h5 class="caution_title up">データ作成上のご注意</h5>
<p class="up indent">1. デザインが複数ある場合、1つのファイルに1つのデザインを配置してください。（例）デザイン3種類→3つのファイルにわけて保存</p>
<p class="up indent">2. デザインにロックをかけるのはお控えください。印刷不良の原因となることがございます。</p>
<p class="up indent">3. サイズ加工を行っておりません。実寸にてご入稿ください。</p>
<p class="up indent">4. 解像度が低い場合でも、印刷できるデータであればそのまま印刷致します。仕上がりが不鮮明な場合でも保証対象とはなりませんのでご注意ください。</p>
<p class="up indent">5. 保存の際にICCプロファイルを埋め込まないでください。</p>

</div>
</aside>

</div>
</article>


<article
id="Period03" class="panel">

<div id="section_titleBloc" class="fades twolayout_body inbox">
<div id="title_twoLayout">
<p class="title_cap up">入稿可能なデータ形式</p>
<p class="indent section_note up">◯ xxx</p>
<p class="indent section_note up">◯ xxx</p>
<p class="indent section_note up">◯ xxx</p>
<p class="indent section_note up">◯ xxx</p>
</div>

<figure id="titlePic" class="two_layout download">
<a href="#" target="_blank">
<img src="{{ asset('assets/img/btn_dwl-temp.png') }}" alt="テンプレートをダウンロード" class="for_pc">
<img src="{{ asset('assets/img/sp_btn_dwl-temp.png') }}" alt="テンプレートをダウンロード" class="for_sp">
</a>
</figure>


</div>
<h3 class="section_title up">データの作成方法</h3>
<dl class="design_container"></dl>


<div class="bottom_notes_bloc fades">
<aside class="one_box caution_box fades">
<div class="caution_inner">
<h5 class="caution_title up">データ作成上のご注意</h5>

</div>
</aside>

</div>
</article>


<article
id="Period04" class="panel">

<div id="section_titleBloc" class="fades twolayout_body inbox">
<div id="title_twoLayout">
<p class="title_cap up">入稿可能なデータ形式</p>
<p class="indent section_note up">◯ xxx</p>
<p class="indent section_note up">◯ xxx</p>
<p class="indent section_note up">◯ xxx</p>
<p class="indent section_note up">◯ xxx</p>
</div>

<figure id="titlePic" class="two_layout download">
<a href="#" target="_blank">
<img src="{{ asset('assets/img/btn_dwl-temp.png') }}" alt="テンプレートをダウンロード" class="for_pc">
<img src="{{ asset('assets/img/sp_btn_dwl-temp.png') }}" alt="テンプレートをダウンロード" class="for_sp">
</a>
</figure>


</div>
<h3 class="section_title up">データの作成方法</h3>
<dl class="design_container"></dl>


<div class="bottom_notes_bloc fades">
<aside class="one_box caution_box fades">
<div class="caution_inner">
<h5 class="caution_title up">データ作成上のご注意</h5>

</div>
</aside>

</div>
</article>


<article
id="Period05" class="panel">

<div id="section_titleBloc" class="fades twolayout_body inbox">
<div id="title_twoLayout">
<p class="title_cap up">入稿可能なデータ形式</p>
<p class="indent section_note up">◯ xxx</p>
<p class="indent section_note up">◯ xxx</p>
<p class="indent section_note up">◯ xxx</p>
<p class="indent section_note up">◯ xxx</p>
</div>

<figure id="titlePic" class="two_layout download">
<a href="#" target="_blank">
<img src="{{ asset('assets/img/btn_dwl-temp.png') }}" alt="テンプレートをダウンロード" class="for_pc">
<img src="{{ asset('assets/img/sp_btn_dwl-temp.png') }}" alt="テンプレートをダウンロード" class="for_sp">
</a>
</figure>


</div>
<h3 class="section_title up">データの作成方法</h3>
<dl class="design_container"></dl>


<div class="bottom_notes_bloc fades">
<aside class="one_box caution_box fades">
<div class="caution_inner">
<h5 class="caution_title up">データ作成上のご注意</h5>

</div>
</aside>

</div>
</article>


</div>
</section>


</main>
{% endblock %}

app/template/user_data/trading_card-design.twig line 1