タグ

ブックマーク / bashalog.c-brains.jp (11)

  • 【Fireworks】「クリスマス」デザインもお手の物!もみの木ブラシ作ったよ。 | バシャログ。

    話題のぶつ森に目もくれず最近やっとブレイブリーデフォルトを買いました。sekiです。こういう王道RPGってほんと少なくなりましたよね。 さてさてもうすぐクリスマスですね!楽しみな人もそうでない人もいるかと思いますが、今回はそんなクリスマスなデザインにもってこいな「もみの木ブラシ」を作ったので作例とともに配布をば。前に作った「砂」ブラシ同様今回もストロークの簡単な設定になりますが、お付き合い下さいね。 ダウンロード タイトル画像にあるような、もっさりした「もみの木」のようなあしらいが簡単に作れます。 ダウンロードはコチラのリンクを右クリックで保存してください。(.stl) 保存したら、Fireworksのスタイルより「スタイルを読み込む」で、一度スタイルデータとして読み込みます。 使い方 このスタイルにはストローク情報が記憶させてあります。 スタイル画面には「クリスマス_大」「クリスマス_小

    【Fireworks】「クリスマス」デザインもお手の物!もみの木ブラシ作ったよ。 | バシャログ。
  • 【Fireworks】Retina対応用にページを分けるFireworksコマンド | バシャログ。

    欧州選手権より睡眠をとるminamiです。今日はサッカー代表戦ですね! 昨日深夜のWWDC 2012基調講演で、Retinaディスプレイ MacBook Proが発表になりましたね!15.4型は2880 x 1800画素ということで、今までのノートパソコンでは考えられない解像度になるようです。 気になるのは、現在iPhone 4S用のサイト制作で行う必要があるRetina対応をPCでもしなければならないのかも・・・ということ。 そんな時にちょっとだけ便利になるかもしれないFireworksのコマンドを作ってみました。バージョンはCS5.1で確認しています。 Retina対応用にページを分けるFireworksコマンド 右クリックなどで保存してお使いください。ご使用は自己責任でお願いします。 原寸表示の2倍でデザインしたファイルを作ります。スライスに名前をつけて設定した状態でコマンドを走らせ

    【Fireworks】Retina対応用にページを分けるFireworksコマンド | バシャログ。
  • Fireworksの「レイヤーからファイルに書き出し」が目からウロコ | バシャログ。

    『哀しき獣』という韓国映画が面白すぎたので、もう一度観たいminamiです。 Fireworksの画像書き出しではもっぱらスライスの使用をプッシュしてきた当ブログですが、「レイヤーからファイルに書き出し」って便利じゃない・・・という衝撃を改めてお届けします。 「レイヤーからファイルに書き出し」使ってる? Fireworksの書き出しメニューには幾つか項目がありますが、「レイヤーからファイルに書き出し」は今まで使ってきませんでした。 要因としては、 Photoshopと違いオブジェクトを直接編集できるので、パーツ毎のレイヤー分けを意識していなかった 画像書き出しはスライスが強力なので他の方法を気にしたことがなかった というのがあると思います。しかし、場合によってはスライスで管理するよりもこちらのほうが便利!ということで見なおしてみました。 同じレイアウトで大量に画像を作りたい 例えば以下のよ

    Fireworksの「レイヤーからファイルに書き出し」が目からウロコ | バシャログ。
  • Dreamweaverで画像サイズをリセットするコマンド&半分にするコマンド(Retina対応に便利) | バシャログ。

    あけましておめでとうございます。hakoishiです。 年もよろしくお願いいたします。 正月休みはコタツと闘っては連日連敗を喫しておりました。 眠りへの誘惑危険すぎる。 さて、日はDreamweaverの画像サイズのリセットが一気にできちゃうコマンドと、半分にリサイズするコマンドのご紹介を。 画像サイズをリセットするDreamweaverコマンド Dreamweaver 画像の幅と高さをリセットするコマンド « きんくまデザイン http://www.kuma-de.com/blog/2009-01-27/298 既存のソースを使いまわしてコーディングする時や、修正を重ねるうち微妙にサイズの違った画像が多発した時。 1つずつクリックして修正していくのは手間ですね。 と、そんな時にこのコマンド。 ソースを全選択した状態で、「コマンド」メニュー⇒「画像サイズをリセット」を適用すると、ページ

    Dreamweaverで画像サイズをリセットするコマンド&半分にするコマンド(Retina対応に便利) | バシャログ。
  • CSS Nite in Ginza, Vol.49「バシャログ LIVE」 の Fireworks 編フォローです | バシャログ。

    CSS Nite in Ginza, Vol.49「バシャログ LIVE」 の Fireworks 編フォローです | バシャログ。
  • 【Fireworks】iPhone 画面パーツ集 | バシャログ。

    iPhone 4 が発表されて、いつになったらそのスマートじゃないフォンやめるんだよ、ということを聞かれます toyama です。 スマートになりたいですね!身も携帯も! というわけで、巷でもシーブレインでも iPhone 関連の制作が増えそうな気配です。 画面のサンプルを作って見せてくれ、なんてことを急に言われる可能性もありそうです。 サイトデザイン用の準備はあっても iPhone 用の画面デザインの準備は整ってない! そんな私にぴったりのパーツを配布してくれているサイトをご紹介します。 Blog*spark Blog*spark Fireworks toolkit for creating iPhone UI mockups iPhone 3GS のあらゆるパーツがベクトルデータでみっちり集められています。 素材としても大変きれいで、作り方など見ても大変勉強になりますね。 一部 Pho

    【Fireworks】iPhone 画面パーツ集 | バシャログ。
  • 【Fireworks】インスタンスのトゥイーンで罫線を描く | バシャログ。

    桜散ってしまいました、横浜シーブレインの toyama です。このあと梅雨と夏と残暑が待ち受けているかと思うとぐぬぬぬ… Fireworks のシンボル化が大好きです。あらゆる修正が一括で行えるなんてステキすぎる機能です。最近はこれシンボル化する必要ないだろ、と思ってもとりあえずシンボル化している有様です。だって何かあるといけないし! 地味に便利なのが、罫線をシンボル化しておくことです。 テーブルなどをデザインする際に罫線をシンボル化しておくと、太さや色を一発で修正できて楽です。 今日はシンボル化した罫線にしかできない、簡単な表組みを作る方法を紹介! 1.まずは罫線をシンボル化 矩形ツールの[四角]を使って高さ 1px の線を描きます。線を描くときにもラインツールを使わず矩形を使うのは、矩形の方がいろいろ便利だからです。 2.罫線を複製 シンボル化した罫線をコピペして 2 つにします。こい

    【Fireworks】インスタンスのトゥイーンで罫線を描く | バシャログ。
  • 【Fireworks】商用利用可能なテクスチャを無料で配布しているサイト | バシャログ。

    麻婆丼の美味しさに目覚めた sakai です。好物ランキングカレーライスを抜いて 3 位に躍り出ました。 最近、久しぶりに Fireworks でガッツリとサイトのデザインをするお仕事がありました。 自分は Fireworks でデザインを起こす時にテクスチャを多用します。特に、水平線や垂直線、グリッドやドットなどはうまく使えばとても便利。 ただ、デフォルトのテクスチャではバリエーションに乏しいので、自分でオリジナルのテクスチャを作りためておくのが良いです。 と思ったら、若かりし頃にコツコツと作りためたオリジナルのテクスチャが全部なくなっているではないですか! そういえばこの間マシンを入れ替えたから! 今回は、そんな Fireworks 使いに嬉しいサイトをご紹介します。 Ftg (Fireworks texture gallary) こちらのサイトでは Fireworks で使えるテク

    【Fireworks】商用利用可能なテクスチャを無料で配布しているサイト | バシャログ。
  • 【Fireworks】トリミングした画像をたくさん書き出したいときに思い出してください | バシャログ。

    こんにちは、シーブレインの toyama です。梅雨入りです。 サムネイル用の画像など、一定の大きさにそろえた画像を大量に書き出さないといけないときが、長い人生に一度や二度はあると思います。 私にも以前そんな瞬間があったのですが、その頃にこの技知ってればー!という技を今更知ったのでここに記しておくことにします。 1.書き出したいサムネイルのサイズにキャンバスサイズを設定します。 2.サムネイル化したい画像をざくざく読み込んで、適当に(いい意味で)画像を配置します。 3.「コマンド」→「ドキュメント」→「レイヤーに配分」。すると、適当に読み込んだ画像が一枚づつレイヤーに格納されます。 4.画像を書き出すための「最適化」を設定したあと、「書き出し」ます。 5.書き出しのダイヤログが出てきます。「書き出し」のプルダウンメニューから「レイヤーをファイルに変換」を選択します。3.で画像をレイヤーに分

    【Fireworks】トリミングした画像をたくさん書き出したいときに思い出してください | バシャログ。
  • 【Fireworks】ボケちゃった矩形のエッジを直す方法 | バシャログ。

    GW をゴールデンに過ごした体験がない シーブレイン toyama です。お疲れ様です。どうしたら黄金体験(G.E)できるのでしょうか? Fireworks で矩形をいじりまわしたり、バージョンの違う Fireworks で編集したり、特に何もしなくてもある日突然、エッジがイヤな感じにボケてしまうことがあります。せっかくのパスデータ、クリアな曲線だったはずなのに、どうしてこんなボケボケなことになってしまうのか不思議ですが、一度ボケてしまうとあの美しい矩形に戻ることはありません。 泣く泣く作り直しだったりします。 そこで今回ご紹介するのがボケたエッジを直す方法です。 いろいろいじってエッジがボケてしまった角丸矩形たち。 視力が落ちたのかと思うくらい、矩形のエッジがブレてボケています。一番右の角丸は生まれたての角丸矩形です。乱れがありません。 このボケてる矩形を直します。 ボケた矩形を選択して

    【Fireworks】ボケちゃった矩形のエッジを直す方法 | バシャログ。
  • 無料で使えるアイコンサイト | バシャログ。

    WEBサイトを作る際に欠かせないのがアイコンです。 今回は無料で使えるアイコンを紹介したいと思います。 すべて無料で使えますが、クリエイティブ・コモンズなどのライセンス形態をとっているものもありますので、各サイトでご確認のうえ使用してください。 famfamfam.com [使える CSS テクニック] CSSを使った見栄えの良いサイトマップでお世話になりました。 websiteicons.com カテゴリーごとに整理されていて探しやすいアイコンサイト。 websitebullets.com 矢印に特化したアイコンサイト。 Yoritsuki icons by ~HYBRIDWORKS on deviantART クオリティの高い日風情漂うアイコン User Interface Icons ここはすごい!数が多くてサイズも選べます。 ブログやサイトで活用してみてはいかがでしょうか。

    無料で使えるアイコンサイト | バシャログ。
  • 1