Photoshopで虹を簡単に描いて背景に合成するまでのチュートリアル
背景写真に虹を架けて空にインパクトを持たせてほしいとクライアントからの依頼。Photoshopで虹を描くのは初めての経験だったので、虹の作り方を調べつ作成。その時の工程メモ。
続きを読む >
Photoshopで放射線(サンバースト)の効果を簡単に描くチュートリアル
目立たせたいときに使われることが多い放射線の効果ですが、キービジュアルを作成する際に放射線の効果が必要になったので作り方を調べてみたらPhotoshopで簡単に作れることをはじめて知ったので、チュートリアル的なメモ。
続きを読む >
CSSで作るシンプルな吹き出し(通常、枠線のみ、下線のみ)パターン
コーディングのヘルプに入った際、デザインに吹き出しがあったのでcssで対応したわけですが、その時に作成した枠線のみの吹き出しと下線のみの吹き出しのコーディングメモ。
続きを読む >
意外に簡単?hoverをしたときに左から右にぬるっと出てくる下線を作る方法
グローバルナビにカーソルを合わせたときに、左から右にぬるっと下線が出てくるUIを最近見かけることが多かったので、自分でも作ってみました。作ってみたら意外と簡単にできたので忘れないようにメモ書きです。
続きを読む >
フォームの送信ボタンのvalueはFontAwesomeのアイコンフォントも設置できる
フォームの送信ボタンは、valueにテキストを入力して使用するのが一般的です。typeをimageにして、送信ボタンを画像にすることもあります。この部分をFontAwesomeを用いてアイコンフォントを設置することも可能です。
続きを読む >
opacityの親要素に背景色をつけてカッコよく透過させよう
CSS3から、要素を透過できるopacityが使用できるようになり、画像リンクにもhoverでopacityを付けることにより、画像がリンクだとわかるようにすることが簡単にできるようになりました。この透過を応用すれば、黒い画像をhoverで明るい画像にすることも可能です。
続きを読む >