デザインのドリル９日目です

本日のデザイントレースはこちら

今回から情報をスッキリさせるために、書き方を変更しようと思います

 
 フリーマーケットのチラシ

• トレースポイント：明度差のある色
   
• 時間：一時間（目標時間45分）
   
• 優先順位：❶「ふれあい広場フリーマーケット」
  　　　　　❷入場無料
  　　　　　❸日付
   
• 苦戦ポイント：
  中央に配置されてある楕円形の作成。
  アンカーポイントをつかい、形を変えたが扱いが難しい。
  慣れが必要だと感じた。
   
• 自分用メモ：
  ❶文字情報には、明度（色の明るさ）が低いほうの色。背景などの脇役要素には明度の高いほうの色を使用すると文字情報が際立つ。　　　　　　　　　   
  ❷要素をスライスツールで切り分けてWEB用に保存する際、これまで必要ない空白の部分まで保存されていたのが気になっていたが、「すべてのスライス」から「すべてのユーザー定義スライス」に変更することで必要な部分だけ保存されていた。
   

デザインのドリル７日目&８日目です

昨日作れなかった分、演習7と8を一気にトレース練習しました。

まずは演習０７から

こちらはとにかく枠を作るのに時間を費やしました。

Illustratorだと簡単につくれるみたいなんですが、私はphotoshopで作成しているため苦戦しました

こちらをご覧ください

初めに自分で作ってみた枠なのですが、ひたすら長方形ツールや円形ツールを駆使していました。

内側の枠のカーブした部分に関してどのツールを使うべきかわからず、

結局ブラシツールで描く始末・・・

そしてこのザマです。

そして前回もお世話になったこちらの記事をまた参考にさせてもらい、

プラグインをインストールして私のphotoshopに内側角丸が作れる機能を追加しました

デザインのドリルのやり方を解説！【演習07】 – HATSU WEBhatsuweb.design

そしてこの記事どおりになんとか枠が作れたというわけです。

こんな感じで機能を追加できることすら知らなかったので驚きでした

今回のトレースポイントは「　色　」なので、他のカラーも挑戦したかったのですが・・・

続いて演習０８です

バレンタインのポスターをトレースしました

バレンタインに合う深い赤系の色味で、おしゃれな印象を受けます。

トレースポイントは「　配色のセオリー　」です！

「同系色で統一」「トーンを統一」「モノクロをアクセントカラーで引き締める」

などの色の使い方をすることで

まとまりのあるデザインに仕上がるみたいです

こちらも他の配色でトレースしたかったのですが、

素材の色の置き換えがうまくいかず、断念しました

おそらくRGBカラーの素材にCMYKカラーの数字を入れたことが原因かと思います

photoshop自体がまだ使いこなせてないが故に、

トレースポイントに集中しきれていないのがなんとも残念ですが

作成していくうちに自然と使い方をマスターしていくのは

最適な方法だと考えているのでこれからも頑張っていきます

ではでは〜〜

デザインのドリル６日目です

今日のデザイントレースはこちら

観葉植物専門店のDMです

今回は構成のまとめみたいで、１〜５で学んできたレイアウトが使われています。

優先順位をしっかり考え、重心を意識し、余白をつくる。です！

写真は重心が左寄りなので、文字を右寄りにしてバランスを取っているみたいです

文字も端同士を揃えて、まとまりを持たせることが大事なので、

photoshopのスマートガイドはないと本当に困るツールです

もちろん文字だけではなく、何を揃えるにしても欠かせませんね

これでLesson1の構成（初級）がおわりました！

次からはLesson2に突入し、色について学んでいきます

がんばるぞ〜〜〜〜〜

デザインのドリル５日目です

本日のデザイントレースはこちら

ドーナツ屋のポスターです。おいしそう

今回は「　コントラスト　」をメインポイントに学びました。

個人的に苦戦したのが

・背景

・英字の上にある点々（名前がわからない）

・枠だけの１２０

・メニュー名を囲んでいる丸

などなどたっっっっっくさんあったのでこちらの記事を参考にさせてもらい、作成しました

本当にわかりやすかったです！！！

デザインのドリルのやり方を解説！【演習05】 – HATSU WEBhatsuweb.design

この記事を見たことにより、解決策を見つけ出しなんとかトレースすることができました！

・背景

▶︎長方形ツールから大きさを指定して作成すれば問題ナシ

・英字の上にある点々（名前がわからない）

▶︎ラインツールで引いた線を地道に消しゴムで消しました

・枠だけの１２０

▶︎「レイヤー効果」⇨「境界線」を使って「塗り」を０に設定すればできました！

・メニュー名を囲んでいる丸

▶︎シェイプツールで丸を作って、空いているところは消しゴムで消しました。

何か特別なツールを使用しているのかな・・・

と思って苦戦していたのですが、案外そうでもなくて安心しました

ところで

初心者の私、いろんなことでつまずいてますな！

消しゴムツール普段あまり使わなかったのですが、これからもっと活用していきたいです。

なんとなくもう少しやっておくべき気がして縦割りレイアウトもトレースしてみました。

流石に２回目はあまり時間をかけずに作ることができました。

さっきのもそうなんですが、個人的にこのデザイン好きです。

このポスターが貼り出されてたら買いたくなります

もう一つ「斜めレイアウト」というのもあって難しそうなので挑戦したかったのですが、

