タカフミのデザインについて思うことタカフミのデザインについて思うことはじめてのコーディングはじめてのデザインillustratorPhotoshopSketchFigma仕事のご依頼ホームデザイン【Sketch】複雑な図形でマスクしたいときはこうするといいよ!2018/09/10SHAREツイートシェアはてブGoogle+PocketLINE日頃からウェブサイトやアプリのデザインをするときにお世話になっているSketchなんですが、普段使っていると「あれ、これどうやってやればいいのか?」と思うことが度々あります。そこで、他の人のお役に立てればと思いSketchを使う上で知っていると便利な裏技などについて説明していきたい思います!今回は「マスク」についてです。シンプルな図形なら問題ないけど。Sketchにはマスクという便利な機能があります。マスクとは特定の図形を使って画像やシンボルなどを切り抜くことができる機能です。クッキーを作るときに、型を使って星型やハート型のクッキーを作るのと同じですね!使い方はとっても簡単です。次の図のように型抜きしたい図形を上に持ってきた状態で、2つの要素を選択します。上のメニューバーに「Mask」というボタンがあるのでそれをクリックします。すると綺麗に星型で型抜きすることができます。複雑な図形はひとまとめにしてからマスクしようこのマスクの機能ですが先ほどの星型のようなシンプルな図形なら問題ないのですが、次のカメラアイコンのように2つ以上のパーツから構成されるような図形になると上手くマスキングできなくなります。そんな時にはバラバラになっているパーツをひとまとめにしてあげます。今回の場合ではカメラの外側のパーツにあたる「Shape」をレンズ部分にあたる「Oval」へドラッグ&ドロップしてあげます。すると2つのパーツが一つにまとまります。あとはカメラのアイコンと切り抜きたい背景を複数選択して「Mask」をクリックするだけでOKです。CLOUDはビジネスをされている方をデザイン面でサポートする定額制のデザインサービスです。デザイナーが完全定額・無制限で、あなたに代わって、広告やバナーなどビジネスに必要なデザイン関連の業務をプロのクオリティで行います。面倒な年契約はなく、業務に応じて柔軟にご利用いただけます。苦手なデザイン業務に時間を割く必要はありません。趣味で作ったウェブサービスが大手VCの目に止まったことがキッカケで、教育系ベンチャーで働くことになったデザイナー兼エンジニア。現在はフリーのクリエイターとして活動中。ウェブサイトやアプリケーションの開発を行うかたわら、ウェブサイトやアプリのUIデザインもしています。個人で独立・開業される方のビジネスをロゴ、名刺、ウェブサイトなどを通じてブランド面からトータルでデザインすることが得意です。デザインについてのご相談はこちらのフォームからお問い合わせください。旅行先のタイで見つけたモールの中に日本語で溢れた素敵な場所があ...次の記事デザイナーさんじゃなくても『デザインあ展』に行くと面白いよ!デザインコースアプリ日々のデザイン業務で困っていた事を解決するために、タスクとフォルダを同時に管理できる超シンプルなタスク管理アプリを作りました。思いついたアイデアをサクッとメールに送信できるiPhone専用のメモアプリです。趣味で作ったウェブサービスが大手VCの目に止まったことがキッカケで、教育系ベンチャーで働くことになったデザイナー兼エンジニア。現在はフリーのクリエイターとして活動中。ウェブサイトやアプリケーションの開発を行うかたわら、ウェブサイトやアプリのUIデザインもしています。個人で独立・開業される方のビジネスをロゴ、名刺、ウェブサイトなどを通じてブランド面からトータルでデザインすることが得意です。フリーランスのデザイナーさん向けに超シンプルなタスク管理アプリDesignBoxを作っています。デザインについてのご相談はこちらからお問い合わせください。