Rayziaではじめての描画

エディタを開く

次のURLへ移動: /vector/。エディタが読み込まれ、ページの置かれた真っ白なキャンバスが現れます。レンダリングはSkiaを通じてGPUで行われるため、中身の多いドキュメントも、ほとんど空のドキュメントとほぼ同じように動きます。

描き始める前に知っておく価値のあることがひとつ。あなたが編集しているドキュメントは、それ自体が そのまま SVGです。Rayziaは最後にSVGへ変換するのではありません。これから描く長方形は、その一生を通じてずっと のままです。だから後で書き出すとき拍子抜けするほどあっけないのですが、ファイル形式への褒め言葉としてはこれ以上のものはありません。

長方形を描く

1. シェイプツールを選ぶ Rを押すか、画面左端のツールレールにあるシェイプのスロットをクリックします。変更しない限り、そのスロットには長方形が入っています。
2. キャンバス上でドラッグする 押して、ボックスを引き出して、離す。これで長方形の完成です。ドキュメント内の本物のオブジェクトとして、選択された状態ですぐ使えます。
3. キャンバス上部のバーを見る 表示が変わっています。描く前は、次に描く長方形のW、H、RX、RYが表示されていました。今は描いたばかりの長方形に結び付いているので、最初から完璧を狙わなくても、あとからサイズを直したり角を丸めたりできます。

何もないキャンバスをタップすると描画ツールが手元に戻るので、ツールを選び直さずに長方形を描き続けられます。

色を付ける

右側のドックは「塗りと線」パネルが開いた状態で始まります。長方形を選択したままそこで塗りを設定すると、ドラッグに合わせてキャンバスが追従します。線も同じパネルにあり、個別に対象を切り替えられます。

手が覚えれば、もっと速い方法もあります。レールには塗りと線のプロキシがあり、次のキーで操作できます。

取り消しは安いので、遠慮なく使う

Ctrl+Zで一歩戻り、Ctrl+Yで一歩進みます。ここに後戻りできない操作はありません。AIアシスタントがキャンバスに行った操作も同じです。AIはあなたと同じコマンドを通して描くので、同じ履歴に入り、取り消し1回で元に戻せます。

Ctrl+Zを11回叩いて祈るのではなく履歴の足跡を見たいときは、ドックから履歴パネルを開きます。すべてのステップが名前付きで並び、取り消したステップは薄く表示され、クリックした状態へ直接ジャンプできます。

書き出す

1. ファイル ▸ 書き出し を開く 形式は3つ：SVG、JPG、PNG。画面右端のコマンドバーにある書き出しアイコンからも、同じ3つがフライアウトで開きます。
2. SVGを選ぶ シーンがシリアライズされてダウンロードされます。これはずっと編集してきたドキュメントそのものであり、変換した別物ではありません。
3. またはPNGかJPGを選ぶ PNGは透明を保持します。JPGはアートワークの背面にまず白い背景が塗られます。JPEGには保持できる透明がないからです。

一括書き出しは ファイル ▸ 画面用に書き出し にあり、書き出し対象×倍率×形式を掛け合わせられます。無料プランではPNG、JPG、SVG、WebPで1xと0.5xが使えます。2x、3x、4xの倍率とPDF出力はProです。

これがループです。描く、色を付ける、取り消す、書き出す。このコースの残りはすべて、この4つの動きにぶら下がる詳細です。

よくある質問