Sketchグラフィックソフトウェアでテキストを処理する方法

SketchはmacOSの元のフォントを使用するため、表示されるテキストは非常に見栄えがよく、プロフェッショナルです。オリジナルのフォントを使用する利点は、ウェブサイトをデザインするときに、表示テキストが正確になることです。Sketchはテキストスタイルもサポートしているため、同じフォントスタイル、サイズ、色で多くのテキストレイヤーを所有します...

Mac用のスケッチスケッチ

テキストを挿入

[ツール]を選択してテキストを追加することができ、テキストツールバーの[挿入]メニューから、またはキーを押しTを。カーソルが入力ツールアイコンに変わり、キャンバス上の任意の場所をクリックしてテキストレイヤーを挿入します。

ユーザーはドラッグアンドドロップで固定サイズのテキストボックスを作成することもできます。テキストがボックスに対して大きすぎる場合、自動的に新しい行が作成されます。

フォントがありません

インターネットからダウンロードした、または他の人から受け取ったSketchファイルを操作する場合、それらのファイルには、システムにまだないフォントが含まれている場合があります。スケッチはこれをうまく処理しました。プログラムはウィンドウの右上隅にバッジを表示して、これがフォントがないことを通知します。クリックするだけで、テキストにないフォントのリストが表示され、簡単に他のフォントに置き換えることができます。

データ

[ データ ]メニューのデータセットを使用して、テキストレイヤーのコンテンツを入力できます。たとえば、レイヤーを選択し、メニューから[ 名前 ]を選択すると、選択した名前がそのテキストレイヤーに適用されます。Shift-Command-Dを押すと、ランダムな選択を更新できます。

テキストメニュー

Sketchの[ テキスト ]メニューをクリックすると、フォントスタイルの変更、太字、斜体、下線など、使用可能なオプションが多数表示されます。大きいまたは小さいフォントを選択します。さらに、カーン、リガチャー、ベースラインなどのカスタムツールがあります。同時に、[テキスト]メニューには[ パス上のテキスト]機能も含まれており、テキストレイヤーをベクターパスに変換できます。

OpenType機能

OpenType機能を使用する場合は、[ テキスト ]メニューの下にあります。テキストを選択し、メニューバーで[ テキスト] > [ OpenType ]を選択します。ここで、ユーザーは対応するOpenType関数を選択して有効にします。

リッチテキスト

スケッチソフトウェアは、他のアプリケーションから貼り付けられたリッチテキストの表示もサポートしています。たとえば、SafariでWebサイトから段落を選択してコピーする場合、Sketchで編集 > 貼り付け > リッチテキストとして貼り付けを選択するか、Option-Shift-Command-Vキーの組み合わせを押します。

テキストのサイズを変更する

テキストボックスのサイズを変更しても、テキストは変更されません。テキストを拡大または縮小するには、インスペクタでテキストサイズの値を編集する必要があります。

テキストインスペクター

テキストレイヤーを選択すると、インスペクターが変更され、そのテキストで使用できる機能が表示されます。フォントスタイル、フォーマット、サイズの変更などの機能を選択して適用できます。さらに、Sketchアプリは文字の配置、幅、線、線の処理もサポートしています...

インスペクタでは、メニューの対応するオプションを使用して、フォントの色を調整したり、フォントスタイル、テキスト形式、配置を選択したり、テキストの高さを調整したりできます。

タッチバー

テキストレイヤーを選択すると、MacBook Proのタッチバーでいくつかの基本機能がサポートされます。インスペクターのコントロールパネルにアクセスするためのオプションと、フォントの色を変更するオプション、レイヤーの順序を揃えて配置するオプションがあります。

文字スタイル

多くのテキストレイヤーを含むインターフェイスまたはWebサイトを設計する場合、ほとんどのレイヤーは同じプロパティを持ちます。スケッチでは、テキストスタイルを使用して複数のレイヤーに同時にテキストスタイルを適用できるため、時間と労力を節約しながら高精度を実現できます。

テキストスタイルは各レイヤーにありますが、ライブラリを利用して複数のレイヤーでスタイルを使用できます。

カスタムスタイルを作成してから、製品を新しいレイヤーとして追加します。グラフィックデザインパーツだけでなく、テキストスタイルもライブラリに含めることができます。

リンク上のテキスト

Sketchはベクターパスにテキストレイヤーを使用できます。この関数を使用するには、テキストレイヤーと、テキストを配置するパスを備えたシェイプレイヤーが必要です。このレイヤーは、レイヤーリストのテキストレイヤーの下にある必要があります。

テキストレイヤーを選択すると、クリックしてくださいテキスト > パス上のテキストをベクターシェイプレイヤーに前進し、メニューバーからを。正しい位置にドラッグすると「つかむ」でしょう。

ステータスに変換

テキストレイヤーをベクターシェイプに変換するには、メニューからレイヤー > アウトラインに変換を選択するか、Alt-Command-Oを押します。この時点で、ユーザーは、他の形状と同様に、各パスとポイントを個別に編集する権利を持っています。テキストレイヤーに異なる色が含まれている場合、それは認識され、個々のパスに変換されます。

テキストをステータスに変換するプロセスは、テキストレイヤーの特殊文字を編集する場合にのみお勧めします。

上記は、Sketchアプリでテキストを処理するための基本的な手順です。うまくいけば、これらのわかりやすい説明が、この使い慣れたグラフィックソフトウェアを習得するのに役立つことを願っています。