PhotoshopでChalkboard効果グラフィックを作成する

Chalkboardのグラフィックスは現時点では激怒しています。このチュートリアルでは、自分で作成したい場合に使用できるヒントをいくつか紹介します。 これは、ブログ記事、特に工芸品のテーマにグラフィックスを追加するための素晴らしいテクニックです。

このチュートリアルの目的のために、私はあなた自身も使うことができるウェブからいくつかの無料のビット・アンド・ボブを使用しました。 2つのフォントはEraser RegularとSeaside Resortで、黒板の背景はFoolishfireから来ています。 これらの無料版の背景は、オンラインでの使用のために設計されていますが、プリント用のグラフィックを製作する場合に購入できる高解像度版も用意されています。

私たちのシンプルなフレームグラフィックをダウンロードすることもできます。 ただし、お使いのコンピュータに既にあるフォントや適切なグラフィックを自由に使用してください。

01/06

黒板の背景を開き、フレームを置く

テキストと画像©Ian Pullen

チョークボードの背景セットには3つのオプションがあり、灰色、青色、緑色の背景からお気に入りを選択できます。

ファイル>開くを選択し、選択した背景が保存された場所に移動します。

表示に使用される黒板には一般的に要素が描かれているため、最初に追加するのは簡単なフレームです。 ファイル>配置場所に移動して、フレームPNGを選択し、配置ボタンをクリックして背景ファイルにインポートします。 Returnキーを押すか、フレームをダブルクリックする前に、8つのドラッグハンドルの 1つをクリックして外側のエッジをドラッグしてフレームのサイズを変更する必要があります。

02の06

最初のテキストセクションを追加する

テキストと画像©Ian Pullen

この最初のテキストはペイントされることを意図されているため、チョークの粗さはありません。 私はシーサイドリゾートをこのために使用しました。それは、クールボードにぴったりの素敵な感じがあり、デザイナーが個人用および商用プロジェクトで使用するためのフォントをライセンスしているからです。

今度は、ツールボックスのテキストツールをクリックしてから、その上のほぼ中間点で、黒板をクリックしてください。 メニューバーの下にあるツールオプションバーでは、ボタンをクリックしてテキストを中央揃えにする必要があります。 文字パレットが開いていない場合は、[ウィンドウ] - [文字]を選択し、ドロップダウンメニューから使用するフォントを選択します。 テキストを入力し、サイズ入力ボックスを使用して調整することができます。 必要に応じて、移動ツールに切り替え、テキストが正しくない場合はテキストを所定の位置にドラッグします。

このテキストに満足すれば、チョークの書き込みを追加することができます。

03/06

いくつかのチョークテキストを追加する

テキストと画像©Ian Pullen

このステップは、基本的には最後のものとまったく同じですが、今回はチョークスタイルのフォントを選択します。 私はEraser Regularを仕事に適していると選択しました。そのデザイナーは、すべての人が希望通りに使用できるようにしました。 デザインで使用するためにダウンロードするすべてのフォントやグラフィックスと同様に、使用条件を確実に遵守することが重要です。 多くのフリーフォントは、個人的な使用のためにのみ無料で、商用利用のためのライセンス料を支払う必要があります。

あなたのデザインに白亜のテキストを追加したら、私たちは前に進んで、どのように白亜の感じを持つイメージを追加することができますかを見てみましょう。

04/06

イメージをビットマップに変換する

テキストと画像©Ian Pullen

現実の世界では、黒板には詳細な画像はほとんどありませんが、現実世界にはありませんので、ちょっとした白っぽい外観の写真を追加する方法を見てみましょう。

最初に、使用するイメージを選択する必要があります。 理想的には、複雑な詳細がたくさん含まれていない単純な主題(私は自画像を選んだ)で何かを見つける。 あなたの写真を開き、カラーであればImage> Mode> Grayscaleに移動して彩度を落とします。 このテクニックはコントラストの強い画像で効果的ですので、少し微調整したい場合があります。 簡単な方法は、Image> Adjustments> Brightness / Contrastに移動し、両方のスライダを大きくすることです。

Image> Mode> Bitmapに進み、Outputを72 DPIに設定し、MethodでUse to 50%Thresholdを設定します。 イメージの表示が気に入らない場合は、[編集] - [元に戻す]に移動して、輝度とコントラストを調整してビットマップに再度変換してみてください。 この方法を使用するのが好きなだけでなく、一部の画像も変換されない可能性があるので、その場合は別の画像を選択するようにしてください。

ビットマップ変換が正常に行われたと仮定すると、サイズ比を1に設定したままイメージ>モード>グレースケールに移動してから、次のステップに進むことができます。

05/06

イメージをあなたの黒板に追加する

テキストと画像©Ian Pullen

あなたのイメージを黒板に追加するには、それをクリックしてそれを黒板のウィンドウにドラッグするだけです。 Photoshopで1つのウィンドウでファイルを開くように設定している場合は、画像のタブを右クリックして[新しいウィンドウに移動]を選択します。 説明どおりにドラッグすることができます。

画像が大きすぎる場合は、[編集]> [変形]> [スケール]の順に移動し、必要に応じてグラブハンドルを使用して画像のサイズを縮小します。 Shiftキーを押しながらドラッグすると、画像の比率が変更されないようにすることができます。 画像がダブルクリックされるか、サイズが正しい場合はReturnキーを押します。

06の06

マスクを追加し、ブレンドモードを調整する

テキストと画像©Ian Pullen

この最後のステップでは、あたかもそれが黒板に描かれているかのように、イメージをもう少し見せてくれるでしょう。

画像の最初の問題は、黒い部分が黒板自体と一致しないため、これらの部分を隠す必要があることです。 Magic Wandツール(ツールボックスの4番目のツール)を選択し、イメージの白い部分をクリックします。 [レイヤー]> [レイヤーマスク]> [選択範囲を表示]に移動すると、黒い領域が表示されなくなります。 レイヤーパレットでは、画像レイヤーに2つのアイコンが表示されます。 左手のアイコンをクリックしてから、レイヤーパレット上部の「 ブレンドモード」ドロップダウンメニューを「標準」から「オーバーレイ」に変更します。

あなたは、チョークボードのテクスチャが、より自然に見えるように画像を通して表示されることがわかります。 私の場合は、それも少し淡いので、レイヤー>重複レイヤーに行き、白を少し濃くした上にコピーを追加して、黒板のテクスチャを見えるようにしました。

これはすべてこの技術にあり、異なるフォントやフレームやスウォッチなどの他の装飾要素を使用することで、簡単にそれを適用できます。 Googleのほんの数分で、個人のプロジェクトに使用できる無料のリソースがたくさん見つかります。

より多くの黒板工芸品を見つける。