角丸の上部分を違う色にしたい／Fireworks 8

Fireworks ＞ Fireworks 8

角丸の上部分を違う色にしたい／Fireworks 8

　状態:不明 　閲覧数:6,571 　投稿日:2011-02-16 　更新日:2012-12-11
こういうヤツ。



1.短形ツール → 長方形。角丸30ぐらい
2.短形ツール → 長方形。上に敷く
3.1.2.をレイヤー毎コピー×2。元のレイヤーは、念のため保存しとく
4.コピーレイヤー1にて、1.2.を選択。修正→パスの結合→交差で、上部分が完成
5.コピーレイヤー2にて、1.2.を選択。修正→パスの結合→型抜きで、下部分が完成


イラストレーターのクリッピングパスみたいな使い方とか、もしかしたらできるのかもしれないが、詳しいことはよく分からなーい。

激しく忘れそうなので、一応メモしとく。

透明な文字を、短形に敷き、文字色として、短形の下の背景画像を表示させるやり方

グラデーション練習



類似度ページランキング
順位 ページタイトル抜粋 ％
1 角丸の上部分を違う色にしたい／Fireworks 8 96
2 改めて思う。Fireworks 最高 45
3 Fireworks で背景画像透明化 41
4 Illustrator 2 で作成したデータを、Fireworks 8 で読み込む 39
5 Firefox 8.0 にしたら、Firebugタイトル部分の半角スペースに‌·が入るようになったので、メモ 38
6 Twitter ヘッダー画像は、Fireworks CS3 で作成している 35
7 「Fireworks CS3」は「SVG」 出力不可 35
8 Firefox8.0で、Cookieを表示 34
9 SVG線を徐々に描画していくためには、@keyframes を利用 34
10 「Twitter Bootstrap」のアイコンは、画像なので色を変更できない 34
11 SVGの色指定は、「枠線 stroke」と「内部 fill」の2種類 33
12 FireBug　クィック情報ボックスを表示しないようにする 33
13 Tor Browser 32
14 Firefoxが重いときの対策（案） 32
15 img srcタグで、画像の上に文字 32
16 perspectiveのベンダープレフィックスを自動付与したい 32
17 Illustrator Fireworks 対応バージョン比較 32
18 Fireworks で矢印 ／ [コマンド] → [クリエイティブ] → [矢印の追加] 31
19 Font Awesome v5.0.8 31
20 FireFov6.0 指定サイトでrssURLの確認 31
2026/2/26 4:09 更新
週間人気ページランキング ／ 2-18 → 2-24
順位 ページタイトル抜粋 アクセス数
1 Chromeデベロッパーツールで、スマホソースコードを確認したいが、USBデバッグ機能をどうしても有効にすることが出来ない | モバイルデザイン(デザイン) 11
2 「bgcolor」「background-color」「background」の違い | CSS 6
3 RGBの種類 ／ ビットカラー | RGB(色) 5
3 キャラクター無料作成ジェネレーター ／ FLASH ／ オンラインサービス | イラスト参考(デザイン) 5
4 画像縦横比の問題 | 画像 4
4 「属性」「プロパティ」「アトリビュート」の違い | CSS 4
5 色モデルイメージ図 | 色変換(色) 3
5 「東京都」のカラーコード取得は難しい | カラーコード(色) 3
5 効果を打ち消すスタイルシート | CSS 3
5 RGB ⇔ Lab | 色変換(色) 3
6 Chromeブックマーク(ブラウザ) カテゴリー 2
6 HTMLエディタ カテゴリー 2
6 textareaのスクロールバーが横へはみ出す場合は、「box-sizing:border-box;」を指定する | CSS 2
6 HSL → RGB 計算方式の違い | 色変換(色) 2
6 ライセンス変更 | 画像著作権(画像) 2
6 CSSだけで、任意の要素に配置した画像を画面一杯に表示することは、基本的には出来ない。「img src」「背景画像」「div要素」何れの場合でも。可能なのは、特殊な要件が重なった場合だけ | CSS 2
6 フォントアイコン表示不具合の原因は重複読込＋α | フォント 2
6 「Font Awesome」で「ダウンロードしたSVGを直接表示」する方法 2
6 「Font Awesome 4」と「Font Awesome 5」の違い(Font Awesome バージョン4からのアップグレード) | Font Awesome(フォント) 2
6 PhotoShop CS3で画像読み込み | Photoshop 2
2026/2/25 5:05 更新