【ゼロから月30万】Webデザイン独学ロードマップ ▶︎

【完全攻略】Adobe XD『マスク解除』する方法 | シェイプ

本記事では現役Webデザイナーの筆者が『Adobe XDでマスクを解除する方法』を、XDを初めて使う人でもわかりやすく解説していきます。

 

この記事では、操作方法をより確実に最短で身につけていただくために『これだけ見れば安心』のAdobe公式動画を1つだけご紹介いたします。(完全無料)

動画では『マスクの作成&解除方法』を実際に操作しながら説明してくれているので、筆者自身はこの動画を見て学習しました。

もちろんテキストと画像を使用した説明もしていきますので安心して読み進めてくださいね。

記事後半では無料かつ独学でAdobe XDを習得するのに最適な、『Adobe XD公式チュートリアル』をご紹介しています。お楽しみに!

 

この記事の信頼性(筆者はこんな人)

  • 現役Webデザイナーが執筆
  • 継続して月収80万円超のフリーランス
  • 完全未経験から独学でWeb制作スキルを習得
  • TwitterにてWeb制作のメンター経験多数(→@twinzvlog_yk
  • 認定ランサー(ランサーズ最高ランク)

 

こんな悩みや疑問を解消できる記事内容になっています。

ふたご

  • Adobe XDのマスク解除ってどうやればいいのかな・・
  • できれば最短で使い方を身につけたいな・・

そんな疑問は全て払拭できます

 

Adobe XDを無料で本格的に学習したい方は、筆者が3ヶ月かけて作った独学ロードマップで一緒に転職・独立を勝ち取りましょう!

【ゼロからのAdobe XD】最短で習得する無料学習ロードマップ

 

【完全攻略】Adobe XD『マスク解除』する方法

今回はまずテキストと画像で『マスクの解除方法』を解説していきます。

『マスクの作成&解除方法』を動画でしっかりと学びたいという方はテキスト説明の下に動画の紹介をしているので、是非ご自身のスキルアップに生かしてみてください。

 

ちなみに今回ご紹介する動画教材はAdobe XD公式チュートリアルです。

Adobe XD公式チュートリアルとは、完全無料でXDスキルを案件取得可能なレベルまでUPさせることができるAdobe公式のオンライン教材です。

 

Adobe XD公式チュートリアルでは『マスク機能(トリミング機能)』以外にも、ツールの使い方〜UIデザインまで幅広く学習可能です。

 

筆者自身も今回紹介する講座でマスクの使い方を習得したので是非お試しください。

 

まだAdobe XDのインストールが済んでいない方は学習前に下の記事からインストールしておきましょう!(今なら14日間の全額返金保証付き)

【失敗しない】Adobeコンプリートプランのインストール手順|Creative Cloud

 

マスクの解除方法を徹底解説 | 画像付き

Adobe XD公式ページではマスクの解除方法が下記のように記載されています。

 

マスクを解除または削除するには、オブジェクトを選択して、右クリック(Windows)または Ctrl を押しながらクリック(Mac)して、コンテキストメニューから「マスクをグループ化解除」を選択します。

 

テキストだけだとイメージしにくいと思うので、実際の画像を使ってもっとわかりやすく説明していきますね。

それでは実際に手を動かしながらやり方を見ていきましょう!

 

①マスクを解除したいオブジェクトを選択

 

②右クリック(Windows)または Ctrl を押しながらクリック(Mac)

 

③「マスクをグループ化解除」を選択

 

④マスク解除完了

 

簡単に『マスク解除』ができましたね!

それではAdobe公式のチュートリアル動画で『マスクの作成〜解除方法』までの流れを把握していきましょう。

 

【Adobe XD Trail】シェイプでマスクを作成&解除 | トリミング(切り抜き)

【Adobe XD Trail】シェイプでマスクを作成&解除 | トリミング(切り抜き)

値段
(5.0)
学習しやすさ
(5.0)
わかりやすさ
(4.5)
熟練度
(4.0)
初心者向け
(5.0)
オススメ度
(5.0)
総合評価
(5.0)
この講座のポイント

レッスン
全1講座

 

値段
無料

 

言語
日本語音声

 

この講座の特徴

この講座では、XDの『マスク機能』の使い方を学習できます。初心者の方でもたった2分弱でマスクの作成方法と解除方法をマスターできる内容となっているので、この動画一本でマスクの学習は全て完了できてしまいます。マスクを使いこなせば写真やデザイン素材をあらゆる形で抜き抜くことが可能になります。マスクでトリミング(切り抜き)を使った少し高度なデザインも簡単かつ短時間で作成できるようになりますよ。

 

テキストで学習したい方は公式ドキュメントをご覧ください。

> Adobe XD 『シェイプでマスクを作成&解除』

 

注意

この講座はAdobe XDを使って学習していくので、講座を受講する前にAdobe公式ページからXDをインストールしておきましょう。

シェイプでマスクを作成

 

【完全無料】Adobe XD公式チュートリアルで『使い方』を完全マスター

超優秀なプロのWebデザイナーが未経験者向けにわかりやすく解説してくれるので筆者自身もかなり助けられました。あのAdobeの公式チュートリアルで、完全無料とは思えないほどのクオリティ。

有料級なのに完全無料』かつ『XD専用チュートリアルサイト』なので、初見の方は『え、これが無料..!?』と少し引くくらい有益です。

他のAdobeチュートリアルとは全くの別物です。とにかくまずは見てください。(ログイン不要です。

 

【Adobe XD】公式チュートリアル 

 

『教材には極力お金をかけたくない』

『まずは無料で学んでみたい』

『超初心者向けの教材で学び始めたい』

 

こんな人のための無料教材です。完全初心者の方が「Webデザイン」の基礎を身につけるには十分すぎる内容なので、Adobe XDをインストールしたらまずは下記の『公式チュートリアル動画(Adobe XD Trail)』から学習を開始しましょう!

 

【Adobe XD】公式チュートリアル動画(Adobe XD Trail)

【Adobe XD】公式チュートリアル動画(Adobe XD Trail)

値段
(5.0)
学習しやすさ
(5.0)
わかりやすさ
(5.0)
熟練度
(5.0)
初心者向け
(5.0)
オススメ度
(5.0)
総合評価
(5.0)
この講座のポイント

レッスン時間
全111講座

 

値段
無料

 

言語
日本語音声

 

この講座の特徴

有料商材2万円相当の内容。正直この講座で学習するデメリットも挙げたかったのですが、特にありません。無料でここまでXDを使いこなせるようになる教材は他では見たことがないです。ちなみに日本語音声で学べます。
Adobe XD Trailは、XD内のツールの使い方からプロジェクトの作成までの一連の流れを全て網羅しているため他の教材にお金をかける必要はありません。
また、Adobe XDを一度も触ったことのない方が何も前提知識なしでスキルを習得できる内容となっています。
まず失敗はしません。

 

筆者のレビュー

筆者自身もこの公式チュートリアル動画を視聴してXDの基礎を習得しました。
今ではWebデザイナーとして月収80万円以上を稼いでいますが、XDの基礎はこのチュートリアルのみで学習し、全く問題なく案件をこなせています。
確かにチュートリアル動画を学習しただけで現役Webデザイナーと同等のスキルを習得するのは難しいですが、基礎はなるはやで身につけて実践でスキルを磨いていけば高度なスキルは後から必ずついてきます。
大丈夫です。このチュートリアルを最後までやり抜けば確実にXDの基礎は習得できます。

 

MEMO

筆者はチュートリアル動画に加えて公式ドキュメント教材も併せて学習しました。Adobe XDチュートリアル動画で学習しながら読むとより理解が深まりますよ。

 

 

注意

この講座はAdobe XDを使って学習していくので、講座を受講する前にAdobe公式ページからXDをインストールしておきましょう。

 

【Adobe XD】公式チュートリアル 

 

 

まだAdobe XDのインストールが完了していない方は早速『Adobe XD (1,180 円/月)』で自分の思うがままにデザインを作っていきましょう!

 

Adobe XD を学習する

 

まだAdobe XDのプラン選びでどれにしようか悩んでいる方もいるかと思います。

そんな方は下の記事で得する『プラン選び〜インストール』までを徹底解説しているので是非参考にしてみてください。

【失敗しない】Adobe XD『プラン選び』と『インストール方法』

 

まとめ

最後まで読んでいただきありがとうございます。

この記事のまとめ

 

1. 【完全攻略】Adobe XD『マスク解除』する方法

マスクの解除方法を徹底解説 | 画像付き

【Adobe XD Trail】シェイプでマスクを作成&解除 | トリミング(切り抜き)

 

2. 【完全無料】Adobe XD公式チュートリアルで『使い方』を完全マスター

【Adobe XD】公式チュートリアル動画(Adobe XD Trail)

いかがでしたでしょうか?

初心者の方が絶対に失敗することなく、Adobe XDの『マスク機能』をマスターできるよう書かせていただきました。

少しでもお役に立てたのなら本望です。。

 

マスクを習得した方なら問題なく案件をこなしていける段階なので、一旦どんなWebデザイン案件があるのかチェックしておきましょう!(10万円くらいの高単価案件も存在します)

正直、クラウドソーシングで案件を提案していくのも一つの手なのですが、最近だと競合となるフリーランスが多すぎてあまり推奨はできません。なので現役Webデザイナーの筆者が実際に使ってみて『これなら大丈夫!』と判断した求人サイトを紹介します。

完全無料で使える求人サイトなのでまずは登録だけしてみて、どんな案件があるのかを見てみるといいですよ。サポートも手厚いので初心者の方でも大丈夫です。

 

クラウドテック
Web制作案件の数
(5.0)
案件の単価
(4.0)
使いやすさ
(5.0)
案件獲得効率
(5.0)
初心者向け
(5.0)
オススメ度
(5.0)
総合評価
(5.0)
ポイント

対象
Webデザイナー・エンジニア・グラフィックデザイナー・PM・マーケター・ライター

 

公式サイト
クラウドテック公式ページ

特徴

  • クラウドソーシング企業大手のクラウドワークスが運営する求人サイト
  • 実務未経験者でもOK
  • 登録社数14万社
  • フリーランス・個人事業主向け案件がケタ違いに多い
  • 報酬額や勤務地・職種など希望が通りやすい
  • Web制作・コーディングの高単価案件が多い
  • リモートワーク案件数は業界トップクラス
  • 最短3日で案件を獲得できる

 

現役Webデザイナーの筆者イチオシの求人サイト!フリーランス向けWebデザイン案件なら確実に業界トップクラス。営業かけずに案件に困らなくなる一番の近道です。

ふたご

 

無料で登録してみる >>

 

 

もし何かご不明点や『ひとりだと挫折してしまうから、メンターとしてサポートしてほしい』という方がいましたら、TwitterからDMをいただければご相談に乗ります。

 

【完全無料】Adobe XD公式チュートリアルを使って本格的に学習を始めたい方は、下の記事で詳しく紹介しているので参考にしてみてください。(筆者は初見で『これが無料…!?』と仰天しました)

【絶対に損しない】Adobe XD公式チュートリアルで無料学習|Adobe XD Trail

 

Webデザイナーに必須のAdobeツールは『Adobe XD』の他にも 『Illustrator / Photoshop / Dreamweaver』があります。現役Webデザイナーの筆者も当然使っています。

(コンプリートプランならこれら全部が使い放題です)

しかも、その全てが無料で学習できます。
これ実はあまり知られていない情報なのであなたはかなりラッキーだと思います。。!

 

上で紹介したチュートリアルで学習を開始するために、まずはプラン料金を慎重に比較していきましょう。

【知らないと損する】Adobe製品の『料金プラン』を徹底比較 | Webデザイン

 

Web制作学習で挫折した経験はありませんか?

 

『Webサイトをゼロから作って稼いでいきたい』

『3ヶ月くらいで最低でも月10万円は稼ぎたい』

『営業とかやったことないけどWeb制作だけで稼いでいきたい』

 

 

こんな方のためにWeb制作で月80万超稼ぐ筆者が自身の経験を踏まえて【失敗しない】Webデザイナー(Web制作)独学ロードマップを執筆しました。

 

 

少額の投資で3ヶ月後には月10〜30万稼げるよう設計してあります。
(学習教材やAdobeなど最低限のコストはかかります)

 


ロードマップの構成

  • Web制作に特化した『確実に身に付く』学習方法
  • Web制作会社が喰いつく理想的なポートフォリオの作成手順
  • 返信率10%以上!Web制作会社へのメール営業

 

有料公開も考えましたが「Webデザイナー(Web制作)はまだまだ稼げることを証明したい!」という思いが強く、期間限定で無料公開をすることにしました。

 

 

2021年半ばまでは無料公開する予定ではありますが前倒しすることもあり得ますのでご興味ある方はお早めにどうぞ!

 

以下Twitterでの評判

 

 

 

この記事を読んでいる時点であなたは相当な熱意と行動力をお持ちなので、確実にスキルを習得できると断言します。独学だろうが未経験だろうが関係ありません。あとはやるだけです。

 

【3ヶ月で10万稼ぐ】本物のWebデザイナー独学ロードマップ