• Articles
• admin

このチュートリアルでは、私はPhotoshopで楽しさと遊び心のある誕生日カードのデザイ これを行うには、Creative VeilaのFabric Kingdomの要素を使用します。 このパックは、感動的な作成者の芸術的なバンドルの一部であり、アクション、ブラシ、グラフィックスタイル、およびで設計するベクトル要素の多種多様 このレッスンでは、カードデザインを作成するために、いくつかの無料の書体と一緒にこれらの要素の小さな一握りを利用します。 あなたはすべてを開始する準備ができている場合は、Photoshopに頭の上にしてみましょうし、始めましょう！

あなたは私たちのYOUTUBEチャンネルを見たことがありますか？

以下のビデオチュートリアルを見て、あなたの受信トレイに直接定期的な更新のために私たちのYouTubeチャンネルを購読してください。

ここでは、私たちが作成するものを見てみましょう:

ステップ1：誕生日カードのデザイン

Photoshopで新しい文書を作成することから始めましょう。 あなたの文書を’5’インチ幅’7’インチ高さにします。 また、「解像度」が「RGB」の「カラーモード」で「300」dpiに設定されていることを確認してから、ファイルに名前を付けましょう–ここでは、「誕生日カードデザイン」という名前を入力してから、右下から「作成」をクリックします。

今、あなたは以下に示すように白で満たされた単一の”背景”レイヤーであなたのキャンバスを持っている必要があります:

ステップ2：ライト、カメラ、アクション！

デザインを掘り下げる前に、ワークスペースを設定し、Fabric Kingdom creatorからいくつかのファイルをロードしたいと思います。 開始するには、のは、ウィンドウメニューに移動し、ドロップダウンメニューから”アクション”を選択してみましょう。

チュートリアルのfreebiesフォルダに移動し、”Creative Veila”フォルダ内に移動します。 ここから、’Stitch Brushes’フォルダに移動してから、’Stitch Action’を選択します。atn’ファイル。 このアクションは、現実的な見た目のステッチ効果を生成するために、チュートリアルの後半で私たちを助けます。

今、アクションパネルで、あなたは私たちが内部再生可能なアクションを明らかにするためにアクションフォルダの左側にある小さな矢印をクリッ いくつかのアクションでは、フォルダの中にいくつかのものがあるかもしれませんが、このチュートリアルの目的のために、私たちはこれだけで動

ステップ3：プリセットマネージャ

次に、編集メニューに移動し、リストから”プリセット>プリセットマネージャ…”を選択します。

プリセットマネージャーパネルが表示されたら、”プリセットタイプ”が”ブラシ”に設定されていることを確認し、下に強調表示されているようにパネルの右側:

景品の中にネストされた”スティッチブラシフォルダ”に戻り、”スティッチ6ロング21″を選択します。abr’ブラシファイルと右下から”開く”を選択します。

これで、ここに示すように、プリセットの下部に追加された新しいブラシフォルダが表示されるはずです:

それでは、一番上のブラシフォルダを選択してみましょう–”一般的なブラシ”と、Shiftキーを押しながら、他のすべてのフォルダが選択されているので、ちょうど私たちの新しいブラシの上に”特殊効果ブラシ”フォルダを選択します。 その後、これらのブラシを取り除くために、パネルインターフェイスの右側から”削除”をクリックします。 これを行うと、Fabric Kingdomのブラシのみを使用するため、ブラシパネルを使用するときに後で簡単になります。

あなたは今、ちょうど”スティッチ6ロング21″ブラシフォルダを残しておく必要があります。

ここからのは、”プリセットタイプ”タブを選択してみましょうし、今、私たちはここに示すように”ブラシ”から”スタイル”に切り替わります:

ステップ4:グラフィックスタイル

最初の行に表示されている2番目のグラフィックスタイルを選択し、Shiftキーを押しながらパネルの最後のスタイ

今、私たちは初期プリセットのすべてを削除したことを、のは、ロードに行ってみましょう…ので、私たち自身のいくつかをもたらすことができます。

景品の中の”Creative Veila”フォルダに戻って、”Photoshop Styles”フォルダに移動して、”Stitch and Fabric Styles（300dpi）”を選択することができます。スタイルを開くには、右下隅から”開く”をクリックする前にasl’ファイル。

あなたは今、パネルに追加された四つの新しいスタイルが表示されます、そしてこれらは、我々は彼らに楽しい、手作りの感触を与えるために私たちの形 今、私たちは私たちのアクション、ブラシ、およびグラフィックスタイルをロードしたことを、我々はそれを閉じるには、プリセットマネージャーパネルの右側から”完了”を選択することができます。

ステップ5: パネルのカスタマイズ

ウィンドウメニューに戻り、リストから”スタイル”を選択してグラフィックスタイルパネルを開きます。

今、私たちは私たちのスタイルパネルを開いている、と我々はすでに画面上に私たちのアクションパネルを持っていることを、彼らは一緒に立ち往生しているので、レイヤーパネルの上にこれらのパネルの両方をスタックしてみましょう。 これを行うと、私たちはこれらとブラシを少し使用するので、私たちのデザインの作成を開始したら、私たちのために物事が容易になります。

ステップ6：フリースの背景

キーボードの’U’を押して’長方形ツール’に切り替え、下の画像に示すように上部のツールバーに沿って’塗りつぶし’スウォッチをクリッ:

色見本をクリックすると、さまざまな色見本のメニューが表示されますが、選択したいのは、このパネルの右上隅にある”カラーピッカー”で、選択したカスタム色を選択することができます。 その虹色のアイコンを選択すると、”OK”を選択する前に、”カラーピッカー（塗りつぶし色）”パネルにhex値”2A568E”を入力することができます。

私たちの形と色を選択した後、これは私たちの新しい背景として機能するように、キャンバス全体を埋める大きな長方形をクリックしてドラッグし 次に、レイヤーパレットで”長方形1″の形状が選択されていることを確認してから、”フリース”オプションである第三のグラフィックスタイルを選択します。 あなたはすぐにいくつかのレイヤースタイルがレイヤーに追加されていることをこれをクリックした後に気づくでしょう–これらは、テクスチャのフリース

新しい背景が設定されているので、元の”背景”レイヤーを選択して、レイヤーパレットの右下隅からゴミ箱をクリックします。 あなたは”レイヤー”背景”を削除したいかどうかを尋ねるダイアログボックスが表示されることがありますか？ ここでは、単にレイヤーを削除するには、キーボードの”はい”または”戻る”を押して選択することができます。

あなたは今、今後私たちの背景になるだろうあなたの単一の、青、フリースの長方形の層が残っています。

ステップ7：波と丘

ファイルメニューに移動し、”開く”を選択します。.’と’Vectors_Waves_Hillsに移動します。psd’ファイル。 ファイルを開いたら、クリックして作業文書にドラッグします。

wavesシェイプをドロップした後、Command/Ctrl+Tを押し、Alt/Option+Shiftを押しながら境界ボックスの4つの角のいずれかから外側にドラッグして、以下に示すように、波:

レイヤーパレットのペンツールの上にカーソルをクリックしたままにして、ポイント変換ツールを表示して選択します。 このツールを選択した後、図形の下端に沿って走っている点の周りをクリックしてドラッグし、Shiftキーと下矢印を押したまま下に伸ばします。 ここでは、左端または右端の点を選択し、キャンバスの下部にも記入するためにそれらを微調整する必要があるかもしれません。

もう一度長方形ツールに切り替えて、下の右上のハイライトに虹色のアイコンが続く”塗りつぶし”の色をクリックするには、”U”を押してください:

hex値には’#3071C1’と入力し、’OK’を押して色の変更を適用します。

今、私たちは色を変更したことを、のは先に行くとフリースのテクスチャのための第三のスタイルを適用してみましょう。

ステップ8：Happy Days

新しいレイヤーを作成し、ここからダウンロードできる無料の書体「THE MINION」を使用して「HAPPY」という単語を入力しますDaFont.com….. 設定については、文字パネルを開き、約56ptのサイズで、テキストを白にしてみましょう。

入力ツール（T）を使用してテキストボックスの内側をクリックし、Command/Ctrl+Aを押してすべてのテキストを選択します。 ここから、ここに表示されている上部のツールバーから”歪んだテキストを作成”アイコンをクリッ:

