タグ

ブックマーク / blog.adobe.com (7)

  • ベテランほど知らずに損してるIllustratorの新常識(9)3つの「スタイル」を使い分けて効率アップ。修正時の更新もラクラク – Adobe Creative Station

    ベテランほど知らずに損してるIllustratorの新常識(9)3つの「スタイル」を使い分けて効率アップ。修正時の更新もラクラク 連載 ベテランほど知らずに損してるIllustratorの新常識 文章量が多い制作物では、見出しや文ごとに特定の書式(フォントフォントサイズ、カラー)などを使い回します。 フォント、サイズ、カラー、行送りなどの情報を「段落スタイル」として登録しておくことで、ほかの段落にも1クリックで適用できます。 さらに、修正が生じる場合、「再定義」(更新)を行うことで適用した段落に一括で反映されます。 段落スタイルのほか、アピアランスを登録・適用する「グラフィックスタイル」、文字単位で登録・適用する「文字スタイル」の3つのスタイルがあります。 スタイルは、まさに使わないと“損”する機能ですが、ややこしいのがその使い分け。たとえば、「グラフィックスタイル」には、フォント情報

    ベテランほど知らずに損してるIllustratorの新常識(9)3つの「スタイル」を使い分けて効率アップ。修正時の更新もラクラク – Adobe Creative Station
    Hamken100per
    Hamken100per 2019/11/21
    段落スタイルの解説。
  • ベテランほど知らずに損してるIllustratorの新常識(3)メリットいっぱい、使ってこなかったことを後悔するシンボルの活用

    ベテランほど知らずに損してるIllustratorの新常識(3)メリットいっぱい、使ってこなかったことを後悔するシンボルの活用 連載 ベテランほど知らずに損してるIllustratorの新常識 「直しに強いデータ」の続編として、今回、取り上げるのは「シンボル」です。 Illustratorにシンボル機能が搭載されたのは、さかのぼること16年前の2001年リリースのIllustrator 10から。 その後、9スライス(Illustrator CS5)、ダイナミックシンボル(Illustrator CC 2015)といった機能強化が行われています。 https://blogs.adobe.com/creativestation/files/2017/01/ss-1610-20170123-101550.png 多くの方がいずれか(すべて)の恩恵を受ける必須の機能といえますが、あまり使われてい

    ベテランほど知らずに損してるIllustratorの新常識(3)メリットいっぱい、使ってこなかったことを後悔するシンボルの活用
    Hamken100per
    Hamken100per 2019/11/10
    シンボルの使い方。
  • スマートオブジェクト入門~直しに強いPhotoshopデータを作ろう~ 第2回:「スマートオブジェクト」と「配置」の活用で徹底時短

    スマートオブジェクト入門~直しに強いPhotoshopデータを作ろう~ 第2回:「スマートオブジェクト」と「配置」の活用で徹底時短 連載 スマートオブジェクト入門~直しに強いPhotoshopデータを作ろう 前回に引き続き、Webデザインには欠かせない「スマートオブジェクト」の機能をご紹介します。今回はスマートオブジェクトの編集機能を活かした画像やボタンなどの一括変更の方法や、「埋め込みで配置」「リンクで配置」の使い分けについて解説します。 Photoshop CC の体験版をダウンロード 配置したコピーをまとめて変更 下のWebページのデザインを見てください。同じバラのアイコンが何度も出てきます。 同じアイコンが繰り返し並ぶデザイン 配置が一通り済んだ後になって、この「バラのアイコンの色を全部変えたい」という修正が入るケースは多いものです。すべて消して一つ一つ配置し直すのは大変ですね。

    スマートオブジェクト入門~直しに強いPhotoshopデータを作ろう~ 第2回:「スマートオブジェクト」と「配置」の活用で徹底時短
    Hamken100per
    Hamken100per 2019/11/04
    スマートオブジェクトの配置方法。
  • ベテランほど知らずに損してるIllustratorの新常識(11)機能としては搭載されない表組み。飄々と実装するテクニック - Adobe Blog

    ベテランほど知らずに損してるIllustratorの新常識(11)機能としては搭載されない表組み。飄々と実装するテクニック 連載 ベテランほど知らずに損してるIllustratorの新常識 Illustrator CC 2018は、バージョンにして22になりますが、「表組み」作成機能はありません。しかし、国民性として「表組みを好む」と言われている日では、制作の上で必要になる場面が頻繁にあります。 今回は、Illustratorで表組みを実装する3つの方法をご紹介します。 __ サンプルファイルをダウンロード 次のようなカレンダーを作成します。 幅140mm、高さ60mm 6行・7列 ひとつのセルは20mm x 10mm カレンダー(月曜日はじまり、1日は水曜日) [1]長方形グリッドツール+タブ整形 まずは、[長方形グリッドツール]を使う方法から。 [長方形グリッドツール]は、2002年

    ベテランほど知らずに損してるIllustratorの新常識(11)機能としては搭載されない表組み。飄々と実装するテクニック - Adobe Blog
    Hamken100per
    Hamken100per 2019/10/13
    表を作る方法。
  • IllustratorからWeb用素材を一気に書き出す!アセットの収集と一括書き出し - Adobe Blog

    IllustratorからWeb用素材を一気に書き出す!アセットの収集と一括書き出し IllustratorでWebデザインデータを作ると書き出すのが面倒? ちょっと前までは、IllustratorからWeb用の素材を書き出そうと思うと、アートボード単位で書き出すか、またはひとつひとつ「スライス」を作成して書き出すかのどちらかでした。 「Web用に保存」は便利な機能ですが、高解像度画面用の素材の書き出しには対応しておらず、複数サイズの素材が必要な場合は手間がかかります。 スライスとWeb用に保存の詳しい使い方: Illustrator入門 | Webデザイン編 第6回 デザインから画像を書き出そう 最新のIllustrator CCでは、複数の素材書き出しが必要な場合でもまとめて書き出せる新しい機能が利用できます。また、アイコンのように頻繁に変更されるアセットの書き出しも楽になります。この

    IllustratorからWeb用素材を一気に書き出す!アセットの収集と一括書き出し - Adobe Blog
    Hamken100per
    Hamken100per 2019/09/10
    CCに搭載されているスクリーン用に書き出しの使い方。
  • Illustrator入門 | Webデザイン編 第6回 デザインから画像を書き出そう

    Illustrator入門 | Webデザイン編 第6回 デザインから画像を書き出そう 連載 IllustratorでWebデザインをはじめよう! 前回までで、Illustratorを使ってWebサイトのデザインカンプを完成させました。今回は、完成したデザインからそれぞれのパーツを画像として書き出します。スライスを使った基的なWeb用の書き出しとあわせて、アートボードを利用した書き出しやSVGの書き出しなど、スライス以外の書き出し方法についてもいくつか紹介します。 __ Illustrator CC 体験版 ダウンロード __ サンプルファイル ダウンロード スライスでデザインを切り分けて書き出す 「スライス」とは、Webサイト向けにデザインカンプをパーツに分割して、画像を書き出すための機能です(PhotoshopやFireworksにも同様の機能があります)。Illustratorでス

    Illustrator入門 | Webデザイン編 第6回 デザインから画像を書き出そう
    Hamken100per
    Hamken100per 2019/09/10
    スライスして画像を書き出す方法。
  • Adobe IllustratorでLINE絵文字を作る【テンプレートあり】

    Adobe IllustratorでLINE絵文字を作る【テンプレートあり】 2018年10月11日、コミュニケーションの幅を広げる「LINEクリエイターズ絵文字」が解禁されました。クリエイターズマーケットでも制作・販売が可能になった「LINE絵文字」。LINEスタンプ同様、モバイルアプリとIllustrator CCを使えば誰でもカンタンにオリジナルの絵文字を作成できます。手描きのイラストをベースに、LINE絵文字を作成する手順をご紹介します。 LINEスタンプと絵文字の違い | © LINE Corporation 作り始める前に: 販売までのフローをLINE Creators Marketにてご確認ください。LINEスタンプとのちがいや、絵文字ならではの制作のコツが分かりやすく記載されています。作成前に一読することをおすすめします。 準備するもの 手描きのイラスト LINE Crea

    Adobe IllustratorでLINE絵文字を作る【テンプレートあり】
    Hamken100per
    Hamken100per 2019/08/01
    Captureでイラストを取り込んでLINEスタンプなどを作る方法。
  • 1