#Gradient Text

[samuelroukin]

"Hiya, boys"

OUR FLAG MEANS DEATH (2022— ) Episode 2.07

[meyerlansky]

CARDINAL GOFFREDO TEDESCO in CONCLAVE (2024) ↳ if i may join this amiable dialogue...

[beanswithbones]

So you wanna make gradient text?

this was originally made just to help a friend but she suggested I post this publicly to help bcs the other tutorials out there aren't very straight forward. with that said pls ignore typos:

↓↓ Site Link ↓↓

↓↓ Site Link ↓↓

Note: you can still continue typing in the preview

Hope some peeps find this helpful

[litafan4ever]

Ariana Grande x Eternal Sunshine + See No Evil, Hear No Evil, Speak No Evil

[sheslikealostflower]

MOX ON TOTAL DIVAS ◆ pt. 21

[novy2sirius]

GRADIENT TEXT TUT

how to get ombré colored text on tumblr <3

꧞ i get a lot of dms and comments asking about how to change the color of your text to colors that tumblr doesn’t have or to an ombré text. this is how

꧞ sites you can use: the one i use // two // three

꧞ you can use your phone for this, but i prefer using the computer. just go to safari to do it instead of the app if you wanna do it on the phone

one: copy the text you want to color from your tumblr post then paste it into the websites text box

two: change the color of the text to whatever color you want. with the website i use it allows you to pick presets or you can also customize your own then click generate

three: click the “select all” button and copy the code

four: go over to tumblr and click the edit button on your post

five: click the settings button and change the text editor to "html" then find the html section at the top and click on it

six: paste the code from the color fader website in the html where you want it to go (i paste it at the top and just edit it on my phone by holding text down and moving it)

[likesummerrainn]

"I think I am one of the best in the world. I think it's maybe harder for me to admit that to myself--it's a strange thing for somebody like me to that I'm that good...maybe I am...maybe I am good..."

Hangman Page Birthday Week 2024: ⤷ Day 7 - Free Choice: Happy Birthday Hangman! @swervestrickland

[zaldrizotl]

GRADIENT TEXT TUTORIAL

HOW TO GET OMBRÉ STYLED TEXT ON TUMBLR

𝜗℘ I got a request on TikTok asking to do a tutorial on gradient text — tumblr doesn’t have an in-app option on doing gradient texts. This is how.

𝜗℘ Sites you can use: image color picker / stuffbydavid (gradient text).

𝜗℘ People say that you have to use a computer for this, which isn’t true. I am able to make gradient text on my phone, but you can use a computer if you want.

color picking from an image is optional, but highly recommended.

one: put the text you want to color for your tumblr post.

two: change the color of the text to whatever color you want. there are several options on how you want it. pick whatever option you want. the text will automatically generate for you.

three: copy the entire code then press “copy”.

four: go over to tumblr (website, not the app) and click “edit post” (the pencil) or create a new post.

five: click the settings button and change it from “rich text” to “HTML.”

six: paste the code from the gradient text website in the HTML where you want it to go. (I paste it then just save the post to my drafts then edit the text on the app)

[adornedwithlight]

💫 HTML for pretty colors tutorial 💫

Hello sweet beans! Since my last tutorials have been yeeted into oblivion with deactivating my previous blog @/benkeibear I figured I repost them onto here! (Mind you, my old blogs are ahead)

I'm lowkey shocked to see blogs gatekeeping this knowledge but yeah. Make your blog pretty! Match your text to dividers or just have it as colorful as you'd like!

First of all, you can not do this on the mobile app! You need to either use a laptop or your phone / tablet's internet browser (in my case safari)

You start by logging into your account and either you make a post or you edit a post. I recommend making the post on the app first because editing is certainly faster & easier!

This is our starting point! For the fancy fonts you can use messletters

1. I will now log into tumblr on my web browser and click on "edit this post".

2. You then have to click on the little gear icon in the top right corner to change the settings on your post.

3. There you have to click on "rich text" to change it to "HTML"

Your post should now look like this:

A quick rundown on html.

You always start with a letter or code in brackets. to end what you're doing it's </>. The slash signals the end.

P= paragraph <p> and to end </p>

I= italics <i> and to end </i>

b= bold <b> and to end </b>

Now tumblr will automatically do this for you if you made a text bold/in italics on your mobile post but to keep this tutorial simple i left that out here. You can always edit your text in the app after! Just not the color.

And as you see, the fancy text is now in coding. But we get to that later!

To colorize your text it's easiest to just use this website as it gives you lots of options!

1. First i will be choosing the option of "solid color" and you can then put in the hex code of your desired color into the color box.

2. In the top box you will have to put the text you will color - for this tutorial it's "Testing"

3. Then you copy the box HTML code and paste it into tumblr where your word(s) are. Do not remove the <p> and </p> in front and after your word/ sentence!

4. For the sake of this tutorial I marked the html code for colors in pink and the words in blue

Your code will now look like this:

For the gradient you can simply choose horizontal gradient or three colored gradient on the website above and copy/paste the html text.

Mind you that every single letter will get its own color code now so the word gradient suddenly looks very long in html.

If you save the post it will now look like this!

Important to know is that you can color the fancy text only solid as the website can not color it as it is and putting the letter codes in the box above does not work either.

To color the fancy letters you simply copy the color code instead of the whole text - which looks like this:

