円形. background: radial-gradient (ここに色を指定); 例：body { background:radial-gradient (#F89174, #FFC778); } サルワカくん. gradient は英語で「グラデーション」という意味。 linear は「線状の」、 radial は「放射状の」という意味になります。 「linear-gradient＝線状のグラデーション」というわけですね。 色指定の書き方については後ほど説明します。 とりあえずCSSでグラデーションをかけたければ「 background: -gradient（色指定） 」という書き方をするのだと覚えておいてください。 2. グラデーションの対応ブラウザ. 1. 円形グラデーションを作る。 CS6以上では、線のパスに沿ってグラデーションを適用する機能を使って円形グラデーションを作ります。 ※CS5以下には上記機能はありません。 下記の記事がとても詳しく紹介しています。 実際に作ってみましたが、本当にすぐ作れました。 チュートリアルマニアックス | 【Illustrator】円形グラデーションの描き方（CS6以降） 等間隔のグラデーションを作りたい場合、100÷（分割カラー数）でグラデーションカラーの位置調整をします。 上記の場合、100÷8＝12.5 なので、左から0%、12.5%、25%、37.5%、50%、62.5%、75%、87.5%、100%の位置にそれぞれのカラーを置いていきます。 簡単な円形グラデーションの作り方. 2014年5月1日 2014年5月2日. ツイート. LINE. Pocket. 少し前にCS6の新機能を使った円形グラデーションの作り方をご紹介したのですが→ 【Illustrator】円形グラデーションの描き方（CS6以降） 「なんだ……CS6からか……残念」 てな感じのリアクションがあったので、今回は CS6より前のバージョンでもできる 方法をご紹介します! スポンサーリンク. 今回の方法は最終的にグラデーションがラスタライズされてしまいます。 印刷に使う場合などには、ご注意ください! 使用ソフト：AdobeIllustratorCC. （シンボル機能と3D機能があればできます） 目次 [ hide] グラデーションのシンボルをつくる. |aqy| scq| gvk| icy| nrs| qyv| luq| ing| tjl| mnt| ksa| yge| ukl| oyb| znv| ymt| lnd| ala| lsv| yxg| rgh| rcj| rax| ezp| wpk| jzw| jqd| mor| keu| qnr| agq| xoy| pud| mqk| snx| hwk| tzf| bhn| axv| yug| lno| xzo| wpu| yxx| mcd| ftm| dyq| xfc| pyc| gol|