meta data for this page
  •  

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
howto:howto-shape_with_clear_background [2026/07/17 23:07] dorepshowto:howto-shape_with_clear_background [2026/07/18 22:57] (current) – ↷ Links adapted because of a move operation doreps
Line 15: Line 15:
 ===== Create a Shape Using a See-Through Background ===== ===== Create a Shape Using a See-Through Background =====
  
-This process is useful for creating or manipulating shapes used anywhere in the launcher or for icons. Icons typically are for just one app or widget. But with this described technique, it is possible to have a see-through shape which //holds// an icon or other objects.+This process is useful for creating or manipulating shapes used anywhere in the launcher, including icons. Icons typically are for just one app or widget. But with this described technique, it is possible to have a see-through shape which //holds// an icon or other objects.
  
 ==== Create or Obtain the "Invisible" Shape ==== ==== Create or Obtain the "Invisible" Shape ====
Line 53: Line 53:
       - Decide which directory on the device to export the file: directory in the 1st column, then the sub-directory (if desired) in the 2nd column)       - Decide which directory on the device to export the file: directory in the 1st column, then the sub-directory (if desired) in the 2nd column)
       - Click ''Export'', then ''Export'' again.       - Click ''Export'', then ''Export'' again.
-  - **Process Complete!** The PNG/WEBP is ready to place in Total Launcher Resources.+  - **Process Complete! **** The PNG/WEBP is ready to place in Total Launcher Resources.
 ++++ ++++
  
Line 64: Line 64:
 ==== Import the PNG/WEBP to Resources ==== ==== Import the PNG/WEBP to Resources ====
  
-Any external image used by Total Launcher must be added to the 'Image Resource' area. If unfamiliar with this, the procedure is [[section:section1-2-d_understanding_resources#resources_add_to_a_category_s_storage|here]].+Any external image used by Total Launcher must be added to the 'Image Resource' area. If unfamiliar with this, the procedure is [[section:section-resources#resources_add_to_a_category_s_storage|here]]. 
  
-==== Create the Resource Shape for the Transparent PNG/WEBP ==== 
  
 <WRAP group> <WRAP group>
-<WRAP centeralign>**▶ [[https://youtu.be/BxdWVIRFHTY|Click to Play on YouTube]]**</WRAP>+<WRAP centeralign>**Total Launcher Procedure - The Video**\\ **▶ [[https://youtu.be/BxdWVIRFHTY|Click to Play on YouTube]]**</WRAP>
 <WRAP centerblock 25%> <WRAP centerblock 25%>
 {{  howto:howto-shape_with_clear_background-demo_image-v4.webp?direct&200|Click to Play  }} {{  howto:howto-shape_with_clear_background-demo_image-v4.webp?direct&200|Click to Play  }}
 </WRAP> </WRAP>
 <WRAP clear b/> <WRAP clear b/>
-\\  
  
 +==== Create the Total Launcher Resource Shape for the Transparent PNG/WEBP ====
   - Place the desired shape on the page:   - Place the desired shape on the page:
     - In ''Edit On'' mode, in the top Page Design menu, tap the ''+'' icon     - In ''Edit On'' mode, in the top Page Design menu, tap the ''+'' icon
Line 84: Line 84:
       - In the Shade Add dialog, where the "frost" shape is now shown, tap "frost" to place it on the page.       - In the Shade Add dialog, where the "frost" shape is now shown, tap "frost" to place it on the page.
     - The created shape (white rounded rectangle) is now on the page and selected and can be moved by dragging. Move it to any location.     - The created shape (white rounded rectangle) is now on the page and selected and can be moved by dragging. Move it to any location.
-    - In the Object Design men (top) tap Option {{ui:ui-icon_option-v4.webp?20}} icon to open the shape' Edit dialog.+    - In the Object Design menu (top)tap the Option {{ui:ui-icon_option-v4.webp?20}} icon to open the shape' Edit dialog.
       - Tap ''Image'' > ''Icon pack'' and select any desired icon       - Tap ''Image'' > ''Icon pack'' and select any desired icon
   - The shape with the icon is now on the page.    - The shape with the icon is now on the page. 
     - The video's icon had //no// background. Other icons may have a colored or shaded background or insets. If so, see the next step to "minimize" that.     - The video's icon had //no// background. Other icons may have a colored or shaded background or insets. If so, see the next step to "minimize" that.
     - In the Object Design menu, tap Options to open the Option Edit dialog.      - In the Object Design menu, tap Options to open the Option Edit dialog. 
-      - Select ''Background'' which opens Image Resources. Scroll and select the ''frost'' image (created in Gimp or Photoshop or downloaded from this page and previously in Image Resources).+      - Select ''Background''which opens Image Resources. Scroll and select the ''frost'' image (created in Gimp or Photoshop or downloaded from this page and previously in Image Resources).
   - The "frost" is added to the shape's background.    - The "frost" is added to the shape's background. 
   - **If** the icon is larger than desired, //scale// it down (or vice versa). It will //not// affect the size or the shape of the object (frost).   - **If** the icon is larger than desired, //scale// it down (or vice versa). It will //not// affect the size or the shape of the object (frost).
Line 103: Line 103:
 ==== Image Download ==== ==== Image Download ====
  
- The above procedure to creates a shape which places an "clear" image as it'background. Either of the images below (Frost or Shadow) could be used on dark-mode or light-mode wallpaper or used as image headers for folders.+ The above procedure creates a shape that places "clear" image as its background. Either of the images below (Frost or Shadow) could be used on dark-mode or light-mode wallpaper or used as image headers for folders.
  
 <WRAP center> <WRAP center>
 ^  **Clear Frosted Border\\ Round Rectantle**  ^  **Clear Shadowed\\ Round Rectangle**  ^ ^  **Clear Frosted Border\\ Round Rectantle**  ^  **Clear Shadowed\\ Round Rectangle**  ^
-|  {{:howto:howto-shape-clear_frost-4background-image.webp?direct&200x200}}  |  {{:howto:howto-shape-clear_shadow-4background-image.webp?direct&200x200}} +|  {{howto:howto-shape-clear_frost-4background-image-v4.webp?direct&200x200}}  |  {{howto:howto-shape-clear_shadow-4background-image-v4.webp?direct&200x200}} 
-^  {{:howto:howto-shape-rnd_frost-file.webp?linkonly|Download}}  ^  {{:howto:howto-shape-clear_shadow-file.webp?linkonly|Download}}  ^+^  {{howto:howto-shape-rnd_frost-file-v4.webp?linkonly|Download}}  ^  {{howto:howto-shape-clear_shadow-file-v4.webp?linkonly|Download}}  ^
 </WRAP> </WRAP>
 ---- ----