設定については、「スタイル」が「円弧」に設定されていることを確認し、「水平」の方向を適用します。 今、約”22″の”ベンド”の値を入力して、ワープを適用するには、”OK”をクリックしてみましょう。

ステップ9：Happy Textures

表示されるメニューから「Convert to Shape」オプションを選択する前に、Controlキーを押しながら「HAPPY」テキストをクリックします。

ライブテキストを図形に変換したら、以下に示すパネルから最初のスタイルを適用できます:

ステップ10:Happy Outlines

‘HAPPY’シェイプレイヤーを選択し、キーボードのCommnand/Ctrl+Jを押して複製します。 その後、Command/Ctrlキーと左括弧キーを押して、コピーを元のコピーの下に移動します。

レイヤースタイルパネルを表示し、パネルの左下から小さな”fx”アイコンをクリックするには、複製レイヤーをダブルクリックします。 ドロップダウンメニューが表示されたら、リストから”ストローク”を選択します。

私たちの設定では、のは、40pxのストローク”サイズ”を適用し、固体の黒の塗りつぶしで”外側”に”位置”を変更してみましょう。 それが完了したら、’Return’を押すか、キーボードの’OK’をクリックします。

テキストにアウトラインを適用した後、Controlキーを押したままレイヤーをクリックしてから、メニューから”スマートオブジェクトに変換”を選択します。

ステップ11:アウトラインテクスチャ

“ハッピーコピー”スマートオブジェクトレイヤーをダブルクリックします。

一度スマートオブジェクトの内側に、Controlキーを押したまま、ストロークをマージし、一緒に埋めるために”ラスタライズレイヤースタイル”を選択する前に、層をクリッ 次に、Command/Ctrlキーを押しながら、レイヤー全体の周りの選択を有効にするには、レイヤーサムネイルアイコンをクリックします。

ここから、レイヤーパレットの下部にある調整レイヤーアイコンをクリックし、ドロップダウンメニューから”単色…”を選択します。

塗りつぶしの色には、16進値’#CF5151’を入力し、’Return’を押すか、’OK’をクリックして変更を適用し、カラーピッカーパネルを閉じます。

これで、調整レイヤーに適用されたレイヤーマスクを使用して、輪郭を描いたテキストの領域全体に塗りつぶすことができます。 次に、Command/Ctrl+Sを押してスマートオブジェクトを保存し、Command/Ctrl+Wを押してウィンドウを閉じてメインドキュメントに戻ります。

メインファイルに戻ったので、最後のスタイルを’HAPPY copy’スマートオブジェクトに適用して、キャンバスのテクスチャを素敵にします。

ステップ12:ファブリックパッチ

ファイルメニューに移動し、”開く…”を選択してから、”Vectors_Shape_31″に移動します。フリービーフォルダからpsd’ファイル。

図形をクリックしてドキュメントにドラッグし、両方の”幸せな”レイヤーの下に配置します。 形状が次のようになるまでAlt/Option+Shiftキーを押したままにして、シェイプアップをスケールします:

形状を配置した後、hex値を’#98BC5E’に変更し、’OK’を押して変更を適用します。

ここから、最初のスタイル”Felt2″をシェイプに適用しましょう。

ステップ13:Vector Grass

ファイルメニューに移動し、”Vector_Grass_2″を選択する前に”開く…”を選択します。チュートリアルのための景品内の”資産”フォルダからpsd’。

クリックして、ドキュメントに図形をドラッグし、Alt/Option+Shiftキーを押しながら外側に境界ボックスの四隅のいずれかをドラッグして、少しそれをスケールアッ このコピーをキャンバスの左端、丘と波の下に置きます。 その後、Command/Ctrl+Jを押して草の形を複製し、このコピーを反対側に移動します。 キーボードの’u’を押して長方形ツールを選択し、塗りつぶしの色を以前に使用したのと同じ緑色に変更します–’#98BC5E’。 次にやろうとしていることは、我々は最初のポイントツールに変換を選択し、左のコピーの右側にポイントを選択し、反対側に拡張することにより、波と丘を拡張したときに、我々は以前にやったことです。 あなたは今、このようなものを持っている必要があります:

