𝐌𝐈𝐋𝐀𝐍𝐎𝐓𝐄 𝐓𝐔𝐓𝐎𝐑𝐈𝐀𝐋
( estimated set up time: 10-20 mins )
For all you visual-based roleplayers out there, I just have to share this amazing "idea board" site I found Milanote! this is a tutorial so you can make something similar to the video above! It’s perfect for organizing your character ideas, worldbuilding, or even plotting out entire storylines. I can see it as a potential replacement for a minimalist based carrd! Here’s the Milanote website to check out, and here’s an example of a live board to give you a feel for how it works. please like or reblog if this helped you!
( 1 ) Sign Up or Log In
Visit app.milanote.com.
If you’re new, click “Sign Up” to create a free account.
( 2 ) Create a New Board
Once logged in, you’ll see the Dashboard.
Click on the “+ New Board” button to start a new project.
( 3 ) Add Content to Your Board
Add Notes: Drag the Note icon from the toolbar or double-click anywhere on the board to write ideas or plans.
Add Images: Drag images from your computer or click Upload Files to bring visuals into your board.
Add Links: Paste a URL directly, or use the Link option to organize references.
Organize with Columns: Use columns to categorize content
Create Checklists: Add checklists to track tasks or progress.
( 4 ) Organize and Style
Drag and Drop: Move items freely to arrange them however you like.
Connect Items: Use arrows to link related elements for better visualization.
Color Coding: Use colors to highlight or differentiate ideas and sections.
( 5 ) Collaborate
Click “Share” at the top-right corner to invite collaborators.
Assign tasks, add comments, and share feedback in real time.
the age old question of "how do i plot?" is one that has floated around the rpc for as long as i've been around (and that's a long time). i wrote quite a comprehensive guide for a discord rp, but i thought it would be worth putting out into the community just in case other people find it worth while. it's a guide to provide everyone with some good foundations into plotting, how to get the best out of everyone when it comes to plotting, and give a bit of a steer for those who might be struggling to come up with some ideas.
RESPONDING TO PLOTTING CALLS
this is the first, and most obvious way to try and get some plots with people. if you are responding to a plotting call, nobody is asking you to have a fully fledged plot in mind to pitch to that person. however, it's usually a good idea to have at least a couple of muses in mind (if you have several) as options to pair them off. this could be friendly, it could be rivalry, it could be shipping. please make sure you check that the mun is opening to ships for that muse before you launch into all things romantic though, please!
if you are responding to a muse-specific plotting call, it's a good idea to go and read through the muse info if you haven't already. it's polite to have a rough idea as to the muse you're hoping to get plots with, and makes conversation easier. it's for this reason that it's really important that bios are kept up to date and accessible, with ideally as much information as you can muster. dropping a few wanted connections for that muse in their bio can also help drive these conversations.
SOME QUESTIONS TO CONSIDER
when it comes to coming up with ideas, there are a number of different things to consider and i would strongly recommend going to read this list because g at @pocmuzings truly did an amazing job at providing these steer questions!
CONNECTIONS
there's no doubt that people can be interlinked. it's important that where connections might overlap, we keep everyone updated. it's not godmodding to talk to people about potential connections for other muses –– but it is if you decide an outcome without speaking to the mun first.
for example, if you're plotting with someone about your muse who has a sibling, you should mention that they speak to the mun of that sibling too! it might be that it expands their connection, forges new plots!
similarly, using any wanted connections channel is super important. it's a first port of call for some people when they are looking at picking up a new muse, so any big connections that form part of a plot you want to do, should be dropped in there. please remember though, that with rp you get out what you put into it. please don't expect everyone else to pick up your wanted connections, if you're perhaps not willing to pick any up yourself. it can be quid pro quo, and sometimes the best plots come out that way!
FLEXIBILITY
muses are all special to each of their muns, i have no doubt. however, being rigid in their portrayal, be it canon or oc, can stunt the movement of plots in a group environment. especially if you have one set plot in mind for a character you write, it might close off options for other plots with other muses that could be equally as enjoyable.
you might have always written your oc as attending the same med school for as long as you've had them, but if it's not crucial, why not change it to allow for a connection to another muse, to add a link into a back story? we're not saying you need to change everything about all of your muses at all. but it's important to keep in mind that sometimes in order for plots to really pay off, things can be tweaked and amended to prompt drama and ultimately make threads more fun. stepping away from a fixed idea for a muse can also do this, it's so important to be open minded!
"YES, AND!" OR "NO, BUT!"
this is truly the best thing to keep in mind when it comes to plotting. it only truly works when each mun is just as invested in an outcome. if someone presents an idea to you that you like, instead of just saying "okay!" or "sounds good!" try and adopt the "yes, and!" method. this means yes agreeing to their idea, but add something else to it. for example, "that sounds good! perhaps they can also end up on the same surgery and stuck in the same room together!" this is truly how to get plots rolling and eventually coming up with something really exciting!
in the same vein, if something is put to you that feels a little out of character for your muse, go with the "no, but!" approach. there are ways to politely say that it doesn't fit with your muse, but using but provides you an option to put forward an alternative. "my muse doesn't drink so that wouldn't work, but they do spend a lot of time at XXX location, would that work instead?" is an example of the "no, but!" method! it keeps the conversation flowing which is crucial when it comes to plotting.
not putting forward alternatives, or helping to expand on an idea, puts more pressure on the mun you're plotting with and it's not fair for them to come up with all of the ideas, even more so if you don't have muse information accessible for them to work from. we want everyone to have fun, and not feel like they are carrying the weight of plotting for their muses. thank you!
i am not very good ( yet ) but i wanted to show people how i make gifs — in case some people want to start making gifs but not sure where to start. i use photopea.
clips:
there are many ways to get clips, i personally use the snip it app on my laptop. i screen record what i want to gif ( do not go over 30 seconds, 15 is pushing it ).
— you can download videos and break them up ( i know clipchamp is free to use for breaking clips up )
getting the screen caps:
so, start with your first clip. you will click the little eye for everything you want in your first gif. then from the first little eye layer to the last push shift all the way to last little eye layer — it will shadow it. move them to a folder.
— repeat with each one you want to gif. each folder will be one gif.
making the gifs:
right click your folder > duplicate into > new project ( i personally name the project & it will keep count of your gifs until you get to 100 ).
as long as the images are in the folder you can adjust the zoom of the face ( if you need to move something and its not letting you move it cntrl + alt + t ).
— just learned: shadow them again > filter > sharpen > unsharpen mask ( mess with the numbers as you like ). it makes your gifs more crisp.
mess with the colors:
this one depends on your gifs. you will want to click the circle that looks like a moon. it gives you all sorts of options. if you're giffing people with darker skin tone you'll want to mess with the vibrance, so they don't whitewash.
size it:
you can change the size a few ways.
a. ) image size > change ( i do 268 x whatever comes up ) on your new project & you will need to adjust the folder each time.
b. ) image size > change both projects
c. ) save it > change size there
save it:
file > export as > gif
adjust the speed how you like, i keep it at 45% ( unless its very little frames )
always have a 0 where it says repeat
repeat:
always delete the folder not the project, just move the new folder over and then its ready for a quick save ( do the sharpen unmask each time ).
I'm sure there are already a few tutorials like this one out there, but hey, what can one more hurt?
What's this do?: Krita has features you can use so you can make quick edits to your icons all at once, and save them all out individually with the press of a button. It's a great time-saver, and gives you a lot of flexibility in your edits!
What you'll need:
Krita, a free and open-source painting / image editing program!
Icons!
Part 1: How to export your icons all at once.
( warning: long and image-heavy! Written with beginners in mind. )
Once you open Krita, you'll want to go to Window > Workspace > Animation on the uppermost bar to change the layout for what we'll need, here.
We're going to be using Krita's animation features to make iconing / icon-editing a little easier.
( as an extra note, hitting '1' on your keyboard will set Krita's zoom to the image's actual size, while '2' will have it fill the available space. Helpful for seeing how your icons will appear on the dash. )
Okay, let's get started! Make a new image ( File > New or press Ctrl + N ), set it to whatever dimensions you want ( I default to 100x100px ). Make a new layer ( Click the plus icon in the layers tab, or press ins ), and then put that layer in a group ( Right-click the layer and click group > quick group, or press Ctrl+G while its selected. )
With that grouped layer selected, Grab your icons, and click & drag them into Krita, onto the canvas ( the big empty grey space in the center ). When Krita prompts you, select 'insert many layers.' This will load in each image as its own layer. If you don't have the grouped layer selected, you'll have to select them all and put them back in the group. ( No big deal, just shift + click the first and last layers, and drag them where you need them. )
You can now delete your initial paint layer in the group, if you want. Otherwise it will make an 'empty' icon when we export.
Select that group, then go to Layer > Convert > Convert Group to Animated Layer on the top bar.
( This is only accessible through the top bar, not the menu that appears when you right-click on a group. I don't know why. )
Congrats! Now all your icons are frames in an animation. Each cell on the timeline is a single icon. If you have a scroll wheel, you can scroll to quickly look through them all.
If you can't see all of your icons on the timeline, click the three bars here and set 'clip end' to whatever number of icons you have ( or a little more, for extra wiggle room. )
Find the last filled cell, right-click it and select 'set end time.'
When you're ready, hit File > Render animation.
You'll want to make sure you set it to export as an image sequence, and select where you want your icons to go on your computer. Give them a naming scheme.
Make sure you save before you export your icons, as I've had Krita crash while exporting a large number of icons all at once.
( If it does this to you, just try again. Worst comes to worst, you can export by setting the first frames and last frames to smaller chunks instead of all at once. )
Hit OK and voila! No more saving icons out one-by-one!
Of course, we haven't done any editing yet, so this is all redundant unless you're saving out your own freshly-cropped icons. Let's move onto the fun part:
Part 2: Editing
Right-click your new group layer and hit add > filter mask. Choose any you want- for demonstration purposes, I'll be using my favorite: gradient map.
This will put that filter over all frames in that animation layer, meaning you won't have to repeat your edits per icon.
If you want to edit your filter mask after you click off, just right-click it in the layer tab and select 'properties.' It will bring the initial prompt up again for you to adjust.
You can add as many filter masks as you want! The order the layers are in does matter, though, so keep that in mind.
If you want to add frames, banners, name tags, symbols etc, you can do that on layers over or under that animation layer! They'll stay consistent across the 'animation' unless you add new frames to them on the timeline.
If you want to edit your icons again, just do so, and re-export! If the naming scheme and numbers are the same, Krita will automatically overwrite the old files. But watch out; if you're trying to save new icons, make sure you start numbering at a higher number than your last icon, or change the base name.
how to use xkit rewritten / trim reblogs on mobile:
updated for december 2022
this method is beta editor / npf compatible
my previous tutorial to trim posts technically still works, but as tumblr is discontinuing legacy posts that method is already outdated and unhelpful for people who have no other option than to use the beta editor.
but fear not! i've figured out how to use xkit rewritten on mobile and it's VERY easy.
install "firefox nightly for developers" OR "firefox beta for testers". must be one of these two, not regular firefox.
go to settings, scroll down to the "about firefox" page at the end and then click on the logo 5 times until debug mode is enabled.
back to settings and below add-ons you'll see the 'custom add-ons collections' option.
add 17683742 as the ID and name it 'tumblr' like so:
the browser will give you a little pop up that the extension is being added and the app is being restarted.
now enter the app again, go to the add-ons section and xkit rewritten should be loaded there. i've included ublock in the collection so you can use both because you absolutely should.
on firefox beta you'll see the extension with a +, click on it to add it.
now cut your replies the same way you do it on desktop with xkit rewritten!
save the post as a draft
click on the scissor button
it's done!
please consider that this is experimental so not all of xkit rewritten's features will work on mobile. trim reblogs does work though!
i still recommend using my roleplay formatter for formatting your replies and then copy pasting the html on your reblog.
other useful links :
this post explains the differences between the two editors and why we're switching.
this post is a tutorial on how xkit rewritten's 'trim reblogs' feature works.
Welcome, newcomer! Whether you're a detective, a criminal, or something in between: if you've made it to Yokohama, you're in the right place. ♥
This guide will help you set up your roleplay blog, connect with others, and become part of our living city!
Step 1: Create a Sideblog
Most people use sideblogs for their RP characters.
→ On the pc 🖥️:
click the Account item on the left menu.
click "+ New" .
→ On the mobile phone 📱:
tap the account icon and then tap your blog name.
tap "create a new blog" (iOS) or "create a new Tumblr" (android) at the bottom of the dropdown.
Give your character a name, blog title, and URL.
⚠️ Keep in mind: Sideblogs can't like posts or send asks as themselves. Only your main blog can. When sending an aks, you just tag your blog: @sideblog
Step 2: Set Up Your Blog
Show your character from the best side!
→ On the pc 🖥️:
click on your blog
click "Edit appearance"
→ On the mobile phone 📱:
tap your profile icon
open the palette icon 🎨 for Appearance Editor
Add then:
a profile picture (your character)
a header image or colour
a short description
Create a pinned post with:
a character intro
rules, muses, etc.
tagging info
interaction preferences
⚠️Image Guidelines:
Avatar: 128 × 128px, max 10 MB (jpg, png, webp; gifs convert to static)
Header: 2048 × 1152px (16:9), max 10 MB (gifs allowed)
Enable Asks:
→ On the pc 🖥️:
select the blog (left side) and click on settings (right side)
go to the ask section
turn on "Let people ask questions"
choose an Ask page title (up to 26 characters)
Optional: "Allow anonymous questions"
→ On the mobile phone 📱:
tap your profile icon 👤 and select the blog
tap the gear icon / settings ⚙️
turn on "Let people ask questions"
choose an Ask page title (up to 26 characters)
Optional: "Allow anonymous questions"
Step 3: Make Yourself Known
Time to jump into the world!
→ Let people know you're new and reblog your sideblog/character to:
https://www.tumblr.com/communities/bsd-rp
• Tag @bsd-rp-masterlist so I can add your character to the masterlist!
Start your journey:
tag your starter/open rp text with #bsd rp, #bsd oc, #open rp, #rp starter, etc.
reblog starter calls from others
send asks to others
Explore the Yokohama Map and current RP Events to join missions or get inspired.
Step 4: Add Your Place in the City
Do you want your character to run a café? Or maybe have a hideout?
→ Contact @bsd-yokohama and I will add your building to our interactive map.
Just send:
your building name
short description
location preference
optional: affiliation (Port Mafia, ADA, Guild, Original Org., neutral…)
I will place you in Yokohama accordingly!
Final Notes:
So we all have a wonderful time here
be respectful
if you do not like someone, just block and don't start drama
don't be afraid to reach out, we're all here to build stories together
you don’t have to be perfect: Just start! :D
May your time in Yokohama be full of discoveries and fun!
🔹 Step 1: You are here!
🔹 Step 2: Build your character: How to create an OC (or adapt a canon) and make them fit in
🔹 Step 3: Start playing: How to interact with others, send asks, and reblog replies
Tutorial: ¿Cómo hacer gifs sin PS y no morir en el intento?
¡Holi! Hoy les traemos este tutorial que creemos que les puede ser muy útil si no tienen photoshop (como una brujita de este coven jaja). Eso sí, se usan al menos tres sitios web o apps distintos, así que sobre aviso no hay engaño.
Usaremos un descargador de videos online (el que sea de tu confianza y preferencia), Canva y Photopea. Otra opción que recomiendo es descargar VideoProc Converter, pero no es necesario para este tutorial.
Yo usaré este video de Timothée Chalamet para hacer este gif:
PASO 1. Primero, debes elegir tu video de donde harás el gif. Recomendamos videos de Youtube o Dailymotion de calidad muy buena (mínimo 720p). El consejo es que veas el video entero para que identifiques los segundos que quieres convertir a gif.
PASO 2. Descarga el video ya sea en línea (una simple búsqueda de "youtube downloader" y listo) o en VideoProc y guárdalo.
PASO 3. Vamos a Canva (si no tienes cuenta, tendrás que registrarte). Das click en "Crea un diseño" y eliges Video. Una vez que se abra tu proyecto, ve a la pestaña "Archivos subidos" > Videos y sube tu video.
PASO 3.1. En este punto podrás cortar la escena que deseas convertir a gif. Recomendamos no pasarse de los 10 segundos o será demasiado pesado.
También puedes agregarle algún filtro o jugar con los colores y tonalidades. El consejo es que intentes equilibrar el tono en caso de que los colores sean muy cálidos o fríos, o sean tipo Twilight con filtro verde, pero nada más. Esto para no saturarlo y que se vea de baja calidad.
En este caso, lo dejaré en 6 segundos y le quitaré el tono azulado.
PASO 4. Una vez que tengas tu clip, da click en "Compartir", luego más abajo en "Descargar" y, por último, en tipo de archivo, elige "GIF". Automáticamente, Canva lo guardará con las medidas 1152 x 648 pixeles. Pero a menos que necesites un gif más grande, esa medida es suficiente. Descarga y guarda tu gif.
PASO 5. Ahora vamos a Photopea, que es lo más cerca que existe a Photoshop. Aquí podrás cortar tu gif a la medida y agregar PSD's, colorings, textos, etc.
Mi gif de Tim de 6 segundos tiene 149 capas (por eso les recomendamos mantenerlo lo más corto posible), así que eliminaré las capas que no tengan demasiado movimiento entre una y otra. Puede ser dejar 1 y eliminar 1, cada 2 o cada 3; depende de qué tanto movimiento haya en la escena.
Decidí dejar 1 capa y eliminar 2, quedando así con 50 capas. También agregué un coloring.
PASO 6. Cuando tengas tu gif como te gusta, das click en Archivo > Exportar como > GIF. Al momento, surgirá una ventana donde podrás jugar con la calidad, la velocidad y el número de repeticiones (por defecto está en repetición infinita y recomiendo dejarlo así). También podrás elegir si quieres que se reproduzca en reversa o tipo boomerang.
En este caso, bajé la velocidad pues al eliminar un tercio de las capas, el gif se reproducía muy rápido para mi gusto.
¡Listo! Tu gif está terminado ✨.
Pero, Coven, ¿por qué no sólo hiciste el gif directamente en Photopea? Ah, excelente pregunta. Quizá no he encontrado la opción, pero me pareció mucho más complicado sin la línea del tiempo como la que tiene PS. Además, no sé si es igual de eficiente la herramienta de Importar videos a capas, así que preferí tomar el camino largo 😅.
Esperamos que este tutorial les sirva. Intentamos que las instrucciones sean simples y claras, pero si les quedan dudas nuestro inbox está abierto.
i'm hopping on here to make a helpful little post because, as i'm sure we're all aware, tumblr dimensions are so, so, incredibly finicky, and i know it's frustrating working so hard on a graphic only to upload it and see that it turns out blurry on the dash.
this applies to all banners as well! your promo graphics, pinned posts, answered banners, headcanon banners, etc.
tumblr post-width is at 540px. so, you're going to want the width of your canvas for all dash-graphics (iconics, dividers, any banner) to also be 540px. this is going to prevent it from being blurry on the dash. i'm sure we've noticed that it appears less blurry when you click to enlarge, but when the canvas width is 540px, it'll still be just as crisp on the dash!
500px unfortunately will still blur your graphics. it's easier to fix for borders/dividers, since you can just pop them back into photoshop (or other alternatives) and increase the canvas width, but hopefully this helps people who may not know!
