User:Karellen/scratchpad: Difference between revisions

From Official Kodi Wiki
Jump to navigation Jump to search
(Modify TV Show text)
(Update Images and table colours)
Line 20: Line 20:


== Banner ==
== Banner ==
[[File:Artwork-Banner02.jpg|400px|right]]
[[File:Artwork-Banner01.jpg|400px|right]]
Also known as Wide Banner Icons. The image to the right shows the Banner view. They are images that normally contain recognisable characters or moments in the show. The banner image normally displays the movie logo which is of a size that is clearly legible. There should be no written advertising of Actors, Studios etc.
Also known as Wide Banner Icons. The image to the right shows the Banner view. They are images that normally contain recognisable characters or moments in the show. The banner image normally displays the movie logo which is of a size that is clearly legible. There should be no written advertising of Actors, Studios etc.
; {{see also|Wide_banner_icons}}
; {{see also|Wide_banner_icons}}
Line 70: Line 70:


== Poster ==
== Poster ==
[[File:Artwork-PosterView01.jpg|400px|right]]
[[File:Artwork-PosterView02.jpg|400px|right]]


Also known as ''Cover Art'' and ''Folder Image''. It normally includes the name of the TV Show, along with images of the main character or recognisable scenes from the show.
Also known as ''Cover Art'' and ''Folder Image''. It normally includes the name of the TV Show, along with images of the main character or recognisable scenes from the show.
Line 77: Line 77:
The image to the right is displaying Poster View of the shows in the Kodi library. They are portrait, high quality images which use a small portion of the screen allowing movie information or other items to be displayed alongside.
The image to the right is displaying Poster View of the shows in the Kodi library. They are portrait, high quality images which use a small portion of the screen allowing movie information or other items to be displayed alongside.


<div style="{{linear-gradient|left|#ffdddd, #ddffdd 50%, #ddddff}}">
<div style="{{linear-gradient|bottom|#f5f5a1, #a1f5e4}}">
'''Required file properties:'''<br />
'''Required file properties:'''<br />
<small>Note: The resolution may be increased but ensure the aspect ratio is maintained</small>
<small>Note: The resolution may be increased but ensure the aspect ratio is maintained</small>
Line 92: Line 92:
</div><br />
</div><br />