キーボードの’U’を押すと、長方形ツールに戻り、以下に示すようにキャンバスの底部全体を埋める二つの草の形の下に長い緑色の長方形を作成します:

一番上の草の形を選択し、Shiftキーを押したまま、緑の長方形の形を選択して、3つの草の層すべてが同時に選択されます。 その後、Controlキーを押したまま3つのレイヤーのいずれかをクリックし、リストから「スマートオブジェクトに変換」を選択します。

スマートオブジェクトに三つのレイヤーをマージした後、先に行くと草にフェルトテクスチャを追加するために最初のスタイルを適用します。

ステップ14: 誕生日テキスト

新しいレイヤーを作成し、前に使用した’THE MINION’書体を使用して、すべての大文字に’BIRTHDAY’という単語を入力します。 以下に示すように、このテキストを”49pt”のサイズにして、白い塗りつぶしをしてみましょう:

Controlキーを押したまま、メニューから”形状に変換”を選択する前に、テキストレイヤーをクリックします。

最初のスタイルを白い「誕生日」テキストの形に適用します。

Command/Ctrl+Jを押してレイヤーを複製し、元のレイヤーの下に移動してから、コピーをダブルクリックしてレイヤースタイルパネルを開きます。

レイヤースタイルパネルが開いたら、以下に示すのと同じ設定を使用して、以前と同じようにストロークを追加します:

ストロークを適用した後、パネルの外に閉じて、Controlキーを押したまま、”誕生日のコピー”レイヤーをクリックして、”スマートオブジェクトに変換”を選択するには、”OK”を

ステップ15:Stroke Textures

‘BIRTHDAY copy’スマートオブジェクトをダブルクリックして内部に入り、Controlキーを押したままレイヤーをクリックし、メニューから’Rasterize Layer Style’を選択します。

Command/Ctrlキーを押しながら、レイヤーサムネイルアイコンをクリックして、マージされたテキスト図形全体の周りの選択を有効にします。 その後、調整レイヤーアイコンをクリックし、ドロップダウンメニューから”単色…”レイヤーを追加します。

塗りつぶしの色には、以前に’HAPPY’テキストに使用したhex値’#CF5151’を適用します。 ここから、”OK”をクリックして色を適用します。 Command/Ctrl+Sを押してスマートオブジェクトを保存し、Command/Ctrl+Wを押してタブを閉じてメインファイルに戻ります。

メインドキュメントに戻ったら、”BIRTHDAY copy”スマートオブジェクトを選択し、パネルから”Flax Light”スタイルを適用します。

ステップ16：ビッグ10！

新しいレイヤーを作成し、サイズが’169.79pt’で白い塗りつぶしの’THE MINION’を使用して番号’10’を入力します。

以下に示すように、Controlキーを押しながら、”形状に変換”を選択する前に、テキストレイヤーをクリックします:

塗りつぶしの色には、16進値’#FBEB66’を適用し、’OK’をクリックして色を適用します。

メインドキュメントに戻ったら、”10″シェイプを選択し、パネルから2番目の”Chintz”スタイルを適用してテクスチャを追加します。

ステップ17:10Stroke

’10’シェイプレイヤーを選択し、Command/Ctrl+Jを押して複製し、コピーを元のレイヤーの下に移動します。 その後、レイヤーをダブルクリックしてレイヤースタイルパネルを開きます。

ここから、我々は以前に行ったように、パネルの左下にある小さな”fx”アイコンをクリックして、ストロークを適用し、固体黒塗りで”外側”に設定65pxのストロー それが完了したら、[Return]を押すか、[OK]をクリックして変更を適用し、パネルを閉じます。

次に、Controlキーを押したまま”10コピー”レイヤーをクリックし、以下に示すようにメニューから”スマートオブジェクトに変換”を選択します:

新しく作成したスマートオブジェクトをダブルクリックして内部に移動し、Controlキーを押しながらレイヤーをクリックし、”ラスタライズレイヤースタイル”を選

Command/Ctrlキーを押したまま、レイヤーサムネイルアイコンをクリックして、図形の周りの選択を有効にします。 ここから、レイヤーパレットの下部にある調整レイヤーアイコンをクリックし、リストから”単色…”を選択します。

