menu

チョーク風素材の使い方でこんなに印象が変わるの?!(photoshop,illustrator )

チョーク風のデザイン素材を使いたいけど、どのように使えば良いかわからずに悩みますよね。私もそのうちの一人でした。それで今回、カフェのイメージデザインについてフレームと文字をチョークの質感で表現する方法について紹介したいと思います。チョーク風素材を使うので、誰でもできますので、気軽に取り組んでいただけたらと思います。

左(加工前)右(加工後)

左は文字と文字の背景に少し黒のぼかしをいれた写真です。右は暖色系のエフェクトをかけてチョーク風のデザイン素材を入れた写真です。
左は明るく、爽やかな印象であるのに対して、右は趣きと深みがある雰囲気を出しているかと思います。同じ写真でも与える印象が違うのが理解していただけましたでしょうか?下に作り方について動画で紹介していますので、見ていただけたらと思います。

チョーク風素材を使ったカフェ写真の作り方

After EffectsでCMのグラブル風オープニングを作ってみよう。

使用したチョーク風素材

①使用したチョーク風フレーム
チョークフレーム
fotoliaというサイトから購入して使用しました。詳しくはこちらで確認できます。購入の際、ライセンスVのESP形式のファイルをダウンロードすると、illustratorで編集できるので良いかと思います。

他にも無料で提供されているサイトもありますので、ライセンスを確認して用途に合わせて利用してみてはいかがでしょうか。
無料素材のチョークデザイン100個|バッジ、リボン、インフォグラフィクス等


②使用したチョーク風文字
チョーク文字
今回、使用したチョーク風文字は、GRAPHIC BURGERというサイトが無料で提供しているphotoshopのPSD形式のデータを使いました。(個人、商用利用可)↓にリンクを貼っています。

Chalkboard Typography Text Effects

まとめ

いががでしたでしょうか?画像素材を組み合わせるだけで、簡単に一味変わった写真に編集することができたと思います。一からデザインを作っていくのは大変だと思いますが、提供されている画像素材を利用することで、十分クオリティーが高い写真に編集できると思います。
ぜひ、この記事を参考に作品を作っていただけたらうれしいです。

合わせて見たい記事

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

Twitterでshare lifeをフォローしよう!

簡単!photoshopを使ったトイカメラ風写真の作り方簡単!photoshopを使ったトイカメラ風写真の作り方

簡単すぎる!ハイレベルなオープニング動画の作り方5選(videoblocks編)簡単すぎる!ハイレベルなオープニング動画の作り方5選(videoblocks編)

関連記事

  1. 13705398 - attractive woman chatting over cellphone

    CSSだけでレスポンシブ対応の追従する電話ボタンを設置する方法

    最近、クライアントからレスポンシブサイトを作成するのに、スマホから電話をすぐにかけられるようにできな…

  2. ブログってそう使うんだ!月間10万PVブロガーとの対談から得たブログ活用法と考え方

    ブログってそう使うんだ!月間10万PVブロガーとの対談から得たブ…

    ブログって何のために使うの?ってふと、思うことありますよね。アドセンスやアフィリエイトに活用…

  3. ど素人が独学でサイトを公開するまでにした失敗と成功

    ど素人が独学でサイトを公開するまでにした失敗と成功

    独学でwebサイトを作成して公開するのって何から手をつけたらいいかわからないですよね。私も全…

  4. こんなに簡単でいいの?パスワード付きホームページの作り方

    こんなに簡単でいいの?パスワード付きホームページの作り方

    自分のサイトをパスワード設定したい時ってありますよね。例えば、あなたのメルマガ会員に…

  5. 41263347_m

    レスポンシブWebデザイン講座をレビュー!こんな良い講座はないと…

    webデザインど素人であった私を、このようにブログまで書けるように土台を築いてくれたwebデザインの…

  6. 28818787 - businessman protect cloud lock symbol with hands

    さくらインターネットでwordpressを完全SSL化する方法

    最近サイトをSSL化にしなければという話を聞き、個人情報やクレジットを取り扱うわけではないですが、今…

  7. HPのワイヤレスプリンターの設定方法(Photosmart Premium C309g)

    HPのワイヤレスプリンターの設定方法(Photosmart Pr…

    年賀状やハガキを印刷する時ぐらいにしかプリンターを使わないので、設定方法を忘れることってあり…

  8. menu2

    簡単!レスポンシブメニューをjQueryでドロップダウンできるよ…

    スマホ用のレスポンシブwebサイトを作る時に、のハンバーガーメニューからドロップダウンするメニューを…

PAGE TOP