TOOLS DEV | Iskenderkomur

Ps2Ls

Ps2Ls (Psd2LS Sync) is a two-part add-on by me ( while working as a contractor in Subtropic Studios ) that connects Adobe Photoshop and Snap Lens Studio. Designers keep working in Photoshop; one click exports layers as textures plus a shared layout file, and Lens Studio rebuilds the scene automatically — no manual placement of every asset.

Why It Speeds Your Workflows?

One-click scene sync — layers become positioned images in Lens Studio instead of hand-importing and aligning each PNG
Pre-built camera structure — BG, FG, worldCam, and UI cameras with correct render order are created automatically
Incremental updates — Sync Selected (Photoshop) + Sync Assets (Lens Studio) refresh only what changed
Smart export — blend modes, layer order, clipping groups, and multi-artboard layouts are preserved
Lens-ready setup helpers — Fast Mode, folder templates, and icon/LUT artboards cut prep time

Built for Designers, Not Just Developers!

You do not need to write code. Everything runs through two panels: Psd2LS Sync in Photoshop (Window menu) and Ps2Ls Sync in Lens Studio (Window menu).

Guided folder structure — Create Layer Folders builds color-coded folders; drop art where it belongs
Toggle helpers — Fast Mode and Filter Non-exports are one-button toggles that restore automatically when turned off
Visual status feedback — the Photoshop panel shows Status: Ready, Syncing…, Sync complete!
Simple Lens side — paste or drop layout.json → Add Cameras (once) → Sync Assets (repeat after each export)

What Makes Ps2Ls Special

Ps2Ls is not a generic PSD exporter. It is purpose-built for Lens Studio:

Lens-native layer structure — BG, FG, worldCam, and UI folders, subfolders, and render order are built in
Shared layout file — both apps use the same layout.json for positions, blend modes, layer order, icon, and LUTs
Layer order preserved — Photoshop stack order maps correctly to the Lens Studio scene
Blend mode mapping — Multiply, Screen, Overlay, and others carry over from Photoshop
Icon and LUT workflows — built-in artboard templates for your lens icon and color grading (LUT = look-up table for color grading)
Stale asset cleanup — the Lens side removes outdated textures after each sync

Technology

Languages: JavaScript, HTML/CSS (Photoshop panel UI), and JSON (configuration and layout data).

APIs — all local, no cloud services:

Adobe Photoshop (UXP) — document, layer, and export APIs; local file picker and file I/O
Lens Studio editor plugin — panel UI, file system, asset import, and scene editing APIs
Bundled assets — unlit shader, LUT package, and icon/LUT template images

Sync happens through a shared export folder on your computer. No internet connection required.

3DFacePaint

Paint face textures on a UV canvas in Photoshop and see the result on a 3D face model in real time — without leaving the app.

Why it speeds up workflow ?

-UV painting usually means exporting, opening a 3D viewer, checking, and repeating. 3DFacePaint keeps the flat canvas and 3D preview side by side.

See results instantly — Brush strokes on the Paint layer update the 3D preview automatically.
Setup in one click — Face Paint Setup creates a 2048×2048 artboard, reference layers, and a Paint layer.
Export when done — Export for LS saves PNG textures at 512, 1024, or 2048 px, merged or per-layer.

Easy to use — no technical background needed

Open Plugins → 3DFacePaint → 3DFacePaint.
Click Face Paint Setup, then turn 3D Viewer on.
Paint on the Paint layer — drag the 3D view to look around.

-Two buttons to start; sliders and dropdowns for everything else. Status messages explain what is happening. No accounts, cloud uploads, or coding — everything runs locally in Photoshop.

What makes this add-on special?

Live 3D preview inside Photoshop — See your texture on a 3D face without switching apps.
Real-time texture sync — The preview updates as you paint.
Expression preview — Preview blend shapes (e.g. JawOpen) on your painted texture.
Built-in UV references — Guide layers import automatically.
Private and offline — No internet or external services required.

Technical overview

-Two buttons to start; sliders and dropdowns for everything else. Status messages explain what is happening.

-No accounts, cloud uploads, or coding — everything runs locally in Photoshop.

APIs and libraries:
Adobe Photoshop UXP API, Adobe UXP platform APIs (local files, WebView messaging), Three.js v0.169, Adobe Spectrum Web Components. No cloud APIs or online accounts.

How it works:

Paint on the artboard → plugin captures pixels → texture sent to WebView → Three.js applies it to the mesh.