みんなに優しく、解りやすくをモットーに開設しています。 以下のルールを守りみんなで助け合いましょう。
1.ファイルメーカーで解らない事があればここで質問して下さい。 何方でも、ご質問・ご回答お願いします。 （優しく回答しましょう）
You are not logged in.
Pages: 1
この画像について質問です。
https://66.media.tumblr.com/0de8036437e … 10_500.png
この画像を見ると、「201」と書かれている部分がヘッダ、氏名などが書かれているところがボディになっています。
このヘッダやボディの部分が浮き出ています。
サンプルファイルが作者さんのサイトで公開されていたので見てみましたが、何かオブジェクトを使って、四角形を描いて、その上にテキストボックスなどのオブジェクトを配置しているというわけではありませんでした。
作者さんのサイト：https://oteranofmp.tumblr.com/
これはどのようにやっているんでしょうか？
Offline
左上にハイライト、右下にダーク線を入れているだけでは。逆にすると、沈んで見えます。
ハイライトだけでも十分な効果があり、それでしたらインスペクタからの設定のみで可能です。
Last edited by Shin (2020-06-06 10:02:08)
Offline
miesさんがご覧になったのは、最近のバージョンでは廃止されてしまったテーマでしょう（名前は忘れた）
フラットデザインの流行とか、モバイル端末での狭い画面でのFM利用を促進するためか、
背景画像を使った装飾的・立体的な額縁デザインは廃止されてしまいました。
どうやっているかと言うと、塗りつぶし用の画像を使っています。
立体感は、Shinさんの回答通り、上と左にハイライトを入れて表現しています。
１）ヘッダ、ボディ、フッタ用にそれぞれ塗りつぶし用の画像を用意します。
２）インスペクタでイメージによる塗りつぶしを指定し、「スライス」オプションで画像を調整します。
言葉では説明しづらいのでサンプルです。
https://www.dropbox.com/s/9jlsgo2pkggos … fmp12?dl=0
インスペクタでスライスを動かしてみて、どう変化するか確認してみてください。
実際にやってみると、このような背景画像を自前で作成するのはとても面倒です（デザイナーがいれば別）。
インスペクタでハイライトを設定するだけでも立体感は出せますし、
詳細なグラフィックオプションで「外側の影」を調整することで（鉛筆アイコンをクリックすると設定値を変更できます）
サンプルと同様の演出効果は出せると思います。
Last edited by koeda (2020-06-08 12:37:30)
Offline
Pages: 1
[ Generated in 0.008 seconds, 9 queries executed - Memory usage: 550.64 KiB (Peak: 582 KiB) ]
