or Connect
AVS › AVS Forum › A/V Control & Automation › Remote Control Area › Irule Remote picture thread
New Posts  All Forums:Forum Nav:

Irule Remote picture thread

post #1 of 355
Thread Starter 
I was hoping to create a thread seperate than the irule official thread dedicated to users remotes (screenshots) to help users get some creative insperation or ideas. We can share screenshots, ideas, photos, and templates.

i wanted to make this seperate because of the sheer size of the other thread and how hard it would be to navigate with everything happening in one place.

So guys please start posting your photos and help us spread some ideas and inspiration! Ill be posting mine once im home from work... even though its just an extension of the default template.

Thanks

Gear mentioned in this thread:

post #2 of 355
Here is my current setup - still tweaking and making small changes for WAF ease of use:















Jer
post #3 of 355
This forum is a great idea. Is there any way to create an area for posting these images (or image libraries) and completed .IRL files for download?
post #4 of 355
Thread Starter 
Quote:
Originally Posted by babyrocket View Post

This forum is a great idea. Is there any way to create an area for posting these images (or image libraries) and completed .IRL files for download?

+ 1 for this idea.

I really like what the user above also did with there setup... Very creative and effective.

If we could get this together that would be phenominal.
post #5 of 355
Thread Starter 
anybody else with some screen shots?! mine are in my email waiting to be uploaded but its a work in progress. lets see what you have!

(NOTE: to take a screen shot press the top button and the center home button at the same time and it will save to your photo album.)
post #6 of 355
So far, everything is working flawlessly.



[IMG]http://mborner.smugmug.com/photos/1187552629_3pjVw-O.jpg[/IMG







post #7 of 355
Here is a layout for cursor and transport buttons. The png file background is transparent. It gets put on top of a solid background. I use 100% transparent, rectangular buttons on the foreground layer. Also shown is a final implementation (from my old Pronto). I would be interested to see more novel button designs.


The linked file is 1000x1000 pixels http://i1202.photobucket.com/albums/...mbossed-5a.png This image is also attached as a layered .psd file.

post #8 of 355
Quote:
Originally Posted by mborner View Post
So far, everything is working flawlessly.



[IMG]http://mborner.smugmug.com/photos/1187552629_3pjVw-O.jpg[/IMG







Great looking set up!!!

How do you get the text on the background?

John
post #9 of 355
Quote:
Originally Posted by MTFire View Post

Great looking set up!!!

How do you get the text on the background?

John

Thanks. In the first and second picture, I edited the default background image in photoshop. I added the "WATCH" and "LISTEN" bars plus the box surrounding "movies" and "music". You can't copy a file once it's in your personal image library, however, you *can* copy it while browsing for images.

1. click on the "images" tab and then select "actions".

2. Under actions, click "browse image libraries". You'll find the default background for iPad under "background iPad landscape".

3. Just click and drag the background to your desktop. You can edit it from there.

The rest of the text is done using iRule's "labels" feature.
post #10 of 355
Quote:
Originally Posted by MediaPlayer Fan View Post

Here is a layout for cursor and transport buttons. The png file background is transparent. It gets put on top of a solid background. I use 100% transparent, rectangular buttons on the foreground layer. Also shown is a final implementation (from my old Pronto). I would be interested to see more novel button designs.


The linked file is 1000x1000 pixels http://i1202.photobucket.com/albums/...mbossed-5a.png This image is also attached as a layered .psd file.


Interesting design. Looks good. In the Photoshop file you posted, you have the opacity at 100%, however, in your second picture, it is clear that there is some transparency. What do you have the opacity set at on your second image? Just curious.
post #11 of 355
My guess is that I set the opacity to ~70%.
post #12 of 355
The thread would read better if people did not include a copy of all the images when they reply to a post.
post #13 of 355
Quote:
Originally Posted by mborner View Post

Thanks. In the first and second picture, I edited the default background image in photoshop. I added the "WATCH" and "LISTEN" bars plus the box surrounding "movies" and "music". You can't copy a file once it's in your personal image library, however, you *can* copy it while browsing for images.

1. click on the "images" tab and then select "actions".

2. Under actions, click "browse image libraries". You'll find the default background for iPad under "background iPad landscape".

3. Just click and drag the background to your desktop. You can edit it from there.

The rest of the text is done using iRule's "labels" feature.

Thanks for the reply. I am not too sure about iRules "labels" feature. Where do I find it on the iRulebuilder?

John
post #14 of 355
Quote:
Originally Posted by MTFire View Post

Thanks for the reply. I am not too sure about iRules "labels" feature. Where do I find it on the iRulebuilder?

John

Right click on the page that you want to add text to and select "add label"

Attachment 206254

Enter your text, here.

Attachment 206255
LL
LL
post #15 of 355
Jerran,

