Suave7 - Theme Developer Kit
after so many Updates of Suave7 we would like to share the Love from this amazing Anemone-Theme with you. Our Goal is not only to change some Icons, we're would like going into the Deep : Changing the UI from Apps and bringing iOS on a complete new Level.
So we can say : Suave7 is not only a Theme. It's true Love for iOS.
Table of Contents
1. Sharing the Love
This Developer Kit allows you to create new Icons and change the UI-Images from Apps and the entirely iOS based on the Design of Suave7. We would like to share the Love with you : The Themers all over the World. This is what makes Suave7 so beautiful …
If you would like to use this TDK the first Application you need is Adobe Photoshop. With Photoshop you can use the most of all Templates, but some other Templates and Masks can only be used if you have a Mac and the Application Pixelmator from the Mac App Store.
Some Templates require the Font "Myriad Pro", you can get them from Adobe TypeKit. You can also sync these Font by opening a Template with Photoshop too.
The last Thing you need is Patience.
The TDK currently contains the following Folders :
These Templates are obsolete. We've added it, because you can use them for some Apps on iOS 7. With iOS 8, Apple introduced a new Way loading Apps : Dynamic Loading Screens, so we can't theme the "Defaults" anymore.
This is the Heart of Suave7. This Folder currently contains over 4.650 Icons in different Subfolders - categorized by their Creator.
UI ( Cydia-Tweaks )
The Templates and Masks in this Folder were used for changing the Icons and UI-Images from various Cydia-Tweaks, like Activator, Convergance or Cydia self.
UI ( iOS-Apps )
If you would like to change the UI from iOS itself, you need the Templates and Masks from this Folder. We've added some Templates from iOS 7 too - like the Calculator, but most of them can be used to theme iOS 9 and above.
UI ( iTunes-Apps )
This Folder contains all necessary Templates to theme Apps from the App Store, which can be used for other Apps too. The Templates for Facebook Messenger, Twitter and Shazam needs to be updated, to match with the latest UI-Images.
… and the following Photoshop-Templates :
Icons ( Aeneon, System )
The new Template for creating Icons. I've optimized some Things and reduced the Groups and Layers in the Template.
Icons ( Aeneon, Watch )
Based on the new Template, this Template allows you to create Icons for the Apple Watch. It's very useful for theming Icons in the Bridge-App introduced with iOS 8.2, which uses a circular Mask.
Icons ( Pat 97.4, System )
The classic Template created and used by Pat 97.4 from the good old MacThemes-Forum.
4. Creating Icons
How do you create Icons ? It's very simple with our small How-To :
Search for the Bundle-ID and the iTunes-Artwork with OffCorner's "Bundle Id Finder". If you've got your App, click on the Image showing the iTunes-Artwork and save the Image.
Pro Tip : If you need a High-Res-Image, you can alter the Address of this Artwork by replacing the "512x512" to "1024x1024" at the End of this URL.
Note : Don't close the "Bundle Id Finder" Tab, we need it for the Bundle ID later.
Choose a Template ( we will use the new Template for this ) and open the downloaded iTunes-Artwork in Photoshop.
Do some Magic …
Back in our "Bundle Id Finder", copy the "BundleIdentifier", by clicking the second Line …
And now it's time for saving our newly created Image in Photoshop. Hit "Save as" from the Menu and save the Image as PNG, don't forget to use the copied Bundle-ID as Name and then add after this a "@2x". We need this for all Retina-Devices, like the iPhone 6S, so iOS can choose the correct Image for the corresponding Device-Resolution.
Now you can close the Template - but we're not at the End !
Now we need two additional Icons for the App Switcher and Spotlight …
Open up the created Image and reduce the Size of the Working Area ( not the Image Size ! ) to 114 x 114 Pixels. The Image should be centered horizontally and vertically.
Now reduce the Image Size ( not the Working Area ) to 80 x 80 Pixels and save the Image with the Addition of "-40" before the "@2x" in the Name.
Do the same with the Image Size of 58 x 58 Pixels and the Addition of "-29".
Now you can close Photoshop and enjoy your Icon on your iDevice too
5. Other noteable Templates
Additionally to the Templates for the Icons, this TDK contains some other important Templates, to achieve the Suave7-Design :
"Activator ( Listeners )" in "UI ( Cydia-Tweaks )"
This Template is necessary for changing the Listener-Icons in Activator. The Icons made with this Template needs to be resized to 58 x 58 Pixels to show up correctly in Activator.
"Cydia ( Sections )" in "UI ( Cydia-Tweaks )"
This Template is necessary for changing the Sections-Icons in Cydia. There is no resizing needed to showing up these Icons in Cydia.
"Button States" in "UI ( iOS-Apps )"
If you create an UI for an App, this Template is used for all Button States. You can change the Buttons by copying the Style of the Layer. It's possible to alter the Colors for the "Activated"-State by changing Gradients Hue to a matching Degree from Colors of the Icon Template.
6. Last Words
That's it ! We hope you have Fun with our Theme Developer Kit and you will share the Love with Suave7. If you would like to contribute to this Project, let us know.
If you respect our hard Work, you can help us with a small Donation via PayPal.me
We would like to greet all former Members of MacThemes, who had worked on Suave and Suave HD. This Step in the History of Suave won't be possible with your hard Work.
Thyraz for Suave Classic. Pat 97.4 for Suave HD and the Icons you made. D4RKL0RD198 for Suave HD on iOS 6. Bli625, bwhli, DWALLS90, Finkle316, maxims, nienque, The Raptor and Tundra13 for all the other Icons.