#tutorial ui

[formaciongrafica]

Tercera entrega, de la serie de 3, donde presentamos el flujo de trabajo para el prototipado de interfaces de usuario con Material Design 3, empleando los recursos que la última versión de este framework nos ofrece para utilizar en Figma. Rápido, aprenderás a generar el UI kit, estilos de colores, estilos de textos, tamaños de frames, retículas y otros recursos en Figma. Indispensable si quieres trabajar profesionalmente en ambos entornos. A continuación, te comparto los enlaces la primera y segunda entrega de esta serie:

Primer contacto con Material Design 2, aspectos relevantes, componentes y más.

Primer contacto con Material Design 3, aspectos fundamentales, componentes, y más.

Tutorial completo, aquí: https://www.formaciongrafica.net/blog/tutoriales-online/uid/el-flujo-en-figma-con-material-design-3/

[vyxated]

~hide build/buy lot outlines with reshade~

do I need to explain more? 😁

⚠️ this is not a mod to put inside your mods folder ⚠️

Instead, this utilizes a Reshade/Gshade add-on to remove the lot outlines and being able to do so whenever you want with just a shortcut. Requires Reshade/Gshade and the Shader Toggler add-on. Works on both DX9 and DX11.

Download the latest update on the main tumblr post below:

Patreon post here

[lamare-sims]

Sims 2 UI Browser

Did you know there's a cheat that lets you play with UI?

Ctrl-U

Well, it mostly lets you find UI elements and move them around

It helped me make wider design dialog window

There's a search bar and info

Track Mouse checkbox is super useful, takes the browser window right to the element you hovering over

What's the use?

Say, you're looking to edit the pause button

The weird number 0x27d7258f is its ID (selected item on the picture)

Now you can find it in UI Data files

