Go Back   MacRumors Forums > Mac Community > Picture Gallery > UI Customization

Reply
 
Thread Tools Search this Thread Display Modes
Old Jan 5, 2013, 04:12 PM   #1
rufinatti
macrumors 6502
 
Join Date: Nov 2012
"Weathered" iPad Wallpaper

I happen to like a "weathered" look so I thought it might be fun to make some wallpapers that look as though they had seen better days.









rufinatti is offline   0 Reply With Quote
Old Jan 5, 2013, 06:08 PM   #2
rufinatti
Thread Starter
macrumors 6502
 
Join Date: Nov 2012
rufinatti is offline   0 Reply With Quote
Old Jan 5, 2013, 09:25 PM   #3
Nokaoi
macrumors regular
 
Join Date: Feb 2009
Nice! Mind sharing the under layer you're using?
__________________
iPhone 6 Plus - Silver - 64GB
iPad Air - Black - 32GB WiFi
iPad mini - white - 32GB WiFi/LTE
Nokaoi is offline   0 Reply With Quote
Old Jan 5, 2013, 09:37 PM   #4
rufinatti
Thread Starter
macrumors 6502
 
Join Date: Nov 2012
Quote:
Originally Posted by Nokaoi View Post
Nice! Mind sharing the under layer you're using?
sure. here's the background and my mask.



----------

here's version 2 which is slightly modified with more decay in the center

rufinatti is offline   0 Reply With Quote
Old Jan 5, 2013, 09:41 PM   #5
Nokaoi
macrumors regular
 
Join Date: Feb 2009
Mahalos!
__________________
iPhone 6 Plus - Silver - 64GB
iPad Air - Black - 32GB WiFi
iPad mini - white - 32GB WiFi/LTE
Nokaoi is offline   0 Reply With Quote
Old Jan 5, 2013, 09:47 PM   #6
rufinatti
Thread Starter
macrumors 6502
 
Join Date: Nov 2012
Quote:
Originally Posted by Nokaoi View Post
Mahalos!
most welcome.

if you use them to make some backgrounds, please share.
rufinatti is offline   0 Reply With Quote
Old Jan 5, 2013, 11:26 PM   #7
Nokaoi
macrumors regular
 
Join Date: Feb 2009
Quote:
Originally Posted by rufinatti View Post
most welcome.

if you use them to make some backgrounds, please share.
They're not coming out like how you've done them. I've tried overlay, multiply and darken. They work great for cartoonish type photos. But, for posters and regular photos its not having the "wood" effect on the "weathered" parts.
__________________
iPhone 6 Plus - Silver - 64GB
iPad Air - Black - 32GB WiFi
iPad mini - white - 32GB WiFi/LTE
Nokaoi is offline   0 Reply With Quote
Old Jan 6, 2013, 03:08 AM   #8
rufinatti
Thread Starter
macrumors 6502
 
Join Date: Nov 2012
Quote:
Originally Posted by Nokaoi View Post
They're not coming out like how you've done them. I've tried overlay, multiply and darken. They work great for cartoonish type photos. But, for posters and regular photos its not having the "wood" effect on the "weathered" parts.
post one of the images you are trying to use and I'll have a go at it.
rufinatti is offline   0 Reply With Quote
Old Jan 6, 2013, 03:30 AM   #9
rufinatti
Thread Starter
macrumors 6502
 
Join Date: Nov 2012
Quote:
Originally Posted by Nokaoi View Post
They're not coming out like how you've done them. I've tried overlay, multiply and darken. They work great for cartoonish type photos. But, for posters and regular photos its not having the "wood" effect on the "weathered" parts.
I threw together a few quick test images to see what would happen. Are you getting results similar to these?




Last edited by rufinatti; Jan 6, 2013 at 03:39 AM.
rufinatti is offline   0 Reply With Quote
Old Jan 6, 2013, 06:49 AM   #10
rufinatti
Thread Starter
macrumors 6502
 
