[User Help Wanted] - Post your customized home buttons here! | Page 10

Discussion in 'Titan Skin Feedback' started by powermarcel10, February 15, 2013.

  1. sunfire7

    sunfire7 Portal Pro

    Joined:
    March 24, 2011
    Messages:
    193
    Likes Received:
    24
    Gender:
    Male
    Ratings:
    +46 / 0
    Home Country:
    Mexico Mexico
    Show System Specs
    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


     
  2. Google AdSense Guest Advertisement



    to hide all adverts.
  3. Neild7744

    Neild7744 Portal Pro

    Joined:
    July 25, 2013
    Messages:
    154
    Likes Received:
    19
    Gender:
    Male
    Ratings:
    +27 / 4
    Home Country:
    United Kingdom United Kingdom
    Show System Specs
    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?
     
  4. sunfire7

    sunfire7 Portal Pro

    Joined:
    March 24, 2011
    Messages:
    193
    Likes Received:
    24
    Gender:
    Male
    Ratings:
    +46 / 0
    Home Country:
    Mexico Mexico
    Show System Specs
    You need to use Titan Editor to select the custom images you have. You can find Titan Editor in the MePo config > plugins
     
  5. homer.web

    homer.web Portal Member

    Joined:
    December 7, 2014
    Messages:
    25
    Likes Received:
    3
    Gender:
    Male
    Ratings:
    +5 / 0
    Home Country:
    Czech Republic Czech Republic
    Just two pics to Titan Extended Two Theme :)
     

    Attached Files:

    • News.png
      News.png
      File size:
      182.5 KB
      Uploaded:
      December 9, 2014
      Views:
      174
    • YouTube.png
      YouTube.png
      File size:
      132.2 KB
      Uploaded:
      December 9, 2014
      Views:
      173
    • Like Like x 1
  6. Keksebacker

    Keksebacker Portal Member

    Joined:
    May 9, 2013
    Messages:
    28
    Likes Received:
    1
    Gender:
    Male
    Ratings:
    +4 / 1
    Home Country:
    Austria Austria
    Show System Specs
    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"?
     

    Attached Files:

    Last edited: August 6, 2016
    • Missing System Logs and/or Specs Missing System Logs and/or Specs x 1
  7. JimCatMP
    • Team MediaPortal

    JimCatMP Documentation Group

    Joined:
    April 1, 2010
    Messages:
    647
    Likes Received:
    153
    Gender:
    Male
    Location:
    Leeds
    Ratings:
    +282 / 1
    Home Country:
    United Kingdom United Kingdom
    Show System Specs
    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
     
Loading...

Users Viewing Thread (Users: 0, Guests: 0)

  1. This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.
    Dismiss Notice
  • About The Project

    The vision of the MediaPortal project is to create a free open source media centre application, which supports all advanced media centre functions, and is accessible to all Windows users.

    In reaching this goal we are working every day to make sure our software is one of the best.

             

  • Support MediaPortal!

    The team works very hard to make sure the community is running the best HTPC-software. We give away MediaPortal for free but hosting and software is not for us.

    Care to support our work with a few bucks? We'd really appreciate it!