塗りつぶしの色には、16進値’#81CFA0’を適用し、’OK’を押して色の変更を適用します。 その後、ファイルを保存し、タブを閉じてメインドキュメントに戻ります。

“10コピー”スマートオブジェクトレイヤーを選択し、今それを我々は以前の”ハッピー”と”誕生日”の赤い部分のために使用されたものと同様のキャンバスのテクス

ステップ18: Stitches

メインの”10″シェイプレイヤーを選択し、Command/Ctrl+Jを押して複製します。Controlキーを押しながらレイヤーをクリックし、表示されるメニューから”スマートオブジェクトに変換”を選択します。

次に、キーボードの’D’を押してデフォルトの色をリセットし、’X’を押して前景色と背景を白が前景色になるまで切り替えます。 キーボードの”F5″を押すか、ウィンドウメニューから”ブラシ設定”を開きます。 ここから、ステッチブラシを選択し、以下に示すように、ブラシの”サイズ”を”30px”に縮小します:

次に、”10コピー2″スマートオブジェクトレイヤーを選択し、アクションパネルを開き、内部の”Stichアクション”を再生します。 ステップを実行すると、”コマンド’Apply’は現在利用できません”というダイアログボックスが表示されることがあります。”この理由は、フルバンドルからのグラフィックスタイルのいずれかが現在ロードされていないということですが、我々は簡単に同じ外観を得るために、既存のスタイルを変更することができますので、ちょうど先に行くと、アクションが終了できるようにするために”続行”をクリックしてみましょう。 アクションが完了したら、我々は作成された新しい”ステッチストローク”レイヤーに第二または第三のスタイルを適用することができます。

“Stitch Stroke”レイヤーをダブルクリックして、レイヤースタイルダイアログボックスを開きます。 ここから、小さな”fx”アイコンをクリックし、リストから”ベベル&エンボス”エフェクトを追加します。

エフェクトを追加した後、メインの”ベベル&エンボス”の下にネストされた”輪郭”ボックスをオフにして、設定をそのままにします。 すでに適用したスタイルに加えて、ステッチをわずかに上げたように見せたいだけなので、これらの設定をいじくり回す必要はありません。 ここから、”OK”をクリックするか、”Return”を押してパネルを閉じます。

ステップ19：10TH

レイヤーパレットの上部に新しいレイヤーを追加し、大文字の’TH’を入力して3番目のスタイルを適用します。 以下に示すように、’TH’のサイズをかなり小さくして、数字’10’のすぐ上と右に少し回転させてみましょう:

ステップ20:雲

ファイルメニューに戻り、もう一度”開く…”を選択します。 今回は’Vectors_Cloud_1’を開きましょう。psd’と’Vectors_Cloud_5.psd’と私たちの文書にそれらの両方を持参してください。 雲をスケールアップし、数’10’の反対側に配置し、パネルからフリースのスタイルを適用します。 ここで私は’Vectors_Cloud_1を配置しました。番号の右下にpsd’、および’Vectors_Cloud_5。下の画像に示すように、左上のpsd’:

ステップ21: Sky Full of Stars

ファイルメニューに戻り、”開く…”を選択し、”Vectors_Star_1″を選択します。”開く”を選択する前にpsd’ファイル。

あなたのメインファイルに星の形を持参し、我々は’＃FBEB66’だった番号’10’のために使用されたのと同じ黄色でそれを埋めます。 ここから、下に強調表示された形状にフリースのスタイルを適用します:

この星を約五、六回複製し、デザイン全体に分散させます。 より多くのバリエーションを追加するには、我々はまた、星のサイズを変更し、回転させるために自由変換を使用してスケールビットで遊ぶことがで 図形のサイズと配置に満足したら、上の図形を選択し、Shiftキーを押したまま、下の星形を選択して、すべて同時に選択されるようにします。

すべての星を選択した状態で、Command/Ctrl+Gを押してフォルダに入れ、”グループ1″テキストをダブルクリックしてフォルダ”星”の名前を変更します。:

先に行くと、整理物事を保つためにフォルダにそれらを配置することによって、他の層をグループ化してみましょう。

