ios 刷新遮罩遮罩

Are you new to Adobe XD? Or maybe you’re just stuck on how to create a simple mask? Here are 3 quick tips for how to mask your photos and designs in Adobe XD.

您是Adobe XD的新手嗎？ 或者，也許您只是停留在如何創(chuàng)建簡單的蒙版上？ 以下是有關(guān)如何在Adobe XD中遮罩照片和設計的3個快速提示。

1.使用形狀遮罩 (1. Use shapes to mask)

One of the easiest ways to mask in Adobe XD is to use shapes. For example, let’s say I want this profile photo placed inside a circle.

在Adobe XD中進行蒙版的最簡單方法之一就是使用形狀。 例如，假設我要將這張個人資料照片放在一個圓圈內(nèi)。

Use the Ellipse tool, click and drag while using the Option key to create a perfect circle.

使用橢圓工具，在使用Option鍵創(chuàng)建完美圓的同時單擊并拖動。

Use the Ellipse tool to draw a circle使用橢圓工具畫一個圓

Select both the circle and the photo and use the keyboard shortcut Command + Shift + Mask to mask the photo within the shape.

選擇圓圈和照片，然后使用鍵盤快捷鍵Command + Shift +遮罩在形狀中遮蓋照片。

Keyboard shortcut to mask: Command + Shift + Mask遮罩的鍵盤快捷鍵：Command + Shift +遮罩

If you want to reposition or scale your photo within the frame, double-click into the group.

如果要在框架中重新定位照片或縮放照片，請雙擊該組。

Double-click to change scale or position雙擊以更改比例或位置

拖放 (Drag and drop)

A similar technique is to draw the shape first then drag and drop the photo into the shape.

一種類似的技術(shù)是先繪制形狀，然后將照片拖放到形狀中。

For example, let’s say I want to have a background photo on my artboard. Use the Rectangle tool to draw a rectangle the same size as the artboard. Then simply drag and drop your image into the rectangle. And again, you can double-click if you want to rescale or reposition.

例如，假設我要在畫板上有一張背景照片。 使用“矩形”工具繪制與畫板相同大小的矩形。 然后，只需將您的圖像拖放到矩形中即可。 再次，您可以雙擊是否要縮放或重新定位。

Drag and drop images into shapes將圖像拖放到形狀中

2.使用鋼筆工具 (2. Use the pen tool)

Another option is to use the pen tool in Adobe XD to draw any shape. This is the best option to create more complex masks for your photos.

另一個選擇是使用Adobe XD中的鋼筆工具繪制任何形狀。 這是為照片創(chuàng)建更復雜的蒙版的最佳選擇。

Use the pen tool in Adobe XD to create more complex mask shapes使用Adobe XD中的鋼筆工具創(chuàng)建更復雜的蒙版形狀

As with the first option, select both the shape and photo, use keyboard shortcut Command + Shift + M to mask.

與第一個選項一樣，選擇形狀和照片，使用鍵盤快捷鍵Command + Shift + M進行遮罩。

Keyboard shortcut to mask: Command + Shift + Mask遮罩的鍵盤快捷鍵：Command + Shift +遮罩

3.在Photoshop中使用鋼筆工具... (3. Use the pen tool… in Photoshop)

This last option is kind of a cheat. Sometimes I prefer to do custom masking in Photoshop as it’s easier and more accurate.

最后一個選擇有點作弊。 有時我更喜歡在Photoshop中進行自定義遮罩，因為它更簡單，更準確。

For this photo, I want the hand and the cup to cut out from the background. In Photoshop, I’ll use the Quick Selection tool and click on Select Subject. At the bottom of the Layers panel, click Add a Mask.

對于這張照片，我希望手和杯子從背景中切出。 在Photoshop中，我將使用“ 快速選擇”工具，然后單擊“ 選擇主題” 。 在“ 圖層”面板的底部，單擊“ 添加蒙版”。

Zoom in and make sure everything was selected. In this case, Photoshop missed a little bit of the lip of the cup, so I zoom in and use the Brush tool to paint the area back in.

放大并確保已選擇所有內(nèi)容。 在這種情況下，Photoshop會漏掉杯子的一些邊緣，因此我放大并使用“畫筆”工具將區(qū)域重新繪畫。

Then go to Image > Trim > and choose the Transparent Pixels option. This will get rid of all transparent pixels and crop your image.

然后轉(zhuǎn)到“圖像”>“修剪”>，然后選擇“ 透明像素”選項。 這將消除所有透明像素并裁剪圖像。

Go to File > Save As > PNG.

轉(zhuǎn)到文件>另存為> PNG。

Now I can drag and drop this image into my XD file. And because I used Photoshop to mask out the background, now I can add a color background to the landing page.

現(xiàn)在，我可以將該圖像拖放到XD文件中。 并且由于我使用Photoshop掩蓋了背景，因此現(xiàn)在可以將彩色背景添加到登錄頁面。

Changing the artboard color更改畫板顏色

喜歡看教程嗎？ (Prefer to watch a tutorial?)

Watch this 2-minute tutorial video to see these 3 mask options in action.

觀看此2分鐘的教程視頻，以了解這3個口罩選項的實際作用。

翻譯自: https://uxdesign.cc/3-ways-to-mask-in-adobe-xd-81ff9cdf8b17

ios 刷新遮罩遮罩

總結(jié)

以上是生活随笔為你收集整理的ios 刷新遮罩遮罩_在Adobe XD中进行遮罩的3种方法的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。