今回は時間の関係上できませんでした

また今度挑戦してみます！

デザインのドリル4日目です

本日のデザイントレースはこちら

結婚式の招待状ですね

お洒落な雰囲気が出ています。

今回は「　余白　」を学ぶトレースでした。

余白を使いこなせるようになったらデザインの幅も広がりそうですよね〜

めざせ、余白職人！

ちなみに、今回は初めて時間制限内に終わることができたので喜んでます

調子に乗って、他のレイアウトも残り２つ作っちゃいました・・・

こちらは写真に直接文字が入っていますね

背景が空なので見づらさは感じられません。すごい

それに、こちらも左側に大きく余白があり、空の広さをうまく利用したデザインです！

最後にもう一つ

このデザインは三分の一を余白にしているようです。

おかげでバランスが取れています！

写真に文字を１部分重ねるだけで、動きが出た印象を受けるのはおもしろいなと感じましたし、

自分でデザインする際にも参考にしたいです

ではでは〜〜

デザインのドリル３日目です

今日のデザイントレースはこんな感じ

モールの告知っぽいですね

この配置は、色が濃い重い要素同士を「対角線上」に配置してバランスを取っているそうです。

たしかに使っている素材は多いのに散らかっていません。

目標時間の４５分、余裕で超えてしまいました

用意されていた素材を自分で分解していかなければならなかったのだけど

これはIllustrator用のファイルだからなのかな？

とにかく、昨日ちょうど復習していた「スライスツール」の出番でした

スライスツールを利用すると

こんな感じで素材を分解してくれるので便利です

（下三つの雪だるまはグレーの背景が残ってしまったので、

画像の背景を削除 – remove.bgワンクリックで5秒で画像の背景を自動的に削除します。 手動でピクセルを選択するのに何時間も費やさないでください。 今すぐ写真をアップロードして、魔法を見てください。www.remove.bg

画像背景 透過・透明（一部、部分的に透明にできます） | 無料オンラインフリーソフト画像の背景（指定した色）を透過、透明に切り抜き、変更できるWebアプリ（全て無料のフリーソフト）です。やり方・方法も簡単！画像の透明にしたい場所をクリックするだけです。www.bannerkoubou.com

これらのサイトを使用させてもらいました）

もう一つ時間がかかってしまったのは、日付の部分です

よく見たら月や金に●がついていて、地道に「楕円形ツール」で丸を作ってその上にテキストを持ってきました。

今日は時間があったので、他のレイアウトも作ってみました

シンメトリー（左右対称）のレイアウト

左右対称にすることで、こんなにまとまって見えるとは・・・

（リボンが下向きにできたらよかったのですが、素材がなかったのでこのままで）

同じ素材でも配置によって見え方が全然違ってくるのがすごく面白い〜〜〜〜

デザインのドリル２回目です。

今回は名刺のデザインです

中央揃えを意識してトレースしました。

「揃える」ことはデザインでも基本中の基本なので、これからも意識していきたいです

ところでこのストライプはパターン作成から行ないましたが、完全にトレースできず・・・

パターン作成後、

❶長方形をつくる

❷塗りをゼロにする

❸「パターンオーバーレイ」で長方形内をストライプ柄にする

❹少しはみ出た部分を「消しゴムツール」を用いて消す

この手順でそれっぽくはできました。

もっといい方法があればぜひ教えてください〜〜

ちなみに「消しゴムツール」を使用する前は

こんな感じで、気持ち悪いはみ出方をしてます〜〜

今日からデザインの勉強モチベ向上のためブログを書いていこうと思います

以前に少しphotoshopの勉強をしていましたが、就活等で忙しくなり一旦中断・・・。

まだまだ就活は終わっていませんが、本日からデザインの勉強をまた少しずつ再開していきます

そのために、「デザインのドリル」というデザイン本を購入しました。

昨日アマゾンでポチって本日到着しました（早い）

この本は、トレースを通してデザイン力を向上させることを目的としているようで、

初心者の私にはピッタリなのでは？！と思い購入に至りました

さっそく演習０１をしてみることに

この本ではIllustratorの使用をおすすめしているようですが、私はphotoshopを使います！

実際やってみると、しばらく操作していなかった弊害で基本操作が危うい・・・

それに、最近WindowsからMacに移行したからショートカットキーが何が何だか

ま、まあ調べてやっていくとしましょう。慣れるしかない！！！！

ということでなんとか完成

見本をトレースするって意外と難しいです。

細部の細部までトレースするほど時間がかかって、３０分以上経ってしまった

今回は時間をはかり忘れたのですが、次回からはしっかりはかって取り組みます！

写真を用意してくれているのですが、あろうことか写真から入ってそのまま編集しようとした私・・・

サイズもすごいことになってました

あ、新規作成で写真を配置すればいいのかと途中で気づきやり直し・・・笑

ところでこのタイトルの縁取り方がオシャレですよね

どうやって作るべきか悩みましたが、ラインツールを使用しました。

構成の優先順位を考えてからデザインするということで、

優先順位が一番の「手の中にあるもの」はこの枠線を用いることにより際立っていますね！

他にも

視線の流れを意識して上から順に優先度の高いものを配置

したり、

色を変えたりすることで優先順位を表現できるみたい

勉強になりました

それにしてもMacでのPhotoshopがサクサクで感動

ではでは〜〜