Join Date: Nov 2012
just a little experimentation; but I don't think I like the brick as much as the wood.



rufinatti is offline   0 Reply With Quote
Old Jan 6, 2013, 01:25 PM   #11
cambookpro
macrumors 601
 
cambookpro's Avatar
 
Join Date: Feb 2010
Location: Berks, England
Haven't used masks much on Photoshop yet, could I have a quick set of instructions on how to produce the effect? Thanks

Edit: Nvm, figured it out
__________________
MacBook Pro | iPhone 6 Plus | iPad Air | Apple TV

Last edited by cambookpro; Jan 6, 2013 at 01:39 PM.
cambookpro is offline   0 Reply With Quote
Old Jan 6, 2013, 03:44 PM   #12
rufinatti
Thread Starter
macrumors 6502
 
Join Date: Nov 2012
trying another look to see what works.



rufinatti is offline   0 Reply With Quote
Old Jan 6, 2013, 06:41 PM   #13
iTENNAKEY
macrumors member
 
Join Date: Aug 2010
Tennessee Vols and Tennessee Titans? Pleeeeeeeease?
iTENNAKEY is offline   0 Reply With Quote
Old Jan 6, 2013, 08:57 PM   #14
rufinatti
Thread Starter
macrumors 6502
 
Join Date: Nov 2012
Quote:
Originally Posted by iTENNAKEY View Post
Tennessee Vols and Tennessee Titans? Pleeeeeeeease?
rufinatti is offline   1 Reply With Quote
Old Jan 6, 2013, 11:44 PM   #15
rufinatti
Thread Starter
macrumors 6502
 
Join Date: Nov 2012

Last edited by rufinatti; Jan 7, 2013 at 12:07 AM.
rufinatti is offline   0 Reply With Quote
Old Jan 7, 2013, 12:58 AM   #16
rufinatti
Thread Starter
macrumors 6502
 
Join Date: Nov 2012
rufinatti is offline   0 Reply With Quote
Old Jan 7, 2013, 10:33 PM   #17
Nokaoi
macrumors regular
 
Join Date: Feb 2009
Quote:
Originally Posted by rufinatti View Post
I threw together a few quick test images to see what would happen. Are you getting results similar to these?

Image Image

Image Image
So the parts where the paint is chipping off and exposes the wood underneath are great but, mine are looking like this:



No wood. Just black. Wat do?
__________________
iPhone 6 Plus - Silver - 64GB
iPad Air - Black - 32GB WiFi
iPad mini - white - 32GB WiFi/LTE
Nokaoi is offline   0 Reply With Quote
Old Jan 8, 2013, 12:14 AM   #18
rufinatti
Thread Starter
macrumors 6502
 
Join Date: Nov 2012
ok...I see what you are doing wrong. you have to use the black and white image as a "layer mask" on your green image. Your layers should be laid out similar to this


Layer 2: Green Monster + black & white image as a "layer mask"
Layer 1: Wooden fence as background

check out these two short tutorials for details on how to use a layer mask:

http://www.lunacore.com/photoshop/tutorials/tut003.htm
http://blog.brianjohnsondesign.com/2...shop-tutorial/
rufinatti is offline   0 Reply With Quote
Old Jan 8, 2013, 01:52 AM   #19
rufinatti
Thread Starter
macrumors 6502
 
Join Date: Nov 2012
update...

Forget all the masking stuff. I separated the exposed wood onto its own layer.

Download the attached zip file then open one of the photoshop psd files and place your image on a layer between the bottom and topmost layers. Change the mode to "multiply" for the layer containing your image file and you're done.

http://www.mediafire.com/download.php?snqm6msz807j2qp
rufinatti is offline   1 Reply With Quote
Old Jan 8, 2013, 12:11 PM   #20
cambookpro
macrumors 601
 
cambookpro's Avatar
 
Join Date: Feb 2010
Location: Berks, England
I needed to invert the layer mask before it worked.
Anyway, the zip above is probably easier!

