今回はフリーのアイコン素材を使って、ショッピングサイトのグローバルメニューをつくります。今回は、素材がない時のデザイン方法を、キービジュアルをデザインする場合に絞って考えてみたいと思います。~入稿された写真素材のサイズが小さい・解像度が低い!そんな時のデザイン対処方法です。タイトル・見出し編グローバルナビ編の続編!簡単で見栄えのする見出しを作りましょう。今回はいくつかパターンをご紹介します。~前編~デザインを作る上で、必要となってくるのがテイストです。見た目も雰囲気もとても左右される大切な内容です。今回は、テイストの作り方についてご説明します。~後編~デザインを作る上で必要なテイストについて、今回は後編としてテイストの作り方を実践的にご説明します。~描き方編~初心者にとってとっつきにくいペンツール。トレースから作るイラストペンツールの使い方をある程度マスターしたら今度は、トレースをしてましましょう。今回は、写真をトレースしてイラストにします。実例で学ぶロゴデザイン今回は時間をかけずに作成するロゴの作り方をご紹介します。例としてWebサイトのロゴの作り方をまとめました。今回はイラストレーターの効果を使って、手書き風のイラストにチャレンジ。手を加えるだけでデザインに温かみがでてきます。悩まず作るコツとポイント作る時に悩んでしまうのは、作り方のルールを知らないからなのかもしれません。そこで今回は、悩まずロゴを作れるポイントをご紹介します。【フリー素材】手書き植物の素材セット長いように感じた冬も終わり、柔らかい青葉が芽吹いて春になりました。皆さまいかがお過ごしでしょうか?今回は手書き植物の素材...2014年10月15日イラストレーターを目指し活動中!~後編~※今回は少し趣旨を変えて、織田さんのイラストをページにちりばめました。学校で広告を学び、色々やってみたくなった。水彩絵の具のにじみは、アナログ表現の醍醐味ですよね。デザインというと「センスの良さ」が必要だと感じたことはありません...Photoshopでイラスト制作をされているイラストレーターさんは沢山いらっしゃると思いますが、実際に仕事に繋げるためには、緻密な作業と時間効率を考えながら制作しなければいけません。PAINTがかなり主力ですね。通称クリスタ、こちらは操作性がPhotoshopと似ているので個人的にはとても使いやすいソフトだと感じます。Web制作をする際の必須ソフトというとPhotoshopですが、Photoshopには様々なブラシツールがあります。今回はそのブラシの作成方法について説明しようと思います!Photoshopで作る雲ブラシも公開中です。作成したブラシを調整しようStep1木を描いてみようブラシを作成するにあたって、例としてこんな絵を描いて見ました。今回ブラシとして作成したものは、この木の葉っぱになります。それらしく見えるように若干のディテールは加えましたが、こちらの所要時間は約15分程度ですので、よければ順を追ってみてください。大元となる木と枝を描きます。こちらは投げなわツールで枝の部分はShiftキーを押しながらどんどん増やしていきます。木の枝は先に伸びれば伸びるほど細くなっていくので、意識しつつ描いていきましょう。次に投げなわツールで作成した部分をoption(Alt)+deleteで塗りつぶしをします。できれば黒が望ましいです。ディテールを意識して描いてみよう次に、黒く塗った木に影や色を付けていきますが、光が入る部分を意識して描くとそれっぽくなります。仮に、太陽の光が左から入るとすると、木も光が入っている方は明るく、反対に光が入っていない方は暗くなります。リアルに描くのであれば、光が入っていない方向でも光の入り方によっては反射光により反対側の部分も若干明るくなります。実物や写真で見てみるとわかりやすいかもしれません。そのような感じで幹をどんどん描いて次のStepにいきます。ちなみに幹、葉は別々のレイヤーで作成することをお勧めします。葉っぱのブラシを作成しようブラシを作成します。Step1でもやった投げなわツールで簡単に葉を描きます。3枚くらいあると後々楽です。こちらも出来上がったらoption(Alt)+deleteで黒に塗りつぶしましょう。作成できたら選択されている状態で「編集」→「ブラシを定義」を選択すると、このような画面が表示されるので、名前を変えてOKを押すと一番下に新しいブラシとして作成されます!!ただ、この画面をみるとわかりますが、せっかく作成した葉が重なってしまって歪なブラシが出来上がっていることにお気づきでしょうか。実際に書いてみるとこんな感じに...。これではせっかく作成しても意味がありません。次はこのブラシを調整していきましょう。作成したブラシを調整しよう作成したブラシを選択し、編集画面を開きます。この画面がでない方は「ウィンドウ」→「ブラシ」で表示できます。ブラシ作成当初は赤丸の「間隔」のパーセンテージがかなり小さいはずですので、間隔を広げると葉の輪郭がわかるようになります。こちらは後でも編集可能なので、ある程度のところで間隔を変えて、左の項目の「シェイプ」を選択します。デフォルトだと各ジッターが0%、コントロールもオフになっていると思いますので変更します。実際に操作をしながらやると分かりやすいですが、解説するとサイズのジッターはブラシの入り抜きの調整です。ペンタブなどで筆圧を掛けると筆圧に応じて葉の大きさが変わります。角度のジッターは葉の向きを変えることができます。これを行うことで葉の角度がランダムになるので葉を自然に散らすことができます。最後に真円率のジッターですが、こちらは傾きを変えることができます。この操作を行うことで、1つのブラシでも幅広い表現を行うことができます。最後に大事なのが、こちらを新規ブラシプリセットに保存します。この操作を行わずに別のブラシを選択してしまうと、せっかく作成したブラシが反映されていないためにやり直し...なんてことになりかねません。ブラシプリセットの右上、「新規ブラシプリセット」に作成してください(元のブラシは削除してしまってOKです)。これで、葉ブラシの完成です!あとは、枝に沿ってディテールを加えつつ葉を描いていくとこんなに簡単にそれっぽい木を描くことができました!選択して作成さえしてしまえば色々なブラシを簡単に作成できるので、ぜひやってみてください。今回は紹介しませんでしたが、テクスチャなども加えるとよりリアルなタッチでイラストを作成することができますよ。いかがでしたでしょうか。私も今まではデフォルトのブラシのみで編集をしていたのですが、ブラシをカスタマイズして作成したブラシが回転した時は感動しました。色々なことができそうです。〈目で見て楽しむ新しいデザインの本。