multi in my private life, insane about ateez & jeong yunho here <3
song of the month | song of the day (discontinued) | music yapping
-> peace and love on the onehunnit blog 🫶
2 notes
·
View notes
fixing empty images in themes
When removing an image from an image option in your customization panel, tumblr designates an “empty” transparent image in its place, with the url https://assets.tumblr.com/images/x.gif?v=1.
However as of July 23rd 2021, I’ve noticed that tumblr decided to add "hide” to those empty images. It detects the transparent image url, then adds a randomly generated attribute name, which has the property of display:none!important. This can be counter productive to the functionality of most themes out there, as an transparent image should still take up space. but display:none doesn’t appear at all.
Interestingly, this issue only happens to <img> images. Images declared via background-image:url() are not affected.
To fix this, paste the following before the closing body tag </body> in your theme’s html (jQuery is not required):
<script> var imgs = document.querySelectorAll("img"); Array.prototype.forEach.call(imgs, function(invis){ if(invis.src.indexOf("assets.tumblr.com/images/x.gif") > -1){ invis.setAttribute("src","https://cdn.glitch.com/bdf00c8f-434a-46d9-a514-ec8332ec176a/1x1.png"); } }); </script>
This script targets all images, and if the image url matches the transparent one from tumblr, it replaces it with another transparent image. This will stop tumblr from automatically adding a hide function to empty images.
🕒 last updated: 2021-07-24, 10:20PM GMT+8
105 notes
·
View notes
GIMP 2.10 is out! So here’s a beginner’s guide for anyone of you guys who are gonna check out the new GIMP.
Read more if you want to learn the basics of GIMP. I will also touch on some of the new features in the new GIMP.
Starting your project
New: When you want to make a blank canvas of any size.
Open: To open only 1 image. I rarely use this option cuz I always just drag my image from my Windows Explorer to the empty work area in GIMP.
Open as Layers: To open multiple images. I mainly use this when I’m making gifs and have to open my gif frames.
Save/Save as: To save your GIMP file (.xcf).
Export/Export as: To save your product in .png, .jpg, .gif, etc form.
The Image Drop Menu
Here are the common ones I use:
Mode: This is where you will have to index your gif before you export it.
Transform: You can use this to flip all your layers horizontally, 90 degrees, etc.
Canvas size: To change your canvas size.
Scale Image: Use this to scale up/down all your layers. Useful for gifs or batch editing.
Coloring your Edit
Here are some common ones I use:
I’m not going to go through them all cuz they’re pretty self-explanatory but I just want to point out that these tools are only to color your active/selected layer. Therefore, I rarely use these when I’m coloring my gif frames cuz it’s going to take forever. I will go through gif coloring later on in this tutorial.
Exposure, Hue-Chroma, Saturation and Shadows-Highlights are new and pretty cool. So, feel free to experiment with them.
Adding Filters/Effects
There’s a bunch of them here.
There’s a few new ones which I will elaborate on the next section.
Toolbar
My toolbar dock is on the left. It has all the tools here where you can crop, add texts and more. The tool options at the bottom will change depending on the tool you select.
Exporting your Work Correctly
When you are done with your work, go to File > Export. You will get a pop up. Now, GIMP doesn’t automatically choose the right format for you. So just make sure to type in the name of your file plus the extension. For example, x.jpg or x.png or x.gif.
NEW FEATURES
Mask Button in Layers tab
Now, you can straightaway add a layer mask with this button.
Mask on Layer Group
Now, you can also add a mask to a whole layer group.
Gradient Tool
The gradient tool is so cool now as you can adjust the end points even after applying the gradient. When you’re done adjusting, hit Enter.
Warp Transform
Those familiar with iWarp, this is like a revamped version which you can find on the toolbar.
And that’s about it for the beginner guide for new GIMP users. If there’s anything else in GIMP that you are unsure about, don’t be shy to ask me. I would love to help all you GIMP users out there. :)
63 notes
·
View notes