デザイン

画像サイズが合わない、イメージに合う画像がない、ちょっと足りないをどうするか?

イメージに合う画像があるけどレイアウトのサイズに合わない。トリミング出来そうにもない。文字を入れるスペースが無い。お客様からもらった画像が小さい。
そんなちょっと足りない経験をしたことありませんか?
そんな時の対処法を今回はお教えします。

(さらに…)

ハメコミ合成をつくるだけじゃもったいない!Photoshop「Vanishing Point 」

いよいよAppleから新製品発表されましたね。
新製品の発表の後こんな作業お願いされませんか?

「HPに載せたり営業PPTに使いたいからiPhone6Sとのハメコミ画面合成作ってよ」
客先に持って行きたいから、すぐに作って欲しいなんて無茶ぶりされることも……。

(さらに…)

デザインの神速技術を手に入れるショートカット

仕事で使うadobeのソフトウェアは、きれいな絵を描くためでなく、最短の時間で最高の売上/プレゼンテーションをもたらすためにあります。adobe系だけでなくソフトウェアを「使いこなす」とは、各メニューを熟知すること以上に、仕事で使うにはひとつ上の課題があります。
それは「スピード」。

(さらに…)

Illustratorのグラフツールで一歩上のプレゼン

illustratorを使いこなしているという方の中でも、グラフツールまで使いこなしているという人はあまり聞きません。
確かに、エクセルでグラフを描くことは出来ますので、それで簡単に済ませることは可能です。
明確なプレゼンテーション目的がない場合には、エクセルで十分なのですが、illustratorを使えば、より「伝わる」グラフを作れます。

(さらに…)

便利なCSSジェネレーターまとめ

みなさんこんにちは、masa です。今日は CSS を使って装飾する際に便利なジェネレーターをいくつかまとめてみました。
角丸やボタン作成などありますので、お役に立ててください。

(さらに…)

Font Awesome で簡単にアイコンを導入する

みなさんこんにちは、masa です。今日は CSS でアイコンを表現する Font Awesome (フォントオーサム) の使い方を紹介したいと思います。画像を使わないので、スマートフォン向けにも導入しやすいと思います。
(さらに…)

jQuery でメニューにバーを追随させる

みなさんこんにちは、 masa です。サイトのメインメニューというのはアイキャッチとともに非常に目立ち、ユーザーが最初に操作する可能性が高いパーツですよね。デザイナーのみなさんが個性を出しやすいと同時に、デザインに悩みがちなメニューですが、今日はマウスホバー時にアンダーバーを追随させる方法をご紹介します。
(さらに…)

Adobe Edge Animate でアニメーションする

みなさんこんにちは masa です。今日は HTML5 + JavaScript でアニメーションを作れる Adobe 『Edge Animate(エッヂアニメート)』を使って実際アニメーションするところまで取り上げてみたいと思います。

(さらに…)

Illustrator で円を均等に分割する方法

みなさんこんにちは、masa です。今日はイラストレーターネタです。みなさんはイラレで円を分割する処理って、どんな方法でやっていますか?

(さらに…)

Illustrator & PhotoShop で Google Fonts を使う

あけましておめでとうございます。新年みなさまどのようにお過ごしでしょうか?
さて、今回は Google Fonts をウェブフォントとして使う、ではなく Google Fonts を PC にインストールしてイラレやフォトショから使う方法です。
(さらに…)