I really like what you've done with your interface. Any way we could get you to share your graphics, with the "backgrounds" (AppleTV, Samsung, etc) transparent (and buttons omitted of course)? That way, we could reuse them and add our own "backgrounds" in Photoshop as a layer. You can share them in the iRule builder by marking them as shared in the Properties dropdown, similar to what others like Steve Goff have done.

Thanks!

Patrick
post #16 of 355
Thanks - but I do have to give Steve Goff most of the credit for the design as I only took his idea and image and modified it to fit my button arrangement. I did everything in Photoshop, so the backgrounds are just a layer in the file. I'll have to save the files with transparent backgrounds, upload them and share them.

I do have a shared library called "Tab-Related iPad Landscape" I'll add the interfaces with transparent backgrounds as soon as I can.

Do you want the rings around the buttons turned on or off?

jer
post #17 of 355
Quote:
Originally Posted by jerran View Post

Thanks - but I do have to give Steve Goff most of the credit for the design as I only took his idea and image and modified it to fit my button arrangement. I did everything in Photoshop, so the backgrounds are just a layer in the file. I'll have to save the files with transparent backgrounds, upload them and share them.

I do have a shared library called "Tab-Related iPad Landscape" I'll add the interfaces with transparent backgrounds as soon as I can.

Do you want the rings around the buttons turned on or off?

jer


How about turned off, but include a file with just the ring so we could add them back where we want buttons? What is the secret for putting the rings exactly where they will align with the stock buttons? Thanks so much for your help!
post #18 of 355
Quote:
Originally Posted by babyrocket View Post

How about turned off, but include a file with just the ring so we could add them back where we want buttons? What is the secret for putting the rings exactly where they will align with the stock buttons? Thanks so much for your help!

The trick is placing the buttons where you want them, first, then take a snapshot of your screen and then build your background around the buttons that have already been placed.
post #19 of 355
Quote:
Originally Posted by mborner View Post

The trick is placing the buttons where you want them, first, then take a snapshot of your screen and then build your background around the buttons that have already been placed.

Yep - that's it. I would place the buttons on the iPad screen in the builder and then take a screenshot and strip all but the iPad screen out of the screenshot in Photoshop - then add a new layer called "rings" and arrange them so that they line up to the buttons.

I can post my ring file, no problem - I'm sure someone can make a better ring though, I'm not real good with Photoshop just yet.

Jer
post #20 of 355
Are the color on/off buttons already in the image library somewhere? I've poked around in the iRule and Users tabs on the image libraries and haven't (yet?) found them. Similarly, I've come across some buttons with the Xbox logo, but the transparency is incorrect. If there are better Xbox buttons somewhere, or a tip on how to fix the transparency, I'd appreciate those pointers as well.
post #21 of 355
Thread Starter 
Still very much a work in progress but im not getting as much buy-in to the thread as i was hoping so i figured i'd prematurely contribute to keep the ball rolling.





post #22 of 355
I'd love the background and layout of your ipad. Have you shared your images? I haven't seen this background with the 'raised' parts on the left and right. Can you share?

Brian
post #23 of 355
Quote:
Originally Posted by maidez View Post

Are the color on/off buttons already in the image library somewhere? I've poked around in the iRule and Users tabs on the image libraries and haven't (yet?) found them. Similarly, I've come across some buttons with the Xbox logo, but the transparency is incorrect. If there are better Xbox buttons somewhere, or a tip on how to fix the transparency, I'd appreciate those pointers as well.

The color on/off buttons are not in the database. What I've done is use the default small buttons and placed my own power on/off .png icons on top of them.

Here's a .png XBOX logo that you can resize and place on any button you like.

Attachment 207001
LL
post #24 of 355
Quote:
Originally Posted by snodric View Post

i'd love the background and layout of your ipad. Have you shared your images? I haven't seen this background with the 'raised' parts on the left and right. Can you share?

Brian

+1
post #25 of 355
I wish more people would share their images so I will contribute one myself to encourage others.

This is the home page when iRule starts. Still building but the rest is really ugly until I figure out what should be in or out of the iPhone version of my control.


Home page:

LL
post #26 of 355
Yes, I have a picture of the bedroom with the bed made. I forgot to include it
post #27 of 355
You all have probably seen my Steampunk collection of backgrounds for the iPhone and iPad, represented by these examples:







post #28 of 355
And here are examples of my streamline style backgrounds fir iPhone and iPad:






Lately I haven't done very many because I'm teaching myself to Paint using Photoshop. Here is my first painting using my new Wacom tablet, a portrait of our cat Daisy:
post #29 of 355
Here are a few more, including a few that are simpler backgrounds without all the gears and stuf:







I've got quiet a few more that you can use, and I would be happy to provide new layout, within reason.
post #30 of 355
Steve, excellent work on the cat. I really enjoy doing the smudges in Photoshop too. Here's one of my favorites, done on a Wacom.

New Posts  All Forums:Forum Nav:
  Return Home
  Back to Forum: Remote Control Area

Gear mentioned in this thread:

AVS › AVS Forum › A/V Control & Automation › Remote Control Area › Irule Remote picture thread