- 2022年5月15日
【制作実績】バレンタインフェアのポスターデザイン
配色のまとまり感を意識したポスターデザインの制作記録です。 同系色、トーンの統一、モノクロ+アクセントカラーの3パターンを制作しました。 使用したフリーフォントと使用素材もダウンロードできるので、練習にもお使いください。 バレンタインフェアのポスターデザイン 同系色で統一 同系統の色は一番シンプルにまとまりのあるデザインに仕上げやすいです。 いちばん簡単なセオリーなのでまずはじめに覚えましょう。 […]
- 2022年5月15日
【配色】美容クリニックのバナートレース
バナートレースで配色のイメージを知りましょう。 代表的なカラーリングと装飾の付け方を解説しています。 後半では使用素材の候補とオリジナル素材を用意しています。 トレースして作成したバナー画像 誠実さ、信頼感を与える青 きちっとした印象を与える青と格子柄の背景の組み合わせバナーです。 青の印象に合うように四角をベースにデザインされています。 親しみ、親近感を与えるオレンジ 親しみを覚える色として使わ […]
- 2022年5月15日
【デザイントレース】観葉植物専門店のDM
様々な要素を取り入れて、観葉植物専門店のDMを作成しました。 揃え位置、優先順位、画像のバランス、余白の調整など、複合的な要素を取り入れる練習にお使いください。 後半に使いやすそうな素材集を集めていますので、参考にしてみてください。 DM制作 全体：中央揃え ロゴ、写真、説明文章ブロック すべてを中央揃えにしてレイアウトしています。 要素の大きさと優先順位 見せたい要素の順で大きさをコントールしま […]
- 2022年5月15日
【デザイントレース】コントラストを使ったドーナツ屋のポスター
対比、コントラストを利用したポスターデザインです。 POPなどにも応用が効く、使い回しのしやすい構成になっています。 写真のトリミングを行ったりが必要で、素材の取り回しについても勉強になるトレースでした。 コントラストを使ったポスター 左右のコントラストで対比する コントラストを使った縦割りレイアウト コントラストを使った斜め割レイアウト ポスターデザインの素材 コピーテキスト あなたはどっち？ […]
- 2022年5月15日
【制作実績】余白を意識した結婚式の招待状カード
結婚式の招待状カードのデザインをトレースしてみました。 フォント選びなども結婚式らしさを演出するポイントになるので、必要に応じて素材選びをしたほうがいいでしょう。 素材選びもデザインスキルの一つだなと実感しました。 制作した招待状 写真の周囲に余白をつくる 写真の中の空間を余白に活かす 3分の1を余白にする 結婚式の招待状の制作準備 基本情報 用紙サイズ カード縦（100×150mm） カード横（ […]
- 2022年5月15日
【制作実績】クリスマスのキャンペーンDM
DMはがきは受け取った人が読みやすいことが重要になります。 バランスの取れたDMデザインをトレースしてみました。 制作したDMはがき 左右対称のシンメトリーレイアウト 安定感があって、ベーシックなレイアウトで、かんたんにバランスが取れるのでよく使用されます。 対角線上に配置するレイアウト 濃い色や大きい・太いものは重く見え、淡い色や小さい・細いものは軽く見えます。 全体のバランスを取って配置してみ […]
- 2022年5月15日
【課題制作実績】不動産会社の名刺
名刺は小さいながらも、印象に残り、必要な情報を伝えるための重要なツールです。 今回は揃え位置に注目して、視認性がたかく違和感のない名刺をデザインしました。 制作した名刺 制作準備 基本情報 サイズ 名刺サイズ（50x91mm） 構成要素 会社名：株式会社RE 名前：飯塚将弘 （MASAHIRO IITSUKA） 役職：代表取締役 住所：〒180-0004 東京都武蔵野市吉祥寺本町00-X 四角ビル […]
- 2022年5月15日
【制作実績】写真展のチラシ制作
シンプルに構成されたチラシでは要素の優先順位を意識して制作します。 大きさ（ジャンプ率）やレイアウト（視線の誘導）によって優先順位を決めて要素を配置します。 制作したもの 制作準備 基本情報 サイズ A5（148x210mm） 構成要素 タイトル： 手の中にあるもの タイトル： Something in your hand フォトグラファー名： 飯塚将弘 MASAHIRO IITSUKA 日時場所 […]
- 2021年9月7日
GIMPとInkscapeでツートーンのグラフィックデザインを制作したときの手順
グラフィックデザインのトレース訓練を始めてみました。今回トレースするデザインのテーマは「ツートーン」。単にツートーンでデザインを作ることはそれほど難しくありません。デザイントレースの良いところは、細かな装飾などの作り方も勉強になることです。いろんなデザイナーさんも総合力を身につけるためにトレースの練習をしているようなので、僕も同じように練習をして、記録として載せていこうと思います。 つくるもの 完 […]
- 2021年1月1日
GIMPで髪の毛をきれいにトリミングする方法
女性の髪の毛をきれいにトリミングするの難しいと感じたことはないでしょうか？ 長い髪の毛がなびいていると、それに合わせてパスを作成するのは・・・ なんとも辛い作業となることが目に見えています。（おそらくきれいにトリミングは不可能です・・・） そんな作業を毎回はしたくないので、ここではGIMPのレイヤーマスクを活用して、脱色とトーンカーブで髪の毛をきれいに一本一本まで丁寧にトリミングしていきます。 や […]
- 2022年3月25日
Inkscapeのカリグラフィツールでおしゃれな画像を作る方法
シンプルなんだけどどこかおしゃれな画像って目をひきませんか？画像検索サイトを利用して、商用利用フリーのものを探す方法でもおしゃれな画像を使うことはできるのですが、実はペン入力ができればおしゃれな画像を自分で作ることもできてしまうのです。ペン入力というと、iPadとかSurfaceとかのタブレット端末がメジャーですね。これらの端末でInkscapeのカリグラフィツールを使うとできてしまうので、ペン入 […]
- 2020年12月12日
写真を「モノクロ＋一部カラー」にして画像にメッセージ性をもたせる方法
モノクロ写真の一部だけに色付けされていると、どことなくメッセージ性を強く感じると思います。 例えば、次の2枚の写真はもともと同じ写真ですが、僕の場合、左の写真に比べて、右の写真の方が「自分らしさ」のようなものが強く表現されているように感じます。 カラー写真は被写体を比較的忠実に表現できるので、バナーなどでもそのまま使われていることが多いですが、「モノクロ化＋一部カラー」にすることで、よりメッセージ […]
- 2021年8月15日
inkscapeで「フチ文字」を作る方法２つ＋ちょっとした応用
以前、問い合わせがあったinkscapeで「フチ文字」を作る方法を紹介します。 文字の周りを縁取るので「フチ文字」と言われています。「囲み文字」とは意味が違うので、調べるときは「フチ文字」で検索をしましょう。 inkscapeでは「フチ文字」の作り方は2つあります。最終的に出来上がるものが違うので、完成図から自分が使いたい方で作成してみてください。では始めていきます。 フィル／ストロークを使った「 […]
- 2021年8月15日
5分でできる【InstantWP】でWordPressのローカル環境を構築する手順
WordPressのローカル環境とは、サーバーにあるWordPressの本体ファイルやデータベースを自分のPC上に設置して、動作テストができる環境のことをいいます。 ちょっとしたカスタマイズでも、間違ってページが真っ白になってしまうこともあるので、ローカル環境を用意しておくのは重要です。 そんなローカル環境を、面倒な設定なしで、5分でやってしまおうというのが今回の趣旨です。 普通は、ローカルサーバ […]
- 2019年2月16日
Inkscapeのシェイプとパス編集でいろんな「吹き出し」を作ってみた
多角形や星型をノードツールで変形させることでいろいろな吹き出しを作ることができます。 ちょっとしたデザインのアクセントとしても使える吹き出しを自作してみましょう。