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

Fireworks ＞ Fireworks 8

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

　状態:不明 　閲覧数:6,676 　投稿日: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/8/05 2:50 更新
週間人気ページランキング ／ 7-28 → 8-3
順位 ページタイトル抜粋 アクセス数
1 Design 0 16
2 鉄道会社毎のカラーコード | カラーコード(色) 3
2 キャラクター無料作成ジェネレーター ／ FLASH ／ オンラインサービス | イラスト参考(デザイン) 3
3 「属性」「プロパティ」「アトリビュート」の違い | CSS 2
3 Illustratorでaiファイルを保存する際、下位バージョンでも開けるよう保存する | Illustrator CS3(Illustrator) 2
3 「Google Chrome」履歴一覧から、複数履歴を選択して一度に開くことはできません。バージョン: 94.0.4606.81（Official Build） （64 ビット） | Google Chrome(ブラウザ) 2
3 「マウスオーバー」「ロールオーバー」「ホバー」の違い | CSS 2
3 「東京都」のカラーコード取得は難しい | カラーコード(色) 2
3 「レイアウト崩れ」がどうしても解決しない → Chrome「デベロッパーツール」で怪しいと思った要素を、正常表示されるまで削除し続けていく | CSSトラブル対応(CSS) 2
3 iframe経由で読み込んでいるページへ直接アクセスした場合は、トップページへリダイレクト | HTML5(HTML) 2
3 アイコン | 3系(Bootstrap) 2
3 G'MIC | GIMP 系(ソフトウェア) 2
3 Illustrator 2 で作成したデータを、Fireworks 8 で読み込む | Fireworks 8(Fireworks) 2
4 2.stroke-widthプロパティの幅設定は、「与えられた点を中心とする」strokeプロパティ仕様に準じている 1
4 Flexible box の縦方向中央揃えは、「vertical-align: middle;」ではなく「align-items: center;」 1
4 Chrome「39.0.2171.95 m」で崩れたデザインが 「39.0.2171.99 m」で直る 1
4 _notesフォルダ削除 | Dreamweaver8(Dreamweaver) 1
4 レスポンシブウェブデザイン | レスポンシブ画像(レスポンシブ) 1
4 型 ／ 型 ／ 型 1
4 12ビットカラー 1
2026/8/4 5:05 更新