Here's mine that I made on Sunday, also created an iPhone 5 version (with badge on top of 'distressed' effect). Thanks for the pictures to do it with!
Attached Thumbnails
Click image for larger version

Name:	Readingfc wall.jpg
Views:	108
Size:	2.24 MB
ID:	388767   Click image for larger version

Name:	Reading5.jpg
Views:	122
Size:	618.8 KB
ID:	388768   Click image for larger version

Name:	iphone5nobadge.jpg
Views:	41
Size:	547.6 KB
ID:	388769  

__________________
MacBook Pro | iPhone 6 Plus | iPad Air | Apple TV
cambookpro is offline   0 Reply With Quote
Old Jan 8, 2013, 12:36 PM   #21
Nebulance
macrumors regular
 
Join Date: Mar 2010
Could someone do this weathered look with the New York Rangers logo? And one for iPhone 5 too?



Thanks in advance!
Nebulance is offline   0 Reply With Quote
Old Jan 8, 2013, 01:39 PM   #22
rufinatti
Thread Starter
macrumors 6502
 
Join Date: Nov 2012
Quote:
Originally Posted by cambookpro View Post
I needed to invert the layer mask before it worked.
Anyway, the zip above is probably easier!

Here's mine that I made on Sunday, also created an iPhone 5 version (with badge on top of 'distressed' effect). Thanks for the pictures to do it with!
nice job.

----------

Quote:
Originally Posted by Nebulance View Post
Could someone do this weathered look with the New York Rangers logo? And one for iPhone 5 too?

Image

Thanks in advance!
rufinatti is offline   0 Reply With Quote
Old Jan 8, 2013, 02:54 PM   #23
SpookTheHamster
macrumors 65816
 
SpookTheHamster's Avatar
 
Join Date: Nov 2004
Location: London
Where did you get the brick/wood images? Do you have any higher res ones for mac backgrounds?
SpookTheHamster is offline   0 Reply With Quote
Old Jan 8, 2013, 03:03 PM   #24
rufinatti
Thread Starter
macrumors 6502
 
Join Date: Nov 2012
Quote:
Originally Posted by SpookTheHamster View Post
Where did you get the brick/wood images? Do you have any higher res ones for mac backgrounds?
LOTS of browsing on google images. I couldn't point you to a particular website. I just grabbed stuff as I found it.

No, I don't have any higher res images. Some of the textures were originally larger, but after I resized them for the retina iPad, I deleted the originals.

Try searching for stuff like, painted wood, weathered wood, old brick, painted brick, etc. Use google image search and select image sizes larger than 2MB under the advanced tools settings.

good luck.
rufinatti is offline   0 Reply With Quote
Old Jan 8, 2013, 03:37 PM   #25
nealaka
macrumors newbie
 
Join Date: Jan 2013
Cool

this please.
thanks.

nealaka is offline   0 Reply With Quote


Reply
MacRumors Forums > Mac Community > Picture Gallery > UI Customization

Tags
ipad, logo, retina, weathered

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Similar Threads
thread Thread Starter Forum Replies Last Post
iPad: Just bought a second iPad: "Set Up as New iPad" or "Restore from iCloud Backup"? iHavequestions iPad 7 Nov 25, 2013 10:19 PM
An unfortunate wallpaper "bug" for iOS 7 lock screen super tomtendo iOS 7 27 Sep 17, 2013 02:56 PM
Good "OSX Leopard Aurora" Wallpaper for Retina iPad Traverse Digital Photography 6 Jul 20, 2013 04:29 PM
Missing "original" New iPad wallpaper 2048x1536 PNG whocaresit iOS 6 8 Aug 18, 2012 06:48 PM

Forum Jump

All times are GMT -5. The time now is 04:00 AM.

Mac Rumors | Mac | iPhone | iPhone Game Reviews | iPhone Apps

Mobile Version | Fixed | Fluid | Fluid HD
Copyright 2002-2013, MacRumors.com, LLC