Swift PublisherのInstagram引用テンプレート

• かもしれません 2, 2024

このチュートリアルでは、Swift PublisherでInstagram見積テンプレートを設計します。テンプレートを使用すると、ソーシャルグラフィックスを作成するときに作成プロセスを合理化できます。テンプレートを使用して作成する新しいInstagram引用ごとに、テンプレートの背景とテキストをカスタマイズできます。

Instagramの投稿画像のサイズは1080 x 1080ピクセルなので、これらの測定値をテンプレートに使用します。このテンプレートには、2つの主要な設計要素があります。最初の背景レイヤーは、写真、イラスト、パターン、グラデーション、または単色で塗りつぶすことができます。テンプレートには、組み込みのクリップアートコレクションの写真を使用します。次に、すべてのテキストの前景レイヤーがあります。テキストボックスツールとテキストパネルの使用方法を学習します。

Swift Publisherを開いて始めましょう。プログラムを開始すると、左側にビデオのリストが表示されたようこそ画面（スクリーンショットを参照）が表示されます。しかし、それらのレイヤーを見てみましょう。

1. ようこそ画面の下部にある閉じるボタンをクリックします。これにより、テンプレートギャラリーウィンドウが開きます。

ご覧のとおり、選択できるテンプレートは多数あります。ただし、独自のテンプレートを設計しています。


2. Template GalleryウィンドウのDesktop Publishingセクションで、Blank Landscapeテンプレートを選択します（スクリーンショットを参照）。

テンプレートがワークスペースに開きます。インスペクターはワークスペースの右側にあり、プロジェクトを設計するためのほとんどのコントロールが含まれています。ドキュメント、ジオメトリ、外観、テキストの4つのタブがあります。


3. [ドキュメント]タブを選択すると、新しいページに関するページサイズとその他の情報が表示されます（スクリーンショットを参照）。測定単位をインチからピクセルに変更します。次に、幅と高さを8.5 x 11インチから1080 x 1080ピクセルに変更します。

インスペクターの下部には、前景と背景の2つのデフォルトレイヤーを備えたレイヤーパネル（スクリーンショットを参照）があります。プレースホルダーとして機能する長方形を背景レイヤーに追加します。テンプレートの場合、写真をプレースホルダーに追加しますが、各プロジェクトの必要に応じて、これを色、グラデーション、写真、またはイラストに変更できます。


4. 背景レイヤーをアクティブにして、上部ツールバーの編集ツールセクションから長方形ツールを選択します（スクリーンショットを参照）。デザインキャンバス全体に四角形を描画します。

[Geometry]パネルの上部で、形状が正しいサイズ（1080 x 1080 px）であり、XおよびYの位置が両方ともゼロであることがわかります。


5. 中央セクションの両方のボタンをクリックします（スクリーンショットを参照）。左ボタンは長方形の形状を水平方向に中央揃えし、右ボタンは垂直方向に中央揃えします。

これで、この長方形が背景のプレースホルダーになりました。テンプレートには、写真を追加します。


6. 四角形のプレースホルダーを選択します。 [外観]パネルで、[色の塗りつぶし]オプションをオフにします（スクリーンショットを参照）。これにより、四角形のプレースホルダーが空になります。


7. 長方形を選択した状態で、選択した写真をソースパネルの写真タブから長方形のプレースホルダーにドラッグします（スクリーンショットを参照）。写真が長方形全体を覆わない場合は、Shiftキーを押しながら写真のサイズを変更します。次に、インスペクターの[外観]タブに戻り、[ストレッチ]ドロップダウンメニューを[塗りつぶし]に設定します（スクリーンショットを参照）。

これで、テキストを前景レイヤーに追加できます。


8. レイヤーパネルで前景レイヤーを選択します。


9. トップメニューから、テキストボックスツールを選択します（スクリーンショットを参照）。キャンバスをクリックし、ドラッグしてテキストボックスを描画します。テキストボックス内をクリックして、引用テキストを入力または貼り付けます。

デフォルトでは、テキストは小さな9ポイントです。インスペクターのテキストパネルを使用して、フォントを変更してテキストを拡大しましょう。


10. テキストを選択し、インスペクターの[テキスト]タブをクリックし、[A]ボタンをクリックして[フォント]パネルを開きます（スクリーンショットを参照）。フォント、スタイル、色、サイズを選択します。インスペクターで、AlignmentをCenterに設定します。

これらの手順を繰り返して、最初のボックスの下に小さなテキストボックスを追加し、引用に帰属する人の名前を追加します。

オプション：引用グラフィックのブランド化を希望する場合は、グラフィックの下端に会社名またはWebサイトのURLを追加します（スクリーンショットを参照）。

これで、このプロジェクトをカスタムテンプレートとして保存し、再び使用できるようになりました。毎回使用する背景とフォントに応じて、Instagramのグラフィックは大きく異なる場合があります。


11. トップメニューから、[ファイル]-[テンプレートとして保存]をクリックし、テンプレートに名前を付けます Instagramの引用テンプレート.

次に、プロジェクトをSwift Publisherの.spub形式で保存し、Web用に再び.jpg形式で保存します。


12. トップメニューから[ファイル]-[保存]をクリックし、プロジェクトに名前を付けます。


13. 次に、[ファイル]-[エクスポート]（スクリーンショットを参照）をクリックし、プロジェクトを.jpgとして再度エクスポートします。

Swift Publisher
アマディン
BeLightソフトウェア

BeLight Software Ltd.の許可により使用されるSwift Publisherのスクリーンショット


Swift PublisherのInstagram引用テンプレート、デジタルアートとデザイン、Swift PublisherのInstagram引用グラフィック