デザイン|基本の作り方コンテンツへスキップこのwebサイトの先進的な機能は、ブラウザーのJavaScriptを有効にする必要があります。コメントを残すこんにちは。前回に引き続き、今回も着せ替えタンブラーの台紙の作り方について解説したいと思います。前回は、PDFになっている台紙のテンプレートをダウンロードし、AIファイルで保存するというところまで進みました。デザインテンプレートの準備はできたので、今日はそのテンプレートを利用してデザインを進めることにします。下の写真の、私がデザインしたクリエイトユアタンブラーの台紙の柄を例に、解説します。テンプレートのAIファイルを開く]ダウンロードしたPDFファイル、ファイル名は「tumbler500.pdf」ですが、前回はこのファイルをAdobeIllustratorで開いてAIファイルとして別名保存しましたね。今、あなたのPCには、「tumbler500.ai」というファイルがあるはずです。このファイルをAdobeIllustratorで開いてみましょう。PT500mlテンプレート「tumbler500.ai」PT500mlテンプレート「tumbler500.ai」のレイヤーテンプレートはレイヤーに分かれていますね。このレイヤーの中では「本体」が該当します。space」に書き換えて、作業をしても良いと思います。他のレイヤーについても説明しておきますね。「ロゴ」は空レイヤーなので削除してもOKです。「指示事項」は左上のテキストによる説明部分です。「刷り範囲」はグレーで示された部分。左上の説明にもありますが、タンブラーにセットすると図案が隠れる部分です。デザインで重要な部分、例えばロゴマークなど、図案が途切れてしまってはいけないパーツは、このグレーの部分に配置しないように気をつけなければなりません。した注意の目印としてこのレイヤーがあるわけですが、目印レイヤーなので、作業の最後に削除してしまいます。レイヤー「design」を作り図案を配置する]「刷り範囲」の下にレイヤー「design」を作ります。ブックマーカーやブックカバーのデザインの時と同じで、このレイヤーに図案を配置します。図案ができていれば、あとは簡単です。このレイヤー「design」に、図案をバランスよく配置します。今回のようなタンブラー台紙のデザインは、場合によっては、図案を扇形に湾曲させることもありますが、今回の例のような散らし柄(総柄)は、その必要はありません。見た目に不自然でなければ、図案の湾曲の必要はないということです。塗り足しをつける]塗り足しをつけます。塗り足しをつけて、印刷に用いるデータは完成となります。レイヤー「本体」の点線がありますが、これが裁ち落とし線になります。このラインから3mm外側のラインまでが、塗り足し部分(ドブ)となります。裁ち落とし線から3mm外側に、塗り足しラインを描きます。レイヤー「本体」の点線を選択したままで、メニューバー「オブジェクト」→「パス」→「パスのオフセット」を選択します。「パスのオフセット」のダイアログボックスで「オフセット」の数値を3mmにします。すると、裁ち落とし線の外側3mmにラインが描けます。この塗り足しラインを、レイヤー「design」の同一の位置にカット&ペーストします。このような、同一の位置へのカット&ペーストは「コマンド+C」の次は「コマンド+B」でしたね。塗り足しラインが描けたら、このラインまで図案を満たします。後はレイヤー「刷り範囲」を消せば、データは完成です。「本体」レイヤーの点線ですが、後の紙を裁断する作業がしやすいように、消さないで残しておいてください。試しに、私がデザインしたスターバックスのクリエイトユアタンブラーの台紙の柄を、このテンプレートに配置してみますね。下のようになりました。データを紙に印刷する]完成した図案を紙に印刷します。いつもの普通紙でもぜんぜんかまいません。発色を気にして、いつもと違う紙に印刷するのも面白いです。した鮮やかな彩度を再現するなら、写真用専用紙が良いでしょう。ブックマークのお話の時、パンダ柄の印刷に用いたのがEPSONの写真専用紙でしたね。なく、鮮やかさよりも風合いを求めるなら、画用紙が良いでしょう。私がデザインしたスターバックスのクリタンの台紙には、ケナフという自然な風合いの非木材紙を用いてます。この紙は廃盤になってしまいました。気に入っていたんですけどね・・・。印刷する紙はどんな発色を求めるかで決めれば良いと思います。cutlineを目印に裁ち落とす]紙に印刷したら、裁ち落としラインに添って裁ち落とします。裁ち落としラインは、今回のテンプレートでは、レイヤー「本体」にある点線部分でしたね。ハサミでも良いですけど、私はカッターでキュキュッとカットしてしまいます。慣れると曲線部分もスイスイ切れますよ。紙をカットしたら、台紙は出来あがりです。タンブラーにセットして出来あがり]タンブラーに台紙を差し込んでセッティングすれば出来あがりです。それぞれのメーカーの着せ替えタンブラーで、台紙の差し込み方法が異なるので、適宜やってみてください。私のクリタンは、下のフタを開けて差し込むタイプです。使ってあげてくださいね。まとめタンブラーもレイヤー「design」を作りここに図案を落とし込む台紙に用いる紙は発色で決める。コメントを残すこんにちは。紙を使ったオリジナルグッズデザインのお話をしてきましたが、ブックマーカーに続き前回は、ブックカバーの作り方のお話をしました。今回は着せ替えタンブラーの台紙の作り方です。ブックマーカーやブックカバーを作れるのなら、タンブラーの台紙はそれほど難しくはないことでしょう。AdobeIllustratorでデザインするとして、ブックマーカーもブックカバーも、最終的な形状である裁ち落としライン(Cutline)が解りそこに落とし込む図案があれば、同様の手順でデザインができましたが、タンブラーの台紙もその例に漏れません。着せ替えタンブラーを購入しよう「紙の基本(4)」でも触れましたが、スターバックスの「マイスターバックスタンブラー」、「クリエイトユアタンブラー」など、台紙が着せ替えできる仕様になっているタンブラーが市販されています。この種のタンブラーは「カスタムタンブラー」などとも呼ばれていますね。写真は現在販売中止となっている型ですが、私が愛用しているスターバックスの「クリエイトユアタンブラー」です。着せ替え式のタンブラーには台紙を差し込める隙間があります。そこに、紙に印刷したオリジナルデザインの台紙を入れて、楽しむこともできるというわけです。着せ替え式のタンブラーは、スターバックスばかりでなく複数のメーカーが販売していますが、このように台紙を入れる隙間がある仕様になっています。台紙の厳密な形状はメーカーにより異なりますが、この形状に合わせてデザインを落とし込めばいいということについては、どのメーカーにおいても変わりありません。いずれかのメーカーの着せ替えタンブラーを購入し手に入れてしまいましょう。台紙の形状が把握できれば、あとは、ブックマーカーやブックカバーのような作業になります。メーカー別、着せ替え式タンブラーいろいろ複数のメーカーが着せ替え式タンブラーを販売していますが、ご参考までにいくつかピックアップしました(※ご使用ご購入は自己責任で)。●クリエイトユアタンブラー(スターバックス)現在、販売中止となっている型のクリエイトユアタンブラーは、シンプルでどんなデザインにも合わせやすかったので、おススメしておきます。スタバのWebサイトにはまだ、この販売中止となっている型のクリエイトユアタンブラーの情報が掲載されていますね。・スターバックスWebサイト●カスタムデザインタンブラー(トレードワークス)こちらもシンプルなので、いろいろなデザインに合わせやすそうです。楽天の通販サイトでも購入できます。グッドデザイン賞を取っている商品とのことで、使いやすそうです。・雑貨ネットONLINEその他、ダイソーにも着せ替えタンブラーが売っているようですので、ご興味があれば店頭でご確認してみても良いと思います。テンプレートをダウンロードするここからは、トレードワークスのカスタムデザインタンブラーを題材に、お話したいと思います。(スタバの以前の型のクリエイトユアタンブラーは、販売中止となっているとのことですし。)トレードワークスのカスタムデザインタンブラーには、台紙デザイン用のテンプレートがあります。トレードワークス推奨のサイトなので、安心して使っていただけます。このテンプレートをダウンロードしましょう。今回はとりあえず、高さ17.8cmのものでデザインしてみますね。こちらから、ダウンロードできます。DESIGNテンプレートはJPGとPDFがあります。今回はPDFを選択します。デザインテンプレートのサイト。ファイル名は「tumbler500.pdf」です。念のためちょっと説明しておきますね。ダウンロードサイトで「PDFをダウンロード」のボタンを押していただくと、ブラウザにテンプレートの図案が現れると思います。そのまま「別名で保存」をしてしまってください。これでPDFファイルがあなたのPCにダウンロードできているはずです。そこまでできたら、今度はそのPDFファイルをIllustratorで開き、AIファイルとして保存し直します。PDFファイルは、後から編集できないようにIllustrator等で開けない設定にすることもできますが、今回のPDFファイルはテンプレートとして配布されているので、ちゃんと開くことができます。メニューバー「ファイル」→「開く」から「tumbler500.pdf」を開きます。Illustrator(ai)」を選択してください。次のダイアログでバージョンの選択がありますが、これはあなたがお使いのIllustratorのバージョンに合わせましょう。このように、ダウンロードしたPDFファイルをAIファイルで保存し直せば、テンプレートの準備は整ったことになります。あとは、図案の落とし込みです。コメントを残すこんにちは。前回はペーパークラフトのご紹介をしました。ペーパークラフト以外にも、何かの図案を紙に印刷して楽しめるアイテムがあり、そうしたアイテムのデータを無料配布しているWebサイトもあります。いろいろなサイトがあるので、ご興味があれば探して楽しんでみてくださいね。図案を配布しているこういったWebサイトを利用して楽しむこともできますが、自分で何かの図案を描いて紙に印刷し、オリジナルグッズを作るのもまた楽しいものです。ブックマーカー、ブックカバー、それから、着せ替えタンブラーの台紙は、比較的簡単にデザインできますよ。オリジナルのデザインで楽しめるアイテムAdobeIllustratorなどのデザインソフトを使えば、自分でデザインした図案を印刷して、オリジナルグッズ作りを楽しむことができます。ブックマーカーやブックカバーは、最も簡単に作れます。着せ替えタンブラーの台紙も比較的簡単に作れます。着せ替えタンブラーですが、タンブラー好きでなければ少々マニアックかも知れませんね。スターバックスでは「マイスターバックスタンブラー」、「クリエイトユアタンブラー」という名で販売している商品だったりします。着せ替えタンブラーはコーヒーなどを飲むためのタンブラーなのですが、柄などがついた台紙を入れ替えて楽しめるというものです。オリジナルのデザインの台紙に入れ替えることも可能です。着せ替え式のタンブラーはスターバックス以外でも販売しています。ダイソーでもこのタイプのタンブラーを販売しているようです。「クリエイトユアタンブラー」、台紙は私のオリジナルデザインです。Reserved.上の写真は、スターバックスの「クリエイトユアタンブラー」で、台紙は私がデザインしたものです(なお、このタイプの「クリエイトユアタンブラー」はスターバックスでは現在販売中止となっています)。台紙はハワイのイメージの模様ですが、模様を1つデザインしさえすれば、あらゆるアイテムに取り入れることができます。ブックマーカーやブックカバー、着せ替えタンブラーの台紙といったアイテムに取り入れることも、もちろん可能です。デザインした模様を各アイテムに落とし込む作業については後述するとして、まずは、模様のデザインについて解説したいと思います。深く考えなくてもいいです。した落書きも、いく種類か組み合わせれば、模様になったりしますので。円を使って水玉模様を作ってもカワイイです。ボーダー柄もスタイリッシュにキマります。アパレルでも定番の柄で、マリンルックなどにも取り入れられていますが、私も好きな柄です。模様のお話は詳しくは他の機会にまとめようと思いますが、今日はちょっとだけしておきますね。これは、生活の中で、さほど使用シーンを選ばないということでもあります。ボーダー柄は、このようにいろいろなアイテムに合わせやすい柄とも言えます。一方で、ボーダーの幅や色でイメージがかなり変わります。ボーダー柄は単純でいて、奥が深い柄ということでもあります。今日は、AdobeIllustratorで、比較的使いやすい白と水色のボーダーを作ってみます。下の画像のような完成イメージです。簡単にできますので、お試しあれ。白い紙に印刷してボーダー柄を作ると想定した時、ボーダーの白い部分は紙の色になります。それに対して水色の部分は印刷の部分になります。水色の部分だけ作ればいいということです。水色の部分を作ってみます。高さ10×横幅200mmの長方形を作ります。色はシアン30%にしておきましょう。この長方形をコピー&ペーストを繰り返すとボーダーが完成します。選び、表示された「移動」ダイアログボックスで、「水平方向」に「0mm」、「垂直方向」に「20mm」、「角度」に「-90」と数値を入力し、「コピー」のボタンを押します。すると、20mm垂直下方向に水色の長方形がコピーされます。すると、水色の長方形の高さが10mm、そして、コピーされた水色の長方形のまでの間隔が10mmで、水色と白の部分が等幅で反復される状態となるので、これを繰り返せば、水色と白の部分が等幅のボーダー柄ができるというわけです。「移動」ダイアログボックス。こんな感じで数値を入力します。「繰り返し」を行うには、コマンドを使う方法があります。選び、数値を入力し、「コピー」のボタンを押すと、水色の長方形がコピーされると言いました。この時、長方形は選択された状態になっています。この状態のまま、「コマンド+D」を押してみましょう。「コマンド+D」は、「(今行った作業の)繰り返し」のコマンドです。コマンドを押したまま、キーボードの「D」をどんどん押してみてください。押した数だけ長方形が増えます(なお、この「コマンド+D」ですが、便利なので覚えておいて損はありません)。すれば、ボーダーは、あっという間に完成です。あとは適宜、ボーダー全体を横にのばしたり縦にのばしたりすれば、各種アイテムに合わせられます。[イラストを元にした模様]私がデザインした今年の年賀状を例にとりましょうか。このサイトでは掲載していますが、下の画像は、私がデザインした今年の年賀状です。パンダが並んでいる部分、これも模様です。1つのパンダを元に、口を閉じた状態と開けた状態の2種類の表情を作り、体の模様を色違い5種類にしてカラフルにしました。そこに星を散らして、ちょっと賑やかしました。した柄をデザインするのは、1つのイラストが出来てしまえば、あとはわりあい簡単な作業です。この模様部分を元にアレンジすれば、こちらも各種アイテムに合わせられます。Reserved.このようにしてデザインした模様を、各種アイテムに落とし込んでレイアウトして印刷すれば、ちょっとしたオリジナルグッズができてしまいます。VIBES/デザイナー・フォントクリエイター。デザインスタジオアウラコミュニケーションズ代表。東京都を拠点に、グッズ、グラフィック、フォントのデザインを中心に活動しています。HYBRID」シリーズは、初版からフォントクリエイターとして参加。他「月刊MdN」等のメディアでも掲載多数。公式WebサイトでDLできます。このサイトについて「フォント×デザイン|基本の作り方」は、フォントやグラフィックなどのデザインについて、作り方を基本から解説するサイトです。私のデザイナー歴も、気がつけばもう20年越し。デザインビギナーの方や、勉強をしすぎて基本がわからなくなってしまった方、そんな方達に私が伝えられることがあるのかもしれない・・・ふと思いました。それは、生業としてのデザインの現場で得てきた手法であったり、仕事の進め方であったり。デザインを通した遊びであったり。基本を覚えれば、あとは自分なりのアレンジや別の新しい手法をみつけられます。すれば「自分の作り方」を得ることができます。わたしもこのサイトを作ることによって基本を振り返ることもできるわけで、それも良いなあと思いました。役に立っても立たなくても、まずは基本からやってみましょう!お問い合わせE-Mail:info@fontxdesign.netご連絡はE-Mailのみで受けつけております。