{"id":2988,"date":"2018-01-24T00:04:47","date_gmt":"2018-01-24T00:04:47","guid":{"rendered":"http:\/\/commarts.pleather.us\/2018\/01\/24\/apple-iphone-x-live-wallpapers-illustrator-tutorial\/"},"modified":"2018-01-24T00:04:47","modified_gmt":"2018-01-24T00:04:47","slug":"apple-iphone-x-live-wallpapers-illustrator-tutorial","status":"publish","type":"post","link":"https:\/\/blog.valdosta.edu\/m2\/2018\/01\/24\/apple-iphone-x-live-wallpapers-illustrator-tutorial\/","title":{"rendered":"Apple iPhone X Live Wallpapers &#8211; Illustrator Tutorial"},"content":{"rendered":"<p><span class=\"field field--name-title field--type-string field--label-hidden\">Apple iPhone X Live Wallpapers &#8211; Illustrator Tutorial<\/span><\/p>\n<div class=\"clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item\">\n<p>The iPhone X, the most anticipated phone that Apple has ever built since the iPhone 4 (in my opinion). If you go beyond the actual phone, one thing I always loved about Apple is how they produce stunning visuals either it is for print, web, videos and social media platforms. They are doing such a good job in finding ways to sell their products with strong visuals as you probably saw the iPhone X ads literally everywhere. Like many others, I would watch many unboxing videos on YouTube. And I couldn&#8217;t help to notice what they called the &#8220;Live Wallpapers&#8221; on the packaging. From the Space Grey iPhone X, you will a wallpaper that is filled with warm colours like pink, red combined with white. The other wallpaper which is the Silver iPhone X with the accent colours of cyan, navy blue, and orange. This is what we are taking a look in the tutorial, how to easily create your own Apple iPhone X Live Wallpapers using Illustrator. More precisely using the Mesh Tool (U) for which after my second attempt, I was able to accomplish a result that I was quite happy about. So here we go!<\/p>\n<h4>iPhone X Live Wallpapers<\/h4>\n<p><a href=\"http:\/\/aoirostudio.com\/\" rel=\"nofollow\"><img decoding=\"async\" alt=\"Apple iPhone X Live Wallpapers - Illustrator Tutorial\" src=\"http:\/\/imgs.abduzeedo.com\/files\/francois\/tutorials\/iphonex_livewallpapers\/iPhone_X_Red_&amp;_Green_(ABDZ).jpg\" \/><\/a><\/p>\n<p>I also wanted to point out that it was a nice feeling to get back to my roots. Not just making tutorials but just trying to figure things out. The simple act of creating! Before the industry shifted all of us designers into being UI\/UX designers or product designers. There were amazing tools like Illustrator, Photoshop, and InDesign. There wasn&#8217;t a wide range of design tools like we do now, I really think there should always have room to design things in many different ways instead of having us using one &#8220;ULTIMATE&#8221; tool. Some food for thoughts.<\/p>\n<h3>More Links<\/h3>\n<ul>\n<li>Follow my tweets <a href=\"https:\/\/twitter.com\/AoiroStudio\" rel=\"nofollow\">@aoirostudio<\/a><\/li>\n<li>Follow my pictures on <a href=\"https:\/\/www.instagram.com\/aoirostudio\/\" rel=\"nofollow\">Instagram<\/a><\/li>\n<\/ul>\n<h2>Illustrator Tutorial<\/h2>\n<h3>Step 1<\/h3>\n<p>Start with a new file with the iPhone X screen dimensions which is 1125px (W) x 2436px (H). Afterwards, add a background colour #1C51A5 using the Rectangle Tool (M). We will try to make our own version of the wallpaper for the Space Grey iPhone X.<\/p>\n<p><a href=\"http:\/\/aoirostudio.com\/\" rel=\"nofollow\"><img decoding=\"async\" alt=\"Apple iPhone X Live Wallpapers - Illustrator Tutorial\" src=\"http:\/\/imgs.abduzeedo.com\/files\/francois\/tutorials\/iphonex_livewallpapers\/iphonex_live_wallpaper_screengrab_step1.png\" \/><\/a><\/p>\n<h3>Step 2<\/h3>\n<p>Select the Mesh Tool (U) and I am using #FAF4F1 to start it off with the white colour. Some readers will first make a grid using the Mesh Tool (U) without any colour, I prefer using a fill colour, it removes the extra anchor all over the artwork, you will understand what I mean later. In the end, it&#8217;s whatever works the best for you.<\/p>\n<p><a href=\"http:\/\/aoirostudio.com\/\" rel=\"nofollow\"><img decoding=\"async\" alt=\"Apple iPhone X Live Wallpapers - Illustrator Tutorial\" src=\"http:\/\/imgs.abduzeedo.com\/files\/francois\/tutorials\/iphonex_livewallpapers\/iphonex_live_wallpaper_screengrab_step2.png\" \/><\/a><\/p>\n<h3>Step 3<\/h3>\n<p>Still using the Mesh Tool (U) and I am adding the pink fuschia colour #FD0186. You should add also the accent of red #FF0026 for the top left corner. Now, this is where the fun starts. You will now switch gear by using the Direct Selection Tool (A) which is next to the Selection Tool. Whenever you click on one of the anchors, you will have the choice to move the anchor as you please or also play with the shape using the anchor handle. This is where the creativity kicks in.<\/p>\n<p><a href=\"http:\/\/aoirostudio.com\/\" rel=\"nofollow\"><img decoding=\"async\" alt=\"Apple iPhone X Live Wallpapers - Illustrator Tutorial\" src=\"http:\/\/imgs.abduzeedo.com\/files\/francois\/tutorials\/iphonex_livewallpapers\/iphonex_live_wallpaper_screengrab_step3.png\" \/><\/a><\/p>\n<h3>Step 4<\/h3>\n<p>Once you are satisfied with the result, you can start adding more colours including the orange #FF0026. Also the combination of colours at the lower right corner which is orange #FF0026 and a lighter shade of orange.<\/p>\n<p><a href=\"http:\/\/aoirostudio.com\/\" rel=\"nofollow\"><img decoding=\"async\" alt=\"Apple iPhone X Live Wallpapers - Illustrator Tutorial\" src=\"http:\/\/imgs.abduzeedo.com\/files\/francois\/tutorials\/iphonex_livewallpapers\/iphonex_live_wallpaper_screengrab_step4.png\" \/><\/a><\/p>\n<h3>Step 5<\/h3>\n<p>A tip, at some point. Try to add fewer anchor points with the Mesh Tool (U), instead play with the Direct Selection Tool (A). You can simply select an anchor and choose another colour. I would say to experiment as well with the anchor handles. As a reference, I added a screenshot the final result where you can see the different anchor positions.<\/p>\n<p><a href=\"http:\/\/aoirostudio.com\/\" rel=\"nofollow\"><img decoding=\"async\" alt=\"Apple iPhone X Live Wallpapers - Illustrator Tutorial\" src=\"http:\/\/imgs.abduzeedo.com\/files\/francois\/tutorials\/iphonex_livewallpapers\/iphonex_live_wallpaper_screengrab_v1.png\" \/><\/a><\/p>\n<h3>In Conclusion<\/h3>\n<p>I would say this tutorial is fairly easy where 20% is about the technique and the other 80% is about your creativity. It took me two attempts to actually achieve the final result. You need to experiment and try\/fail rather than a step-by-step tutorial. Hopefully you have loved the direction on how easily you can create your own Apple iPhone X Live Wallpapers.<\/p>\n<p><a href=\"http:\/\/aoirostudio.com\/\" rel=\"nofollow\"><img decoding=\"async\" alt=\"Apple iPhone X Live Wallpapers - Illustrator Tutorial\" src=\"http:\/\/imgs.abduzeedo.com\/files\/francois\/tutorials\/iphonex_livewallpapers\/iPhone_X_ABDZ_Red_Compare.png\" \/><\/a><\/p>\n<h4>First Attempt<\/h4>\n<p><a href=\"http:\/\/aoirostudio.com\/\" rel=\"nofollow\"><img decoding=\"async\" alt=\"Apple iPhone X Live Wallpapers - Illustrator Tutorial\" src=\"http:\/\/imgs.abduzeedo.com\/files\/francois\/tutorials\/iphonex_livewallpapers\/iphonex_live_wallpaper_screengrab_v0.png\" \/><\/a><\/p>\n<h3>Bonus<\/h3>\n<p>If you wanna try to re-create the wallpaper of the Silver iPhone X, see the images highlighting the colour palette and the image revealing different anchor positions. Enjoy!<\/p>\n<div class=\"photoset-grid\"><a href=\"http:\/\/aoirostudio.com\/\" rel=\"nofollow\"><img decoding=\"async\" alt=\"Apple iPhone X Live Wallpapers - Illustrator Tutorial\" src=\"http:\/\/imgs.abduzeedo.com\/files\/francois\/tutorials\/iphonex_livewallpapers\/iPhone X - ABDZ_Green_ColourPalette.png\" \/><\/a><a href=\"http:\/\/aoirostudio.com\/\" rel=\"nofollow\"><img decoding=\"async\" alt=\"Apple iPhone X Live Wallpapers - Illustrator Tutorial\" src=\"http:\/\/imgs.abduzeedo.com\/files\/francois\/tutorials\/iphonex_livewallpapers\/iPhone_X_ABDZ_Green_Compare.png\" \/><\/a><\/div>\n<h3>One more wallpaper&#8230;<\/h3>\n<p>Using the very same technique, I made another version where I used purple as a base colour. I love the final result, this is actually my current wallpaper. What&#8217;s great is that you can rock a beautiful iPhone X Live Wallpaper on an Android phone. Give it a whirl!<\/p>\n<div class=\"photoset-grid\"><a href=\"http:\/\/aoirostudio.com\/\" rel=\"nofollow\"><img decoding=\"async\" alt=\"Apple iPhone X Live Wallpapers - Illustrator Tutorial\" src=\"http:\/\/imgs.abduzeedo.com\/files\/francois\/tutorials\/iphonex_livewallpapers\/iPhone_X_ABDZ_Purple_Compare.png\" \/><\/a><a href=\"http:\/\/aoirostudio.com\/\" rel=\"nofollow\"><img decoding=\"async\" alt=\"Apple iPhone X Live Wallpapers - Illustrator Tutorial\" src=\"http:\/\/imgs.abduzeedo.com\/files\/francois\/tutorials\/iphonex_livewallpapers\/iPhone_X_Purple_(ABDZ).jpg\" \/><\/a><\/div>\n<p>\u00a0<\/p>\n<h3>Download Wallpapers and Files<\/h3>\n<p><a href=\"http:\/\/imgs.abduzeedo.com\/files\/francois\/tutorials\/iphonex_livewallpapers\/abdz_iphonex_live_wallpaper_tutorial_files.zip\" rel=\"nofollow\">Click here to download the Zip file used for this tutorial<\/a><\/p>\n<\/div>\n<p>      <span class=\"field field--name-uid field--type-entity-reference field--label-hidden\"><a title=\"View user profile.\" href=\"http:\/\/abduzeedo.com\/profile\/aoirostudio\" class=\"username\">AoiroStudio<\/a><\/span><br \/>\n<span class=\"field field--name-created field--type-created field--label-hidden\">Jan 24, 2018<\/span><\/p>\n<div class=\"field field--name-field-tags field--type-entity-reference field--label-hidden field__items\">\n<div class=\"field__item\"><a href=\"http:\/\/abduzeedo.com\/tutorial\">tutorial<\/a><\/div>\n<div class=\"field__item\"><a href=\"http:\/\/abduzeedo.com\/tags\/tutorials\">tutorials<\/a><\/div>\n<div class=\"field__item\"><a href=\"http:\/\/abduzeedo.com\/tags\/illustrator\">illustrator<\/a><\/div>\n<div class=\"field__item\"><a href=\"http:\/\/abduzeedo.com\/taxonomy\/term\/16403\">iphone x<\/a><\/div>\n<div class=\"field__item\"><a href=\"http:\/\/abduzeedo.com\/tags\/wallpaper\">wallpaper<\/a><\/div>\n<div class=\"field__item\"><a href=\"http:\/\/abduzeedo.com\/tags\/wallpapers\">wallpapers<\/a><\/div><\/div>\n<p>Source: Abduzeedo Tutorials<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Apple iPhone X Live Wallpapers &#8211; Illustrator Tutorial The iPhone X, the most anticipated phone that Apple has ever built since&#8230;<\/p>\n","protected":false},"author":245,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_oasis_is_in_workflow":0,"_oasis_original":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_vp_format_video_url":"","_vp_image_focal_point":[],"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[1],"tags":[44],"class_list":["post-2988","post","type-post","status-publish","format-standard","hentry","category-uncategorized","tag-camera"],"acf":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/paqOTj-Mc","_links":{"self":[{"href":"https:\/\/blog.valdosta.edu\/m2\/wp-json\/wp\/v2\/posts\/2988","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.valdosta.edu\/m2\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.valdosta.edu\/m2\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.valdosta.edu\/m2\/wp-json\/wp\/v2\/users\/245"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.valdosta.edu\/m2\/wp-json\/wp\/v2\/comments?post=2988"}],"version-history":[{"count":0,"href":"https:\/\/blog.valdosta.edu\/m2\/wp-json\/wp\/v2\/posts\/2988\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.valdosta.edu\/m2\/wp-json\/wp\/v2\/media?parent=2988"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.valdosta.edu\/m2\/wp-json\/wp\/v2\/categories?post=2988"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.valdosta.edu\/m2\/wp-json\/wp\/v2\/tags?post=2988"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}