ステップ22:Jupiter

ファイルメニューに戻り、”開く…”を選択し、”Vectors_Jupiter”を選択します。それを開いて、あなたのメイン文書にそれをもたらす前にpsd’。 惑星は2つの異なる形状で構成されていることがわかりますので、惑星の主な円形部分には16進値’#EB9D41’を記入し、リングには波と丘の同じ青’#3071C1’を使用します。 色を変更した後、惑星を構成する2つの図形のそれぞれにフェルトの質感を得るために最初のスタイルを適用しましょう。 ここでは、下の画像に示すように、数を重ねて、’TH’と雲の間に惑星をスケーリングして配置しました:

ステップ23：Rocket Ship

ファイルメニューに移動し、「開く…」を選択してから、「Vectors_Rocket_1」に移動します。psd’freebiesフォルダ内のファイルとクリックして、ドキュメントにフォルダ全体をドラッグします。 ここでは、ロケットを反時計回りに少し拡大縮小して回転させ、「誕生日」の「B」のすぐ上に配置しました。 フォルダの内容を展開すると、ロケットがいくつかの異なる形状で作られていることがわかります。 私たちがしたい最初のことは、形状ごとに移動し、パネルの最初のスタイルである”フェルト2″テクスチャを適用することです。

次に、翼、外側の円、内側の炎の色を、惑星に使用したのと同じオレンジ色の値に変更しましょう–’#EB9D41’。

船のボディのために、塗りつぶしの色をhex値’#0E3F68’に変更します。

炎の最も外側の部分には、塗りつぶしの色’#C13030’を使用しましょう。

船の棒を含む形状の場合、塗りつぶし’#FFFFFF’に白の実線を使用できます。

そして最後に、船の内部の舷窓のために木星の波そしてリングからの同じ水色を使用しよう–’#3071C1’。

ステップ24：Lions

ファイルメニューに移動し、「開く…」を選択してから、「Vectors_Lion」に移動します。Photoshopで開く前にpsd’ファイル。 フォルダをメインドキュメントにドラッグし、自由変形（Command/Ctrl+T）を使用してライオンを少し拡大します。 芝生の領域の左下の部分にライオンを配置し、内部の他のすべての図形を明らかにするためにフォルダを展開します。

ライオンの明るい部分には、塗りつぶしの色’#FEE3C9’を使用してから、次のように三つの図形のそれぞれにフリーススタイルを適用しましょう:

たてがみと尾の先端には、Flax Lightスタイルを適用し、塗りつぶしの色を’#FF873D’に変更します。

ステップ25：日付を保存する

新しいレイヤーを追加し、タイプツール（T）に切り替えます。 テキスト’SATURDAY,SEPTEMBER15@3PM’を入力し、’Return’キーを押して改行を作成し、2行目に’1275WILLOUGHBY AVE,VT05401’という単語を入力します。 フォントのために我々はここをクリックし、からファイルをダウンロードすることにより、無料でダウンロードすることができます無料の書体”Hogfish”を使用DaFont.com私たちがしたいのは、文字パネルを使用してテキストサイズを’12pt’に設定し、行の間の’先頭’またはスペースを’16’程度にし、白い塗りつぶしをします。 また、次の画像に示すように、2行目の先頭にあるカーソルをクリックし、spaceキーを数回押して2行目のテキストを少しオフセットします:

Controlキーを押したままテキストレイヤーをクリックし、ここに示すように”形状に変換”を選択します:

テクスチャには、パネルの2番目のスタイルを使用しましょう。

私達は今Photoshopの私達の生地の誕生日カードの設計を終えました! 私達のカードを作成するためには私達は少数の自由な書体と共に写実的な様式およびブラシを含む設計要素の小さい一握りを使用した。 30以上の高品質のフォント、イラスト、グラフィックス、エフェクトパック、繁栄、ベクトルなどのトンへのアクセスを得るために感動的な作成者の芸術的なバンドルをチェックアウトすることを忘れないでください！

それはこのチュートリアルやあなたが作った新しい何かのためのあなたの結果だかどうか、私たちは私たちのFacebookページ上であなたのデザイ