トートバッグまたはTシャツのパターン+テキストデザイン

2,481 view

こんにちは、私はJudithzzYukoで、グラフィックデザイナーであり、ほぼ10年間プロのイラストレーターです。デザインの世界では、タイポグラフィの構図やベクトルが好きですが、イラストに関しては、よりリアルなアートが好きです。私がやっていることを見てみたいなら、Instagramでそれができます:

https://www.instagram.com/judithzzyuko/

このチュートリアルでは、トートバッグ、Tシャツ、またはその他の必要なオブジェクトで使用するテキストを実装して、パターンまたはパターンを設計する方法を学習します。
私はソフトウェアの英語版を使用しており、キャプチャと名前の両方がこのバージョンのものであることを覚えておいてください。

1.科目の選択

順序どおりに作業する場合、自分のプロジェクトとして、または練習のために、デザインで使用するテーマを選択する必要がある場合、クライアントによって確立されるテーマが既にあります。
デザインについて何をすべきかわからない場合は、「アートプロンプトジェネレーター」のようなリソースを使用して、オプションを提供し、適切なテーマを見つけるように促します。
私たちの場合、恐竜に触発されたトートバッグを作成することにしました。
恐竜自体の画像、その異なる主な既知の種、およびこのテーマに関連する植物やその他の要素の両方の画像を使用します。

2.スタイルとフレーズの選択+ムードボード

私たちがデザインを通して伝えたいことを知ることは常に重要です。もっと本格的なデザインが必要な場合は、より現実的なイラストを使用する必要があります。おそらく、生物学の本やアンティークプリントに触発されたものです。彩度の低い色、より正確で細かな線、より詳細な色。
逆にもっとリラックスしたり、もっと子供っぽい観客に焦点を合わせたい場合は、漫画にもっと近いスタイルを使用します。太い線、パステルカラー、ドローイングで、キャラクターの主な特徴を抽象化し、誇張します適切な方法で。

どのスタイルに従うべきか正確にわからない場合は、それについてのアイデアを得るために以前の検索を行うことが常に必要です。
気に入った画像がいくつかある場合、正しいことはムードボードを作成することです。
ムードボードは、プロジェクトを設計するときに私たちにインスピレーションと示唆を与える画像のコレクションです。スタイル、カラーパレット、またはデザイン構造のいずれであるか。
Pinterestを支援し、有用な画像をすべて追加するボードを作成します。

https://www.pinterest.es/judithzzyuko/dinosaurs-patterns/

最後に、検索後、より「かわいい」スタイルを作成することにしました。
私たちのパターンに付随するフレーズや単語は、テーマだけでなく、選択したスタイルとも一貫している必要があります。
私たちの場合、より良いスタイルを選択したので、これらの特性に合ったテキストも選択します。このために、オノマトペ、この場合は「RAWR」を使用します。これはコミック環境のこのタイプの動物に関連しています。

3.構造とスケッチ

パターンをどのように構築するかを知るために、最初に知っておくべきことは、全体的なデザインをどのようにするかです。
この特定のケースでは、トートバッグまたはクロスバッグのデザインに焦点を当てるので、メインデザインをベースにしますが、後で必要に応じて他のサポートで使用したり変更したりできます。

布製バッグのサイズはさまざまですが、これが私たちにあまり影響を与えないように、36cm x 36cmの標準的な測定値を使用します。正方形の測定値を使用する場合、必要に応じてデザインを変更しやすくなります。別のサイズに移動します。
既に特定のバッグがある場合は、そのバッグのメジャーを直接使用できます。
バッグの総スペースは通常印刷可能ではないため、1センチのマージンで作業しますが、デザインが印刷されている場所が既に見つかっている場合は、デザインを開始する前に印刷可能な表面について自分で通知する必要があります。デジタルでのみ提示するつもりのプロジェクトの場合は、それを無視し、上記のマージンのセンチメートルを使用します。

サイズがすでに決まっているので、スケッチから始めます。まず、デザインに必要な構造から始めます。パターンとテキストの少なくとも2つの要素が必要であることを忘れずに、パターンに関連する何らかの形のテキストの後に色の丸薬を追加します。幾何学的な図。

テキストとパターンの重要性は非常に似ており、代償はないため、最初のスケッチを選択します。

デザインがどのようになるかおおよそわかったので、パターンのスケッチから始めます。
簡単に認識できる5〜6個の恐竜を使用し、植物、卵、足跡などの他の要素を追加してパターンを埋め、余白があまりないことを確認します。

