文字に影をつけるCSSはよく使うので、とくに使用頻度の高い3パターンのコードをまとめておきます。 「text-shadow」プロパティの使い方 【 3パターン 】 文字(テキスト)に影をつけるには、「text-shadow」プロパティを使います。 記述のしかたは以下のような順序で記述していきます。 記述のRead More…
2713/9月
1913/9月
Photoshopで画像を角丸にする方法
1 画面左側のツールアイコンの選択範囲ツールの中にある、「長方形選択ツール」を選ぶ。 2 対象となる画像を選択するか、角丸の形で切り抜きたい部分を選択。 3 画面上側の「選択範囲」から「選択範囲を変更」→「滑らかに」を選ぶ。 「半径」の数値を入力する。この数字が大きいほど角が丸くなRead More…
1713/9月
「 秋の味覚 」
「 秋の味覚 」バナーの制作。 関連記事 galleryカテゴリの他の作品 「温故知新」ワードプレスサイトのトップ画像用に書いたもの。 「茶の花」「大感謝祭」「彩食健美」3作品をまとめたもの ポートフォリオのタイトル用に制作ポートフォリオのビルボード用に書いたもの。 「 パンダカフェ 茶の花 」「 パンダカフェ 茶の花 」サイトのタイトル用に書いRead More…
2313/7月
カスタマイズしたスウォッチのデータを他のファイルでも使えるようにする方法
イラストレータで、スウォッチのデータをカスタマイズしてオリジナルのカラーバリエーションを作った時、それを別のイラレファイルでも使えるようにするための方法です。 1 イラレファイルの画面上側にある｢ ウインドウ ｣ 2 ｢ スウォッチライブラリ ｣をクリック 3 ｢ その他のライブラRead More…
1813/7月
photoshopで画像をきれいに切り抜く方法「境界線を調整」
切り抜きの方法は色々ある中で、ＣＳ５から追加された「境界線を調整」という機能を使うと、切り抜きたい部分の境界線が複雑なものでもかなり正確に切り抜くことができます。 手順としては、切り抜きたい対象物を選択して「境界線を調整」という機能で微調整したら、新しいレイヤーで出力するという流れです。 以下で細かく見ていきます。 photoshopで画像をきれRead More…
1513/7月
フォトショップで画像を配置→保存→配置を繰り返すとその画像は劣化するのか？？
フォトショップで、画像を配置して、それを修正して保存して、また配置して…と繰り返すと、その画像は劣化するのか？？という疑問があったので、検証してみました。 結論、 「 補正内容によっては劣化する。」 例えば、 1. 色を変える 形を変える → 劣化する 色調補正や自由な角Read More…
1013/7月
CSSで複数のセレクタ名を並べる時の記述で間違えやすいこと
CSSで複数のセレクタ名を並べる時の記述で、要素名(タイプ名)やクラス名やID名の間に「半角スペース」を入れたり、入れずに詰めたり、「 , ( カンマ ) 」を入れたりと、いくつかの記述方法があります。 ここは間違えやすいところでもあるので、ミスしがちな 3パターンの記述方法Read More…
1913/6月
ホバーエフェクト制作の際に参考にしたい記事
ここに挙げた3記事だけでも、色々なデザイン レイアウトに使えそう。 ワンポイントに使えるCSS3マウスオーバーアニメーション5種 | webOpixel 5種類だけだけど、どれも汎用性が高い