Jump to content

 

Xbox One: Button graphics for guides


Recommended Posts

Someone mentioned this in the Ryse guide thread so I figured I would just throw it out there, hopefully this is a good place for it, these are the Xbox One guide buttons I made for my guides:

 

Static buttons

http://www.xboxachievements.com/images/site/icons/xb1/analog-left.pnghttp://www.xboxachievements.com/images/site/icons/xb1/analog-right.pnghttp://www.xboxachievements.com/images/site/icons/xb1/button-a.pnghttp://www.xboxachievements.com/images/site/icons/xb1/button-b.pnghttp://www.xboxachievements.com/images/site/icons/xb1/button-menu.pnghttp://www.xboxachievements.com/images/site/icons/xb1/button-page.pnghttp://www.xboxachievements.com/images/site/icons/xb1/button-x.pnghttp://www.xboxachievements.com/images/site/icons/xb1/button-y.pnghttp://www.xboxachievements.com/images/site/icons/xb1/dpad-down.pnghttp://www.xboxachievements.com/images/site/icons/xb1/dpad-left.pnghttp://www.xboxachievements.com/images/site/icons/xb1/dpad-right.pnghttp://www.xboxachievements.com/images/site/icons/xb1/dpad-up.pnghttp://www.xboxachievements.com/images/site/icons/xb1/lb.pnghttp://www.xboxachievements.com/images/site/icons/xb1/lt.pnghttp://www.xboxachievements.com/images/site/icons/xb1/rb.pnghttp://www.xboxachievements.com/images/site/icons/xb1/rt.pnghttp://www.xboxachievements.com/images/site/icons/xb1/gs.png

 

Analog directions

 

Left stick

http://www.xboxachievements.com/images/site/icons/xb1/1LSUp.gifhttp://www.xboxachievements.com/images/site/icons/xb1/1LSNE.gifhttp://www.xboxachievements.com/images/site/icons/xb1/1LSRight.gifhttp://www.xboxachievements.com/images/site/icons/xb1/1LSSE.gifhttp://www.xboxachievements.com/images/site/icons/xb1/1LSDown.gifhttp://www.xboxachievements.com/images/site/icons/xb1/1LSSW.gifhttp://www.xboxachievements.com/images/site/icons/xb1/1LSLeft.gifhttp://www.xboxachievements.com/images/site/icons/xb1/1LSNW.gif

 

Right Stick

http://www.xboxachievements.com/images/site/icons/xb1/1RSUp.gifhttp://www.xboxachievements.com/images/site/icons/xb1/1RSNE.gifhttp://www.xboxachievements.com/images/site/icons/xb1/1RSRight.gifhttp://www.xboxachievements.com/images/site/icons/xb1/1RSSE.gifhttp://www.xboxachievements.com/images/site/icons/xb1/1RSDown.gifhttp://www.xboxachievements.com/images/site/icons/xb1/1RSSW.gifhttp://www.xboxachievements.com/images/site/icons/xb1/1RSLeft.gifhttp://www.xboxachievements.com/images/site/icons/xb1/1RSNW.gif

 

BBCode

[img=http://www.xboxachievements.com/images/site/icons/xb1/analog-left.png]
[img=http://www.xboxachievements.com/images/site/icons/xb1/analog-right.png]
[img=http://www.xboxachievements.com/images/site/icons/xb1/button-a.png]
[img=http://www.xboxachievements.com/images/site/icons/xb1/button-b.png]
[img=http://www.xboxachievements.com/images/site/icons/xb1/button-menu.png]
[img=http://www.xboxachievements.com/images/site/icons/xb1/button-page.png]
[img=http://www.xboxachievements.com/images/site/icons/xb1/button-x.png]
[img=http://www.xboxachievements.com/images/site/icons/xb1/button-y.png]
[img=http://www.xboxachievements.com/images/site/icons/xb1/dpad-down.png]
[img=http://www.xboxachievements.com/images/site/icons/xb1/dpad-left.png]
[img=http://www.xboxachievements.com/images/site/icons/xb1/dpad-right.png]
[img=http://www.xboxachievements.com/images/site/icons/xb1/dpad-up.png]
[img=http://www.xboxachievements.com/images/site/icons/xb1/lb.png]
[img=http://www.xboxachievements.com/images/site/icons/xb1/lt.png]
[img=http://www.xboxachievements.com/images/site/icons/xb1/rb.png]
[img=http://www.xboxachievements.com/images/site/icons/xb1/rt.png]
[img=http://www.xboxachievements.com/images/site/icons/xb1/gs.png]

Analog directions

Left stick
[img=http://www.xboxachievements.com/images/site/icons/xb1/1LSUp.gif]
[img=http://www.xboxachievements.com/images/site/icons/xb1/1LSNE.gif]
[img=http://www.xboxachievements.com/images/site/icons/xb1/1LSRight.gif]
[img=http://www.xboxachievements.com/images/site/icons/xb1/1LSSE.gif]
[img=http://www.xboxachievements.com/images/site/icons/xb1/1LSDown.gif]
[img=http://www.xboxachievements.com/images/site/icons/xb1/1LSSW.gif]
[img=http://www.xboxachievements.com/images/site/icons/xb1/1LSLeft.gif]
[img=http://www.xboxachievements.com/images/site/icons/xb1/1LSNW.gif]

Right Stick
[img=http://www.xboxachievements.com/images/site/icons/xb1/1RSUp.gif]
[img=http://www.xboxachievements.com/images/site/icons/xb1/1RSNE.gif]
[img=http://www.xboxachievements.com/images/site/icons/xb1/1RSRight.gif]
[img=http://www.xboxachievements.com/images/site/icons/xb1/1RSSE.gif]
[img=http://www.xboxachievements.com/images/site/icons/xb1/1RSDown.gif]
[img=http://www.xboxachievements.com/images/site/icons/xb1/1RSSW.gif]
[img=http://www.xboxachievements.com/images/site/icons/xb1/1RSLeft.gif]
[img=http://www.xboxachievements.com/images/site/icons/xb1/1RSNW.gif]

 

HTML Code

<img src="/images/site/icons/xb1/analog-left.png" alt="" height="18" width="18" />
<img src="/images/site/icons/xb1/analog-right.png" alt="" height="18" width="18" />
<img src="/images/site/icons/xb1/button-a.png" alt="" height="18" width="18" />
<img src="/images/site/icons/xb1/button-b.png" alt="" height="18" width="18" />
<img src="/images/site/icons/xb1/button-menu.png" alt="" height="18" width="18" />
<img src="/images/site/icons/xb1/button-page.png" alt="" height="18" width="18" />
<img src="/images/site/icons/xb1/button-x.png" alt="" height="18" width="18" />
<img src="/images/site/icons/xb1/button-y.png" alt="" height="18" width="18" />
<img src="/images/site/icons/xb1/dpad-down.png" alt="" height="18" width="18" />
<img src="/images/site/icons/xb1/dpad-left.png" alt="" height="18" width="18" />
<img src="/images/site/icons/xb1/dpad-right.png" alt="" height="18" width="18" />
<img src="/images/site/icons/xb1/dpad-up.png" alt="" height="18" width="18" />
<img src="/images/site/icons/xb1/lb.png" alt="" height="18" width="18" />
<img src="/images/site/icons/xb1/lt.png" alt="" height="18" width="18" />
<img src="/images/site/icons/xb1/rb.png" alt="" height="18" width="18" />
<img src="/images/site/icons/xb1/rt.png" alt="" height="18" width="18" />
<img src="/images/site/icons/xb1/gs.png" alt="" height="18" width="18" />
		
Analog directions 		
		
Left stick 	
<img src="/images/site/icons/xb1/1LSUp.gif" alt="" height="18" width="18" />
<img src="/images/site/icons/xb1/1LSNE.gif" alt="" height="18" width="18" />
<img src="/images/site/icons/xb1/1LSRight.gif" alt="" height="18" width="18" />
<img src="/images/site/icons/xb1/1LSSE.gif" alt="" height="18" width="18" />
<img src="/images/site/icons/xb1/1LSDown.gif" alt="" height="18" width="18" />
<img src="/images/site/icons/xb1/1LSSW.gif" alt="" height="18" width="18" />
<img src="/images/site/icons/xb1/1LSLeft.gif" alt="" height="18" width="18" />
<img src="/images/site/icons/xb1/1LSNW.gif" alt="" height="18" width="18" />
		
Right Stick		
<img src="/images/site/icons/xb1/1RSUp.gif" alt="" height="18" width="18" />
<img src="/images/site/icons/xb1/1RSNE.gif" alt="" height="18" width="18" />
<img src="/images/site/icons/xb1/1RSRight.gif" alt="" height="18" width="18" />
<img src="/images/site/icons/xb1/1RSSE.gif" alt="" height="18" width="18" />
<img src="/images/site/icons/xb1/1RSDown.gif" alt="" height="18" width="18" />
<img src="/images/site/icons/xb1/1RSSW.gif" alt="" height="18" width="18" />
<img src="/images/site/icons/xb1/1RSLeft.gif" alt="" height="18" width="18" />
<img src="/images/site/icons/xb1/1RSNW.gif " alt="" height="18" width="18" />

 

Anyone who want's to use them can, if the gfx team wants to play with them to make them fit better like the buttons we have now that's fine too. If there are already some in the works then ignore me lol :p

Edited by RoutineX
Link to comment
Share on other sites

I'll also use them, I'd only say change the grey to white on the menu and back buttons. I know on the controller they are grey, but in guides they are incredibly hard to distinguish, especially in the days of tablets and mobile browsing.

 

If they could be hosted by the site and given bbcode tags that'd be awesome.

 

Also worthy of the bright idea award impo, if there was somewhere I could nominate you mate I would.

Link to comment
Share on other sites

  • 2 weeks later...
I'll also use them, I'd only say change the grey to white on the menu and back buttons. I know on the controller they are grey, but in guides they are incredibly hard to distinguish, especially in the days of tablets and mobile browsing.

 

If they could be hosted by the site and given bbcode tags that'd be awesome.

 

Also worthy of the bright idea award impo, if there was somewhere I could nominate you mate I would.

 

Cheers for the nod anyway Lav, changed them like you suggested, they do look better that way.

Link to comment
Share on other sites

They look great. Any way you could do u,d,l,r for the left and right sticks?

 

Not sure, trying to think of a good way to do it. I can't really put directional cues on the inside because there is no room on the left or right of the characters and if I make the RS any smaller it loses definition. Same problem with trying to make the whole button smaller and putting directions on the outside.

Link to comment
Share on other sites

Not sure, trying to think of a good way to do it. I can't really put directional cues on the inside because there is no room on the left or right of the characters and if I make the RS any smaller it loses definition. Same problem with trying to make the whole button smaller and putting directions on the outside.

 

Might look like crap, not sure.... but what about highlighting the edge in some color in the various directions? Was thinking white, but that probably wouldn't show up against the forum background...

Link to comment
Share on other sites

Might look like crap, not sure.... but what about highlighting the edge in some color in the various directions? Was thinking white, but that probably wouldn't show up against the forum background...

 

Gave it a shot. White:

 

http://gfxuploader.com/images/xizgfwhph2rcppe37rk.png http://gfxuploader.com/images/ch0q463346bkd69tobap.png http://gfxuploader.com/images/o8zwwbzj6cy6kqn1iuz2.png http://gfxuploader.com/images/368szcoqnoqdf84vmr65.png http://gfxuploader.com/images/fyqw2qiafjn4641jiie.png http://gfxuploader.com/images/e3rb7gr30g3rekebh8y.png http://gfxuploader.com/images/o2yj6yiqxg1983157zx.png http://gfxuploader.com/images/0ihfwcv774hhbdm0bqbq.png

 

Button colors:

 

http://gfxuploader.com/images/7edcs2ymfx2qdwtq5mzm.png http://gfxuploader.com/images/80j7amuj6q43o1d44mhu.png http://gfxuploader.com/images/mg3vkyxdbrnwaqnwfa84.png http://gfxuploader.com/images/wckhxlxytd8i3i3rtfu.png http://gfxuploader.com/images/iq8gdxeezhxy7t4aq8qb.png http://gfxuploader.com/images/nj3xuks7wvatyakt8nq9.png http://gfxuploader.com/images/rurum95cjpbw34cy5jm.png http://gfxuploader.com/images/83lypv5ujzjr07dd3cd.png

 

If your good at the graphic side of it, just make it slightly 3d and tilt it "up" or left etc. I think the good gfx programs have it built in, or you'll just have to mess around rotating it on its axis to get a good view.

 

They are so small anything like that would be barely noticeable. I'm only working with 18x18 pixels.

Link to comment
Share on other sites

Don't like the white. I'd say red tbh, but thats best of a bad bunch. Don't think doing it that way is an optimal solution.

 

Yeah not really a huge fan either tbh, I just can't think of any other way that would be noticeable on something so small.

Edited by Metabolic XBA
Link to comment
Share on other sites

  • 4 months later...
Someone mentioned this in the Ryse guide thread so I figured I would just throw it out there, hopefully this is a good place for it, these are the Xbox One guide buttons I made for my guides:

 

http://gfxuploader.com/images/hnj53hi1rd5vp3p1x731.png http://gfxuploader.com/images/ln677fjmcb7cytnk3a2.png http://gfxuploader.com/images/tjt1n4l0nnry42rc3is.png http://gfxuploader.com/images/pandnqgohah85l5dhy9.png http://gfxuploader.com/images/z7ewhzztyep68dsnlyp.png http://gfxuploader.com/images/ot0jxup86ncygswxat.png http://gfxuploader.com/images/4zr7ekfmuwx3wl6n31w5.png http://gfxuploader.com/images/0kbgs11mfgmdcyppv2k.png http://gfxuploader.com/images/brzxzeh8nauvxjbfiy.png http://gfxuploader.com/images/un1ji4hmfmg40kkbutc.png http://gfxuploader.com/images/bspms332gw1knd023rbv.png http://gfxuploader.com/images/uc43mwbq6o8ydtxfa4l.png http://gfxuploader.com/images/8wnq8ri3uo859jbipvo.png http://gfxuploader.com/images/zymb0nf48zdsvaon7kzy.png http://gfxuploader.com/images/abc8ug9eyl13ayl2tox0.png http://gfxuploader.com/images/ucrq603q9hs0qwhh0kgn.png http://gfxuploader.com/images/l5ansblr8lbd7d3uccra.png

 

Anyone who want's to use them can, if the gfx team wants to play with them to make them fit better like the buttons we have now that's fine too. If there are already some in the works then ignore me lol :p

 

Maybe there's something wrong with my browser but for some reason they all appear as blue x's for me. Perhaps you may need to re-upload them?

Link to comment
Share on other sites

  • 2 months later...

I posted a thread about this days ago, but no response. Is there any way we can have these images hosted on the site and represented in BBcode much like our 360 icons? Hosting or linking these images and having to paste in img wrapped code is a huge hassle compared to simply writing :x1xbut: or similar code while guide writing.

Link to comment
Share on other sites

  • 1 month later...
Guest
This topic is now closed to further replies.
 Share

×
  • Create New...