Colorful Second Brain - Part 2: Excalidraw Color Palette Loader
Вставка
- Опубліковано 10 лип 2024
- #obsidianmd #pkm #excalidraw
Some of you have reported, that the export function stopped working on paletton.com.
If export to txt is not working on paletton.com you can try the following workaround: gist.github.com/zsviczian/28b...
You can also work around this problem, by copying the HEX color codes to the markdown file. See the example in this video • Colorful Second Brain ...
Note that, for compatibility with the paletton export I move the first color to the middle in the palette in each group of 5 colors. The middle color is the accent color in paletton surrounded by two lighter (highest and light) and two darker (dark and darkest) shades. When creating the palette file for Excalidraw you should copy hex codes for colors in the following order: middle (accent), lightest, light, dark, and darkest.
This is the second part of my video series exploring the use of colors in PKM. In the second episode, we will talk about tools for designing a custom color palette and loading that palette to Excalidraw in Obsidian.
-----
If you find the plugin and/or my videos helpful, please say thanks by buying me a coffee: ko-fi.com/zsolt
If you'd like to request a feature or report a bug, please raise it on GitHub: github.com/zsviczian/obsidian...
If you want to connect, you can reach me (@zsviczian) in the Obsidian Members Group (OMG) on Discord or on Twitter.
Timestamps
---------------------
00:00 Intro
00:40 Colorful Second Brain Series Overview
01:58 Topic Overview
02:51 Color Theory
07:35 Crafting your own color palette
08:33 Paletton
11:36 Exporting your palette to Obsidian
13:10 Introducing Palette Loader
14:02 Installing Palette Loader
14:57 Using Palette Loader
19:58 Palette Loader Settings
21:11 Working with other palette formats
24:33 Closing remarks
Links:
---------
Paletton: paletton.com/
My blog: zsolt.blog/
Obsidian: obsidian.md
Excalidraw plugin: github.com/zsviczian/obsidian...
Credits
----------
Photo in the intro by Steve Johnson: www.pexels.com/photo/red-gree...
Omg, when u've just found this series and addicted to it and then Excalidraw is updated. Thank you! Fantastic!
I ❤️ how you calmly dissect a complex subject into edible chunks !
I created my own template and palette. Now, this is next-level brilliant. When learning a skill the quality of the teacher is so important and often overlooked. You are really good at explaining things. I'm lucky to have a friend who is a retired professional illustrator and artist and I love our coffee afternoons with digital art practice.
Thanks for the compliment. You seem to be working through my videos diligently, one by one :).
One trick I do not mention in the video... you can include the link to the paletton.com palette in text based (not the json) palette file. This is good because you can return to the same palette later should you want to change your tones, etc.
The palette loader and easy import from Paletton is fantastic.
Being able to add audio (soundsbites) to Excalidraws drawing board would be amazing! Imagine the potential! What do you think?!
You can already add audio by adding a link to an audio file and ctrl+shift clicking that to play. You can also attach the link to a simple loudspeaker icon (or similar) and it will become more visual. The whole process could be automated with a fairly simple Excalidraw Automate script that you can click, record the audio and have the loudspeaker icon with the link to the new audio file automatically attached.
Unfortunately recently I've not had much free time to play around... otherwise I'd promise to write and publish the script. I am guessing that getting a first version of the script working would take about 30 minutes at most.
@@VisualPKM thank you!! Amazing !!
thanks🙏👌
You’re welcome 😊
super super super!
I am becoming addicted to your videos 😊. BTW - is the panning-zooming (kind of like Prezi) between mindmap nodes automated with script(s) or do you do that manually?
I've been thinking about adding some script to pan the canvas... right now I just pan with my finger.
@@VisualPKM Thanks for the response. It would be great if users could establish a "camera" path for a presentation to follow, at each path point describing things like zoom.
@@kenfhill84083 Maybe just use a line object. Each point duplet on the line could define the top left and bottom right corners for the frame, the sequence of duplets the sequence of presentation. You'd make the line stroke color transparent to hide it and could copy the element ID of the line into the front matter to define the playback path....
I love the idea of a presentation path!!!
The only thing I need to port to the Excalidraw API is to allow moving the canvas, and to allow zooming for an area instead of zooming to elements.... but this should not be too difficult.
This is going to be so cool!
@@VisualPKM "going to be so cool" I agree! If you need an extra beta tester, I would be honored to participate.
When I try to export in paletton it gives an error: 'The requested URL was not found on this server.' Is there any other method I can use to get palettes? or maybe some premade palettes that I can copy and paste?
I noticed as well. You can copy the hex color codes in a text file as shown here: ua-cam.com/video/r9oB1SlK1GU/v-deo.html at 9:24
did you make the colorwheel shape in Excalidraw ? If yes, how ? It looks like there is no grid in Excalidraw to make a precise cutting of the circle
Does this answer your question? ua-cam.com/video/Y9O-ePE3Wms/v-deo.html
@@VisualPKM It most certainly did :D I learned a lot from that video, thank you very much,
Great feauture for teachers and artists. However when i installed the script and checked my palette , its not showing. so i tried to change the path of palette settings in excalidraw, but it doesn't allow me to change the palette folder path. is this static palette folder path a feature?
did you install the palette loader from the script library? are you using the latest version of Excalidraw plugin?
@@VisualPKM yes install the palette loader from script library and my Excalidraw plugin ( 1.7.19)is up to date
@@vivekr463 The default folder path to the palette is Excalidraw/Palette this is a static path. you can change this in Excalidraw settings.
Any markdown file you place in this folder should show up when you run plalette loader.
@@VisualPKM Ok Thank you for the clarification :)
Hi zsolt,
Is there a way to have a custom palette already loaded when creating a new drawing.?
Or do we have to manually load our favorite palette each time we create a new drawing ?
Thanks
Tom
I've successfuly loaded custom palette and can use it. But is it possible to change default color in colorpicker? I mean those 5 colors available in the Stroke section if you just open color picker. My custom palette available only after I choose particular color and try to adjust it (I should do that each time I choose color). Windows and android application.
ua-cam.com/video/diBT5iaoAYo/v-deo.html
Hi, is it possible to highlight a single word in a sentence in a sticky note on excalidraw? Only one word, not the whole box.
not at this time, but this is definitely on my to-do. you can place a small rectangle with background color behind the text for now, that is what I usually do to highlight words
Is there an way to set the image size manually? Like I want to make them all 300px, where can I set the pixel size manually, without editing the picture size every time I paste a new image into the note? Is it possible? I tried, but everything is simply on default settings
Image size when embedding into a markdown note, or image size when dropping an image into Excalidraw?
For embedding into notes: go to Excalidraw plugin settings, select "Embedding Excalidraw..."/Export Settings/Image sizing/
if you want to resize images in the excalidraw scene, then you can use (or enhance) the "Set Dimensions" script.
@@VisualPKM Thank you Sir!
Is it possible to embed youtube video and such in excalidraw?
At this time not... or only with a little effort. You can embed the thumbnail to the video as an image and add the youtube link to the thumbnail.