Tumgik
#Tumblr converts images on upload
aistobascistod · 3 months
Text
Tumblr media Tumblr media
24 notes · View notes
beeapocalypse · 11 months
Text
Tumblr media Tumblr media
(mostly) clean title images. love how the text is baked into funger1s title screen
5 notes · View notes
jakeperalta · 2 years
Text
genuinely do not think i have ever had to colour a worse scene than that one in all my eight years of gifmaking....... sooo yellow/orange but with a constant flickering blue light and somehow very dimly lit but also drastically varying lighting levels in every shot....... sickening
6 notes · View notes
changes · 1 year
Text
Friday, September 8th, 2023
🌟 New
We’ve rolled out dashboard tab configuration options to everyone. We’re still working on adding the ability to change the default tab between Following and For You. Also, if you were in the experiment and had enabled certain tabs, like Popular Reblogs and Blog Subs, please note that those settings have moved back to the Tumblr Labs settings, instead of being configurable options in the new config screen.
We’ve deployed some performance and stability improvements for browsing feeds through the site, including the ability to truly handle endless scrolling. If you disabled endless scrolling in your dashboard preferences on web because it was laggy, give it another try! If you disabled it because you like paged browsing better, keep on keeping on! You’ll still benefit from these improvements.
We’re working on improving search across Tumblr, and one of our latest experiments is to try surfacing posts in search results based on image recognition. If you search for something on Tumblr and it returns a bunch of images that aren’t actually related to what you searched for, and have no other text or tags to indicate why you’re seeing it, please send us some feedback via Support about it, providing the search term you used and what posts didn’t make sense.
In the post editor on web, you can now choose to convert a link block down to an inline text link if you’d like, via the meatball menu on the link block that’s generated when you paste a link.
We’re shortening the ask button label maximum length to 26 characters, and providing better error messages when exceeding that limit.
Replies/reblogs/likes from blogs that have blocked the author, or the author has blocked, will no longer appear in the notes view on your posts for anyone.
We’re now filtering asks and submissions from blogs that have blocked the receiver.
🛠 Fixed
We fixed an issue on the Following and For You tabs that was sometimes causing it to take 10+ seconds to load subsequent pages as you scroll.
In the post editor on web, we’ve fixed a variety of issues with copying and pasting and selecting text.
Clicking to like a post while logged out, and then logging in, now brings you back to the post, instead of bringing you to Explore.
When uploading media in the post editor on the web, the “Post” button stays disabled until the media finishes uploading.
Removing a reblog or reply from the notes on your post removes the associated activity item as well.
Folks can no longer mention blogs that they’ve blocked or are blocked by — this was already covered in most circumstances, but we’ve fixed a few rare cases that have popped up where people have gotten around it.
🚧 Ongoing
Nothing to report here today.
🌱 Upcoming
Nothing to report here today.
Experiencing an issue? File a Support Request and we’ll get back to you as soon as we can!
Want to share your feedback about something? Check out our Work in Progress blog and start a discussion with the community.
685 notes · View notes
phantomcodes · 2 years
Photo
Tumblr media Tumblr media
twitter | theme by sage
get the code: static preview / live preview (temporary) inspired by twitter - free through dec 31st as part of my holiday sale ♡
features (more info below the cut):
optional: music player, featured posts, blogs, updates, tags on click, glow effect
customizable: description, colors, body & title fonts, font size, & blog title
search bar, day/night, tumblr controls, & scroll to top buttons
sticky top post info with a drop down menu
responsive design, 3 border radius (corners) options, uploadable profile & header images
this theme uses tabler icons
nothing needs to be changed in the code, everything can be changed in the customize panel!
terms:
reblog if using
do not touch the credit
view all terms
credits listed in the code / credits page
please consider supporting me ♡
make sure you read through this post before asking questions!!
header
header image is 600px x 250px, it will crop to fit and is adjusted depending on screen size
if there’s no uploaded header image it will be a solid gradient background
the profile image is 100px x 100px & will default to your icon if no image is uploaded
the home/ask/follow buttons will become fixed to the header at the top of the page as you scroll
up to 3 header stats each with an icon and text
includes links to home, askbox, archive, and my credit
i recommend keeping your custom title pretty short!!
sidebars
the right sidebar can be toggled completely off if you don’t want it at all, otherwise the featured posts, blogs, & updates sections can be individually toggled
responsiveness:
the right sidebar will disappear and a sidebar button will appear to toggle it on/off
the left sidebar links will convert to icons only
the music player will become toggleable with the right sidebar
for very small screens, the top buttons on the left will become a footer
left sidebar links: up to 7 sidebar links
featured posts: 4 featured posts each with an image & url
blogs: up to 3 blogs each with a link to the blog & a follow button
updates:
up to 4 updates each with a title & text
i recommend keeping your update text to only one line
uploading your song:
i recommend using google drive to host your mp3 files - below is a brief explanation for how to do this but you can also see the resources provided here by glenthemes and more links on my credits page
to start you need an mp3 audio file, once you have the one you want go to google drive and click: + New ➞ File upload
select your mp3 audio file and click open
open your newly uploaded audio file in google drive and click the three dots on the top right, then click Share and under General Access change it to Anyone with the link can view
copy the sharing link provided, it will look something like this: https://drive.google.com/file/d/1pBA6KdlLEzoEZPQ6hmaSr9LGLeCQGPxz/view?usp=sharing
go to the following site and paste your sharing url in the first box provided: https://www.joelgrayson.com/drive-download-link-generator
your final product should look something like this: https://docs.google.com/uc?export=download&id=1pBA6KdlLEzoEZPQ6hmaSr9LGLeCQGPxz
make sure the music player is toggled on in the theme, paste your audio link in the Song URL field
2K notes · View notes
sunkissedlouis · 19 days
Note
Hi! I don't know if you already have a tutorial but would you mind sharing your gif making process? Thank you!
hiiii anon!
thank you for sending this in :) it's my first time getting a tutorial request hehe i tried to explain each step i do as best as i can.
Tumblr media
i'll put the gif making process and tutorial under the cut bc it's image + text heavy
before starting, i'd just like to share what i use in creating gifs:
i'm on mac (i used to do them on windows... the ps steps are the same if you're using one)
i'm currently using photoshop 2022
i use 9xbuddy or video downloadhelper extension on firefox mainly for downloading videos
best quality to download for hq gifs is ideally 1080p and above. (although you can get away with 720p for smaller gif sizes)
i use mplayer-osx extended to get the screencaps/frames for my gifs (if i'm not doing the import option in photoshop)
for this tutorial, i'm using the latam highlights video from louis' ig reels to make today's gif. on to the tutorial / process!
please click the screenshots i've included below and zoom in on the texts on them to see them clearly (apologies for the quality!)
IMPORT YOUR FRAMES. once you've downloaded your video, open photoshop and click FILE > IMPORT > VIDEO FRAMES TO LAYERS
SELECT THE PART YOU WANT TO GIF. the shorter, the better because you want to keep it crisp and keep the file under 10mb when you save it after all the layers. here are the settings i use:
Tumblr media
toggle the smaller arrows under the bar to select the parts you want to gif. once you have your frames loaded, it should show you a timeline table at the bottom and their corresponding layers on the right side. (if you can't see the timeline, go to WINDOW > click TIMELINE)
3. DELETE EXTRA LAYERS, CROP PARTS YOU WANT TO FOCUS ON, AND RESIZE.
Tumblr media
after cropping the parts of the gifs, resize them according to the tumblr sizing to prevent your gifs from looking blurry once you upload them. you can use this size guide for your reference :) the gif's height can be any size as far as i know. go to IMAGE > IMAGE SIZE > INPUT THE SIZE. for this gif, we'll do 540 x 540
4. CHANGE GIF SPEED and CONVERT TO SMART OBJECT
Tumblr media
once you've selected all frames
Tumblr media
set the delay to 0.07. this is usually the natural, normal speed for gifs on here. it depends on the number of frames you have but i usually do .07 or .05 (sometimes .08 haha)
with all your timeline frames still selected, then select all the layers on the right side. go to SELECT > ALL LAYERS
then convert them to smart object so we can edit all the layers all at once. go to LAYER > SMART OBJECTS > CONVERT TO SMART OBJECT
5. SHARPEN (one of my fave parts!)
this is the basic one that most users use:
STEP 1: go to FILTER > SHARPEN > SMART SHARPEN
Tumblr media
radius usually goes from 0.3-0.4
STEP 2: Repeat STEP 1, but this time change the settings to:
Tumblr media
you can stop here but i like my gifs crispier and to have more texture! i use the sharpening settings from this tutorial or these sharpening action packs from user brainwasheds. i highly recommend these! i mix and match the settings when i'm not happy with how they look on my gifs. but for this gif we'll use the sharpening settings from this tutorial.
in addition to the settings from that tutorial, i also added FILTER > OTHER > HIGH PASS at 3.4 radius, then set the opacity to 60-80
then lastly add FILTER > ADD NOISE > NOISE at gaussian setting with 1.5 amount, then set opacity to 20-30
6. BRIGHTENING, COLORING, BALANCING, ADDING TEXTURE
now for the fun part!
STEP 1: BRIGHTEN UP THE GIF this is my go-to way to increase the brightness. go to LAYER > NEW ADJUSTMENT LAYER > BRIGHTNESS / CONTRAST then change its blending mode from NORMAL to SCREEN
Tumblr media Tumblr media Tumblr media
you now have a very bright, highly saturated gif but we'll fix that lol
STEP 2: ADD CONTRAST BY FIXING THE BLACKS AND WHITES add a new adjustment layer > LEVELS
Tumblr media
i usually play around with these. middle and black arrows add shadows and contrast while the white arrows add highlights/brightness to the gifs.
Tumblr media
these are my settings! these are not definite bc it varies depending on what you're working on, so adjust them accordingly. next, add another adjustment layer > CURVES
Tumblr media
i usually zoom in to locate the darkest / black area using the black dropper. then once that's done, do the same and locate the brightest/white area. this adds further contrast to your gif that wasn't done in the previous step.
STEP 3: COLORING (my fave part!!!) add a new adjustment layer > SELECTIVE COLOR this is the part where i like to neutralize the skin color when it gets too yellow or red, make the colors pop, and sometimes change them too. louis' skin was looking too red heavy, so i wanted to reduce that! i start with balancing out the skin color with REDS & YELLOWS.
Tumblr media Tumblr media Tumblr media
these are my settings for this gif! adjust them and observe the changes it makes on the person's skin. if you know color theory, it's helpful to see how it affects the colors on your gifs. putting the arrows more on the left side, adds more 'cool' tones, whilst putting the arrows to the right side, adds more 'warm' tones.
i like to deepen the blacks on my gifs further so, go to selective color's BLACKS and on the black scale, add more to the right! for this one, i added +10
add a new SELECTIVE COLOR adjustment layer. for this one, we'll make the surrounding colors pop more!
Tumblr media Tumblr media Tumblr media Tumblr media
for these settings, i made the leaves more vivid while the teal(?) wall, i adjusted them made it more blue.
next, add a new adjustment layer > COLOR BALANCE this is where you can make further adjustments on the overall colors of your gif. you can also change the color tone of your gifs here if you want to make it more 'cool' tone or 'warm' tone looking.
Tumblr media Tumblr media Tumblr media
earlier's color theory applies here as well!
6.5. OPTIONAL STEP: ADD TEXTURE/OVERLAYS after the last step, you can save your gif as is but again, i like adding textures to my gifs so we'll add one. i use the textures/overlays that i got from here :)
Tumblr media
i like to use film, grainy textures! add the texture you want on top of all the layers.
Tumblr media
then change the blending mode to LIGHTEN or SCREEN. adjust the opacity to 20-40%. for this gif i used screen with 40%.
7. EXPORT AND SAVE YOUR GIF time to save your gif! click FILE > EXPORT > SAVE FOR WEB
Tumblr media
this is my default setting for my gifs. i also tick the interlaced option sometimes.
here's the finished gif:
Tumblr media
there you go anon! :) if you have any more questions, just lmk or you can directly dm me off-anon if you want.
i also get inspo, guides, and other tutorials over at @usergif
72 notes · View notes
taekooktimeline · 28 days
Text
Hello 👋🏽
I’ve completed uploading episodes 1-4 of “are you sure” 🥳It goes without saying, but this is a Taekook focused blog so all of these posts, just like all my other posts, highlight Taekook and their bond (or in some instances, my posts archive important pieces of information so others can���t distort facts).
I wanted to upload episode 3 as one post, and episode 4 as one post, but Tumblr wouldn’t let that happen due to their sizes. When I shrank photos to make each episode one post, text and images became blurred and my OCD couldn’t stand it. I hate that they each have 2 posts, but I preferred it to the alternative of unreadable pieces.
I’m not sure if I’ve ever gone in depth about the uploading process? It’s quite an undertaking for long pieces. I first draft the posts in Google docs. This can take days as I rewatch things, chat with friends and gather what people have noticed from my timeline. One episode can take 3-4 hours to watch, as I draft as I go and then go back through and fill in further, then tighten it all up.
After this, I upload the draft into Word Press. It’s not straightforward anymore. When I copy and paste the draft into WP, only the text follows. I have to then go back to Google docs and copy / paste the pictures one by one, and then add the timestamps and hyperlinks under these pictures.
Once that’s done, I convert the post into HTML code. I can’t simply hit “select all.” I have to drag my finger down the entire post and carefully hit copy, or else I erase the whole post (which has happened). I then copy / paste the HTML code into my email and email it to myself.
From there, I copy / paste the code and upload it into Tumblr. Tumblr won’t let me post more than 30 photos a post now, sadly, which means splitting posts up. I have to read the HTML code and decide where to break things up.
I upload the post, then reblog it to its respective year, so you can read the post in the “main” timeline, but also in chronological order in the year it happened. When it’s reblogged to its year of occurrence, I have to scroll to events that happened around that date to determine what backdate to make that piece, so it lands in the correct spot of the timeline.
Uploading these posts took me all morning. Factoring in drafting, I spent at least 2-2.5 days on these episodes.
I’m not sure why I felt like sharing that today, except that I wanted to really take a moment and sincerely thank anyone who stops by to read my blog and let you know it’s so appreciated. Even if no one read this blog, I archive Taekook’s moments as one way of supporting them. I really enjoy preserving their moments - we have so many! - and looking back fondly.
So I’d do it no matter if no one read this, but knowing people do read this blog and treasure it as much as I do means so much to me. I’m thankful for the friendships formed, the people I’ve been able to talk to and some I’ve been fortunate to meet in real life, and it’s all thanks to this blog.
Not only that, my anxiety gets the best of me. I greatly admire those who tweet on Twitter, or post on Instagram, without giving much thought. I can’t do it. I wish I could. I will sit on posts, get anxious, bail out of posting, or post then mute because I’m so tense. I’m not sure why that is. Sometimes I wish my accounts were smaller so I could maybe feel more comfortable freely speaking my mind. But I also think I’d be anxious no matter what because social media is so toxic and dark and my energy can’t stand it. It doesn’t help I’m still trying to figure out my medical mysteries, and that’s been such a drain on my energy. I can’t find it in me to do much more than lurk on Twitter and IG right now.
Here on tumblr, I feel like I’m in my little safe space. It’s quiet here, I post my pieces and show my support, and my support is measured in a more meaningful way for who I am as a person (in addition to streaming, buying their merch etc). I really am so grateful for this space. We all support in our ways and though I wish I was bolder on TW and IG, I appreciate those who are and I also appreciate that we are all here to equally love and support Tae and Jk. That’s what matters.
So if you’re reading this, I want to thank you from the bottom of my heart for being here and reading this blog💜💚
70 notes · View notes
jellypawss · 2 years
Photo
Tumblr media
EKG Leads
I’ve gotten a few requests to make ekgs/ecgs for infants! (I’m not sure how accurate these are, I used a few reference images on google so I apologize if you’re in the medical field and you’re scratching your head at the placement and colors lol)
i-e
one swatch
bgc
disabled for random
slider enabled
facepaint category
📁DOWNLOAD | FREE
curseforge | youtube | tumblr | patreon
Terms Of Use:
link back to original post if you recolor/convert
do not upload to sites such as simsdom or thesimsresource
do not put my content behind adfly
do not recolor/edit/convert and upload until my content is publicly released
457 notes · View notes
luigraphics · 25 days
Text
How to have animated rentry graphics with semi-transparency!!
Have you ever had this problem? You find this super pretty clipping mask that you wanna use...
Tumblr media
...But when you try to save it as a gif, it suddenly breaks the pretty blurring?
Tumblr media
So, let's talk about APNG:
APNG (Animated PNG) is exactly what it sounds like: a png that can be animated, with all the benefits of our beloved png format!! Such as unlimited colours!! Bet you didn't know this could be done!
Actually, you probably didn't know that for a good reason: APNG does not work everywhere. For example, I&'m not using it in this post because the animation won't work on Tumblr. It also doesn't work on old browsers, which you can check here if yours supports it or not:
Tumblr media
However, even if the animation doesn't work, it will show the first frame as a still image!! So even those on older devices will still get to enjoy the graphic!!! (unless like... you want to do a fade-into-existence animation where the first frame will have nothing... but those are uncommon anyway)
But for this post, what's important is where it DOES work, and that is image hosting websites like imgur or catbox. And so, by extension, it will also work on Rentry + its forks!!
So how does one actually make an APNG?
Ezgif:
Note: DO NOT CONVERT GIFS TO APNG! It's useless because the gif file does not store any information about transparency, has less colours/lower quality, and you'll be needlessly removing backwards compatibility.
Go to APNG Maker and upload your frames individually. Check "don't stack frames" and make your APNG.
Tumblr media
Photopea:
Works normally same as if you would save a gif. File -> Export as -> PNG. (You do need to have the frames layers in a folder same as you would for a gif)
Tumblr media
Photoshop and Ibis Paint:
Unfortunately, Photoshop and Ibis do not let you just export as an APNG like that. You'll have to save each frame individually and then import them into Ezgif or Photopea.
Tumblr media
As you can see, it's that simple! If you'd like, you can see a rentry template I& made using this the example APNG I& was showing throughout the tutorial here. I& was not able to find who made the overlay mask in the first place but a frame version of the cherry blossoms there did show up on adobe stock when I& tried to reverse search it so all they did was fill in a circle in the middle anyway.
Lastly, I& wanted to address one more question:
Why not use WEBP and/or AVIF instead? They offer the same benefits!
Well for one, fuck Google and fuck WEBP all my& homies hate WEBP. But for two, APNG has the benefit of backward compatibility: it's older (supported by more browser versions) and if the animation doesn't work, it still shows the first frame of it. WEBP and AVIF, on the other hand, don't show up at all/show alt text.
That's all, happy APNGing!
53 notes · View notes
artsymeeshee · 3 months
Note
How are you able to post so many images at once?
When I try it keeps telling me there's an issue and to try again. I've tried lowering the quality of the images I post and converting them to JPEG but nothing works :(
Are you by chance uploading from the app? I’ve heard that sometimes the app will mess up A LOT when it comes to posting a lot of images. (I’ve had so many images lost to the abyss because of it) I’ve tried looking up some solutions online but nothing really helped. It could be possible the images are too large. If you have access to a PC that could solve the problem.
I’m sorry I can’t really provide a solution :( Tumblr sucks sometimes but if anyone had this same problem and fixed it, feel free to share.
38 notes · View notes
Text
Tumblr media
Tumblr media
Welcome to family Cotididae, one so large I literally had to save it as a PDF (to preserve quality) cut in half, convert it back into a PNG because Tumblr doesn't support PDFs, and then upload it. Hope you enjoy, more info under the cut.
The issue with this one was genus Spectaculum. I made this genus because they mainly focus on roleplaying instead of their "gimmick" however, the genus on the far right, Moderatus, seems to be trending towards that direction as well. We'll see. If you think your blog deserves a reclassification, hit my line.
Sidebar: Tumblr (apparently) has either a file size limit, or a image size limit. That's why I had to cut it in half.
325 notes · View notes
housewifebuck · 11 months
Text
Tumblr media
hi everyone! I've gotten several requests to make a tutorial on how to make gifs for someone just starting out and I finally got around to slapping a tutorial together.
This tutorial will cover:
software recommendations
choosing what to gif
creating a gif step by step with probably a lot of unnecessary detail
some tips and tricks:)
(This particular tutorial will not cover how to find tv and movies to download and gif, or any specific instructions on coloring. only the basic gif making process.)
so for the purposes of this tutorial, we will be using Adobe Photoshop, which is the most common program for making gifs, and the one I recommend. the version you have doesn't make a major difference in terms of capabilities but the interface may be slightly different looking if you have an older version or a different type of device. you cannot make or edit gifs in any mobile version of the photoshop application. Optionally, we will also be using Adobe Premiere Rush/Pro or another video editing software of your choice. wherever you are downloading Photoshop, whether from Adobe or a third party, you should easily be able to acquire Premiere as well. I am aiming to be as detailed as possible in this tutorial, so it may sound more time consuming than it really is. once you get the hang of things, it goes fast. the most time consuming part by far is the editing and coloring. in my opinion, one thing that majorly saves time while giffing is knowing your keyboard shortcuts and using your mouse/trackpad as little as possible. I will be going over these in this tutorial as well.
before we begin, some general tips:
gifs of single shots that do not cut between angles or subjects generally will look the best, barring exceptions
for a single gif set, choosing scenes and shots with similar lighting will be easiest to get to look uniform when compiled together, since editing wildly different looking scenes to have similar coloring and lighting is hard and takes some practice!
avoid shots that will require you to majorly crop or zoom to properly frame the subject, as this will greatly diminish quality
speaking of quality, gifs will look best using 1080p video, but you can get away with 720p as well. I would not recommend giffing with anything lower resolution than that
Tumblr's upload capacity for image and gif files is 10mb. be sure when exporting your finished gif that it is under that size. if it is a bit over, you can try trimming a few frames off your gif in the video timeline.
if you get frustrated, don't give up! giffing is hard and complicated especially if you are new to photoshop. I tried to make this tutorial as detailed as possible so it's easy to understand (although im sure I still forgot some stuff)
ok onto the tutorial!!!
STEP ONE: choose what range of frames you want to gif, and how.
once you have decided what you want to gif, there are two main way to convert your episode into a range of frames to make into a gif. the first is by screencapping. this involves downloading a program like mplayer or vlc which can be used to convert video files into "stacks" of screencaps, which can then be separated into whatever range of frames you want and imported into photoshop. this is seemingly by far the most common method I have seen amongst gifmakers*, but personally I don't care for it and I think it's more confusing and time consuming overall, so I will be explaining the second method: importing video frames to layers.
now, normally what this would mean is opening the full episode in photoshop and using the pathetic little playheads on either end of the scrub bar to trim the file into a clip. this is where your video editing software comes into play.
open whatever episode or movie you want to gif in your program. if it is a large file like a long movie in 1080p, this may take a few seconds. like I said, I am using Premiere Rush. I will be using a random episode of 9-1-1 for my example gif.
in your media browser, hover over whichever episode you want (you can also just add the whole episode to your project and scrub through, but that can take longer unless you know what time stamp you're after). click the fullscreen button by the bottom righthand corner.
Tumblr media
now you can scrub through and trim the episode before you even import it to premiere. this makes trimming your clip even easier.
use the trim bar (yellow outlines) to trim as close as you can around the scene you want to gif.
Tumblr media
then click this plus, and then "add" below. this will add the clip to your project.
Tumblr media
now, move the blue playhead up to the frame you want your gif to start on. then, use the scissors button off to the left to slice the clip. select the portion before the playhead, and delete it.
now move the playhead to where you want the gif to stop. a good length for most gifs is around 1.5-2 seconds in my opinion. some may be shorter depending on how long the shot is, or longer if you plan on making them smaller (remember, the uploading capacity on Tumblr is 10mb per file.) trim again, now delete the portion after the playhead. you can also use the left and right arrows beside the play button to move frame by frame, and you can adjust the side of the horizontal scroll bar below your clip to “zoom” in on it and make scrubbing easier.
once you have your clip, go up to where it says "share". your clip will be rendered, and then you can click export to save it.
Tumblr media
repeat step one as many times as you want for each gif. I know this may sound complicated, but like I said above once you get in the rhythm this step takes only a few seconds.
STEP TWO: create your gif!
close premiere. open photoshop. head to the control bar at the top. select file > import > import video frames to layers.
Tumblr media
navigate to whatever folder you exported your clip to. select it, and hit enter. a second popup will appear asking you to select your range of frames. since you have already trimmed your clip to your liking, simply hit enter a second time.
now your screen looks like this, and we are going to crop and resize our gif! (troubleshooting: if you do not see the timeline bar at the bottom, select window from the control bar, scroll down, and make sure timeline is selected as part of your workspace. Adjustments and layers should be there automatically but if not add them too).
Tumblr media
Tumblr posts are 540px wide, so in order to make my gifs as small as possible while maintaining quality, I typically crop my gifs to be around 550-600px wide, with varying heights depending on what shape I want the gif to be. experiment with this a little and decide what works for you. just don't make the width lower than 540px. once you have the portion of the frame you want inside the cropping grid, hit enter again. sometimes you have to hit it twice.
here are the measurements I am using for this gif
Tumblr media
now in your timeline, select frame 1. hold down the shift key and scroll to the end to select the very last frame, thereby highlighting them all. from here we will edit our frame delay rate. photoshop will automatically set it to .03s, which will make your finished gif awkwardly fast. I typically use .05s, or .06s if I want a gif to be subtly slower (this comes in handy if the shot you are trying to gif is very short). anything longer than .06s will look weird though. choose "other" from this menu and type in your delay rate. make sure not to miss the zero after the decimal.
Tumblr media
once you've set your frame rate, go to the other end of your timeline and click here to convert your frames into a video timeline.
Tumblr media
then press option + command + A (on Mac) or windows + alt + A (on PC) to select all layers. then right click (control + click with a trackpad) on any one of the highlighted layers in your layers tab off to the right. scroll down in the popup menu and select Convert to Smart Object.
Tumblr media
THAT'S IT!! CONGRATULATIONS!!!!! WE HAVE GIF!!!
from here comes the fun part!! you will begin adding action filters like sharpening as well as adjustment layers to color and edit your gif. experiment with different adjustments and styles until you find something you like. too many adjustment layers will up the size of the finished gif though, so I tend to keep mine to 3-4 layers max unless its a really hard to color scene. if anyone is interested in a separate coloring tutorial, please let me know!
once you are finished editing your gif, click file > export > save for web (legacy) OR hit shift + option + command + S. play your gif in the export window to make sure it looks okay, and then hit save!
I hope you guys find this helpful and informative! please hit up my in box if you have any questions or if anything doesn't make sense. happy giffing!!!
*one reason people seem to prefer screencapping to this method, is saving all the individual clips as video files does take up a lot of space on your scratch drive, which in turn can cause your computer to work slowly or crash programs. this can be rectified by making sure to delete the clips from your computer once you are done making the gifs. another space hoarder to look out for is the proxy files of your episodes that will be automatically saved to your hard drive whenever you add an episode to your project in Premiere. Periodically, go through your storage and delete all the .proxy video files. this will not delete the original episode files, only the proxy files created by Premiere.
tagging some mutuals to sb hehe: @shitouttabuck @lover-of-mine @honestlydarkprincess @eddiediaaz @compactdiscmp3 @eddiebabygirldiaz @bigfootsmom @callaplums @athenagranted @firemedicdiaz @sibylsleaves @loserdiaz @buck2eddie @diazass @eddiediaztho @giddyupbuck @monsterrae1 @icecreampotluck @sunflowerdiaiz @swiftfootedachilles @singlethread @aziraaphales @911onabc
133 notes · View notes
aenslem · 1 year
Text
Tumblr media
a very foking detailed GIF tutorial you asked for and how I color my gifs
However, I color them individually, so there will be explanation of tools I choose instead of showing what settings I used for this specific gif in this tutorial.
I will go through entire process of how I create gifs, the process of gifmaking can be different for others and there is no obligation of how to create a gif. Basically, do it however you like and enjoy the process.
this is part I, part II is here\in reblogs.
First, you will need to prepare everything, you choose the moment you want to gif and make screencaps. I use mpv player to create them, here is a great tutorial on how to install it. So I won't go over it, just follow it and or use another player which allows to make screencaps, such as kmplayer.
Once you make screencaps go to photoshop - file - scripts - load files into stack - browse - select screencaps and upload them.
At this point I will also add that I use keyboard shortcuts a lot, you can set them up to your preference, that is much easier for me and might be for you too, and I am so used to them that I forget where are some settings. You can do it from edit - keyboard shortcuts, you may set up anything there.
You will have all screencaps uploaded into one file. Once I have it I change canvas/image size, I also remove 10 pixels from each side, because I hate that some files have that weird black line which looks awful on gifs. But that's up to you. Use proper dimensions for tumblr, that is important since your gifs will look 'not good' when you upload them. I will go with 540x500px this time. (correct dimensions for tumblr are 540px for big gifs, 268px for two gifs along each other and 177-178-177px for the three gifs together)
Go to images - image size (crtl+alt+i) and change the size.
After that I make animation, because without it we would not be able to convert all the screencaps into smart filters. Go to windows - timeline
you will have something like this by default
Tumblr media
click on create frame animation - then on 4 horizontal lines which will open menu - make frames from layers
Tumblr media
click on convert to video timeline (that 3 horizontal lines and 1 vertical line or whatever it is, right under the first layer) you will get something like this.
Tumblr media
now, this will be animated. If you choose convert to video timeline right away it will not be animated.
Now, select all the layers - filters - convert to smart filters
You will have something like this, and if you play it - it will be animated anyway. That way you can edit ALL the screencaps at once.
Tumblr media
I usually start with sharpening, settings may change according to the files I have, for some you will need more sharpening, for some less. I go with filters - sharpen - smart sharpen and usually that's enough
Tumblr media
but I sometimes add more sharpening, just change radius to 0,2. So, repeat the action.
You will have it like this
Tumblr media
and at any point of making gif you will be able to change settings for it, if after coloring it will look not as good as you wanted to.
I will not go into a lot of details about coloring for this gif, because does not matter how good the coloring on this gif will be, it won't work as good on another gif.
There is no right way to start coloring, you may start with curves, levels or selective colors depending on the screencaps you want to edit.
Well, this time I did start with layer - new adjustment layer - curves. (yeah, i guess by the end of the day we all do lmao) (Always use 'layer - new adjustment layer'. That's the only thing I suggest to remember when you color. ) Just to brighten gif a little bit, but you also can change colors with it.
those are not settings I used for this gif!
Curves have option to edit colors, just press RGB and you will see options for RED, GREEN, BLUE. Upper slider adds the said color, the slider at the bottom removes it. That's a great tool if you have a very red\yellow\blue\green scene, with those settings and moving sliders here and there you will be able to add the color you want, for red scene I suggest to use more green and blue, as well as for yellows but with less green. Just move them to see what fits your gif better.
Tumblr media Tumblr media
there are also eyedrop tools which will help you to edit picture, with the first one you need to find the darkest part of your gif and click, it will adjust your picture according to it. If there's too much red, it will make it bluer, etc. The middle one is the one I use the most out of them, cos it changes the midtones, it's great if you have very yellow picture, just press the yellow part and it will make it bluer\greenish, depends on the picture, and then you can adjust it to make it look better. And the last one you can use to lighten picture as well, just find the brightest part of the picture and press it. It will adjust other colors accordingly.
I like to play with settings, I could add more darkness to the gif by levels, by selective colors making dark colors even darker, but sometimes I just use layer - new adjustment layer - black & white. Putting it on soft light blending mode and changing opacity. Idk, I like the effect :D Also, by using these, you will be able to darken part or lighten specific colors
Tumblr media Tumblr media Tumblr media Tumblr media
so yeah, play around and figure out what is the best way for you.
after that I used layer - new adjustment layer - selective colors. I think this is one of my favorite tools out there, I love it, I usually end up with 30 selective color layers if I make a super complex gif :D
You can change colors with it, make them more vibrant, or less.
Tumblr media Tumblr media
for each color you will have 'cyan, magenta, yellow and black' and by dragging sliders you can change colors, make them darker or lighter for the lovers of those paster gifs :D
Tumblr media Tumblr media Tumblr media Tumblr media
But don't worry, that's not where I will go with the gif, so it will look better, i promise.
You know how much I love making blue even more blue. So I go with more selective color layers to enhance it.
You do not have to use just one, and you won't be able to make it with just one sometimes. So add as many as you like to get the result you want.
next is one of my favorites - layers - adjustment layers - levels
with it you can darken colors or lighten them, there's also auto, as well as on curves, which will find the most suitable settings for your picture.
Tumblr media Tumblr media Tumblr media Tumblr media
I hardly ever change the middle slider, cos
Tumblr media Tumblr media
nope.
so, we are at this part of the gif by dragging sliders.
Tumblr media
next one I used is layers - adjustment layers - color balance. right now I will stop adding directory, this tutorial is already long enough, so most of the things are there in layers - adjustment layers.
Absolutely love it, most of settings do the same things but a little differently, this one changes colors but also entire picture, not just part of it. You have shadows, midtones and highlights
Tumblr media
Each of them is really great when you have a yellow\red\blue\green picture to edit. And each of them has 3 sliders cyan\magenta\yellow.
Tumblr media Tumblr media
You see, if you drags sliders the other way it will make picture more yellow.
END OF PART I
since tumblr
Tumblr media
108 notes · View notes
dottiesficrecs · 1 year
Text
Have you ever wished you could use Discord emojis in your AO3 comments? Here's a guide on how to do just that:
Unfortunately, part of this is for desktop only, but ultimately once you have the link to the emoji, you can use it in comments on mobile too!
Saving The Emoji:
First: pick the one you want
For this example, I'm going to use one called :chinhands_pleading: , that looks like this:
Tumblr media
This process will let us add emojis without the dark background, and bigger.
Second: right click the emoji, then choose 'open link'
Tumblr media
Third: when you open it, you'll get a link like this:
Tumblr media
We want to delete the highlighted part, in this case the part that says "?size=96&quality=lossless", then hit enter.
Fourth: right-click and save
Right click, choose 'Save Image As...', and then give your emoji a name. You should be able to save it as a png (even though it's a webp image) by just adding '.png' to the end, i.e. 'chinhands_pleading.png'
If you can't, you can use online converters or sites like photopea to change the image to a png
Using Emojis In AO3 Comments:
First: upload the emoji online
I use a private Discord server for this personally, but where they're uploaded isn't that important, just that they have a link
On Discord:
Upload it like a normal file
Right-click the image and choose 'Copy Link'
Second: use a little bit of html code
Tumblr media
(I would type it out, but I'm not sure how Tumblr will react to code, sorry. If you can't see the image, it does have an image description with the code typed out.)
Once you have that, simply replace the word link with the actual link. You need to keep the quotation marks, they are important!!
If you would like to adjust the size of your emoji, you can also add a height or width value. I've found that 30px is close to the right size, but a bit bigger
Example:
Tumblr media
Third: copy the code and paste it in the comment box
At this stage, all you have to do is copy it -- from < to > -- then paste it in!!
Tumblr media
And voila!! Here's what it looks like:
Tumblr media
This also works with gif emojis and gifs from other websites such as Tenor. Happy commenting <3
111 notes · View notes
sysboxes · 4 months
Note
hi! I'm so sorry, I wanted to dm you but I don't see the dm box😭😭 I previously made an anon ab the sysboxes, and I am still having trouble. do you think you can tell me what I'm doing wrong? /genq
this is how I have it set up:
![Text: This user is a fictive of Annabeth Chase.(https://www.tumblr.com/sysboxes/ 749741778725388288/text-this-user-is-a-fictive- of-annabeth?source=share)
do you think you can help me out?
![Text: This user is a fictive of Annabeth Chase.](https://ibb.co/yBY7DQk)
For me, the tumblr link doesn’t work. And I tried the thing above which is an image to link converter, and that didn’t work either.
The only thing I could get to work is using Discord- idk why it’s doing that right now
But I did this:
(this is on mobile app btw)
Upload image to discord
Click on the image
Click on the three dots
Click copy
Get a link like this: https://media.discordapp.net/attachments/1147008457434734616/1238502765475528795/IMG_8893.jpg?ex=663f8515&is=663e3395&hm=1fada7f41e22e26d8e7d1638f740cc4a30cf58bf689635252ce77388c719ce69&
Then format it like this:
![Text: This user is a fictive of Annabeth Chase.](https://media.discordapp.net/attachments/1147008457434734616/1238502765475528795/IMG_8893.jpg?ex=663f8515&is=663e3395&hm=1fada7f41e22e26d8e7d1638f740cc4a30cf58bf689635252ce77388c719ce69&)
Tumblr media
(also you’re missing the bracket after “Chase.”! So that could also be why)
If this doesn’t work, let me know! I know there’s other ways to save the image besides Discord, my phone just sucks lmao)
Edit: someone said use filegarden instead of Discord!
18 notes · View notes
bretbernhoft · 4 months
Text
Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media
In this post I would like to explore different, but related, interpretations of what a "beautiful cyberpunk woman dressed in neon" might look like. For these images, I used Mage.Space to generate the original MP4 files. Which I converted into GIFs using Python. And then uploaded to Tumblr in order to share with the world.
These images are not meant to offend, and only express one line of thinking about the subject matter. As someone who embraces Artificial Intelligence and the related philosophies of abundance, I recognize a broad range of possibilities here. The ladies in these GIFs are meant to be anyone, anywhere in the corpo cyberpunk universe that my larger media project is exploring.
15 notes · View notes