Find an icon on Sliceberry or the Noun Project and throw it into your PSD. The last thing this icon needs is an icon. You should have something like the image below. Next, decrease the distance to 0px but increase the size to something slightly larger. Within the drop shadow, change the opacity to 10%. It will make the circle, as a whole, stand out from the blue background. This will give the thick border (stroke) more definition. The very last thing you need to do is add a drop shadow to the circle. The white glow should be peaking outside of the stroke a bit so set the size of it to something like 140px. Set the Blend Mode to normal decrease the distance to 0px. Technically the inner shadow is a white glow – you’re welcome to use an inner glow instead. Set the angle at – 45 degrees to achieve this. The gradient needs to be set diagonally with the lighter blue atop and darker blue towards the bottom. The gradient starts with lighter blue #d1e4e8, and ends with a slightly darker and more saturated hue, #a9deeb. The colors used for the gradient are a lighter version of the background gradient of the icon. Additionally, the stroke will include a gradient. Set the stroke to be positioned inside and make sure it’s thick. The stroke around the circle is supposed to look like a thick border. Also, max out the Scale and set it to 150%. Make sure that the white is in the center and the light gray on the outside of the gradient. This is a radial gradient because we want to give the middle of the circle some shine. The gradient is formed from #ffffff and #d9d9d9. The gradient in the circle is straightforward. The circle should have a stroke, shadows and gradient added to it so let’s add one by one. Now that we have the circle, we need to style it. You can adjust the size of it in the Properties panel if it’s not perfectly aligned with the grid. Create a circle roughly 890px tall and wide. You want to use the Elliptical Tool which is under the button U. Try Startup App Try Slides App Other Products Step 3 – Create an Inner CircleĪ big part of this icons design is a white circle in the middle. With Startup App and Slides App you can build unlimited websites using the online website editor which includes ready-made designed and coded elements, templates and themes. If you mixed up the colors, simply rotate the angle to -135 or 315 degrees. The gradient needs to be set to go from the darker blue in the left top corner to the light blue in the right bottom corner. In order to get it to be diagonal, set the angle to be at 135 degrees. The starting color should be #acced6 and the end color should be # 7cbece. We want to add a slight gradient to the background. Next, right click on the icon’s background layer and select Blending Options. To create the mask, select the mask icon at the bottom of the Layers Panel. Now there should be a marquee selection of the icon shape on your blue background. To do this press COMMAND or CTRL and click on the mask of the Rounded Mask layer. However, to get a better visual of how the icon is shaping I suggest using the mask. Technically this is not necessary as Apple rounds off the corners for you when you upload the image. Next, add a mask around the background color in the shape of the icon. Version 1.0Įxport app icon assets for iPhone, iPad, Apple Watch and OS X.With Postcards you can create and edit email templates online without any coding skills! Includes more than 100 components to help you create custom emails templates faster than ever before.
Indicate processing via progress indicator. Moved the Export button into the new toolbar Added NSProgressIndicator. Issue reported by version 1.1 Version 1.0Īdded support for older iOS versions and CarPlay.
Added auto update via the Sparkle frameworkĬhanged export file type from *.tiff to *.png, since iDevices doesn't support tiff files.You can now give asset catalogs a name before saving them.Fixed an issue with combined App Icon catalogs.ATS prevents accidental disclosure, provides secure default behavior, and is easy to adopt. Small update to improve the App Transport Security (ATS), to make the update process a bit more secure.Īpp Transport Security (ATS) lets an app add a declaration to its ist file that specifies the domains with which it needs secure communication.