[User Help Wanted] Post your customized home buttons here! (1 Viewer)

sunfire7

Portal Pro
March 24, 2011
193
47
31
Mexico Mexico
Anyone done any buttons for bbc Iplayer, itv player, 4od and demand 5?

If not can anyone help me out with how to make my own home screen buttons for these services?

Thankyou
You can do it with the psd files attached to this thread, if you dont know how you can put the images you want and we will do it for you
 

Neild7744

Portal Pro
July 25, 2013
154
27
36
United Kingdom United Kingdom
Ok cool.

So I've found some new buttons I'd like to use with online videos and my emulators. Where do I put the files I've downloaded so I can select them in the Titan editor?

Can't find a folder for online videos?
 

sunfire7

Portal Pro
March 24, 2011
193
47
31
Mexico Mexico
You need to use Titan Editor to select the custom images you have. You can find Titan Editor in the MePo config > plugins
 

Keksebacker

Portal Member
May 9, 2013
28
4
33
Austria Austria
Country flag
Hi,

does anybody have a template for a "Titan Extended Button" with shadow and the dark area at the bottom of the picture?
Like the sample attached.

thx!

EDIT: sorry, I already found it in the first post

EDIT2: Okay it's not so easy as I thought. Does anybody have a nice button for "Amazon Prime" and "SkyGo"?
 

Attachments

Last edited:

JimCatMP

Documentation Group
  • Team MediaPortal
  • April 1, 2010
    649
    282
    Leeds
    United Kingdom United Kingdom
    Country flag
    No template but I do have script that allows creation of buttons - examples.

    BNT_amazon_prime.png BNT_Sky_Go.png


    Script uses ImageMagick.[assume SRC image called Sky_Go.jpg].

    ------------------------------------------------------------------
    convert Sky_Go.jpg -resize 400x285\! resize.png
    convert -size 400x285 xc:black -fill white -stroke black -draw "roundrectangle 1,1 399,284 80,80" mask.png
    convert resize.png -fill '#00000030' -opaque none -draw "rectangle 0,243 399,284" filled.png
    convert filled.png mask.png -alpha Off -compose CopyOpacity -composite no_shadow.png
    convert no_shadow.png \( +clone -background black -shadow 30x5+8+8 \) +swap -background none -layers merge +repage shadow.png
    convert shadow.png -resize 400x285\! BNT_Sky_Go.png
    ------------------------------------------------------------------

    Full script [allows for 9 separate parameters to be changed] and tidy's up after itself - requires Unix environment [Cygwin] but could readily be converted to other scripts quite easily:)
    NOTE - 1st 100 lines are just support stuff to allow for flexibility and human error:eek:, if your using fixed values you can dispense with most of the code:)

    ---------------------------------------------------------------------------------------------------------------
    #!/bin/sh

    Usage()
    {
    echo -n " Mk_Button -S Source_pic [-X def=400 -Y def=285 -D def=30%"
    echo " -Z def=15% -C def=20% -Sh def=30% -Sb def=5 -Soff def=2%]"
    echo ; echo " S=Source Pic - MANDATORY"
    echo " X & Y are final image sizes."
    echo " D=density of band."
    echo " Z=size of band as %ge of Y."
    echo " C=curve as %ge of rectangle - 5% works well."
    echo " Sh=shaow density 0-100"
    echo " Sb=shadow blur - recommend 5"
    echo " Soff=shadow offset recommend 2%"
    echo
    echo " Output == BTN_'Source_pic'.png, size X*Y pixels"
    echo
    }

    S="VOID"; #Preset this as test value - no pic, not process.

    #Default values - if running this as template, change these to whatever you want as your base as you overright
    #any on processing.

    X=400;Y=285; D=30;Z=15;C=20; Sh=30;Sb=5;Soff=2

    # Destination=BTN_Source as PNG.

    echo $#

    while [ $# -gt 0 ]
    do
    # get parameter values
    case "$1" in
    -x|-X) # X
    shift;X=$1
    ;;
    -y|-Y) # Y
    shift;Y=$1
    ;;
    -s|-S) #Source Image
    shift;S=$1
    Create new file name by prepending BTN_ to file name and forcing type as PNG.
    DST=`echo $S | sed 's/\.jpg/\.png/;s/^/BNT_/'`
    ;;
    -d|-D) #Bar density
    shift;D=$1
    ;;
    -z|-Z) #Depth of bar
    shift;Z=$1
    ;;
    -c|-C) #Corner Radius as %ge of X
    shift;C=$1
    ;;
    -sh|-Sh|-SH) #Shadow density.
    shift;Sh=$1
    ;;
    -sb|-Sb|-SB) #Shadow blur
    shift;Sb=$1
    ;;
    -soff|-Soff|-SOff|-SOFF) #Shadow offset.
    shift;Soff=$1
    ;;
    -) # STDIN and end of arguments
    break
    ;;
    -*) # Unknown option.
    echo " Unknoswn Option"
    echo
    Usage
    exit
    ;;
    -h|-H|-help|-HELP) # Unknown option.
    Usage
    exit
    ;;
    *) # end of arguments
    break
    ;;
    esac
    shift
    done

    if [ $S == "VOID" ] ; then
    Usage
    exit
    fi

    if [ ! -f $S ] ; then
    echo "No Source Picture to process"
    exit
    fi

    #Send empty list to awk, all parameters set as variables not input.

    echo "" | awk '{
    #resize SRC to final image.
    printf("convert %s -resize %sx%s\\! resize.png\n",S,X,Y);
    #generate mask to final image size with rounded courners
    printf("convert -size %sx%s xc:black -fill white -stroke black ",X,Y);
    printf("-draw \"roundrectangle 1,1 %s,%s %s,%s\" mask.png\n",X-1,Y-1,int((X/100)*C),int((X/100)*C));
    #Add bar
    printf("convert resize.png -fill %c#000000%s%c -opaque none -draw \"rectangle 0,%s %s,%s\" filled.png\n",0x27,D,0x27,Y-int(Y*Z/100),X-1,Y-1);
    #Create button, applying mask to image.
    printf("convert filled.png mask.png -alpha Off -compose CopyOpacity -composite no_shadow.png\n");
    Soff=int(X/100)*Soff;
    #Add shsdow.
    printf("convert no_shadow.png \\( +clone -background black -shadow %sx%s+%s+%s \\) ",Sh,Sb,Soff,Soff);
    printf("+swap -background none -layers merge +repage shadow.png\n");
    #Resize back to desired size as shadow adds pizels.
    printf("convert shadow.png -resize %sx%s\\! %s\n",X,Y,DST);
    } ' X=$X Y=$Y S=$S D=$D Z=$Z C=$C DST=$DST Sh=$Sh Sb=$Sb Soff=$Soff | /bin/sh

    #Tidy up the intermediae files.
    #NOTE - if doing this as a batch run, suggest create mask once outside of the loop for efficieny.

    rm resize.png mask.png filled.png no_shadow.png shadow.png
     

    Users Who Are Viewing This Thread (Users: 0, Guests: 1)

    Top Bottom