[STROKE TOOL] Texture Lab - Quickly edit your images!

TLLogo Small Blue

Texture Lab

Quickly edit your images!



Plugin

:warning: I have been informed that store plugins cannot use the save asset API, you will have to save a local copy to your plugins folder. :warning:

How to do that?

:warning: I do not suggest doing that with every plugin using the CreateAssetAsync API. Before using this workaround check out the source code of the plugin or at least the part calling the function to make sure nothing harmful is uploaded :warning:

1. First go on Roblox Studio then in the plugin tab and press this button :

image

2. Go back one directory so you’re in the Roblox folder

image

3. Go in the folder with your User Id on it (recognizable as the only folder with a bunch of numbers as name)

image

4. Inside there should be a InstalledPlugins folder, go inside and look for the folder with name 129082061688552

image

5. Inside should be another folder with a bunch of numbers, then inside again there should be a Plugin.rbxm file

image

6. Move it to the folder you opened on the first step and you should be able to use the save feature!


Required Beta Feature :


Press the plugin button to start a new canvas

If any object with an image value is selected it will be used as the base of the project

Empty canvas

Selected object

Selected object with multiple image values


Features

Image Editor
    Tools
      Brush


      Color Replacement

      Color Replacement

      Tool for adjusting pixel colors

      Offers 3 replacement modes :

        RGB

        Works like the brush tool, but doesn’t write to the transparency value of pixels

        Hue

        Writes only to the Hue color value of the pixels

        Grayscale

        Removes the saturation from pixels
        Useful to make texture adjustable with tint properties


      Eraser

      Eraser


      Color Picker

      Color Picker

      Picks the color of the pixel at cursor on the FULL CANVAS (not layer)
      You can also hold ALT with any tool involving a color to quickly pull it out


      Bucket Fill

      Bucket Fill


      Blur

      Blur


    Layers

    Layers can be dragged to adjust their order
    Transparency can be adjusted with a slider

      Layer Transform

      You can resize, drag, flip and rotate layers as you wish through the top bar dropdown

      Invert Layer Colors

      Black To Alpha

      Stroke

      You can apply an outline to your textures, and with the right settings make it look like a shadow or glow effect

    Other
      Pixel Bleeding

      Settings exist to bleed the pixels of images on import and on render.

      image image

      Alpha bleeding is a method to get rid of the white / colored outline on transparent background images

      Before bleeding :
      image

      After bleeding :
      image

      Credit to https://github.com/rbxxaxa/chipng for the algorithm

      Previewing

      If the selected object support the .ImageContent or .TextureContent properties, preview your new image directly on the instance without having to save it as an asset!

      The preview is discarded when the tool is closed

      Image Resizing

      You can change the resolution of your image in the file dropdown
      Sometimes a texture doesn’t need to be high resolution so you can scale it down to save some memory usage!

      image

Flipbook Tool
    Flipbook Dissection

    Flipbook Dissection

    Split an already existing flipbook into separate frames.

    This feature is used by starting your canvas from a selected Particle Emitter object or when importing from file


    Flipbook Assembling

    Flipbook Assembling

    Create a flipbook from separate frames.

    You can adjust the columns and rows of the flipbook from the text boxes around the canvas
    You can drag and drop frames from the image pool to the canvas to create your flipbook

    You can also press SHIFT + CLICK on canvas frames to clear them or on images from the pool to send them to the first empty frame


    Flipbook Previewing

And more to come!


Keybinds and browsing

ALT + SCROLL : Zooming
SPACE + CLICK : Moving / Dragging
R + MOUSE MOVEMENT : Increasing or reducing brush radius
ALT + CLICK : Color Picker (if selected tool uses color)

Click the plugin icon to minimize the frame

Contributions

@stewerd1 Helped making the UI ( library for tool settings, dropdowns and more )
@TheDookySoo Made a JPEG decoder in lua! Used in the file importer
Shoutout to all the testers that found bugs and gave suggestions before release

If the plugin proves itself useful, leaving a positive review goes a long way to show me support!

59 Likes

This is great for making quick edits within Roblox Studio for tasks that doesn’t require any heavier/advanced external software.

Excited to see the future features coming to this plugin.
:+1:

2 Likes

Unfortunately Roblox dosent allow CreatAssetAsync and CreateAssetVersionAsync to be used from store plugins

Oh wow I did NOT know that…

I never thought that was something I would have to test for in the first place, I’ll add the information to the thread

Every buyers can private message me for a local copy of the plugin until the issue is resolved by Roblox

Texture Lab Update 1

Additions

Added Flipbook Tool!

  • Added Hue and Grayscale mode to Bucket Fill tool
  • Added create from file button if you have no selected object!
  • Added file support to Layer from Image
  • Added Import Image button in layers dropdown
  • Added Transform button to layers dropdown
  • Added layer renaming ( double click the name )
  • Added object icon in top bar file information
  • Added optional file name text box to creating an empty or file based canvas ( is used as default name for the save screen )

Changes

  • Texture Lab is now free! If you’ve bought the plugin, contact me privately for a refund
  • New layers are now pushed to the top
  • Moved Layer from image to file dropdown
  • Made default / reset zoom scale on the canvas size so you don’t have to zoom in from the start when starting a low resolution canvas

Fixes

  • Cleaned a few errors
  • Fixed rotate layer operations not working properly when the canvas isn’t a perfect square
3 Likes

Texture Lab Update 2

Additions

  • Added update log window! This window will appear everytime you use the plugin for the first time after an update
  • Added layer stroke tool!

  • Added rotation support to layer transform
  • Added duplicate layer button
  • Added merge with bottom layer button
  • Added a delete button to Flipbook Tool’s image pool frames

Changes

  • Moved layer delete button to layer dropdown
  • Moved bleed on import to file dropdown
  • Made bleed on import enabled by default
  • Replaced layer delete button with layer dropdown button
  • Made the hitbox for the transparency dragger on layers larger
  • Made the text box auto focus when you start renaming a layer

Fixes

  • Added undo support for last update’s features
  • Fixed saved asset auto replace getting reverted

Is it possible to add Wand or Shape Tool maybe?

Shape tools are definitely doable and in the to do list

But I haven’t really planned on adding any kind of selection tool yet, it would be hard to implement without rewriting almost all of the plugin

For what use case do you want to use the wand tool / selection for? getting rid of an image’s background? Separating different parts, distinct colors or areas of an image as separate layers?

yea kind of, also maybe (not really necessary) gradient color tool?

I might be able to add a selection tool in the future for that purpose but It won’t have the whole selection feature set like drawing bounds etc

Gradient tool is a good idea, added to the to do list aswell

Nice, thanks! Love it, nice plugin btw

1 Like

Thank you! If the plugin proves itself useful make sure to leave a review, it would help a lot to push the plugin to the top of the store :pray: