How to Create 3D App Icons for visionOS | Xcode

Published: 29 February 2024
on channel: Sean Allen

4,824

158

Go to https://squarespace.com/seanallen to save 10% off your first purchase of a website or domain using code SEANALLEN.

App icons for visionOS (Apple Vision Pro) have a 3D parallax effect that is triggered when you look at the icon. This requires the developer to create their app icon for visionOS in three distinct layers. In this video I demonstrate how to do that and show you some issues I ran into with sizing, shadows and gradients in my app icon. I also show you how to use Apple's Parallax Previewer app to iterate on your app icon designs.

Apple Human Interface Guidelines - App Icons:
https://developer.apple.com/design/hu...

Parallax Previewer App (scroll down a while):
https://developer.apple.com/design/re...

My iOS Dev Courses:
https://seanallen.teachable.com/

My Source Code:
https://seanallen.teachable.com/p/sou...

X (Twitter):
Sean Allen - / seanallen_dev

Hired.com:
https://hired.com/x/1n01g

Book and learning recommendations that help out the channel if you decide to purchase (Affiliate Links):

Mark Moeyken’s SwiftUI Books:
https://www.bigmountainstudio.com/a/f...

Paul Hudson's Hacking With Swift:
https://gumroad.com/a/762098803

RocketSim - Enhance Your Xcode Simulator:
https://gumroad.com/a/51797971/ftvbh

Objc.io Books (Thinking in SwiftUI & Advanced Swift):
https://gumroad.com/a/656585843

Timestamps:
0:00 - visionOS App Icons (Parallax)
0:28 - How the 3D effect works (3 layers)
1:00 - How I converted my iOS App Icon (and issues)
1:43 - Transparency, Shadows & Gradient Issues
2:25 - Square vs. Circle Size Issues
3:05 - Apple’s Parallax Previewer Tool
4:36 - Implementing App Icon in Xcode
5:30 - Running it on the visionOS Simulator

#swift #softwaredeveloper #iosdeveloper

Watch video How to Create 3D App Icons for visionOS | Xcode online, duration hours minute second in high quality that is uploaded to the channel Sean Allen 29 February 2024. Share the link to the video on social media so that your subscribers and friends will also watch this video. This video clip has been viewed 4,824 times and liked it 158 visitors.

185