ホログラフィックグリッターシートを作ろう!
表紙画像
始める前に!
このガイドに従った後は、私のものとは異なるテクニックを試してみることをお勧めします。自分にとってより効果的なものを見つけてください。
楽しんでください!
また、このガイドはプログラムの機能に精通している方向けに設計されていることに注意してください。つまり、これは CSP を初めて使用する方向けのガイドではありません。
はじめに
イラストに、ステッカーなどに貼るホログラフィックシートのような光沢のあるグリッターを加えたいと思ったことはありませんか?
ここはまさにぴったりの場所です!
要点
以下について説明します:
- 参照の分析
◆ 形状の多様性
◆ 形状を広げて「ランダム化」する
- シートの作成
◆ 新しいキャンバスを開く / 使用するキャンバス サイズ
◆ 形状の作成
◆ 形状を広げて「ランダム化」する
◆ シートに「ボリューム」を与える
- PNG としてエクスポートして画像素材として登録する
- シートを使用する
参照資料の分析
「自分の仕事の質を高めるために」いつも「参考文献を調べなさい」と言われます。
でも、参考文献の調べ方を教えてくれる人は何人いるでしょうか? 今日は私がその人になります!
参照画像の検索
まず、検索エンジンで「グリッター オーバーレイ シート」を検索してみましょう。
良い参考資料を見つけるには、試行錯誤が必要です。残念ながら、気に入ったものが見つかるまで検索を続けるしかありません。
このガイドでは、以下の画像を使用します!
参考画像ができました! 何に注目すればよいでしょうか?
冒頭で述べた重要なポイントを覚えていますか? このセクションでは、そのいくつかについて詳しく説明します。
形状の多様性
この画像にはたくさんの形があることに気付きましたか? 三角形、ひし形、台形など。
これは、多様性が増すほど「より素敵」に感じられるということに特に注意することが重要です。(申し訳ありませんが、現時点ではもっと良い言葉が思いつきません。)
その反対の例を見てみましょう:
ここに、さまざまなサイズの三角形がいくつか用意されています。
次に、これをシートに変換してみましょう:
ちょっと違和感があるでしょう? 水平方向や垂直方向に反転させたりもしました。
原因の 1 つは、形状の多様性が不足していることです。
もう 1 つの原因は、形状を間隔を空けて配置しなかったことで、シートがぎこちない感じになっています。
形状を広げて「ランダム化」する
この画像は見覚えがありますね!スクロールしなくてもいいように、参照を繰り返します。
とにかく、形が散らばって「ランダム化」されているのに気づきましたか?
これは注目すべきもう 1 つの重要なキー要素です。
次のセクションに進み、独自の形を作り始めましょう!
シートの作成
新しいキャンバスを開く / 使用するキャンバスのサイズ
まずは新しいキャンバスを作りましょう:
キャンバス サイズには 2000 x 2700 ピクセルを使用します。
印刷しないので解像度は関係ありません。
用紙の色は自由に選べます。個人的にはグレーを使うのが好きです。目に優しいからです。
形を作る
さまざまな形を作り始めましょう!(三角形、ひし形、台形など)
手描きで行き詰まっている場合は、ベクター レイヤーでいくつかの形をトレースすることをお勧めします。
これは「カンニング」ではなく、役立つ学習ツールになります!
図形を描く
- 新しいベクター レイヤー (白い 3D キューブのレイヤー) を作成します
- 直線ツールを選択します
◆ 代わりに線画ツールを使用することもできます。その方が簡単です!
◆ また、ツールのアンチ エイリアシングはオフにしています。
- ツールを使用して図形を描画します
- 図形が多数作成されるまでこのプロセスを繰り返します
◆ 以下に、参照しやすいように 1 つの図形を示します。
注: ベクター レイヤーのシェイプの線画はそのままにしておきます。
- 次に、ベクター レイヤーの下にラスター レイヤーを配置します。
◆ ラスター レイヤーは、白い 3D キューブのないレイヤーです。
- 塗りつぶしツールを使用して、シェイプ内をクリックします。
このプロセスを複数のシェイプに対して繰り返した後:
ベクター レイヤーとラスター レイヤーを結合する前に、「アーカイブ」フォルダーを作成することを強くお勧めします。
こうすることで、ミスをしても作業内容が完全に失われることはありません!
レイヤーをコピーして「アーカイブ」という名前の新しいフォルダーに貼り付け、目のアイコンをクリックして非表示にします。
レイヤーの一番下に置きます。
2つのレイヤーを結合してみましょう。
注意: アーカイブ フォルダー内のレイヤーを結合しないでください。これはバックアップ レイヤーです。
これは私がレイヤーを結合するのに好む方法ですが、必要に応じて別の方法を使用することもできます。
ラスター レイヤーで、目のアイコンの横にある四角形をクリックして、ベクター レイヤーとともに選択します。
右クリックし、[選択したレイヤーを結合] をクリックします。
ラスター レイヤーに変わります。
エアブラシで形を整える
- エアブラシ ツールをつかみます。
- 四角で色を選択します (以下を参照) (消しゴムのように機能します)
- エッジの 1 つを軽く消してグラデーションを作成します。
以下のような結果が表示されるはずです。(または似たような結果)
この絵を自由にトレースしてください!
以下の反対の例と比べて、どれだけ多様性があり、どれだけ間隔が空いているかに注目してください:
形状を広げて「ランダム化」する
図形をキャンバス全体にコピーして貼り付け、いくつかを反転してさらにバリエーションを増やします。
完了したら、コピーして貼り付けたレイヤーをすべて結合します。
この部分で何をするかはあなた次第ですが、キャンバス全体を埋めるようにしてください。
シートにボリュームを与える
- 図形がいっぱいのレイヤーをコピーして貼り付けます。
- 不透明度を下げます。(私は 18% を使用しました)
- スケール/回転を使用してそのレイヤーを移動します。
次のような結果が得られるはずです!
PNGとしてエクスポート&画像素材として登録
PNG としてエクスポートする前に: キャンバスが透明であることを確認してください。
私の場合、紙のレイヤーを非表示にすると、図形とチェック模様の背景があるキャンバスが表示されます。
代わりに、レイヤーを結合してイメージ マテリアルとして登録することもできます。個人的には、最初に PNG ファイルとしてエクスポートするのが好きです。
- PNG ファイルを開く
- 編集 > マテリアルを登録 > 画像
タイル表示がオンになっていることを確認してください!
その他の設定は自由に行ってください。
[OK] をクリックして保存します。
これで最初のシートが完成しました。さあ、使ってみましょう!
シートの使用
シートの使い方はお好み次第です!
イラストの 1 つでどのように使用したかを紹介します:
私がやったこと:
- イメージ マテリアルをキャンバスにドラッグします。
- 不透明度を下げます。(19%)
- 透明ピクセルをロックをオンにします。
- ピンクがかった赤色で塗りつぶします。
- 透明ピクセルをロックをオフにします。
- エアブラシと透明色を使用して、息子の顔の周りを消去します。
- レイヤーを [追加 (グロー)] に設定します
これが結果です!
他の
このガイドが皆さんのインスピレーションになれば幸いです。
私が作成したシートは Assets でご利用いただけるようになりました。
コメント