Hello Friends,
after so many Updates of Suave7 we would like to share the Love from this amazing Theme with you. Our Goal is not to change only some Icons, we would like going into the Deep: We change the User Interface ( UI ) from App-Store-Apps, as will as a lot of Images from iOS.
So we can say: Suave7 is not only a Theme. It's true Love for iOS.
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 we're working with a Path, you'll see an opened Folder-Emoji, following by the Path: 📂 Icons ● Pat 97.4 ( MacThemes )
.
If you would like to use this TDK, the first Application you need is Adobe Photoshop. With Photoshop you can use most of the Templates, but some other Templates and Masks can only be used if you own a Mac and bought 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:
-
📂 Defaults
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.
-
📂 Icons
This is the Heart of Suave7. This Folder currently contains more than 5.600 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 in this Folder. We've added some Templates for 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 ).psd
The new Template for creating Icons. I've optimized some Things and reduced the Groups and Layers in the Template.
-
📂 Icons ( Aeneon, Messages ).psd
Based on the new Template, this Template allows you to create Icons for the iMessage Store.
-
📂 Icons ( Aeneon, Watch, 120 Pixel ).psd
&📂 Icons ( Aeneon, Watch, 196 Pixel ).psd
Based on the new Template, these Templates allowing you to create Icons for the Apple Watch.
-
📂 Icons ( Pat 97.4, System ).psd
The classic Template created and used by Pat 97.4 from the good old MacThemes-Forum.
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
to1024x1024
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 a
@2x
after this. 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 !
-
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 × 114 Pixels. The Image should be centered horizontally and vertically.
-
Now reduce the Image Size ( not the Working Area ) to 80 × 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 × 58 Pixels and the Addition of
-29
. -
Now you can close Photoshop and enjoy your Icon on your iDevice too 😊 …
Additionally to the Templates for the Icons, this TDK contains some other important Templates, to achieve the Suave7-Design:
-
📂 UI ( Cydia-Tweaks ) ● Activator ( Listeners ).psd
This Template is necessary for changing the Listener-Icons in Activator. The Icons made with this Template needs to be resized to 58 × 58 Pixels to show up correctly in Activator.
-
📂 UI ( Cydia-Tweaks ) ● Cydia ( Sections ).psd
This Template is necessary for changing the Sections-Icons in Cydia. There is no resizing needed to showing up these Icons in Cydia.
-
📂 UI ( iOS-Apps ) ● Button States.psd
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.
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.
Thank you.
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.