Open the ui.package in \TSData\Res\UI (or if you're using a UI mod, you may want to edit its files instead)

Select all UI Data recourses (try Ctrl-A) and extract them somewhere, into a new designated folder maybe

There's gonna be a lot of text files in a UI Data folder

Search that folder for "0x27d7258f" using standard Windows Explorer / File Explorer. It'll find the files with the pause button

What can you do with it?

Edit position by changing coordinates:

area=(170,192,190,212)

I call them start width, start height, end width, end height

IIRC, these coordinates are relative to parent element, not absolute (start where parent's position starts, not where your screen starts)

Find group and instance numbers of its image/icon:

image={499db772,a9200127}

Icons are also found in the ui.package, although they may be in a different one

There's a ui.package in every pack's folder, and you probably used your latest one to extract UI Data files (like SP9), but the pause icon is in the base game's ui package. Some weather related icons may be in Seasons' package and not in anywhere else. You get what I mean

There are all sorts of color options (in RGB, I assume):

fillcolor=(204,204,204) colorfontnormal=(0,0,0) colorfontdisabled=(0,0,0) colorfonthilited=(0,0,0) colorfontnormalbkg=(0,0,0) colorfontdisabledbkg=(0,0,0) colorfonthilitedbkg=(0,0,0) forecolor=(255,255,255) bkgcolor=(0,0,0)

Not all of them might be relevant for all elements, though

If an element has text, font may be edited:

font=0x00001318 font=GenSubHeader font=BuildBuyModeFooter

Looking at bigger elements, there are also a lot of flags and properties. Here's some interesting ones:

moveable=yes sizeable=no titlebar=no outline=no align=lefttop wrapped=yes opaque=yes

You can guess what they mean

Hm. Design tool window is moveable, but isn't sizeable. What if?..

Nah, simply changing "no" to "yes" didn't work

Search shows there are no sizable windows in game, except for UI Browser itself and a few other "browsers" I haven't seen, so we can't easily copy how it's done

Maybe some day

That's it for random UI modding stuff you didn't wanna know :D

[foervraengd]

Adobe is a bad company, brand and product just for introducing the hell that is After Effects. Every time i have to use AE i pray for the death of adobe and that the ceos and share/stakeholders and whoever designed the UI and workflow a slow and gruesome fucking suffering. You think the ai shit is evil? Try staying calm using literally any fucking feature in AE for ten minutes. Adobe needs to die because of AE.

[zarla-s]

So I spent the last couple days making a HeavyMedic fansite and it is the most ELABORATE SITE I'VE EVER MADE and I'm so unbearably proud of it, it looks SO COOL!! Especially the Fictracker page!! It's even responsive!! You have no idea how long it took to get everything looking right and spacing it and everything. I've never made a site that looks this fancy before! I'M SO PROUD OF IT LOOK AT IT!! LOOK AT IT!!! LOOK AT IIIITTTT plz

Also made some link buttons! Still don't really have an official name for the site as it is but WHATEVER maybe I'll decide on one later. YOU CAN USE THESE TO LINK TO IT FROM YOUR OWN SITE you have your own site right, you should make onneeee (here are some resources if you don't know how) and if it's a TF2 site TELL ME AND I WILL LINK BACK TO IT

[patreon]

[unorcadox]

i think video editing is a form of dark magic

[effervescent-fool]

i think one of my biggest (and only) gripes with procreate is that they dont have like. a masterlist of features their app has to offer. a full thorough ui navigation. because ive been using procreate for a couple years now and im still discovering preexisting features because they just. dont mention it anywhere

[whatkindofnameisella]

me when the video game requires me to use my brain instead of just clicky clicky mashy mashy

[bmpmp3]

also guess which complainer about cevio/voisona's supposed lack of vocal dynamics controls finally Looked Up. and Discovered.

[dunsparce]

Did I spend all night relearning how to 3d model? Maaaaybeeee.... ft. Stella my Pathfinder character

[dandelionbitch]

I really, really, really want to become a Wikipedia editor but my literal job that I do for 8 hours at a time is editing and I can barely be bothered to proofread my texts outside of work. Also coding scares me.

[formaciongrafica]

Segunda entrega, de una serie de 3, donde tomamos primer contacto con Material Design 3 para comprender algunas de sus leyes fundamentales, componentes y a partir de la documentación oficial de este Framework para el diseño de interfaces móviles de usuarios. A continuación, te comparto los enlaces la primera y tercera entrega de esta serie:

Primer contacto con Material Design 2, aspectos relevantes, componentes y más.

El prototipado UI con Material Design 3 en Figma con Material 3 Design Kit y Material Theme Builder.

Tutorial completo, con video de apoyo: https://www.formaciongrafica.net/blog/tutoriales-online/uid/md2-vs-md3-material-design-3/

[vyxated]

[ReShade 5.1+] Hide CAS UI & More

Unlike build mode & live mode, there's no shortcut to hide CAS UI, which is much needed for taking screenshots with Reshade. With this ShaderToggler add-on (made by Frans Bouma/Otis_inf), you can easily hide the UI! This guide will cover how to install the add-on and showcase its features.

If you find this useful, do share the word around! All I ask is that you link back here if you want to share outside of tumblr :-)

📌 UPDATE 19/09/2024: updated both DX9 and DX11 files to fix the hide CAS BG & mirror toggles. Please redownload.

How it works:

One of the features of this add-on is the ability to toggle on/off in-game shaders: UI, geometry, post-processing effects, and more (not reshade shaders). You do that by putting certain shaders together into a group which you can then toggle on/off. This is quite useful for CAS shots as you can't hide the UI when you use ReShade/GShade (unlike build/live mode where you can simply press tab). 

This add-on is made by Frans Bouma/Otis_inf so huge credit to him as without this add-on this wouldn’t be possible.

Keep in mind that this add-on doesn’t prevent shaders (bloom/dof/mxao) from affecting the UI, it just hides the UI shader from view. This, along with a shader like ChromaKey/DepthAlpha that allows for transparent backgrounds, makes a great duo! No more cropping to exclude the arrows and editing out the background manually 🙌 (unfortunately alpha hair suffers a bit from it.)

What you’ll get by the end of this post:

A ShaderToggler.ini file that will hide CAS UI elements with the option to either leave the sim/trait icons and trait selections intact for posing your sims, or hide everything except for your sim. Great for taking close-up shots.

There'll also be a toggle to hide infant pillow in CAS, hide CAS BGs & mirrors, and hide camera UI when your sim is taking a selfie/picture in-game.

// ReShade/GShade requirement:

For Reshade users: tested on Reshade 5.8.0 (w/ full add-on support), but it should be compatible with ReShade 5.1+.

For GShade users: 

To check if your GShade supports add-ons: check the ReShade version it's based on in the shader notification at startup, similar to the menu here (GShade x.x based on ReShade x.x). You can also check in the reshade panel and see if there's a menu for add-ons.

📂 DOWNLOAD .ini file:

SimFileShare / Google Drive

🆕 DX9 & DX11 support

ShaderToggler.ini : DX9 version

ShaderToggler_DX11.ini : DX11 version

// Installation:

First, make sure that you have the correct ReShade with full add-on support!

Grab the add-on from this github release. For non-legacy players, grab _v121.zip. For legacy players, grab _x86_101.zip

Extract the ShaderToggler.addon file into the game’s \Bin folder where your TS4.exe/TS4_64.exe is (where you had also installed ReShade/GShade).

Still in the \Bin folder, drop the ShaderToggler.ini file you downloaded. You’ll end up with both ShaderToggler.addon and ShaderToggler.ini in the same folder as TS4.exe/Reshade.ini.

The .ini file should be named ShaderToggler.ini for the add-on to recognize it and the toggle groups to show up. If you downloaded the DX11 version, remove the _DX11 suffix.

If you’re a GShade user: there’s a folder called gshade-addons; this is where you should place the ShaderToggler.addon file. Just move the add-on from the \Bin folder to the folder mentioned and you’re good. If this doesn't work, keep it in the \Bin folder.

Open up your game. If you see the add-on & list of toggle groups in the Add-ons tab, then you’ve successfully installed the add-on & settings! Restart if needed.

// Shortcuts (Updated):

Toggle main CAS UI (traits & trait selections excluded): Ctrl+ ]

Toggle sim/trait icons & trait selections: Ctrl + [

Toggle pillow for infants: Ctrl + ; (semicolon)

Toggle camera UI when sim is taking pic/selfie: Ctrl+ ' (apostrophe)

Toggle CAS BG mesh: Alt + ]

Toggle mirrors: Alt + [

Previews:

in CAS:

Hide CAS BG & mirror reflections:

in Live mode (for Camera):

note: you can use the hide pillow toggle to hide the phone object.

🆕 in Build/Buy mode, use caps lock to hide the lot outlines:

// FAQ

Issue: add-on works, but the list of toggle groups doesn't show up.

This is likely caused by my config (.ini) file not being installed correctly. Put the .ini file where the TS4.exe file is, which is under the /Bin folder.

Issue: Add-on failed to load with error code 193.

This is caused by downloading the incorrect addon file. If you're a non-legacy (x64) player and downloaded the x86 addon file, you will encounter the error. Download the right version (_v121.zip) and that should fix the error.

Issue: everything shows up & are installed correctly, but the toggle groups don't have any effect/hide the UI.

This issue only happens if you installed Reshade/Gshade and selected Vulkan/DXVK. You need to select DirectX 9 or DirectX 11 instead for it to work.

tagging @thefoxburyinstitute :-)

[strifetime]

I tried to install a ROM on my tablet last night (way too early this morning) and I didn't make any progress 😅 Between the UI not matching more modern ones so I didn't know where I was suppose to start the download and the TWRP download failing, I'm gonna call it a wash for now until I can stumble on a better guide for the tablet model I have.

[kidfur]

you have got creature on your phone bottom!!!!!!

i do!! i downloaded a cool theme off the samsung store thingy that makes the ui purple and has little bears! ^w^

[blund3r-bust3r]

not to be a fucking boomer or something but i cannot stand video tutorials for software that include a face cam i do not need to see some cunt live reacting to the blender default cube YOU'RE COVERING A QUARTER OF THE INTERFACE