How to Make Your Very Own Custom iPhone/iOS Wallpaper

Start the Guide
make your very own custom iPhone/iOS wallpaper

How to Make Your Very Own Custom iPhone/iOS Wallpaper

a way to setup your a document in Illustrator/Photoshop to create you own wallpaper for your iPhone or iPod

3.3k Views
Step 1 of 19

Open up Adobe Illustrator or Photoshop, whichever you're most comfortable with 👍 Go To --> File --> New

Step 2 of 19
640 x 960 pixels = Retina (portrait)

640 x 960 pixels = Retina (portrait)

Step 3 of 19

Now let's setup some guides to help us 😍

Step 4 of 19

But first let's set your Zero's (go to next screen to learn how to do that)

Step 5 of 19

If you don't see your ruler, Go To : View --> Rulers --> Show Rulers or Command + R

Step 6 of 19

Set vertical guides at: 67, 181, 243, 357, 419, 533, 595, 709, 803, 917 pixels (shown in next slide)

Step 7 of 19
Let's move on to the horizontal guides 👍 (click to view large)

Let's move on to the horizontal guides 👍 (click to view large)

Step 8 of 19

Set horizontal guides at: 35, 148, 186, 300, 340, 454, 492, 606 pixels (shown in next slide)

Step 9 of 19
Let's move on to making boxes in those guides 👍(click to view large)

Let's move on to making boxes in those guides 👍(click to view large)

Step 10 of 19

Let's add some boxes!

Step 11 of 19

If you've done that correctly, you should have something like the next screen💃

Step 12 of 19
Hooray 😍

Hooray 😍

Step 13 of 19

Now we're going to round these dudes out 😏

Step 14 of 19

Select & drag all your squares then Go To: Effect --> Convert to Shape --> Rounded Rectangle

Step 15 of 19

Under Relative: Set your Extra Width & Height to 0px & your Corner Radius to 20px 👊

Step 16 of 19

Awesome! You're almost there 😍

Step 17 of 19

When you're all finished, save as a PNG & email it, Dropbox it, or whatever is easiest. Then set as your wallpaper. Yay!!

Step 18 of 19
In your Photos: Use as Wallpaper --> Dont shrink or mess w/ it --> Set. Then check your masterpiece!!

In your Photos: Use as Wallpaper --> Dont shrink or mess w/ it --> Set. Then check your masterpiece!!

Step 19 of 19
This was my final product. Hope you learned something new. 😍

This was my final product. Hope you learned something new. 😍

You're Done

Follow this author & check out some other guides!

Bellevue | Seattle | Arlington
mynameisahzoo.com
Mobile UX/UI Designer

Keep Exploring

Start Over

7 Comments
Supplies

Adobe Photoshop

Adobe Illustrator

Chiara Bell

Awesome!

Chiara Bell 2 months ago

Isanassin Pinem

Great, thanks

Isanassin Pinem 9 months ago

Someshwar Bupelli

Great !! Thanks a lot !!!

Someshwar Bupelli 10 months ago

Breanna Berkowitz

Great!

Breanna Berkowitz 11 months ago

John Hurr

Amazing!! I always wanted to do this!

John Hurr 11 months ago

Lini D

Very precise! Great job

Lini D 11 months ago

Sam Collings

Nice Im gonna do this

Sam Collings 11 months ago

Be first to comment on Step 1.

Be first to comment on Step 2.

Be first to comment on Step 3.

Be first to comment on Step 4.

Be first to comment on Step 5.

Be first to comment on Step 6.

Be first to comment on Step 7.

Be first to comment on Step 8.

Be first to comment on Step 9.

Be first to comment on Step 10.

Be first to comment on Step 11.

Be first to comment on Step 12.

Be first to comment on Step 13.

Be first to comment on Step 14.

Be first to comment on Step 15.

Be first to comment on Step 16.

Be first to comment on Step 17.

Be first to comment on Step 18.

Be first to comment on Step 19.