このように配置し、選択ツールで2つの正円を選択します。プロパティインスペクタの中で右から2番目のところにある「交差」をクリックします。するとこのようになります。次に、プロパティインスペクタの中で交差などのボタンの下にある「結合」をクリックします。このように、1つのオブジェクトになります。このようになったら、2つのオブジェクトを選択してプロパティインスペクタの「減算/型抜き」と「結合」をクリックします。このように桜の花びらができました。回転させれば良いのか?というと、これではうまくいきません。変形時の回転基準点はマウスで動かせますが、正確に中央に移動させたり、数値をpx指定で動かしたりできないからです。感覚で回転させる分には問題ありませんが、幾何学的に作らないときれいに見えない形状の場合は、感覚だけで作るわけにはいきません。すれば良いのでしょう。ダミーのガイドとして正五角形を作り、それを中心として手動と目視で5枚並べるという力技の方法もあります。してもうまい方法を思いつかなければそういう力技でやるしかありませんが、今回はきっちり正確に5枚の桜の花びらを並べる方法をいくつか紹介します。入力して上下反転させます。プロパティインスペクタで、下の桜の花びらの塗りの色を「青」など別の色に変えておきます。下の花びらはあくまでもダミーなので、あとで削除などをしますが、同じ色だとぱっと見で分からなくなってしまうので目印で色を付けておきます。キーを押し、グループ化しておきます。押し、その場にコピペ(複製)します。入力して上下反転させます。あと3回、コピペと回転を繰り返し、ピンクの桜が5つになるようにします。ツールの中から「ダイレクト選択ツール(白い矢印)」をクリックします。キーを押して削除します。桜の花びらを複製し、青色にし、グループ化するところまでは1つ目の方法と同じです。ここでひとつ、「効率化」の技があります。キーを押し、72°回転させます。キーを「2回」押します。このようになりましたか?ここが今回の大きなポイントです。D(直前の作業の繰り返し)のようなものです。した後には使用できません。キーを「3回」押します。キーを「4回」押します。え」をクリックします。すると、桜の花びらがこのように綺麗に揃います。青い花びらが有効に働き、全てのパーツが中心を同じくするため、整列パネルがそのまま使えます。5枚の花びらのままだと、桜の完成形である正五角形相当では横幅の方が長いため、整列パネルでの中央揃えでは真ん中に出来ません。手順」を挟むのがポイントです。あとは青い花びらを削除するのですが、今回は桜の花びらを「シンボル」で作成したので、1つ変更するだけで全部まとめて変更できます。選択ツール(黒矢印)で桜の花びらをダブルクリックします(どれでも良いです)。このように、ダブルクリックした桜の花びらを以外のオブジェクトが薄く表示されるようになったはずです。(シンボルの中に入っている状態です。この時、削除でなく、シンボル内のレイヤーパネルで青い花びらを非表示にしておけば、またあとから再度変形や整列をしたい時にやり直さずに済みます。非表示にしておけば、メインの花びら自体のシンボルの形状や座標には影響がありません。ユミソラさんの操作方法は、こういう「修正に強い」手法が色々あるのが特徴です。クリックして、シンボルから抜けます。使わない私にはちょっと衝撃でした。桜の花びらを作成し、グループ化、シンボルに変換します。キーを押しながら「コピー/ペースト/変形」を選択し、「再実行」をクリックします。「再実行」を3回クリックするとこのようになります。削除するか、非表示にすれば完成です。足して2で割ったようなツール」と聞いていましたが、パスの編集や整列は結構本格的にできるのですね。基本操作やパーツ作成方法について教えていただいたのですが、使いこなせば結構効率的に作業できそうだと感じました。ユミソラさんが「Fireworks集中講座」を渋谷にて開きます2013年3月にユミソラさんが「Fireworks集中講座」を渋谷で開きます。「社会人のためのWebデザインスクール」ではユミソラさんも講師を担当します。スマートフォン時代のWebデザインスクールを渋谷で開講します2020年1月から、「スマートフォン時代のWebデザインスクール」というWebデザイン入門スクールの初回体験レッスンを渋谷で開講します。XDによるプロトタイピング、UI/UXなど新しい内容に対応しています。使ったことない方向け)です。初回体験レッスンは1,000円でご参加いただけます。XDによるプロトタイピング」「Instagram風のプロトタイプ制作」などを行います。「スマートフォン時代のWebデザインスクール」のページよりお気軽にご参加ください。PHP徹底入門講座・WordPressカスタマイズ講座を開きます「PHP徹底入門講座」は、「HTMLはわかるけどプログラミングは未経験」の方向けの日曜講座です。プログラミングを始めてみたい方は、まずはこちらへどうぞ。別途、「WordPressカスタマイズ講座」も開講します。管理画面から更新可能な中小企業サイト」制作までやります。スマートフォンやRetinaディスプレイに対応した新しい内容にリニューアルしました。渋谷にお越し頂くのが難しい場合、ご自宅で動画受講も可能です。入門」「WordPressカスタマイズ講座」などさまざまな講座を予定しております。ご興味ある方は、下記フォームにPCのメールアドレスをご登録いただければ、次回開講の際お知らせします。WordPressPCのメールアドレス:Twitterでは、Web制作に関する最新情報をツイートしています。FireworksAboutフリーランスのWebデザイナーです。東京の下北沢で、うさぎと一緒に暮らしています。渋谷で「スマートフォン時代のWebデザインスクール」の講師をしています。「スマートフォン時代のWebデザインスクール」を東京・渋谷で平日夜に開催します「スマートフォン時代のWebデザインスクール」は、2020年2月から平日夜開催!初回体験レッスンも開催します。XDをはじめ、新しいWeb技術やデザインワークフロー、新しい端末などに対応するため、授業内容はリニューアルし新しい内容となっております。2020年2月に「WordPressカスタマイズ講座」を開きます以下の方を対象として「WordPressカスタマイズ講座」を開きます。AppはAndroidのホーム画面にあるGoogle検索フォームのことである」と解説している記事が多いですが、どうも数が合わないと思って調べた結果、別の結論に至ったのでこの記事にまとめています。Edgeの正式版がリリースされました。いえ、この記事を読んでいる方の中には「まだ使ったことがない」という方もいらっしゃると思います。...「Webデザイナーはコーディングできるべきか」という議論に対する私の考え過去にも何度か話題になっていましたが、ここ最近TwitterのWeb制作者界隈で過去最高に「Webデザイナーがコーディングできるべきかどうか」という議論が白熱しているように思います。悩んだのですが、私なりにお話しできることもあるかと思い、この件について私の考えを記事にまとめて公開することにしました。「Web制作に役立つIllustrator入門講座」という無料講座を開催しますIllustratorを使用したことがない方やWeb制作は未経験の方に向けて、Web制作でIllustratorをどのように使うのか、Photoshopとどのように使い分けたらよいかという話からGoogleのマテリアルデザインと呼ばれるデザイン手法の話、マテリアルデザインに基づいたアイコン制作をIllustratorで行う実習などを行います。フィルムカメラで撮影した写真を自分で現像・プリントしてみたフィルムで撮影した新宿の写真を自分で現像・紙焼きしたところ、数十年前に撮影した写真のような不思議な雰囲気になりました。2019年12月の、これだけは押さえておきたいWeb関連の動き「Web系の最新情報を知りたいけど、日々業務が忙しくて追いかけられない」という方のために、1ヶ月のWeb系ニュースの中で「これだけは押さえておきたい」というものを1つの記事にまとめています。年末年始にWebデザインを学び直すための3つのステップこの記事は、以下のような方を対象にしています。