PlanホームaffingerjQuerywordpressバスケWeb制作の技術情報を中心に、WordPress、jQuery、CSSなどの情報など幅広く発信中。Web制作スキルや知識のアウトプットブログです。2013年11月11日わたしが、Fireworksでバナーなど作るときに使っているテクニックのご紹介です。※たいしたことがありませんが。作った矩形を画像の上に重ねる画像をつかって作るバナーこの写真を使ってバナーを作るときに、サイズはこのままで文字だけを入れてバナーっぽくしたいと思います。文字だけを入れてみました文字の色を白で、入れてみましたが「Title」の文字が少し見ずらい気がします。文字を見やすく「光彩」を使う文字を見やすくするために「フィルタ」の「光彩」を使ってみます。「Title」の文字にも同じ設定で「光彩」を使いました。「光彩」を使った文字のほうが見やすい気がします。見にくいと思う方は、数値などをもう少し高くして見やすくしてもOKです。矩形を作るもう少し、見やすくしたいし、「webデザイナー」をやっていたのでテクニックを使って見やすくしたいと思います。画像と同じサイズの矩形を用意します。※矩形ですが、グレーの色で作ったのですが、次の工程で見にくかったので黒色に変えました。矩形の塗りの設定を「グラデーション」→「楕円」します。このデフォルトの設定を変えていきます。楕円の中心の位置をずらして、黒色のところは「不透明度100」、白色のところは「不透明度0」にしてください。矩形の不透明度を「52」にしてください。設定が終わるとこんな感じですね。作った矩形を画像の上に重ねる仕上げは、画像の上に、作った矩形を重ねて、その上に文字を置きます。左下を黒色の矩形をおいて、文字が見やすくなりました。文字のみのバナーを比べてみるとわかります。今回、作ったpngファイルをダウンロードできるようにしました。よかったら、使ってみてください。ダウンロード[banner_01.png](640KB)結構、長くなってしまったのでバナー作成のテクニックは、次回fireworksの記事を書くときにでもまた書きます。最新記事しんWebサイトの構築、プログラムを制作しています。中小企業、個人のホームページの制作、更新作業も承ります。仕事以外はバスケをしたり、ジムで筋トレしております。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。自動で画像のスライドショーを実装する方法(サンプル付き)NEXTCSSだけでカッコよく作る見出し(hタグ)デザイン(サンプル付き)しんWebサイトの構築、プログラムを制作しています。中小企業、個人のホームページの制作、更新作業も承ります。仕事以外はバスケをしたり、ジムで筋トレしております。映画/海外ドラマ/プログラミング/バスケ/トレーニング/カナダ/カメラ・写真2018/03/30AFFINGER4のテーマを有効化したら画面が真っ白になった時の対処法2018/3/30ブログテーマをSTORKからAFFINGER4へ変えました!2019/9/30ロリポップ!サーバーの独自SSL(無料)の設定手順!2018/3/25【保存版】Googleアナリティクスでリファラースパム対策をする2016/12/12マラソンで使うFREETOOランニング用のポーチを買ったおすすめ記事1バスケをするなら絶対にあった方が良いカバンの中にある道具のまとめバスケを中学から始めて20年程しています。役に立つ情報があれば幸いです。確定申告をやっていて通帳を見ながら「これはいらないな」「もう少し減らしたいな」と眺めていて、そろそろバスケで使う体育館の料金を払うかっと通帳を見たらKDDIで電話料金を払い続けていた。使っているスマートフォンを新しい機種変更しようと思って自分が月にどれぐらい使っているのか?確認を含めて明細を見てみるとビックリしました。通話料金、パケ放題のほかにも料金がかかっていました。東京にはいろいろな仕事がありますね。クライアントからの仕事の依頼があって「イラストレーターのバージョンを調べて欲しい」とのこと。...5スポーツジムに4ヶ月通い始めて、気が付いたやってはいけない8つのことジムに通い始めて4ヶ月が経ちました。飽き性の私が、スポーツジム通いが続いています。4か月ですが、スポーツジム通いでやってはいけないことがわかりましたのでまとめます。PlanWeb制作の技術情報を中心に、WordPress、jQuery、CSSなどの情報など幅広く発信中。Web制作スキルや知識のアウトプットブログです。