Submit Search
Upload
Fireworks5.0のスライス
•
0 likes
•
423 views
S
SD Labo
Follow
Fireworks5.0のスライス(画像の書き出し)の際
Read less
Read more
Education
Report
Share
Report
Share
1 of 3
Download now
Download to read offline
Recommended
Tecnología y educación
Tecnología y educación
julitoperez
Front cover research task
Front cover research task
Jade_Challender
Amr Research 0906 The Fast-Payback SAP Projects for Saving Money in 2009
Amr Research 0906 The Fast-Payback SAP Projects for Saving Money in 2009
Faycal Chraibi
íNdex16
íNdex16
pilaribanyezalmela
プログラマとデザイナが共有すべきUIに関するAndroidの10の機能
プログラマとデザイナが共有すべきUIに関するAndroidの10の機能
youten (ようてん)
Qgis tutorial02
Qgis tutorial02
O Fukuoka
サイボウズ デヂエ 8 ご説明資料
サイボウズ デヂエ 8 ご説明資料
Cybozucommunity
7/7 WordBench kobe dreamweaver seminar
7/7 WordBench kobe dreamweaver seminar
Atushi Sugiyama
Recommended
Tecnología y educación
Tecnología y educación
julitoperez
Front cover research task
Front cover research task
Jade_Challender
Amr Research 0906 The Fast-Payback SAP Projects for Saving Money in 2009
Amr Research 0906 The Fast-Payback SAP Projects for Saving Money in 2009
Faycal Chraibi
íNdex16
íNdex16
pilaribanyezalmela
プログラマとデザイナが共有すべきUIに関するAndroidの10の機能
プログラマとデザイナが共有すべきUIに関するAndroidの10の機能
youten (ようてん)
Qgis tutorial02
Qgis tutorial02
O Fukuoka
サイボウズ デヂエ 8 ご説明資料
サイボウズ デヂエ 8 ご説明資料
Cybozucommunity
7/7 WordBench kobe dreamweaver seminar
7/7 WordBench kobe dreamweaver seminar
Atushi Sugiyama
ゲーム理論 BASIC 演習106 -価格の交渉ゲーム-#ゲーム理論 #gametheory #数学
ゲーム理論 BASIC 演習106 -価格の交渉ゲーム-#ゲーム理論 #gametheory #数学
ssusere0a682
次世代機の製品コンセプトを描く ~未来の機械を創造してみよう~
次世代機の製品コンセプトを描く ~未来の機械を創造してみよう~
Kochi Eng Camp
生成AIの回答内容の修正を課題としたレポートについて:お茶の水女子大学「授業・研究における生成系AIの活用事例」での講演資料
生成AIの回答内容の修正を課題としたレポートについて:お茶の水女子大学「授業・研究における生成系AIの活用事例」での講演資料
Takayuki Itoh
2024年度 東京工業大学 工学院 機械系 大学院 修士課程 入試 説明会 資料
2024年度 東京工業大学 工学院 機械系 大学院 修士課程 入試 説明会 資料
Tokyo Institute of Technology
世界を変えるクレーンを生み出そう! 高知エンジニアリングキャンプ2024プログラム
世界を変えるクレーンを生み出そう! 高知エンジニアリングキャンプ2024プログラム
Kochi Eng Camp
東京工業大学 環境・社会理工学院 建築学系 大学院入学入試・進学説明会2024_v2
東京工業大学 環境・社会理工学院 建築学系 大学院入学入試・進学説明会2024_v2
Tokyo Institute of Technology
2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot
Marius Sescu
Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPT
Expeed Software
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
Pixeldarts
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
ThinkNow
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
marketingartwork
Skeleton Culture Code
Skeleton Culture Code
Skeleton Technologies
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
Neil Kimberley
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
contently
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
Albert Qian
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
Search Engine Journal
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
SpeakerHub
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
Clark Boyd
Getting into the tech field. what next
Getting into the tech field. what next
Tessa Mero
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Lily Ray
How to have difficult conversations
How to have difficult conversations
Rajiv Jayarajah, MAppComm, ACC
More Related Content
Recently uploaded
ゲーム理論 BASIC 演習106 -価格の交渉ゲーム-#ゲーム理論 #gametheory #数学
ゲーム理論 BASIC 演習106 -価格の交渉ゲーム-#ゲーム理論 #gametheory #数学
ssusere0a682
次世代機の製品コンセプトを描く ~未来の機械を創造してみよう~
次世代機の製品コンセプトを描く ~未来の機械を創造してみよう~
Kochi Eng Camp
生成AIの回答内容の修正を課題としたレポートについて:お茶の水女子大学「授業・研究における生成系AIの活用事例」での講演資料
生成AIの回答内容の修正を課題としたレポートについて:お茶の水女子大学「授業・研究における生成系AIの活用事例」での講演資料
Takayuki Itoh
2024年度 東京工業大学 工学院 機械系 大学院 修士課程 入試 説明会 資料
2024年度 東京工業大学 工学院 機械系 大学院 修士課程 入試 説明会 資料
Tokyo Institute of Technology
世界を変えるクレーンを生み出そう! 高知エンジニアリングキャンプ2024プログラム
世界を変えるクレーンを生み出そう! 高知エンジニアリングキャンプ2024プログラム
Kochi Eng Camp
東京工業大学 環境・社会理工学院 建築学系 大学院入学入試・進学説明会2024_v2
東京工業大学 環境・社会理工学院 建築学系 大学院入学入試・進学説明会2024_v2
Tokyo Institute of Technology
Recently uploaded
(6)
ゲーム理論 BASIC 演習106 -価格の交渉ゲーム-#ゲーム理論 #gametheory #数学
ゲーム理論 BASIC 演習106 -価格の交渉ゲーム-#ゲーム理論 #gametheory #数学
次世代機の製品コンセプトを描く ~未来の機械を創造してみよう~
次世代機の製品コンセプトを描く ~未来の機械を創造してみよう~
生成AIの回答内容の修正を課題としたレポートについて:お茶の水女子大学「授業・研究における生成系AIの活用事例」での講演資料
生成AIの回答内容の修正を課題としたレポートについて:お茶の水女子大学「授業・研究における生成系AIの活用事例」での講演資料
2024年度 東京工業大学 工学院 機械系 大学院 修士課程 入試 説明会 資料
2024年度 東京工業大学 工学院 機械系 大学院 修士課程 入試 説明会 資料
世界を変えるクレーンを生み出そう! 高知エンジニアリングキャンプ2024プログラム
世界を変えるクレーンを生み出そう! 高知エンジニアリングキャンプ2024プログラム
東京工業大学 環境・社会理工学院 建築学系 大学院入学入試・進学説明会2024_v2
東京工業大学 環境・社会理工学院 建築学系 大学院入学入試・進学説明会2024_v2
Featured
2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot
Marius Sescu
Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPT
Expeed Software
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
Pixeldarts
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
ThinkNow
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
marketingartwork
Skeleton Culture Code
Skeleton Culture Code
Skeleton Technologies
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
Neil Kimberley
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
contently
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
Albert Qian
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
Search Engine Journal
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
SpeakerHub
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
Clark Boyd
Getting into the tech field. what next
Getting into the tech field. what next
Tessa Mero
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Lily Ray
How to have difficult conversations
How to have difficult conversations
Rajiv Jayarajah, MAppComm, ACC
Introduction to Data Science
Introduction to Data Science
Christy Abraham Joy
Time Management & Productivity - Best Practices
Time Management & Productivity - Best Practices
Vit Horky
The six step guide to practical project management
The six step guide to practical project management
MindGenius
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
RachelPearson36
Featured
(20)
2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot
Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPT
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
Skeleton Culture Code
Skeleton Culture Code
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
Getting into the tech field. what next
Getting into the tech field. what next
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
How to have difficult conversations
How to have difficult conversations
Introduction to Data Science
Introduction to Data Science
Time Management & Productivity - Best Practices
Time Management & Productivity - Best Practices
The six step guide to practical project management
The six step guide to practical project management
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Fireworks5.0のスライス
1.
Fw
Fireworks5.0 スライス&書き出し① 図1 Illustrator や Photoshop にも機能として存在するスライスは一つのドキュメントから複数の Web 用画像を切り出す際に使用 するツールで、Web 素材作成に特化した Fireworks が最もこのスライスに適しているソフトと言えるでしょう。Fireworks の スライスツールはツールパネルの″Web″項目内に収納されています。※左図 1 の赤枠のツール 図2 スライスツールを使用し、書き出したい スライス HOME 前面画面 :GIF HOME オブジェクトを範囲選択するだけの簡単 な作業ですが、丁寧に行わないと HTML ①カンバス内に必要な ②スライスツールを ②範囲選択 ( ドラッグ ) で や CSS で使用したときに余計な線が出た オブジェクトを作成 選択 書き出したいオブジェク り、画像が切れて表示されるなど、見た トを囲む 目に美しくないので気をつけましょう。 ※スライスは四角形でしか行えません。 図3 スライスされたオブジェクトは、半透明の緑で囲まれます。 このスライスは図 3 のようにオブジェクトのレイヤーとは別に Web レイヤーとして収納 され管理できるようになります。 Web レイヤーに名前を付けることで、それが書き出した時のファイル名になる。 ※書き出し後のファイル名になるので半角英数字での記述が必須 レイヤーに名前を付けると、カンバス上のスライスにも表示され、図 4 のように確認を行う ことができます。スライスの名前は図 5 のプロパティからも行うことができます。 図4 図5 ※ここでは拡張子まで記述する必要はありません。 button2:GIF HOME
2.
Fw
Fireworks5.0 スライス&書き出し② ■画像形式の選択 Illustrator や Photoshop の授業では、スライス ( 切り出し ) を行う「Web およびデバイス用に保存」のウィンドウで画像形式を選択し ていましたが、Fireworks では最適化パネルで行います。 ※各スライスに設定ができ、個々に最適な画像で書き出しを行えます。 図6 GIF 画像 button2:GIF HOME 最も Web 素材に適した画像形式で透過も行えるが、256 色という色制限が あるため、写真のような色数の多い画像には適さない。また、透過も半透明 button2:JPEG HOME が使えないため、滑らかな曲線の透過には向かない。 button2:PNG JPEG 画像 HOME フルカラーを使用できるが、透過が使えない。鮮やかな色彩を表現したい画 像に適している。 PNG 画像 フルカラーが使用でき、透過も可能。 GIF と違い半透明も使用できるので、滑らかな透過画像に適しているが、 ファイルサイズが大きいのと IE6 では透過しないという欠点を持つ。 図7 書き出しはスライスを右クリックしメニューから「選択したスライスの書き出し」をクリックし、 書き出しウィンドウで図 8 の3項目を設定後、保存しましょう。 ※単一のスライスを選択した時と、複数のスライス 図8 を選択したときでは図 7 の「選択したスライスの 書き出し」の項目の位置が違うので確認、認識し ておきましょう。 ※メニューのファイルから「書き出し」も行えますが、単一のスライスをメニューから行うとスライス名ではなくドキュメント名で書き出されるので、右クリックの書き出しの方が確実です。
3.
Fw
Fireworks5.0 スライス&書き出し③ ■スライスファイル名の設定変更 スライスで書き出しをする際、スライス番号がファイル名の後ろに (_) アンダーバーで区切って自動で挿入されます。 これは、HTML や CSS で画像読み込みの時に非常に邪魔になってしまいます。ですので設定をカスタマイズし挿入させないようにして おきましょう。 図 9 メニュー「ファイル」>「HTML の設定」を選択 図 10 A B C 図 10 の HTML の設定内にあるドキュメントの詳細ではスライスのファイル名のカスタム設定が行えます。 A には必ず″ドキュメント名″を入れておきましょう。ドキュメント名以降 5 つの項目をプラスしていくことができますが、無いほうが 判りやすいファイル名になり、ファイル検索が簡単になります。 図 11 ステート名の2項目はボタンのアップ・オーバー・ダウン・オーバーダウンなどの各ステートの 画像名にプラスする項目になります。そこで、B はカスタムを選択し、図 11 のように設定を しておきましょう。 ※図 10 の C「デフォルトに設定」を押しておけば、毎回設定を変える必要がなくなります。
Download now