avatarMING

Free AI web copilot to create summaries, insights and extended knowledge, download it at here

1163

Abstract

images-1.readmedium.com/v2/resize:fit:800/1*GWsyswFfZzlmjmqwQldjjA.png"><figcaption></figcaption></figure><h2 id="3082">Steps</h2><ol><li>Open a new view on Home screen</li><li>Screenshot and save to Photo App</li><li>Open MTS on BetterAppIcons</li><li>Update Background</li><li>Tap + to crop and save icon background to Photo App</li><li>(Optional) Back to BetterAppIcons, tap Photo > Select Image > Choose the saved icon background image You can add emoji/Text with Keyboard; or SF Symbols / FontAwesome / LineAwesome.</li></ol><h2 id="17a5">User Experience</h2><p id="039c">It is really hard to observe the gap between the icons and wallpaper, especially for the new wallpaper on iPhone 12. Even you scroll from one screen to another screen, the icons still look good.</p><figure id="bb80"><img src="https://cdn-images-1.readmedium.com/v2/resize:fit:800/1*zBWiYgVpTMz2IZvKoTxWng.png"><figcaption></figcaption></figure><figure id="34aa"><img src="https://cdn-images-1.readmedium.com/v2/resize:fit:800/1*IuG9Cxm5BQuLo-xcN2DV3g.png"><figcaption></figcaption></figure><h2 id="83d4">Testing Environment</h2><p id="4685">Device: iPhone 12 Pro Max OS Version: i

Options

OS 14.2 beta 3 App Version: 3.3.1 (36)</p><h2 id="5085">Get on Apple App Store Today</h2><p id="9d83"><a href="https://apps.apple.com/app/betterappicons/id1532627187"><b>https://apps.apple.com/app/betterappicons/id1532627187</b></a></p><h2 id="4245">Learn more about BetterAppIcons</h2><div id="4b71" class="link-block"> <a href="https://readmedium.com/introducing-betterappicons-for-ios14-12f8547c053"> <div> <div> <h2>Introducing BetterAppIcons for iOS14</h2> <div><h3>Create your unique app icon today. Over 5000+ symbols and emoji available. Choose an image to match your style.</h3></div> <div><p>medium.com</p></div> </div> <div> <div style="background-image: url(https://miro.readmedium.com/v2/resize:fit:320/1*RvZAtct8ptPoQI2VWpZolw.png)"></div> </div> </div> </a> </div><p id="82ec">Remark: You need to disable perspective zoom to prevent offset. Since the icon is a static image, you need to disable the dark appearance option as well (Settings > Wallpaper).</p></article></body>

How to: Make iOS14 Icons “Transparent” on iPhone 12

An alternative way to match icons background with current wallpaper

Previously, I shared the idea of matching the wallpaper and the widgets background with SwiftUI. This time, I would like to give you a quick peek of an amazing feature on BetterAppIcons.

Matching Theme System

Matching Theme System is known as MTS, used to process, auto crop, resize, and export the image in minimal size. It works perfectly with widgets and icons background.

Steps

  1. Open a new view on Home screen
  2. Screenshot and save to Photo App
  3. Open MTS on BetterAppIcons
  4. Update Background
  5. Tap + to crop and save icon background to Photo App
  6. (Optional) Back to BetterAppIcons, tap Photo > Select Image > Choose the saved icon background image You can add emoji/Text with Keyboard; or SF Symbols / FontAwesome / LineAwesome.

User Experience

It is really hard to observe the gap between the icons and wallpaper, especially for the new wallpaper on iPhone 12. Even you scroll from one screen to another screen, the icons still look good.

Testing Environment

Device: iPhone 12 Pro Max OS Version: iOS 14.2 beta 3 App Version: 3.3.1 (36)

Get on Apple App Store Today

https://apps.apple.com/app/betterappicons/id1532627187

Learn more about BetterAppIcons

Remark: You need to disable perspective zoom to prevent offset. Since the icon is a static image, you need to disable the dark appearance option as well (Settings > Wallpaper).

Iphone12
Ios14
Betterappicons
Icons
Design
Recommended from ReadMedium