Don't forget to add </span> behind the word/the codes you're coloring to signal that this is where the color stops! If you forget to add it, nothing will be colored.

If you decide you still want to have the fancy lettering in multiple colors you have to color letter code by letter code manually like this:

(I made a very poor choice on 2 different greens but oh well)

If you'd like to change your text, you can always do that on the mobile app like you usually would. You just can't change the color unless it's into a default color. But you can still change the size or make it bold for example.

Anyhoot, this is the whole magic behind html. It's a lot and might be very complicated at first but you will eventually get the hang of it! Took me weeks and hours until someone sat me down and went through it step by step.

If you have any questions or something doesn't work as you thought it would please don't hesitate to reach out - I'm always happy to help!

[ominous-faechild]

Hey how do you do the color gradient thing for your dialog tags?

Assuming you mean these things, I've actually been meaning to make a guide of my own for a while lol.

For one, you can only do this on computer/the website of Tumblr! There's no option to select this stuff on the app.

STEP 1: CREATE A NEW DOC / GO TO SETTINGS

It opens a dropdown menu/whole screen full of options!

From there, select the "text editor" dropdown, which starts as displaying "rich text".

Select "HTML"

And it should change how the entire post looks!

STEP TWO: CHEAT

Yeeeeeaaaaah, so I use a website for this lol

I inserted my colors for faeries (#30853C) and Cloud (#6DC1B4) for my example of "these things" earlier. To make this easier, I most often have two windows open at a time while working on uploading my scripts to Tumblr.

To get colours to insert into the Text Colorizer website, you can use any kind of hex color picker or even this one website I've used to yoink "thematic" colors from photos!

Personally, I've developed a massive library of colors over time for this exact purpose lol. Using my old colors as a "base", I can change it accordingly to the kind of "new color" that I want for a specific character or thing!

(I'll use the website to also make gradients for "in-between" colors lol)

STEP 3: INSERT TEXT / DESIRED COLORS

To make Nova's gradient, I start with #A600D9, my color for Magic, and end with #F56745—their individual color. However, being as it's short, I'll use a quote from them instead lol.

Once you've inserted your text and colors, you will click in the text box I highlighted in red, ctrl+a and ctrl+c to copy it all, and go back over to your new tumblr post tab!

From there, you'll ctrl+v to paste the entirety into the HTML area, which pastes the code into your post!

AND VOILA!

You have gorgeous gradient text!

However, I want to give a fair warning and a bit of advice! If you didn't notice wayyyyyyy back when...

Tumblr warns that this all can break your formatting!

It doesn't do it too often, but take it from someone who does an obscene amount of formatting... it's 100% true.

STEP 4: CHEAT SOME MORE!

For this reason, I personally have a whole separate draft post full of my characters' colors (and names lol) that I use to copy-paste them in from rather than using the "html" text editor on every post!

I mentioned earlier I often have multiple windows open while editing? Here's what that looks like!

Additionally, I'll use a separate tab off on the left (my "current wip post" side) with the "html editor" enabled for me to copy-paste stuff!

(Also here's yet another example of how many colors I have)

Once again, you can ctrl+c these things to paste them into another tumblr post with the correct colors!

And it's ONLY possible to do on the website!!!

EXTRA INFO!

WARNING:

Tumblr will only allow each "paragraph's html to be so many characters long, so you can't have too big of anything in a gradient!

And by "anything"... I mean you really can't have that big of a gradient in general. RIP lol.

It straight-up won't save the post so long as you have that "overflow" in the character block! MAKE SURE YOU'VE FIXED IT, OR YOU CAN AND WILL LOSE ALL PROGRESS ON YOUR POST!

SINGLE-COLOR TIP:

You don't need the website for a single color! If you'd like, you can just change the "color code" within the html editor to change specific colors!

MAKE SURE COLORS CAN WORK ON DIFFERENT BACKGROUNDS!

On desktop, you can use shift+p while not on any sort of textbox to change the color pallet! I always do tests to see which colors work best before settling on any!

(Tho, the blue background SPECIFICALLY is nightmarish to work around. So if that's the ONLY thing I can't make work, I often ignore it and let you guys who use it suffer lmao)

(Hopefully this'll give you guys some respect for me and how much I do to make my posts aesthetic af lol)

Also hopefully this all helps???

divider by @cafekitsune

[boo-pin]

WILLOW NIGHTINGALE (accompanied by Stokely Hathaway & Kris Statlander) ↳ Double or Nothing 2024

[samuelroukin]

CON O'NEILL as Izzy Hands in OUR FLAG MEANS DEATH (2022— ) Episode 2.08

[meyerlansky]

ROBERT "ROSIE" ROSENTHAL in MASTERS OF THE AIR PART EIGHT↳ well, boys, if the station on full lockdown and the sound of a couple thousand ships forming up weren't your first clues, we're a few hours away from the invasion of europe.

(for @opheliaintherushes 💙)

[k-yujin]

　　∿　　 ﹒　　 ☆　 .　　🕳️　　 ♫

　 ∿　 ﹒ ⌑ 　 @iluvrei ↷ 　 . 🎶

[litafan4ever]

TAYLOR SWIFT X MAISIE PETERS - THE ERAS TOUR (AUGUST 19, 2024)

[sheslikealostflower]

What time is it? WWE Backlash France 2024