Obsidian-Excalidraw 1.8.12 - QoL Improvements: pens, pinned scripts, panning tool, and color picker
Summary
TLDR在这段视频中,演讲者介绍了Excalidraw插件的一些新特性和改进。首先,用户现在可以在工具栏上添加多达10支自定义笔,包括高光笔,并且不再需要处理笔文件,因为有一个笔配置窗口可以让用户随心所欲地定制笔。此外,用户还可以将自己喜欢的脚本固定在工具栏上。视频中还展示了新的平移工具,它的形状像手,允许用户移动画布。最后,新增了一个颜色选择器工具,它不仅可以选择颜色板以外的颜色,还可以从屏幕上任何位置选择颜色。演讲者还提到,这些自定义笔目前只在Obsidian Excalidraw中支持,如果导出文件到excalidraw.com,自定义笔的外观可能会有所不同。此外,用户可以通过插件设置启用或禁用这些自定义笔。视频还展示了如何配置自定义笔的颜色和类型,以及如何将脚本固定到工具栏上,以及如何使用新的手形平移工具和颜色选择器。
Takeaways
- 🖋️ 定制笔体验得到显著改进,用户可以在右侧工具栏添加多达10支定制笔,还有荧光笔。
- 📄 现在不再需要处理笔的文件,通过笔配置窗口可以随心所欲地定制笔。
- 📌 可以固定最喜欢的脚本到右侧工具栏,包括下载的脚本或自己创建的脚本。
- ✋ 引入了新的手形平移工具,允许用户移动画布。
- 🎨 新增的颜色选择器工具允许用户选择颜色面板之外的颜色,以及从屏幕上任何位置选择颜色。
- ⚠️ 这些定制笔不受excalidraw.com支持,使用这些笔在Obsidian X Calligrapher中导出的文件在excalidraw.com上看起来会有所不同。
- 🔧 定制笔默认未启用,需要在插件设置中启用。
- 🌈 可以配置定制笔的默认颜色,并且有多种笔类型可供选择,如细尖笔、自来水笔、标记笔和思维导图笔。
- 🛠️ 笔的配置选项允许用户更改笔的笔触颜色、类型,并且可以选择笔的颜色是否应用于所有形状或仅用于自由绘制。
- 📑 用户脚本可以固定到工具栏,方便快速访问,但工具动作和插入动作不能被固定。
- 🖱️ 手形工具允许用户像使用橡皮擦工具一样平移画布。
- 📱 托盘模式允许用户根据个人喜好调整工具栏的位置,使工具栏位于顶部或底部。
- 👉 颜色选择器的取色器工具特别有用,可以在屏幕上任意位置取色,非常适合需要颜色匹配的场景。
Q & A
在Obsidian X Callotdraw中,最多可以添加多少支自定义笔?
-在Obsidian X Callotdraw中,用户最多可以添加10支自定义笔到右侧工具栏。
自定义笔是否支持在excalidraw.com上使用?
-自定义笔不支持在excalidraw.com上使用。如果在Obsidian X Callotdraw中使用了这些笔并导出文件,然后在excalidraw.com上加载,笔的外观将会有所不同。
如何启用Obsidian X Callotdraw中的自定义笔功能?
-要启用自定义笔功能,需要进入插件设置,选择X Callotdraw,然后滚动到“非excalidraw.com支持的功能”部分,在那里可以启用自定义笔。
如果我想改变自定义笔的默认颜色,应该怎么做?
-要改变自定义笔的默认颜色,可以双击笔图标打开配置窗口,然后在配置选项中选择并更改所需的颜色。
Obsidian X Callotdraw中的Highlighter Pen有什么用途?
-Highlighter Pen可以用于高亮显示文本或图形,用户可以围绕中心思想画圈,完成后会在文本背后显示高亮颜色。
如何将脚本固定到Obsidian X Callotdraw的右侧工具栏?
-要将脚本固定到工具栏,需要长按工具栏中的脚本按钮约1.5秒,之后该按钮会被添加到侧边栏。
Obsidian X Callotdraw中的Hand Tool有什么作用?
-Hand Tool允许用户移动画布,类似于橡皮擦工具,可以在不同工具之间切换,以便在需要时移动画布。
Color Picker工具在Obsidian X Callotdraw中有什么好处?
-Color Picker工具不仅可以从颜色面板中选择颜色,还可以从屏幕上任意位置拾取颜色,这在需要与图像颜色匹配文本时非常有用。
在Obsidian X Callotdraw中,如何切换回默认的Obsidian笔?
-如果用户想要停止使用自定义笔并切换回默认的Obsidian笔,可以点击颜色选择器中的背景颜色,再次点击将去除颜色,回到默认笔。
Obsidian X Callotdraw中的Tray Mode有什么作用?
-Tray Mode允许用户在Obsidian X Callotdraw中切换视图,使得工具栏可以显示在顶部或底部,根据用户的喜好和使用习惯进行调整。
如果用户在使用Obsidian X Callotdraw时遇到问题,应该如何反馈?
-如果用户在使用Obsidian X Callotdraw时遇到任何问题,可以通过访问GitHub并提交问题或反馈来进行沟通。
Obsidian X Callotdraw中的自定义笔是否会影响所有形状的颜色?
-这取决于用户的设置。在笔的配置中,有一个选项可以决定笔的颜色是只应用于自由绘制工具,还是应用于所有形状。
Outlines
🖊️ 自定义笔工具的改进
在视频脚本的第一段中,介绍了对自定义笔工具的显著改进。用户现在可以在右侧工具栏中添加多达10支自定义笔,包括一个高光笔。此外,不再需要处理笔文件,而是通过一个笔配置窗口来定制笔的样式。用户还可以将自己喜欢的脚本固定到工具栏。新加入的还有移动工具,它允许用户移动画布,以及一个颜色选择器工具,可以选取不在调色板中的颜色,甚至可以选取屏幕上任何位置的颜色。
🎨 笔的类型和配置
第二段详细介绍了不同类型的笔,包括默认笔、高光笔、细尖笔、钢笔和标记笔,以及它们各自的特性。例如,钢笔会根据压力变化线条粗细。用户可以通过双击笔图标来配置笔的颜色和其他设置,例如更改高光笔的笔触颜色或选择不同类型的高光笔。此外,还提到了笔的默认颜色设置,以及如何通过键盘快捷键在工具之间切换。
📌 脚本固定和手形工具
第三段讲解了如何将Obsidian工具菜单中的脚本固定到侧边栏,以便于快速访问。用户可以通过长按来添加或移除固定脚本。此外,介绍了手形工具,它允许用户平移画布,类似于橡皮擦工具。还提到了托盘模式,它允许用户根据个人喜好调整工具栏的位置和布局。
🖌️ 颜色选择器的新增功能
在第四段中,展示了颜色选择器的新功能,它不仅允许用户从调色板中选择颜色,还可以通过拾色器工具从屏幕上任意位置选取颜色。这对于需要颜色匹配或选择特定颜色的用户来说非常有用。视频脚本的最后部分强调了这些新功能的实用性,并鼓励用户在GitHub上提供反馈。
Mindmap
Keywords
💡自定义笔
💡高亮笔
💡笔配置窗口
💡固定脚本
💡平移工具
💡颜色选择器
💡非官方支持特性
💡插件设置
💡笔的类型
💡笔的颜色配置
💡托盘模式
Highlights
自定义笔体验显著改进,用户可以在右侧工具栏添加多达10支自定义笔
新增高光笔和笔配置窗口,用户可以根据自己的喜好定制笔
不再需要处理笔文件,所有设置都可以通过新的笔配置窗口完成
可以固定最喜欢的脚本到右侧工具栏,包括下载的或自创的脚本
引入了新的手形工具,允许用户移动画布
新增颜色选择器工具,可以选取颜色面板外的颜色,以及屏幕上任何位置的颜色
自定义笔在obsidian X collateral和excalator.com上不支持,可能会显示不同
自定义笔默认不启用,需要在插件设置中手动开启
演示了如何使用高光笔和粗细变化的绘图笔进行思维导图的制作
用户可以更改笔的默认颜色,并且即使在高亮后也能更改高亮颜色
介绍了不同类型的笔,包括默认笔、细尖笔、钢笔、记号笔和思维导图笔
展示了如何配置笔的属性,例如改变高光笔的颜色
解释了笔的配置选项,如何影响所有形状的颜色或仅影响自由绘制
展示了如何将用户脚本和下载的脚本固定到工具栏,以提高效率
介绍了手形工具,类似于橡皮擦工具,可以轻松移动画布
展示了托盘模式的切换,允许用户根据个人喜好调整界面布局
颜色选择器允许用户从屏幕上任何位置选取颜色,对于需要颜色匹配的场景非常有用
这些新功能对于使用Excalidraw的用户来说非常有用,尤其是iPad用户
Transcripts
hey everyone we've got a lot to cover
today first of all I significantly
improved the custom pen experience you
can add up to 10 custom pens to the
right hand side toolbar
plus there's a highlighter pen and on
top of all of these you no longer need
to mess around with pen files now
there's a pen configuration window where
you can customize the pens to your
heart's desire
following the same logic you can also
pin your favorite scripts be the
downloaded scripts or scripts that
you've created to the right hand side
toolbar and there's a new panning tool
it has a hand shape this is from the
excolodraw.com team and this allows you
to move the canvas around
and finally I added a Color Picker tool
that allows you to pick colors that are
not part of the color palette as well as
it allows you to pick colors from
anywhere on your screen
so let's Dive In
let's start the demonstration with the
pens first of all I need to underline
that these pens are not supported by
xcoledrow.com this means that if you use
these pens in obsidian X collateral and
Export your file and then load it to
excalator.com the file is going to load
but the pens are going to look different
maybe in the future there's going to be
support but at the moment it depends
that you use here will only look like
this in obsidian X call it draw and
nowhere else for this reason these pens
are not enabled by default but you need
to go to plugin settings to turn them on
so how do you do that you click here on
settings you choose X call it raw and
you scroll down to the non xcarly
draw.com supported features right here
there are two non-excoliator.com
supported features one is the fourth
font but that is old business and the
other are the custom pens you can choose
to have between 0 to 10 different custom
pens
each of the pens will come with a
pre-configuration but you can freely
change those configurations I'll show
you how to do that in a second so I'm
going to keep this setting on seven and
we're going to Now quickly demonstrate
how this works so let's say I'm creating
a mind map and this is my central idea
right here and I want to highlight this
central idea in this case I can pick the
highlighter pen and I can simply just
draw this circle around my idea and then
I complete the drawing it is going to be
a highlight color behind the idea I
could also of course and I'm going to
show you this in just one second
also highlight the text but now let's
continue with a mind mapping pen this is
the thick to thin pan and so I'm just
going to draw this line here and we're
going to have two ideas so I'm going to
do draw these two lines here and I'm
going to add this is going to be idea
one and this is going to be
idea too
and for example I can highlight idea one
and I can highlight idea one like this
as well so this also works and even
after I've highlighted idea one I can
change the color of the Highlight
especially if I'm able to
select it yes
come on
if I'm able to select it and so I'm
going to change the highlight color in
this case
to this blue and you can see that the
color now is a different color highlight
we'll also look at how you can configure
your custom pen to have a different
default color in just one second but
let's first look at the different type
of pens available
so the first pen is the default let's
call it raw pen so this is going to have
exactly the same behavior as the normal
X color drop band the trick here is of
course you can set different default
colors for this
we already looked at the highlighter pen
then I have a fine tip pen I think if
your handwriting in excalator this is
probably the one that is going to be the
most legible type of font
then there's a fountain pen which is
going to be pressure sensitive and it's
going to be thick or thin depending on
the pressure you're applying so this is
this type of pen
there's also a marker so the marker is
going to have in this case the
pre-configured marker is going to have
an outline color and so you can just try
it text like this I'm not going to
complete this but I am going to
here we go
so you see you can write text like this
now I'm using a mouse so the text is not
that very nice and we have two mind
mapping pens so this was the thick to
thin you've already seen that I also
have a thin too thick to thin line which
looks like this so you can see that it
starts thin and thin and it's thick in
the middle so those are the pens
available now if you want to configure
these pens you can simply
come here to the pen and let's say we're
going to change the color of the
highlighter pen if I double click on the
pen
then the configuration window will pop
up and there's lots of configuration
options here
I'm not going to go through all of these
you can explore these for yourself but I
want to show you that in this case I can
change the stroke color of this pen and
maybe this is now going to be this blue
highlighter pen like this and I'm
actually going to copy the same color
over here
and I'm going to just write it here so
this is
I think the same color
so now I have a background color and a
stroke color
and my back my highlighter pen has a
different color so if I close this and I
use this highlighter pen then you can
see actually this looks more like green
I have this highlighter color
highlighter pen now in action
also if I want to change the type of the
pen that's possible so again I'm going
to double click maybe the default
x-color draw pen and here you can choose
between the different presets and maybe
I want this to be a highlighter pen as
well but with a different color so maybe
I want two different type of
highlighters so I'm going to choose
highlighter and I'm going to click apply
and this is going this is going to apply
the default settings for the highlighter
pen so you can see this is my default
yellow highlighter I'm actually going to
be happy with this I'm going to close
this and now I have to highlighter pen
so this is one of my highlighter pens
and this is my other highlighter pen
if I want to stop using the custom pen I
can also click here to so you can see
that this is now active this is a
background color if I click on it again
the color will disappear and I'm back to
the normal obsidian pen or normal
excelled draw pen if I click this again
then I have the highlighter but note as
well that if I choose a different tool
so if it's not the free draw tool but
maybe it's a rectangle tool then depends
are no longer selected and I can simply
draw my rectangle but when I click the
free draw tool again it will
automatically switch back
to the most recent pen and you can use
the highlighter again this is good
because then this way you can use the
keyboard shortcuts so I can choose
between maybe eight which is the text
and then once I've entered my text I can
press 7 and I can do my highlighting or
of course if I'm not highlighting but
instead I'm using a mind mapping pen
then it's an easy way to switch between
tools
now maybe just a few words about the
configuration so you understand there
are two different type of pens some pens
like for example the Mind mapping pen
are such that when I switch back to the
text the text color and the color of the
rectangles Etc stay the same but other
pens and I think the fine tip pen is
such we will find out soon in case of
the fine tip pen the text color will
change red so it will reconfigure the
color for all of the objects so the way
this works is here
at the the very first setting sets
whether the stroke and fill color
applies to all shapes which is the case
in this case or if I turn this on then
it's for free draw only and with this
you can configure how the pen is
supposed to work so in one case it will
affect all of the objects on your
drawing in the other case it will only
affect the free draw pen this is useful
because in some cases you actually want
a pre-configured color that you can use
for whatever shapes you're drawing and
in another case like in case of the Mind
mapping pen you actually want to switch
between the color for your nodes and the
color for your mind mapping lines and so
this is done what's possible with this
setting
so moving on this was about the
custom bands the other bit I want to
show you are these buttons here which
are the scripts from the obsidian tools
menu
so if I open this tools panel you can
see I have some user actions on top by
the way the these are at the moment not
pinnable so the utility actions the
export action and the insert actions
those cannot be pinned to the side but
only the user Scripts
and the downloaded scripts can be pinned
so let's say I want to pin another
action and I want to pin this bucket
right here so this is actually a very
useful tool it allows me to fill on
closed shapes so I'm going to show you
how that works in a second but the way
you pin it is you need to click this and
you need to hold the button you can also
with your finger touch this for one and
a half seconds and when you do that then
after one and a half seconds this button
is added to the side so you can see how
now I now have the bucket here and let
me show you so I'm going to draw this
shape and if now I come over here and
press and select this first of all and
then I use this button then this is
filled with color the only problem is
that the color is not visible but you
can see
that this was filled with a color and
the shape is not closed so this is what
this script does now if you want to
remove a script from here you do the
same as you added it so you come over
here and you click and hold for about
one and a half seconds and the button
will disappear and you get the message
here that the button was removed
so that's about the custom
actions and the ability to pin your
favorite scripts to the right hand side
there's also this hand tool if I click
the hand tool all this does is it allows
me to pan the canvas this works in the
same way as the Eraser so if I switch
between the hand tool and the current
action then so if I choose the egg press
h for the hand tool and then I again
press h then I can switch between the
tool and the hand tool so you see I
pressed H I can move on I press h again
and I can draw again this works very
similar to the Eraser so if I press e
then I can erase couple of items and
then I press e again then I'm back to my
pen and I can continue drawing
now finally there are still two things I
want to show you one thing before we go
to the Color Picker I want to show you
that you can see that I have these
buttons on the right hand side but maybe
for you there on the top so let me show
you one feature that I think is pretty
useful
so I have something that's called the
tray mode and right now I'm using excali
draw in tray mode this is how I like to
use let's call it raw if I here click to
toggle tray mode then I can switch back
to the default x-coli draw view which
means that I have the properties here on
the left hand side always appear and in
this case these custom tools are in the
top row and not on the right hand side
if again I come here to the menu and I
toggle tray mode then I get my actions
here to the bottom and you can see I
have all my buttons here on the right
hand side
and then finally what I want to show you
is the Color Picker
so the way this works is here next to
the palette Chooser so we have this
button here that has been here
all along with excalator next to the
palette Chooser now I have this button
as well to choose a color if I click
this
then the standard Color Picker will come
up and this has two benefits so let me
show you the two benefits one benefit is
you have the freedom to choose whatever
color you like so you can see here as I
move around the color of my background
changes
plus which is also a very nice feature I
have this picker tool if I click the
Picker I can go on my screen and I can
pick a specific item this is extremely
useful if you're embedding a picture and
you want to color match your text to the
image then you can use this tool to
achieve that so this is about the Color
Picker and I think this is a super
useful tool
so that's all I wanted to share with you
today that was a lot but I think they
are extremely useful features some of
them I've been waiting for a very long
time for example this Color Picker is
something that I wanted for a long time
but also the ability to pin scripts and
pens to the right hand side is super
useful especially if you're using excola
drone and iPad this makes the whole
process so much smoother and so much
better so hopefully you will also find
this useful and as always if you find
any issues with this please go to GitHub
and let me know your feedback and
otherwise I hope to see you next time
thank you
関連動画をさらに表示
How to use Toolbar in SwiftUI | Bootcamp #63
Obsidian-Excalidraw 1.8.21 - QoL Improvements: Dynamic Styling and Color Inversion
"Obsidian" Canvas on STEROIDS: Excalidraw 1.9.5 release
Excalidraw-Obsidian 2.0.15: Image Cropping, Masking and Metadata
Mastering Excalidraw Templates: 4 Hands-on Techniques to Boost Your Productivity
😱 只有老人才用 PPT 做簡報?新世代 AI 簡報神器 Gamma 讓你告別石器時代邁向新世紀!
5.0 / 5 (0 votes)