完全でない場合は問題ではありません。パターンの最終バージョンの作成を開始したら、私たちを納得させない詳細を磨きます。
スケッチを特定の尺度にする必要はありません。念頭に置いておく必要があるのは、作成するデザインがバッグの使用可能なスペース全体で繰り返されることです。したがって、正方形の測定値を使用することが理想です。

パターンスケッチと完全なデザインの両方が揃ったら、カラーパレットを探すことができます。

4.カラーパレット

ムードボードのおかげで、このデザインの色を選択するのがはるかに簡単になります。それは、私たちが選んだスタイルと個人的な好みに大きく依存します。
かなり幼稚なイラストを作成したら、さまざまなパステルカラーを使用できますが、選択した描画スタイルは線なので、パターンには2色しかありません。ほとんどの要素に使用する黒と、細かい部分に使用するだけのパステルピンクです。
単純なデザインに賭けるので、後に続くテキストとカラーピルの両方にこれらの色のバリエーションがあります。

デザインがほぼ完成したら、カラーパレットが必要な場合や新しい色を追加する場合は変更できますが、開始して目的を明確に参照するには、これらの色を使用します。

5.パターン作成/スタンピング

デザインを作成するために必要なすべての要素が揃ったので、パターンの最終作成に進みます。

上記のように、Command + Nの35cm x 35cmを使用して、新しいドキュメントを作成します。測定値がセンチメートルであることを確認する必要があります。バッグにプロジェクトを印刷する場合は300dpiの解像度を使用します。デジタル環境でのみこのパターンを使用することが確実な場合、150dpiまたは72dpiの解像度を使用できますが、個人的にはjpgで添付されたファイルがコピーとして保存されなくなるまで150dpiを失います。

前に言ったように、トートバッグを印刷することを意図している場合、RGBからCMYKにカラーモードを変更する必要があります。印刷用にドキュメントを保存する前にそれを行うことができますが、色が変わることに注意してください。
この変更を行うには、[表示]-[カラープロファイル]-[プレビュー設定]に移動する必要があります。

ウィンドウが表示されたら、ドロップダウンリストから基本的なCMYKプロファイルを選択します。

描画するキャンバスが既にあるので、スケッチを新しいレイヤーに貼り付けて、不透明度を50%に下げ、描画を開始し、新しいレイヤーで必要な部分を改善および変更しますパネルアイコン[レイヤー]または[レイヤー]メニュー-[新しいラスターレイヤー]を使用します。

設計には明確なラインが必要で、あまり多くの変調や不連続性がないため、オイルブラシを使用します。
このブラシを選択するには、左パネルの[ブラシ]に移動し、[濃いペイント]タブから適切なブラシ、この場合は[オイルペイント]を選択します。

ブラシのプロパティを使用してさまざまなバリアントを試してみたい場合は、下のパネル[ツールプロパティ]で変更できます。そうでない場合は、デフォルトのプロパティで十分です。

新しいレイヤーにパターンをプロットすると、そのようなものができます。

次のステップで完全なパターンを作成することで修正するため、いくつかの空白スペースを残しました。

パターンが単純なコピー/貼り付けであるように見えないように、それを構成するパネルを相互に関連するようにします。ダウン。
次のようにします。

図面の上下でエッジが切り取られるまで画像を拡大します。

前の画像のように描画の一部をキャンバスの外側まで拡大すると、次の画像のようなものになります。

描画ができたら、Command + Aを使用してキャンバス全体を選択し、Command + Xで切り取り、Command + Vで貼り付けます。これにより、キャンバスの内部とレイヤーを選択した新しいレイヤーが作成されます。 、キャンバスの外側にあるすべてのものの前のものが残ります。左側のパネルの[レイヤーの移動]または「K」キーを使用して、何もないと思われる最初のレイヤーを選択し、残った部分が再び表示されるまで矢印キーを使用します。

最初にレイヤーを複製し、それを使用して図面の上部で失われた部分を選択し、表示されるまで下げてから、Shiftキーを押しながらカーソルでドラッグして、それが残るようにします同じ位置に配置し、下端に揃えます。
元のレイヤーを使用してキャンバスの右外側にある図を使用して同じ手順を実行し、この場合は左に移動します。

もう一度完全な図を作成したら、最上位レイヤーを選択し、Command + Eを2回使用して3つのキャンバスを添付します。最終的なパターンを作成するときにエラーが発生しないようにするには、Command + Aを使用してキャンバスを再度選択し、カットアンドペーストして、空になったレイヤーを削除します。このようにして、キャンバスに何かが残されている場合、それがパターンの一部であり、画像の連続性を損なうことを回避します。

最終的なイメージは、次のようになります。

イラストができたので、完全なパターンを作成します。

これを行うには、レイヤーを選択した状態で、下の画像に示すようにレイヤーメニューを開き、[レイヤーの変換]をクリックします。

