addthis

2015年1月28日水曜日

Adobe MuseでPhotoshopを使わずにアイコンの色を変えてみる時短テクニック






こんにちは!

本日は画像の色を簡単に変更できるショートカット的な小技をご紹介します。




たとえば上のような画像があったとします。(カメラのシャッターのアイコンです)
これをサイトで使用しようと思った時、黒いままでは何か違う、青とか赤の方が自分のサイトに合うなと思った時、色を変えねばなりません。
でもアイコン一個の色を変えるためにわざわざphotoshop開くのも面倒だな…

という時に役に立つのが今回ご紹介する技でございます。
Museの機能だけで簡単に色を変更しちゃいましょう。


1. Museのページに画像を置いて選択しましたら、上部の「効果」をクリックします。
2. 3つある四角の一番右側の「光彩」を選択します。
3. 「光彩」と「光彩(内側)」のチェックボックスをオンにします。
4. 「不透明度」は100%に、ぼかしは大きい数字(今回は100)に設定します。
5. 最後にカラーを好きな色に変更します。



すると、あら不思議!
アイコンの色が青に変更になりました!

この技を活用することで、わざわざphotoshopを開いて色を変えて書き出して、みたいな作業をカットすることができ、スムーズにサイト制作を進められて便利です!

ぜひ使ってみてください。
よろしくお願いします。

また、私が運営しているAdobe Muse情報サイト「Made with Muse」も宜しくお願いいたします。





2015年1月25日日曜日

Adobe Museの無料ロールオーバーウィジェットでボタンにオシャレなエフェクトをつける






こんにちは!

今日は無料で手に入る便利なウィジェットをご紹介します。

今回ご紹介するには、ボタンにカーソルを合わせた時にフワッとエフェクトがついて、
オシャレにボタンの色を変化させたりできる便利なウィジェットです!

言葉で説明しても上手く言えませんので、まずは自分が作成してみたサンプルをご覧ください。

サンプルページ
http://www.madewithmuse.net/rollover-widget.html

サンプルページのボタンにカーソルを合わせて頂くとわかるのですが、従来のステートボタンは一瞬で色が切り替わりますが、今回のウィジェットを使うことで、フワッと変化するように変更できています。

なんだか今風で嬉しいですよね!

やり方はめちゃくちゃ簡単でして、ダウンロードしたウィジェットをエフェクトさせたい箇所があるページに置くだけ。




このようにウィジェットを設置するだけです。
変化する速度と、4種類のエフェクトスタイルが選べます!

一点だけ注意ですが、このウィジェットを置いてしまうと、置いたページにあるステートボタンの全てにエフェクトがかかってしまうようです。

詳しい使い方などは、ダウンロード先のMuseResourceさんに動画がありますので、見てみてください!

ダウンロード

こういうちょっとしたボタンの変化にもこだわりを持っているサイトって素敵ですよね!
ぜひ使いこなしてみてください。

よろしくお願いします。