<div style="{{linear-gradient|left|#ffdddd, #ddffdd 50%, #ddddff}}">
<div style="{{linear-gradient|top|#f5f5a1, #a1f5e4}}">
'''''Naming and Saving conventions for your own manually sourced artwork:'''''
'''''Naming and Saving conventions for your own manually sourced artwork:'''''
{|
{|
Line 127: Line 127:


== Fanart ==
== Fanart ==
[[File:Artwork-FanartView02.jpg|400px|right]]
[[File:Artwork-FanartView03.jpg|400px|right]]
Fanart can be defined as images, depicting iconic scenes in a tv show, that have been created by fans. They are also known as Wallpapers or Backdrops.
Fanart can be defined as images, depicting iconic scenes in a tv show, that have been created by fans. They are also known as Wallpapers or Backdrops.
;{{see also|wikipedia:Fanart|l1=Fanart on Wikipedia}}
;{{see also|wikipedia:Fanart|l1=Fanart on Wikipedia}}
Line 136: Line 136:
The image to the right is a typical example of a TV Show fanart. It is specifically designed to match the 16:9 ratio of current generation televisions and monitors. This allows the screen to be completely filled by the image.  
The image to the right is a typical example of a TV Show fanart. It is specifically designed to match the 16:9 ratio of current generation televisions and monitors. This allows the screen to be completely filled by the image.  


<div style="{{linear-gradient|left|#ffdddd, #ddffdd 50%, #ddddff}}">
<div style="{{linear-gradient|bottom|#f5f5a1, #a1f5e4}}">
'''Required file properties:'''<br />
'''Required file properties:'''<br />
<small>Note: The resolution may be increased but ensure the aspect ratio is maintained</small>
<small>Note: The resolution may be increased but ensure the aspect ratio is maintained</small>
Line 151: Line 151:
</div><br />
</div><br />


<div style="{{linear-gradient|left|#ffdddd, #ddffdd 50%, #ddddff}}">
<div style="{{linear-gradient|top|#f5f5a1, #a1f5e4}}">
'''''Naming and Saving conventions for your own manually sourced artwork:'''''
'''''Naming and Saving conventions for your own manually sourced artwork:'''''
{|
{|
Line 186: Line 186:


== Episode Thumbnail ==
== Episode Thumbnail ==
[[File:Artwork-FanartView02.jpg|400px|right]]
[[File:Artwork-EpisodeThumb01.jpg|400px|right]]
The Episode Thumbnail is an individual and specific image to a particular episode. It usually is a snapshot of a memorable scene in that particular episode.<br />
The Episode Thumbnail is an individual and specific image to a particular episode. It usually is a snapshot of a memorable scene in that particular episode.<br />
The image to the right shows the episode listing using the Episode Thumb view.
The image to the right shows the episode listing using the Episode Thumb view.


<div style="{{linear-gradient|left|#ffdddd, #ddffdd 50%, #ddddff}}">
<div style="{{linear-gradient|bottom|#f5f5a1, #a1f5e4}}">
'''Required file properties:'''<br />
'''Required file properties:'''<br />
<small>Note: The resolution may be increased but ensure the aspect ratio is maintained</small>
<small>Note: The resolution may be increased but ensure the aspect ratio is maintained</small>
Line 205: Line 205:
</div><br />
</div><br />


<div style="{{linear-gradient|left|#ffdddd, #ddffdd 50%, #ddddff}}">
<div style="{{linear-gradient|top|#f5f5a1, #a1f5e4}}">
'''''Naming and Saving conventions for your own manually sourced artwork:'''''
'''''Naming and Saving conventions for your own manually sourced artwork:'''''
{|
{|
Line 240: Line 240:


== Actor Image ==
== Actor Image ==
[[File:Artwork-Actors02.jpg|400px|right]]
[[File:Artwork-Actors01.jpg|400px|right]]


The Actor artwork is a portrait of an actor for easy identification. The image is named as follows ''<FirstName>_<LastName>.jpg''
The Actor artwork is a portrait of an actor for easy identification. The image is named as follows ''<FirstName>_<LastName>.jpg''
Line 248: Line 248:
{{Red|It is important to note the following limitation with actor artwork. Kodi cannot download actor images for every listed actor in the show. This is due to a limitation with the TMDB and TVDB scraper sites. Those sites list only biographical data and images for the main cast actors only. Episode actors (those actors that appear in only one or two episodes) are only line entries at the scraper sites, which means that actor has no profile page or image attached to them- unless that episode actor is a main cast actor in another tv show. When viewing the actors for a tv show in Kodi, it is normal to see missing actor artwork. These limitations are being worked on and once the relevant sites and their API's are updated, it will be possible to link episode actors to their profile pages on IMDB.}}
{{Red|It is important to note the following limitation with actor artwork. Kodi cannot download actor images for every listed actor in the show. This is due to a limitation with the TMDB and TVDB scraper sites. Those sites list only biographical data and images for the main cast actors only. Episode actors (those actors that appear in only one or two episodes) are only line entries at the scraper sites, which means that actor has no profile page or image attached to them- unless that episode actor is a main cast actor in another tv show. When viewing the actors for a tv show in Kodi, it is normal to see missing actor artwork. These limitations are being worked on and once the relevant sites and their API's are updated, it will be possible to link episode actors to their profile pages on IMDB.}}


<div style="{{linear-gradient|left|#ffdddd, #ddffdd 50%, #ddddff}}">
<div style="{{linear-gradient|bottom|#f5f5a1, #a1f5e4}}">
'''Required file properties:'''<br />
'''Required file properties:'''<br />
<small>Note: The resolution may be increased but ensure the aspect ratio is maintained</small>
<small>Note: The resolution may be increased but ensure the aspect ratio is maintained</small>
Line 263: Line 263:
</div><br />
</div><br />


<div style="{{linear-gradient|left|#ffdddd, #ddffdd 50%, #ddddff}}">
<div style="{{linear-gradient|top|#f5f5a1, #a1f5e4}}">
'''''Naming conventions for your own manually sourced artwork:'''''
'''''Naming conventions for your own manually sourced artwork:'''''
{|
{|
Line 308: Line 308:
</nowiki></pre>
</nowiki></pre>


<div style="{{linear-gradient|left|#ffdddd, #ddffdd 50%, #ddddff}}">
<div style="{{linear-gradient|bottom|#f5f5a1, #a1f5e4}}">
'''Required file properties:'''<br />
'''Required file properties:'''<br />
<small>Note: The resolution may be increased but ensure the aspect ratio is maintained</small>
<small>Note: The resolution may be increased but ensure the aspect ratio is maintained</small>
Line 323: Line 323:
</div><br />
</div><br />


<div style="{{linear-gradient|left|#ffdddd, #ddffdd 50%, #ddddff}}">
<div style="{{linear-gradient|top|#f5f5a1, #a1f5e4}}">
'''''Naming conventions for your own manually sourced artwork:'''''
'''''Naming conventions for your own manually sourced artwork:'''''
{|
{|
Line 357: Line 357:


== ClearArt ==
== ClearArt ==
[[File:Artwork-ClearArt01.jpg|400px|right]]
[[File:Artwork-ClearArt02.jpg|400px|right]]


ClearArt are images that are saved on a transparent background. This allows the image to be overlayed on another image or playing video. The images normally include the tv show name or logo, along with an iconic prop or scene from the tv show, or an actors image.
ClearArt are images that are saved on a transparent background. This allows the image to be overlayed on another image or playing video. The images normally include the tv show name or logo, along with an iconic prop or scene from the tv show, or an actors image.
Line 363: Line 363:
The image to the right is displaying ClearArt at the bottom right corner of the image.
The image to the right is displaying ClearArt at the bottom right corner of the image.


<div style="{{linear-gradient|left|#ffdddd, #ddffdd 50%, #ddddff}}">
<div style="{{linear-gradient|bottom|#f5f5a1, #a1f5e4}}">
'''Required file properties:'''<br />
'''Required file properties:'''<br />
<small>Note: The resolution may be increased but ensure the aspect ratio is maintained</small>
<small>Note: The resolution may be increased but ensure the aspect ratio is maintained</small>
Line 378: Line 378:
</div><br />
</div><br />


<div style="{{linear-gradient|left|#ffdddd, #ddffdd 50%, #ddddff}}">
<div style="{{linear-gradient|top|#f5f5a1, #a1f5e4}}">
'''''Naming and Saving conventions for your own manually sourced artwork:'''''
'''''Naming and Saving conventions for your own manually sourced artwork:'''''
{|
{|
Line 409: Line 409:


== Clearlogo ==
== Clearlogo ==
[[File:Artwork-ClearLogo.jpg|400px|right]]
[[File:Artwork-ClearLogo02.jpg|400px|right]]


This is the basic tv show logo or name on a transparent background. The logo uses the distinctive font of the tv show and is uncluttered by images from the show or actors. The transparent background allows it to be overlayed on other images or video with minimal impact.
This is the basic tv show logo or name on a transparent background. The logo uses the distinctive font of the tv show and is uncluttered by images from the show or actors. The transparent background allows it to be overlayed on other images or video with minimal impact.
Line 415: Line 415:
The image on the right is displaying the tv show listing using the Logo view in the Aeon Nox skin.
The image on the right is displaying the tv show listing using the Logo view in the Aeon Nox skin.


<div style="{{linear-gradient|left|#ffdddd, #ddffdd 50%, #ddddff}}">
<div style="{{linear-gradient|bottom|#f5f5a1, #a1f5e4}}">
'''Required file properties:'''<br />
'''Required file properties:'''<br />
<small>Note: The resolution may be increased but ensure the aspect ratio is maintained</small>
<small>Note: The resolution may be increased but ensure the aspect ratio is maintained</small>
Line 430: Line 430:
</div><br />
</div><br />


<div style="{{linear-gradient|left|#ffdddd, #ddffdd 50%, #ddddff}}">
<div style="{{linear-gradient|top|#f5f5a1, #a1f5e4}}">
'''''Naming and Saving conventions for your own manually sourced artwork:'''''
'''''Naming and Saving conventions for your own manually sourced artwork:'''''
{|
{|
Line 461: Line 461:


== Landscape ==
== Landscape ==
[[File:Artwork-Thumbs01.jpg|400px|right]]
[[File:Artwork-Landscape01.jpg|400px|right]]
Landscape, also known as TV Show Thumbs (as distinct from Episode Thumbs), are specially made small fanart images. The main differences between Landscape and Fanart images is that Landscape contains the tv show logo and either the main cast characters or a memorable tv show moment or both. They are used in certain page layouts for movie browsing. The original intent of this artwork has blurred over the years so if you have no Landscape images, it is safe to use your Fanart or Extrafanart images.  
Landscape, also known as TV Show Thumbs (as distinct from Episode Thumbs), are specially made small fanart images. The main differences between Landscape and Fanart images is that Landscape contains the tv show logo and either the main cast characters or a memorable tv show moment or both. They are used in certain page layouts for movie browsing. The original intent of this artwork has blurred over the years so if you have no Landscape images, it is safe to use your Fanart or Extrafanart images.  


The image to the right displays the Landscape view in Aeon Nox skin.
The image to the right displays the Landscape view in Aeon Nox skin.


<div style="{{linear-gradient|left|#ffdddd, #ddffdd 50%, #ddddff}}">
<div style="{{linear-gradient|bottom|#f5f5a1, #a1f5e4}}">
'''Required file properties:'''<br />
'''Required file properties:'''<br />
<small>Note: The resolution may be increased but ensure the aspect ratio is maintained</small>
<small>Note: The resolution may be increased but ensure the aspect ratio is maintained</small>
Line 481: Line 481:
</div><br />
</div><br />


<div style="{{linear-gradient|left|#ffdddd, #ddffdd 50%, #ddddff}}">
<div style="{{linear-gradient|top|#f5f5a1, #a1f5e4}}">
'''''Naming and Saving conventions for your own manually sourced artwork:'''''
'''''Naming and Saving conventions for your own manually sourced artwork:'''''
{|
{|
Line 512: Line 512:


== Character Art ==
== Character Art ==
[[File:Artwork-DiscArt01.jpg|400px|right]]
[[File:Artwork-CharacterArt01.jpg|400px|right]]
Character Art is in image of the main or prominent character in a tv show. It uses a transparent background in a similar fashion to Clear Logo and Clear Art. There are very few skins that display this artwork.
Character Art is in image of the main or prominent character in a tv show. It uses a transparent background in a similar fashion to Clear Logo and Clear Art. There are very few skins that display this artwork.


The image to the right displays the Clear Logo and Character Art in the top right corner.
The image to the right displays the Clear Logo and Character Art in the top right corner.


<div style="{{linear-gradient|left|#ffdddd, #ddffdd 50%, #ddddff}}">
<div style="{{linear-gradient|bottom|#f5f5a1, #a1f5e4}}">
'''Required file properties:'''<br />
'''Required file properties:'''<br />
<small>Note: The resolution may be increased but ensure the aspect ratio is maintained</small>
<small>Note: The resolution may be increased but ensure the aspect ratio is maintained</small>
Line 532: Line 532:
</div><br />
</div><br />


<div style="{{linear-gradient|left|#ffdddd, #ddffdd 50%, #ddddff}}">
<div style="{{linear-gradient|top|#f5f5a1, #a1f5e4}}">
'''''Naming and Saving conventions for your own manually sourced artwork:'''''
'''''Naming and Saving conventions for your own manually sourced artwork:'''''
{|
{|
Line 574: Line 574:
DiscArt requires the use of a supporting skin. It replicates the picture on the physical DVD and Bluray disc. Although the disc artwork is round, the image itself is square and the disc image is placed on a transparent background.  
DiscArt requires the use of a supporting skin. It replicates the picture on the physical DVD and Bluray disc. Although the disc artwork is round, the image itself is square and the disc image is placed on a transparent background.  


<div style="{{linear-gradient|left|#ffdddd, #ddffdd 50%, #ddddff}}">
<div style="{{linear-gradient|bottom|#f5f5a1, #a1f5e4}}">
'''Required file properties:'''<br />
'''Required file properties:'''<br />
<small>Note: The resolution may be increased but ensure the aspect ratio is maintained</small>
<small>Note: The resolution may be increased but ensure the aspect ratio is maintained</small>
Line 589: Line 589:
</div><br />
</div><br />


<div style="{{linear-gradient|left|#ffdddd, #ddffdd 50%, #ddddff}}">
<div style="{{linear-gradient|top|#f5f5a1, #a1f5e4}}">
'''''Naming and Saving conventions for your own manually sourced artwork:'''''
'''''Naming and Saving conventions for your own manually sourced artwork:'''''
{|
{|

Revision as of 01:28, 29 June 2017

Artwork contents

Artwork Main Page

See also:

Return to:

Home icon grey.png   ▶ Artwork ▶ scratchpad


TV Show artwork are images directly related to a TV Show, preferably of high quality, that are displayed when viewing the entry in the library. The TV Show section in Kodi has the impressive ability to display up to 13 types of artwork. This page will describe the different types of artwork available in the TV Show category of Kodi.

It is important to note the following:

  • Artwork is totally skin dependent. This means that some skins display a small number of artwork types, while other skins will display most of the available artwork types.
  • In previous versions of Kodi and in older wiki pages, the term Thumbnails was used to describe Artwork. Kodi has now moved away from referring to thumbnails due to the amount of confusion and concern it caused users.
  • The base line for all artwork is the default skin Estuary. By default, Estuary displays the Basic artwork. Estuary can display the Extended artwork via additional add-ons.
  • While high resolution do look glorious on HDTV's it is important to be aware that the increased artwork size can negatively affect low powered hardware


Basic TV Show Artwork

The artwork in the Basic section is the minimum artwork displayed by the default skin Estuary with a standard install.

Note the following:

  • The following naming schemes apply only to the artwork you have manually sourced and saved. It does not apply to artwork downloaded by the Kodi scraper or any add-on processes.


Artwork-Banner01.jpg

Also known as Wide Banner Icons. The image to the right shows the Banner view. They are images that normally contain recognisable characters or moments in the show. The banner image normally displays the movie logo which is of a size that is clearly legible. There should be no written advertising of Actors, Studios etc.

See also: Wide_banner_icons

Required file properties:
Note: The resolution may be increased but ensure the aspect ratio is maintained

File Type Aspect Ratio Resolution- recommended
*.jpg or png 1:0.185 1000x185


Naming and Saving conventions for your own manually sourced artwork:

Saved movies as File Name Save Location and example
BluRay & DVD Structure:
banner.jpg/png
f:\MyMovies\Big Buck Bunny (2008)\banner.jpg/png
Single movie in directory:
banner.jpg/png
f:\MyMovies\Big Buck Bunny (2008)\banner.jpg/png
All movies in single directory: <NameOfVideoFile>-banner.jpg/png f:\MyMovies\Big Buck Bunny (2008)-banner.jpg/png


Poster

Artwork-PosterView02.jpg

Also known as Cover Art and Folder Image. It normally includes the name of the TV Show, along with images of the main character or recognisable scenes from the show.

See also: Poster on Wikipedia

The image to the right is displaying Poster View of the shows in the Kodi library. They are portrait, high quality images which use a small portion of the screen allowing movie information or other items to be displayed alongside.

Required file properties:
Note: The resolution may be increased but ensure the aspect ratio is maintained

File Type Aspect Ratio Resolution- recommended
*.jpg or png 1:1.5 1000x1500


Naming and Saving conventions for your own manually sourced artwork:

Saved movies as File Name Save Location and example
BluRay & DVD Structure:
poster.jpg/png
f:\MyMovies\Big Buck Bunny (2008)\poster.jpg/png
Single movie in directory: poster.jpg/png f:\MyMovies\Big Buck Bunny (2008)\poster.jpg/png
or
<NameOfVideoFile>-poster.jpg/png
f:\MyMovies\Big Buck Bunny (2008)\Big Buck Bunny (2008)-poster.jpg/png
All movies in single directory: <NameOfVideoFile>-poster.jpg/png f:\MyMovies\Big Buck Bunny (2008)-poster.jpg/png


Fanart

Artwork-FanartView03.jpg

Fanart can be defined as images, depicting iconic scenes in a tv show, that have been created by fans. They are also known as Wallpapers or Backdrops.

See also: Fanart on Wikipedia

For Kodi, it means digital images, of high quality, that are used as full screen displays to enhance the user experience. In the absence of a Landscape image, Fanart may be used in its place.

See also: FanArt

The image to the right is a typical example of a TV Show fanart. It is specifically designed to match the 16:9 ratio of current generation televisions and monitors. This allows the screen to be completely filled by the image.

Required file properties:
Note: The resolution may be increased but ensure the aspect ratio is maintained

File Type Aspect Ratio Resolution- recommended
*.jpg or png 16:9 1920x1080


Naming and Saving conventions for your own manually sourced artwork:

Saved movies as File Name Save Location and example
BluRay & DVD Structure:
fanart.jpg/png
f:\MyMovies\Big Buck Bunny (2008)\fanart.jpg/png
Single movie in directory: fanart.jpg/png f:\MyMovies\Big Buck Bunny (2008)\fanart.jpg/png
or
<NameOfVideoFile>-fanart.jpg/png
f:\MyMovies\Big Buck Bunny (2008)\Big Buck Bunny (2008)-fanart.jpg/png
All movies in single directory: <NameOfVideoFile>-fanart.jpg/png f:\MyMovies\Big Buck Bunny (2008)-fanart.jpg/png


Episode Thumbnail

Artwork-EpisodeThumb01.jpg

The Episode Thumbnail is an individual and specific image to a particular episode. It usually is a snapshot of a memorable scene in that particular episode.
The image to the right shows the episode listing using the Episode Thumb view.

Required file properties:
Note: The resolution may be increased but ensure the aspect ratio is maintained

File Type Aspect Ratio Resolution- recommended
*.jpg or png 16:9 1920x1080


Naming and Saving conventions for your own manually sourced artwork:

Saved movies as File Name Save Location and example
BluRay & DVD Structure:
fanart.jpg/png
f:\MyMovies\Big Buck Bunny (2008)\fanart.jpg/png
Single movie in directory: fanart.jpg/png f:\MyMovies\Big Buck Bunny (2008)\fanart.jpg/png
or
<NameOfVideoFile>-fanart.jpg/png
f:\MyMovies\Big Buck Bunny (2008)\Big Buck Bunny (2008)-fanart.jpg/png
All movies in single directory: <NameOfVideoFile>-fanart.jpg/png f:\MyMovies\Big Buck Bunny (2008)-fanart.jpg/png


Actor Image

Artwork-Actors01.jpg

The Actor artwork is a portrait of an actor for easy identification. The image is named as follows <FirstName>_<LastName>.jpg

The image to the right is displaying the Actor images of five actors along the top row. They are portrait, medium to high quality images.

It is important to note the following limitation with actor artwork. Kodi cannot download actor images for every listed actor in the show. This is due to a limitation with the TMDB and TVDB scraper sites. Those sites list only biographical data and images for the main cast actors only. Episode actors (those actors that appear in only one or two episodes) are only line entries at the scraper sites, which means that actor has no profile page or image attached to them- unless that episode actor is a main cast actor in another tv show. When viewing the actors for a tv show in Kodi, it is normal to see missing actor artwork. These limitations are being worked on and once the relevant sites and their API's are updated, it will be possible to link episode actors to their profile pages on IMDB.

Required file properties:
Note: The resolution may be increased but ensure the aspect ratio is maintained

File Type Aspect Ratio Resolution- recommended
*.jpg 1:1.5 1000x1500


Naming conventions for your own manually sourced artwork:

Saved movies as File Name Save Location
BluRay Structure: <FirstName>_<LastName>.jpg f:MyMovies\Big Buck Bunny (2008)\BDMV\.actors\Amy_Adams.jpg
DVD Structure: <FirstName>_<LastName>.jpg f:\MyMovies\Big Buck Bunny (2008)\VIDEO_TS\.actors\Amy_Adams.jpg
Single movie in Directory: <FirstName>_<LastName>.jpg f:\MyMovies\Big Buck Bunny (2008)\.actors\Amy_Adams.jpg
All movies in single Directory: <FirstName>_<LastName>.jpg f:\MyMovies\.actors\Amy_Adams.jpg


Source Folder Artwork

Artwork-VideoFolder01.jpg

The Folder Artwork, also known as Source Folder thumb, are landscape images that can be used to replace the standard folder icons when browsing your tv show sources in the Video menu. You will not see this artwork in the Tv Show menu. This image file is saved directly within the Source directory.

To enable the image, navigate to Videos>Files in the menu system. Highlight a source and call up the Context Menu. Select Choose Thumbnail. If you have saved the image in the correct location, it will be available to select immediately. If not, you will need to navigate to locate and select it. The image must remain in its original location once selected as it will not be cached. Deleting the image will remove it from view in the folder icon.

You are able to also apply the folder thumb by modifying the \userdata\sources.xml as follows 

<source>
   <name>tv show</name>
   <path>xbms://192.168.1.100:1400/Music/</path>
   <thumbnail>F:\Apps\XBMC\thumbs\shares\thumb.png</thumbnail>
</source>

Required file properties:
Note: The resolution may be increased but ensure the aspect ratio is maintained

File Type Aspect Ratio Resolution- recommended
*.jpg 16:9 640x360


Naming conventions for your own manually sourced artwork:

Saved movies as File Name Save Location
Folder Artwork: folder.jpg f:\MyMovies\folder.jpg
Alternative name: <foldername>.jpg f:\MyMovies\MyMovies.jpg


Extended TV Show Artwork

To display the Extended artwork, an add-on will need to be installed to extend the image handling capabilities of Kodi and the skins. Once this is installed, it will insert extra artwork fields which become available to use in the Skins. The downloader can then be used to either automatically scrape the extra artwork or, due to the newly available artwork fields, you can manually search and insert your own local artwork. One example is The Artwork Downloader add-on which can be installed from the official Kodi repository.

See also: Add-on:Artwork_Downloader

Note the following:

  • The following naming schemes apply only to the artwork you have manually sourced and saved. It does not apply to artwork downloaded by the Kodi scraper or any add-on processes.
  • If using the Artwork Downloader add-on, it is important to note the following
    • The add-on has the option to use local artwork (if correctly named and saved) or online artwork. This can be selected in the settings page of the add-on
    • If you have more than one movie in a single directory, the add-on will scrape the online artwork. It will not scrape the local artwork. Each movie must be in its own directory.
    • Using the Kodi scraper will not download extended artwork. The artwork downloader is required to be run after the Kodi scrape process. i.e. you are performing two scrapes.


ClearArt

Artwork-ClearArt02.jpg

ClearArt are images that are saved on a transparent background. This allows the image to be overlayed on another image or playing video. The images normally include the tv show name or logo, along with an iconic prop or scene from the tv show, or an actors image.

The image to the right is displaying ClearArt at the bottom right corner of the image.

Required file properties:
Note: The resolution may be increased but ensure the aspect ratio is maintained

File Type Aspect Ratio Resolution- recommended
*.png 1:0.562 1000x562


Naming and Saving conventions for your own manually sourced artwork:

Saved movies as File Name Save Location and example
BluRay & DVD Structure:
clearart.png
f:\MyMovies\Big Buck Bunny (2008)\clearart.png
Single movie in directory:
clearart.png
f:\MyMovies\Big Buck Bunny (2008)\clearart.png
All movies in single directory: <NameOfVideoFile>-clearart.png f:\MyMovies\Big Buck Bunny (2008)-clearart.png


Artwork-ClearLogo02.jpg

This is the basic tv show logo or name on a transparent background. The logo uses the distinctive font of the tv show and is uncluttered by images from the show or actors. The transparent background allows it to be overlayed on other images or video with minimal impact.

The image on the right is displaying the tv show listing using the Logo view in the Aeon Nox skin.

Required file properties:
Note: The resolution may be increased but ensure the aspect ratio is maintained

File Type Aspect Ratio Resolution- recommended
*.png 1:0.388 800x310


Naming and Saving conventions for your own manually sourced artwork:

Saved movies as File Name Save Location and example
BluRay & DVD Structure:
clearlogo.png
f:\MyMovies\Big Buck Bunny (2008)\clearlogo.png
Single movie in directory:
clearlogo.png
f:\MyMovies\Big Buck Bunny (2008)\clearlogo.png
All movies in single directory: <NameOfVideoFile>-clearlogo.png f:\MyMovies\Big Buck Bunny (2008)-clearlogo.png


Landscape

Artwork-Landscape01.jpg

Landscape, also known as TV Show Thumbs (as distinct from Episode Thumbs), are specially made small fanart images. The main differences between Landscape and Fanart images is that Landscape contains the tv show logo and either the main cast characters or a memorable tv show moment or both. They are used in certain page layouts for movie browsing. The original intent of this artwork has blurred over the years so if you have no Landscape images, it is safe to use your Fanart or Extrafanart images.

The image to the right displays the Landscape view in Aeon Nox skin.

Required file properties:
Note: The resolution may be increased but ensure the aspect ratio is maintained

File Type Aspect Ratio Resolution- recommended
*.jpg 16:9 1000x562


Naming and Saving conventions for your own manually sourced artwork:

Saved movies as File Name Save Location and example
BluRay & DVD Structure:
landscape.jpg
f:\MyMovies\Big Buck Bunny (2008)\landscape.jpg
Single movie in directory:
landscape.jpg
f:\MyMovies\Big Buck Bunny (2008)\landscape.jpg
All movies in single directory: <NameOfVideoFile>-landscape.jpg f:\MyMovies\Big Buck Bunny (2008)-landscape.jpg


Character Art

Artwork-CharacterArt01.jpg

Character Art is in image of the main or prominent character in a tv show. It uses a transparent background in a similar fashion to Clear Logo and Clear Art. There are very few skins that display this artwork.

The image to the right displays the Clear Logo and Character Art in the top right corner.

Required file properties:
Note: The resolution may be increased but ensure the aspect ratio is maintained

File Type Aspect Ratio Resolution- recommended
*.jpg 16:9 1000x562


Naming and Saving conventions for your own manually sourced artwork:

Saved movies as File Name Save Location and example
BluRay & DVD Structure:
landscape.jpg
f:\MyMovies\Big Buck Bunny (2008)\landscape.jpg
Single movie in directory:
landscape.jpg
f:\MyMovies\Big Buck Bunny (2008)\landscape.jpg
All movies in single directory: <NameOfVideoFile>-landscape.jpg f:\MyMovies\Big Buck Bunny (2008)-landscape.jpg


Skin Dependent & Other Artwork

The following artwork requires a skin that supports that type of artwork.

See also: skin
See also: Add-on Search


Disc

Artwork-DiscArt01.jpg

DiscArt requires the use of a supporting skin. It replicates the picture on the physical DVD and Bluray disc. Although the disc artwork is round, the image itself is square and the disc image is placed on a transparent background.

Required file properties:
Note: The resolution may be increased but ensure the aspect ratio is maintained

File Type Aspect Ratio Resolution- recommended
*.png 1:1 1000x1000


Naming and Saving conventions for your own manually sourced artwork:

Saved movies as File Name Save Location and example
BluRay & DVD Structure:
disc.png
f:\MyMovies\Big Buck Bunny (2008)\disc.png
Single movie in directory:
disc.png
f:\MyMovies\Big Buck Bunny (2008)\disc.png
All movies in single directory: <NameOfVideoFile>-disc.png f:\MyMovies\Big Buck Bunny (2008)-disc.png


The Logo has the same qualities and properties as the ClearLogo. These two items can be easily interchanged. Although, there are logo's with a solid background rather than a transparent background and these should not be used to replace the ClearLogo.


Extra fanart

Extra fanart is reliant on a supporting skin and have exactly the same properties as the standard Fanart.

It is possible to download and save additional high quality Fanart which the skin can display, usually in a slideshow.

See also: Extra_Fanart


Return to top


Retrieved from "https://kodi.wiki/index.php?title=User:Karellen/scratchpad&oldid=130022"