ウィンドウが表示されるので、[ラスターレイヤー]というメニューを表示し、[イメージマテリアルレイヤー]を選択する必要があります。

これを行うと、レイヤーの右側にアイコンがどのように表示されるかがわかります。

次に、左側のパネルに移動し、[操作]-[オブジェクト]を選択します。下部のパネルに[タイル]オプションが表示されます。それを選択し、パターンに合った繰り返しモードを選択します。この場合、[タイル]で[繰り返し]を選択し、[タイル方向]で[垂直および水平]を選択します。

選択すると、アンカーポイントが表示され、思いのままにパターンサイズを変更できます。

6.テキストの作成またはタイポグラフィの選択

今のところ、このようなパターンはそのままにして、デザインで使用する書体を選択します。

非常に具体的なテーマとスタイルがあるので、使用したいフォントの種類を見つけやすくなります。このスタイルの描画と、セリフ付きのタイポグラフィを使用したい場合は、丸みを帯びたエッジでより有機的な外観のドライスティックを使用できますが、手書きをエミュレートするタイポグラフィを使用するのが適切ですまたは、直接テキストを送信します。

私たちのデザインでは、テキストを作成する人になります。インスピレーションを見つけてパターンを作成する最初のMoodboardで行ったように、私たちは好きなタイポグラフィや書道の例を探します。シンプルでモダンなものが欲しいので、文字をエミュレートすることで複雑になることはありません。大文字を使用し、視覚的により機敏ないくつかの書体を選択し、それらのバージョンを作成します。

これを行うには、左側のパネルに移動し、ブラシツールを選択します。ここで、水彩などのテクスチャのあるブラシを選択します。これにより、テキストはより個性的になりますが、微妙になります。

テキストとそれを際立たせるために、恐竜の頬骨のパターンに少し詳細を与えるために選択したピンク色を使用します。
手紙を書くときは、より楽しくて気楽な空気を与えるので、私たちは手紙を書くときに完全に直線に従わないようにします。

タイポグラフィにもっと重みを与え、パターンだけでなく、その背後に配置するカラーオブジェクトをさらに区別するために、一種のシェーディングを作成します。画像を新しいレイヤーアイコンにドラッグし、Commandを押しながら新しいレイヤーをクリックしてテキストを選択するだけで、イメージを複製します。

フォアグラウンドで選択した色が正しい色であることを確認します。この場合、テキストで使用されているピンクの濃いバージョンで、テキストを選択した状態で、Alt + Deleteキーを押して、選択範囲を簡単に塗りつぶします。

このレイヤーを最もクリアなテキストのレイヤーの下に配置し、下の画像のように見えるように、数ミリ横に移動します。

テキストを取得したら、その背後に配置する要素に取り組みます。自分自身を複雑にしたくない場合は、パターンと書体が非常に構造化されている場合は単純に幾何学的なフォームを使用し、反対の場合はより有機的なフォームを使用します。

私たちにもできることは、簡単な方法を探すことですが、それは私たちのデザインのテーマに関連しています。この場合、恐竜の足跡は簡単に認識できる数字であると同時に、私たちのテキストを読むことを妨げます。私たちがタイポグラフィの後ろに置いたものが読書を妨げてはならないので、あなたは常にそれを覚えておかなければなりません。

テキストの背後に配置する新しいレイヤーを作成し、残りのレイヤーを非表示にしてより快適に作業します。恐竜の足跡が表示されるMoodboardの画像を探し、以前に使用したのと同じブラシとカラーパレットの4番目の色を使用して、足跡を描画して次の結果を得ます。

7.トートバッグのデザイン

次の図に示すように、4つの主要な要素とパターンを使用すると、デザイン全体が過負荷になり、少し息をする必要があることがわかります。

このために、フットプリントの下部のパターンと前景のテキストを分離します。これを実行してパターンを変更するには、最初にレイヤータイプを再度変更する必要があります。リスクを冒したくない場合は、これらの変更を行う前にレイヤーを複製し、複製されたレイヤーで作業することができます。

選択したレイヤーで、レイヤーパネルを開き、以前に行ったように、[レイヤーの変換]を選択します。

今回は、[イメージマテリアルレイヤー]から[ラスターレイヤー]に移動します。これにより、パターンを消去および描画できますが、パターンを変更することはできなくなります。つまり、アンカーポイントは以前のように表示されなくなり、画像を縮小すると、以前のようにパターンは表示されなくなります。そのため、前述したように、レイヤーを複製するか、パターンのサイズが正しいことを確認する必要があります。

