Reply to thread

Message: <blockquote data-quote="akie43" data-source="post: 130936" data-attributes="member: 46642">Why, sure!1. Start your favorite image editor. For this tutorial, I will use Adobe Photoshop.2. Use <a href="http://images.google.com/" target="_blank">Google Images</a> and look for a reasonably clean and large version of the logo. Other good image sources are <a href="http://www.wikipedia.org/" target="_blank">Wikipedia</a> (search for the channel name) and <a href="http://www.satlogo.com/download/ab.html" target="_blank">Satlogo Media</a>. Images like <a href="http://misc.omroep.nl/wordpress/wp-content/uploads/2006/08/nederland%201%20nieuw.jpg" target="_blank">this</a> are preferred to images that look like <a href="http://www.amtelecom.net/~perrwere/world/Netherland_Nederland1.gif" target="_blank">this</a>.  Ideally, your logo should be at least 150x150 pixels and have an even background-color. 3. Save this image to your computer, and open it in your image editor.4. The image is now opened in Photoshop, but it is not a Photoshop document. Usually, it is a GIF or JPG file. We need to fix that. Select the window that contains your image, press CTRL-A, then press CTRL-C. Now create a new Photoshop document by pressing CTRL-N, and ENTER. Finally, press CTRL-V to paste the logo into this new document.5. You now have an open Photoshop document, of the right size, that contains your logo. Good job!6. In the 'Layers' popup (press F7 if you don't see it), right click the "Background" layer. Select "Delete layer". Press "Yes".7. Now, we will remove the background of the logo. Why? Because logos with a background look bad in MediaPortal. So, let's get rid of it. Click on the "magic wand" tool, and then click on the background that you want to remove. Since (in our ideal world <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite1" alt=":)" title="Smile    :)" loading="lazy" data-shortname=":)" />) we have an even background-color, this instantly selects every part of the logo that we want to remove. Then, press 'DELETE' to remove it. If this doesn't work, then you need to figure out another way to select and delete all excess pixels.8. If all's well, the deleted parts of your logo have been replaced by a checker-pattern. This is ok - that means this part of the logo is transparent. If you see no change, then make sure you have deleted the "Background" layer (step 6).9. Now, select 'Trim' from the 'Image' menu. Check "Transparent pixels", and check every box in the "Trim away" section. Then, press OK.Alternatively, click the document window, press CTRL-A, CTRL-C, CTRL-N, ENTER, and CTRL-V. Then, delete the "Background" layer (step 6). The goal is to create a Photoshop document of the minimum size necessary to just fit the logo.10. Select "Image size" from the "Image" menu. Make sure the option "Constrain proportions" is checked. We want to scale the image to fit within 114x112 pixels. To achieve this, enter "114" and "pixels" in the "width" column. Press "OK" if the height changes to a number smaller than (or equal to) 112. If the new height is more than 112 pixels, then change it to 112 and press "OK".11. Finally (finally!) we need to make sure the final document is exactly 114x112 pixels. Choose "Canvas size" from the "Image" menu. Choose "114 pixels" as the new width, and "112 pixels" as the new height. In the "Anchor" field, click the middle square. Then, click OK.12. Now, we can save the document. Choose "Save as" from the "File" menu. Then choose "PNG" from the "Format" option. Finally, choose a location and a filename. The filename should be equal to the channel's name as it is used in your TV guide.13. You're done! Make sure to test it in MediaPortal. To do this, place it in the "C:\Program Files\Team MediaPortal\MediaPortal\Thumbs\TV\Logos" directory. Start MediaPortal, and fire up the TV guide. See if it looks alright. If it doesn't (for example, you see "jaggies" your logo), then go back to Photoshop and try to fix it.14. Proceed to step 1 <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite1" alt=":)" title="Smile    :)" loading="lazy" data-shortname=":)" />All this might seem like a lot of work, but in ideal situations all this can be done in under a minute - given enough experience, that is <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite8" alt=":D" title="Big Grin    :D" loading="lazy" data-shortname=":D" /> Usually though, it will take some more work to clean up the image. Hope this helps <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite1" alt=":)" title="Smile    :)" loading="lazy" data-shortname=":)" /></blockquote>

Verification