RedLine Magazine : Photoshop用ブラシをFireworksで。
Photoshop用ブラシをFireworksで。 いろんなサイトでPhotoshopの素敵なフリーのブラシ素材が配付されてて、そんな配付サイトの紹介エントリを目撃するたびに「これFireworksでそのまま使えたらいいのになぁ」なんて思います。まぁそのままブラシとしてFireworks上で使うことはできないのですが、Photoshopの素敵ブラシを使用する機会は多いのでFireworks使いの自分がどう付き合ってるのかっていうエントリです。 とりあえず前提として、Fireworks上でそのままブラシとして使うことはできない（多分）ということで、感覚的にはスタンプ画像みたいな感じで使ってます。とにもかくにも、まずはどうにかして使いたいブラシをFireworks上に移植にする事からですよね。Fireworks用にスタンプ画像的なものを用意するいくつかの方法から。 Photoshopからそのま
Fireworks ショートカットコンボ : RedLine Magazine
Fireworks ショートカットコンボ(追記有) あまりにも放置気味なので何か更新しようかな、ということで、よく使うFireworksのショートカットコンボでも。 >>080912：パスパネルについて追記しました。 最前面のオブジェクトでマスクするショートカットコンボ 例えばこんなん。適当な背景の上にオブジェクトを乗せてマスクする時。 テキストにフチ線がついてるのは白背景だと分かりにくいからつけただけ。とりあえず重ねる。 いくよっ！ 「Alt+M」→「M」→「G」 （「修正」→「マスク」→「マスクとしてグループ化」） さぁ！みんな声を出して覚えて！ (n'∀')η＜オルト エム エム ジー！ 最前面のオブジェクトでマスクの小ネタ え？こんなの誰でも知ってるって？ んじゃ･･･これを合わせて知ってると便利だよ！ 最前面のオブジェクトでマスクする時はオブジェクトを半透明にして合わせる位置を確
RedLine Magazine : Fireworks コレ、5分で作ります。その２
Fireworks コレ、5分で作ります。その２ ※このエントリはFireworks CS4を元に書いています。 前回はペンツールでパスを書いてなんやかんやしたんですが、今回はFireworksを始めたら一番最初にコレを覚えであろう長方形ツールをメインで使ってコレを５分くらいで仕上げる方法です。 デザイナさんも、デザイナさんじゃない方も、Fireworks をほとんど使った事ないわーという方にも、一度5分だけでも時間を使ってもらえたらなーという主旨も含めて書いてます。実際にやってみてもらって、「うはｗｗ Fireworks ってこんなに簡単な手順でよく見かけるこういうモノ作れたんだ」とか思ってもらえると嬉しいです。 今回の完成形 今回も前回同様、見出し画像の背景に使えそうな画像を作ります。 今回も素材集等、Fireworks の機能以外のものは使いません。 土台を用意 今回は２色のグラデー
RedLine Magazine : jQueryでパンくずをうまくスペースに収める
jQueryでパンくずをうまくスペースに収める jQueryとプラグインを使ってパンくずを限られたスペースにうまく収めるネタ。動きもいい感じ。 >>CompareNetworks jQuery'd Bread Crumb - jBreadCrumb This collapsible breadcrumb was developed to deal with deeply nested, verbosely named pages.って書いてある通り、深い階層になってて、すごい長い名前が付けられたページのパンくずに対応できるようにって趣旨みたい。 >>サンプルページ 英語だとこのままでいいんかもしれんけど、日本語だとデフォルト指定の状態で隠れてる状態が最初の１文字目の半分くらいしか見えないから、jquery.jBreadCrumb.jsの中の最後のいろいろ指定する部分「previewWidt
RedLine Magazine : 画像置換問題その後。
画像置換問題その後。 で、あなた今回のリニューアルで例の画像置換問題(CSS有効で画像無効)部分についてはどうしたのという話。別ブログの方でもその問題に関する雑感は書いてたんだけど、今回こっちのブログで使った方法はこんな感じ。 今回のデザインは普通のheaderっぽいものがなくて、左上の方がh1だったりするわけですが、とりあえず背景画像(jpg)とロゴ部分の画像(gif)を用意して、こんなソースにしてみました。 XHTMLソース <h1 id="sitelogo"> <a href="http://redline.hippy.jp/">REDLINE MAGAZINE | webデザインに関するさまざまな情報掲載サイト <img src="http://redline.hippy.jp/images/temp/logo_01.gif" alt="REDLINE MAGAZINEトップページ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