これから、パターンのこのレイヤーを変更できるので、他の要素の周りに迷惑をかける部分を削除します。
選択したパターンレイヤーで、次のように他のレイヤーのオブジェクトを選択します。 Command +クリックを使用して他のレイヤーの1つを選択して最初の要素を選択し、Command + Shift +クリックを使用して他のレイヤーの残りの要素を追加します。テキストと指紋を選択したら、[選択]メニューに移動し、[選択領域の拡張]オプションを開きます。

次のウィンドウが表示され、選択範囲を拡大するミリメートルの数を指定します。5の場合、これで十分です。

正しいレイヤーにいることを確認すると、選択範囲の内部が消去され、次の画像のようなものが表示されます。テキストと印刷物の周囲には、両方の要素を区切る空白スペースがあることがわかります。

ただし、カットされた要素があり、周囲に白い境界線が作成されているようです。これは意図ではないため、次の画像のようになるまで完全ではないパターンのすべての要素を削除または削除することにより、中心要素の周囲の領域をきれいにします。

私たちが今残したスペースはあまり意味がなく、審美的に不均衡感を与えます。そのため、パターンの要素を選択して空白に貼り付けることで、常にサイズと形状が示されているコンポーネントで塗りつぶされます呼吸するために、中心要素とパターンの間にスペースを残さなければならないことを考慮してください。

最終結果に満足するまで、必要に応じて最終パターンを変更し続けることができます。完了したら、デザインをエクスポートして印刷したり、ソーシャルネットワークで使用したりする準備が整います。

8.印刷用にエクスポート

まず、印刷用にエクスポートできるようにするには、ファイルを印刷用に送信する場所を調べて、常に正しい形式とカラープロファイルでエクスポートするようにします。原則として、特に指定がない限り、常に300dpiおよびCMYKプロファイルを使用します。

このプロジェクトでは、カットマークを使用しないので、ファイルをエクスポートする前にClip Studio形式で保存し、[ファイル]タブの[エクスポート(単一レイヤー)]を開いて[.tif (TIFF)形式)]。これは通常、印刷で要求される形式の種類ですが、後で使用する他のオプションもあります。

他の目的で自宅でパターンを印刷する場合は、.jpgで150dpiの解像度でエクスポートできます。

9. rrssのモックアップ+デジタルバージョン

トートバッグを印刷したくない場合や、最終製品を印刷せずにソーシャルネットワークにハングアップする画像を作成したい場合は、モックアップを使用します。設計を配置し、実際のオブジェクトにどのように配置されるかをシミュレートできるようにする製品のベース。

これを行うには、前に言ったように、オブジェクトの画像が必要です。自分で作成するか、インターネットで見つけたものを使用できます。

この場合、非常にシンプルなものを使用するため、画像の重要な点はデザインです。

前の手順で行ったように、デザインをエクスポートしますが、今回はソーシャルネットワークで使用するため、.jpegでそれを実行し、解像度を72dpiに下げます。

これを行うには、[編集]-[画像解像度の変更]メニューに移動します。

次のウィンドウが表示されます。ここでは、解像度を300dpiから72dpiに下げる必要があります。これは、画像をアップロードするときに画像の重さを抑えすぎないようにするためだけでなく、画面上でより高い解像度が必要ないためです。

製品の写真とデザインの2つのファイルがすでに.jpeg(または透明な背景が必要な場合は.png)になったら、両方のファイルを作成し、デザインを最上位レイヤーに配置します。
パターンのデザインを何らかの方法で変更して、イメージに合わせたい場合は、[編集]-[変換]-[自由な変換]またはCommand + Tを使用するか、より詳細な情報が必要な複雑なものに使用します同じメニューで[編集]-[変換]-[メッシュ変換]を使用します。

デザインを好きなように配置したら、レイヤーモードを[標準]から[オーバーレイ]に変更して、下の画像とより良くブレンドし、レイヤーの不透明度で再生して効果を高めることができますもっとリアルに。
これが私たちの最終的なイメージであり、ソーシャルネットワークで共有する前に行うべきことがいくつかあります。

ソーシャルネットワークで最終画像を共有する場合、プラットフォームごとにサイズが正しいことを確認する以外に、カラープロファイルをCMYKからRGBに変更する必要があります。これを行うには、[表示]-[カラープロファイル]-[プレビュー設定]メニューに戻り、ステップ5で示したように[CMYK]から[RGBディスプレイ]に変更します。

残っているのは、以前に行ったようにエクスポートするか、単にレイヤーを添付して通常どおり保存することにより、ファイルを.jpgで保存することです。

このデザインは、布バッグ、Tシャツ、またはカップの両方で行うことができます。必要に応じて、制限を設定します。

コメント

関連する記事

新着

公式 新着