【Fireworks】ラフな感じの見出し画像をサクッと作る | バシャログ。
みなとみらい近辺は警察官の数が半端ないです。特に悪いことをしているわけではないのに、妙にビクビクしてしまう sakai です。 今回はちょっとラフな感じの見出し画像を Fireworks でサクッと作成してみます。 Step1 とりあえず文字を書く とりあえず文字を書きます。太めのフォントにしました。 Step2 テキストの塗りにテクスチャ テキストの「塗りオプション」でテクスチャを適用します。「ひっかき傷」にしてみました。 これだけで、結構ラフな感じになりました。 Step3 文字をちょっといじる ラフな感じをもっと出すため、テキストをアウトライン化し、一文字ずつちょっと変形させました。 だいぶラフな感じを演出できています。ここまでサクッと 5 分くらい。 Step4 おまけ おまけの別パターン。アナログ素材っぽい背景（これは Fireworks のテクスチャ「紙やすり」です）の上に文字
YUKI HARUYAMA Portfolio Site | 春山 有由希
春山 有由希 / ハルヤマ ユウキ UX / UI Design HTML / CSS Graphic Design Photography Designer & Front-end developer 福岡でプログラマとして就職後、Web制作会社に転職し、デザイナーになりました。 ECサイト、テレビ局や番組サイトのデザイン、執筆や講師業などで経験を積んだのち上京し、株式会社Fablicで フリマアプリ フリル（現ラクマ）のUI/UXデザインを担当。 その後、楽天株式会社でデザインチームマネージャを担当したのち、 フリーランスのデザイナーを経て、現在は株式会社スマートバンクでデザイナーをしています。 MORE PROFILE
Fireworks用のウェブデザインの無料素材がダウンロードできる -Webportio
アイコン、ボタン、リボンをはじめ、フォーム、スライダー、ツールチップ、メニューなどウェブデザインでよく使用されるようなエレメントをFireworks用のファイルで配布しているサイトを紹介します。 Webportio Graphical resource of Adobe Fireworks [ad#ad-2] 素材の利用にあたってはウェブサイト・ソフトウェアなど、個人でも商用でも無料で使用できます。また、利用の際にはバックリンクの必要もありません。 お願いとして、このサイトを何らかの形で広めてくれると嬉しい、とのことです。 素材はウェブデザインによく利用するエレメントも数多くあり、下記にいくつか紹介します。
【Fireworks】iPhone 画面パーツ集 | バシャログ。
iPhone 4 が発表されて、いつになったらそのスマートじゃないフォンやめるんだよ、ということを聞かれます toyama です。 スマートになりたいですね！身も携帯も！ というわけで、巷でもシーブレインでも iPhone 関連の制作が増えそうな気配です。 画面のサンプルを作って見せてくれ、なんてことを急に言われる可能性もありそうです。 サイトデザイン用の準備はあっても iPhone 用の画面デザインの準備は整ってない！ そんな私にぴったりのパーツを配布してくれているサイトをご紹介します。 Blog*spark Blog*spark Fireworks toolkit for creating iPhone UI mockups iPhone 3GS のあらゆるパーツがベクトルデータでみっちり集められています。 素材としても大変きれいで、作り方など見ても大変勉強になりますね。 一部 Pho
Fireworks使いなら知っておきたい5サイト＋10個のワザ。 « 世田谷区のとあるホームページ制作事務所のブログ
Photoshopと比べると、どうしても知名度が低いものの、その使いやすさに熱烈？な支持者が多いFireworks。 ですが、正直95%（なんとなく）はPsユーザーなため、あまりFwのコンテンツはネット上でも見かけません。 本屋に行ってもあるのはPhotoshopの教本ばかり。。。 そこで、Fwに力を入れてる日本のサイトをまとめてみました。 Fireworks Bros.（白坂 翔さん） Fireworks Bros. 株式会社デザインエージェント、84ism/ハチヨンイズムでご活躍されている白坂 翔さんのブログ。 ・素人っぽく見えないドロップシャドウのつけ方 ドロップシャドウはニガテなので、非常に助かります。 ・普通に拡大すると、矩形がボケてしまう場合の対処法 Fwの弱点としてアンチエイリアスが弱いのがあります。定番のワザかもしれませんが、知らない人は必見！ Fireworksマニア（Y
【Fireworks】Fireworks の振る舞い 基本的なとこ | バシャログ。
もう暑いのいいだろ、toyama です。最高気温 37℃ 越えている地域の皆さん、本当にお疲れ様です。 普段 Fireworks で作業していると、たまに使う Photoshop や Illustrator のちょっとした動作の違いにストレスを感じます。 違うソフトだから仕方ないんですが、同じ会社から出てるなら揃えろよ！と思ってしまいます。 普段 違うソフトを使っていてちょっと Fireworks を使ってみようかな？と思っている方に、簡単な Fireworks の振る舞いをご紹介したいと思います。 とりあえずよく使う、矩形の拡大縮小についてまとめてみました。 この辺の動きをあらかじめ知っておけば、ストレスも少しは減るかも？ 1.サイズ変更 矩形を選択して[修正]→[変形]→[数値を入力して変形]から[サイズ変更]を選択し、縦横比を固定して数値を入力してみます。 元のサイズに対して、中央か
【Fireworks】グラフィックウィザードで大量の画像を自動で作る | バシャログ。
軽い腱鞘炎になってしまいました、toyama です。左手を使うキーボードショートカットが原因です。別名で保存とか、属性をペーストとかマスクとしてペーストとかグループ解除とかしようとすると痛いので、湿布に包帯を巻いてカバーしているのですが、広範囲に巻きすぎているのか左手だけ「リングにかけろ」みたいになっています。 この資料をもとにこの見出し画像を大量に複製して書き出してください！入れる文字はエクセルにまとめてありますので！見出しごとに写真変えてね！うんざりするほど大量にあります！納期は今日！というお仕事があると思います。 テキストをコピー＆ペーストすればいいだけなのに、どうしてこんなに辛いんでしょう。そんなときは Fireworks さんにおまかせ！ 自動的に画像をつくってくれます。 グラフィックウィザードを活用する こんな画像をテキストだけ変更して、大量に作るミッションです。 用意するのは
【Fireworks】角丸の崩れを直してくれるコマンド | バシャログ。
社内が激しく暑いです、toyama です。ビルが日当たりのいい場所にあるためか、熱を吸収する素材でできているのか、PC の熱のせいか、お昼過ぎになると冷房を入れたくなる温度になります。夏暑く、冬暑いです。顔がテカテカ！ Fireworks で角丸矩形を作って無造作に拡大したりすると、角丸のアールが崩れて間延びしてしまいます。角丸は便利で使い勝手のいい図形ですが、下手に扱うと間抜けな感じになってしまいます。 対処法としては、 あらかじめ狙った大きさにぴったり矩形を作る→角丸に変更 ダイレクト選択ツールで一辺のアンカーのみ選択→角丸を維持したまま変形 シンボルに登録して、9スライスの拡大・縮小ガイドを有効にする 等が上げられますが、崩れた角丸を直すコマンドを公開されていたのでご紹介します。 まず、きんくまデザインさんの公開コードをコピーして、指定のファイル名で保存します。 崩れてしまった角丸矩
【Fireworks】ダイヤモンドっぽいものを作ってみる | バシャログ。
2010 年になってはじめてのブログ当番です、toayma です。 今年もよろしくお願いします！ 昨年、小悪魔 ageha っぽい画像を作ってみる際に断念したダイヤモンドっぽいものを Fireworks で作れないかずっと考えていたのですが、フィルタとか使ってぱぱーんと作るのは私には無理！もうここは基本に戻って、パスとグラデでどうにかしようじゃないか！と開き直りました。 あまりに基本なので軽い説明にとどめたいと思います。 1.八角形の矩形を描く 2.対角線で切って、内角が45度の三角形を作る 3.三角形の塗りを白→グレーのグラデーションに設定 4.三角形をコピーしては、45度に回転。7 回繰り返して、元の 8 角形に並べます。 5.小ぶりの八角形を作って上に重ねます。それっぽくできてる？ 6.もしくは、4.で作った8つの三角形をコピーして縮小し、上に重ねます。グラデーションを乱反射する光の
%26utm_content%3DGoogle%252520Reader)
【Fireworks】よく使うヒトの作り方 すごく初歩 | バシャログ。
すっかり冬っぽくなってきて焦る、シーブレインの toyama です。自宅のマシンを買い換えたときにデータの移行でありえないミスをして、年賀状のあて先データをきれいに失ったのでした。ぐぬぬ打ち直し！ Web サイトをデザインするときに、使う機会が多いのが「ヒト」のイメージです。 受付はこちら、とか、ここに悩んでる人っぽい絵を描いて、とか。 イラストをかけるスキルがあるならきっとシャランラーと描けるのでしょうが、イラストとかマジカンベンな私としては、矩形を使ってなんとかするしかありません。 サイトのテイストにもよりますが、こんな感じでヒトを書いたりします。 1. ピクトグラム風ヒト 矩形から「楕円ツール」を選択して、Shift を押しながら正円を書きます。頭です。 それを真下にコピペします。 その円の直径と同じ長さの四角を書いて、下の円に重ねます。円の下半分と、四角の上辺が重なるように配置しま
【Fireworks】文字を 3D っぽく加工する | バシャログ。
はい、シーブレインの toyama でございます！ 今日は Firetuts.com さんのチュートリアルをやってみたいと思います。 テキストオブジェクトを立体っぽくみせる技です。 1. 文字を打ってナナメに 文字を45度回転させた後、新しい高さの 50% を引いた数をオブジェクトの高さとして入力してあげると、いい感じに奥行き感が出ます。 2. 文字に白い縁取りを 別になくてもいいですが、ここはチュートリアル通りに。縁取り線をつける場合は、[塗りをストロークに重ねる]にチェックをいれるのが好みです。塗り部分と線部分の間に変な隙間ができなくなります。 アウトライン化してグループ化しておきましょう。 3. 立体感を出すフチを作る 本日のキモその 1 。オブジェクトを選択した状態で、[フィルタ]→[シャドウとグロー]→[ソリッドシャドウ]を選択。こんな効果があったのか… 角度と距離、色をを適宜設
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS Nite in Ginza, Vol.49「バシャログ LIVE」 の Fireworks 編フォローです | バシャログ。