Adobe XDステート機能を使いこなそう！ - ホバー、カルーセル、ハンバーガーメニューの効率的な作り方 - ICS MEDIA

2020/03/05 11 users ポパー インタラクション カルーセル ICS MEDIA 従来

Adobe XDステート機能を使いこなそう！ ホバー、カルーセル、ハンバーガーメニューの効率的な作り方 AdobeXD2019年11月の大型アップデートで「ステート機能」が登場し、リッチなインタラクションを作成しやすくなりました。従来はアートボードを複数枚組み合わせて表現するしかなかったのですが、ステート機能の登場によ... 続きを読む

Illustratorを教える人、大きめアートボードにトンボを描く方法を指南するのはそろそろ終わりにしないか…？｜やも♡脂のレタッチ鰤☀ゲコリノフ｜note

2019/08/07 63 users 実寸 Illustrator トンボ Note 初心者向け

Illustratorを教える人、大きめアートボードにトンボを描く方法を指南するのはそろそろ終わりにしないか…？ この記事は初心者向けではありません。Illustratorの使い方を指導する方に向けて書いています。 大きめアートボードとは 大きめアートボードにトンボを描くやり方、こういうのですね。 アートボードを実寸より大... 続きを読む

ベテランにこそ知ってほしい、アートボードサイズは仕上がりサイズがおすすめな4つの理由 | 0.5秒を積み上げろ

2019/07/08 23 users サイズ 理由 5秒 Illustrator 4つ

時々支給データで、アートボードのサイズが仕上がりサイズではなく、トンボごと入るサイズになっているデータを見かけます。 マルチアートボード機能が追加されたCS4以前からIllustratorで仕事をされてて、おそらく新しい機能を知らない（興味がない）ベテランデザイナーの方にこの傾向が見られる気がします。 見るたび... 続きを読む

10分で分かる！Adobe XDの新機能や実践的な使い方が学べるAdobe公式チュートリアルファイル中級編 | コリス

2018/06/21 75 users コリス ブッダ 四則計算 固定ヘッダ Adobe XD

Adobe XDは毎月アップデートされ、6/19のアップデートでは待望の固定ヘッダ・フッタ、アートボードのオーバーレイ、数値フィールドの四則計算に対応しました。Webサイトやスホマアプリの制作に役立つ機能ばかりで、作業がどんどん便利になっています。 そんな新機能も含めた使い方が学べる「Adobe XDスターターキット中... 続きを読む

簡単すぎて驚いた！ユーザーフローとプロトタイプが短時間で作成できてしまうツール -Overflow | コリス

2018/05/28 104 users Sketch コリス Photoshop プロトタイプ ツール

Webサイトやスマホアプリのデザインで重要なのは、単一の画面ではなく、ユーザーがどのように遷移するか全体の流れを通して画面をデザインすること。 しかし、ユーザーフローやプロトタイプを作成するのは、なかなか面倒です。 Sketch（Photoshop, Adobe XDにも対応予定）ファイルからアートボードを自動同期し、ユーザーフローとプロトタイプを簡単に短時間で作成できるツールを紹介します。 現在... 続きを読む

Illustratorでポリゴンのパターンを作る – Spider Webs

2017/08/23 18 users ポリゴン Illustrator シロマ パターン 繋ぎ目

こんにちは、シロマ @mademode です。 今回は、上のアイキャッチのようなポリゴンのパターンをIllustratorで作成する方法を紹介します。 繋ぎ目のない、シームレスなパターンです。 作成手順 まずは上のような感じでペンツールで三角を描いて敷き詰めていきます。 コツは、アートボードの三つの隅に三角の角が来るようにします。三角は大きいものや小さいものバラバラに書いていきます。上の画像のよう... 続きを読む

Webサイトのガイドライン作成に欠かせないPhotoshopの機能拡張が嬉しいバージョンアップ！アートボードにも対応 -Ink | コリス

2015/12/10 63 users ink コリス 欠かせないPhotoshop 機能拡張

Ink CC2015にインストールしたので、その手順を。 ダウンロードした「Ink.1.5.3.zip」を解凍します。 CC2015で利用する時は、「Ink.1.5.3」内の「Photoshop CC 2015」フォルダを開きます。 「Photoshop CC 2015」フォルダ内の「Ink.zip」を解凍します。 ※フォルダの中身は変更しないでください。 解凍したInkフォルダを移動するフォルダ... 続きを読む

フォトショップの「アートボード」機能を使った、4つの時短テクニックまとめ - PhotoshopVIP

2015/07/06 54 users Photoshop スク 著者 PhotoshopVIP 許可

海外デザインブログDesignmodoで公開された「4 Tips for Prototyping with Adobe Photoshop Artboards」の著者より許可をもらい、まとめて日本語抄訳しています。 数週間前にAdobe社がPhotoshopでの「アートボード」機能を追加したことで、著者自身を含め、デザインコミュニティーで大きな話題となっています。 アートボード機能の重要性は、スク... 続きを読む

新機能「アートボード」で編集サクサク！すごい無料UIコンポーネント素材まとめ - PhotoshopVIP

2015/06/19 62 users 編集 Illustrator 新機能 Photoshop 目玉

今週Photoshop CCが、新しくメジャーアップデートされ、新しく機能が追加され、より使いやすくツールが強化されています。その中でも、特に目玉となっている機能が、これまでIllustratorでのみ可能だった、１つのドキュメントで複数のアウトアップを実現した「アートボード機能」です。 参考: アートボード | Photoshop ヘルプ 参考: アートボードでのデザイン | Adobe Pho... 続きを読む

3flab inc. | #Illustrator でアートボードを作り、そして書き出す

2015/04/13 35 users Illustrator 3flab タブレッ ポスター ウェブ

Illustrator と小数値 Illustrator にはアートボードという、作業する上でとても重要な機能があります。 印刷物の場合だったら印刷領域として、ウェブやアプリケーションならデバイス画面領域として作業・管理できる機能です。アートボードは１つのドキュメント内に複数持つこともできるし、それぞれのサイズを自由に変えることもできます。A4サイズとA1サイズのポスターだったり、PC用やタブレッ... 続きを読む

illustratorでUIデザイン：画面遷移図作成スクリプト - Two hats

2015/02/09 174 users Illustrator UIデザイン ファイル 複数 画面

2014-11-11 illustratorでUIデザイン：画面遷移図作成スクリプト ExtendScript illustrator JavaScript UIデザイン Webデザイン illustratorでUIデザインをし始めると便利だなーと思うところが幾つかあります。 その内、個人的に押しなのは「アートボード」です。 1つのファイルで複数の画面を作成・管理することができ、一覧性が高いのでア... 続きを読む

IllustratorでWebデザインをはじめよう！ 第2回：Webデザイン用のドキュメントを作成しよう | Adobe Pinch In

2014/05/07 308 users Illustrator 定規 グリッド ドキュメント 前回

前回、Illustratorの作業環境をWebデザイン用に設定しました。本記事では、Webデザイン向けに新規ドキュメントを作成し、［ピクセルプレビュー］、定規、グリッドといった表示設定を行う方法、さらに、Webサイト用にアートボードを追加する方法を解説します。 Illustrator CC の体験版をダウンロード    サンプルファイルをダウンロード Webデザイン用の設定、アートボードの追加 今... 続きを読む

Illustratorで再編集可能なパスファインダーの適用方法 | ナナメウエblog

2013/02/18 20 users パスファインダー アピアランス Illustrator 図形

ご存知の通り、illustratorにはヒストリー機能がありません。 ラスタライズしたり、アピアランスの分割をしない限り、大部分の機能は再編集が可能なのですが、複雑な図形でパスファインダーをミスるとけっこう辛いものです。 アートボードの外に編集前のオブジェクトをコピーしておくのもひとつの手段なのですが、それとは別の方法を紹介します。 複合シェイプにする optionキーを押しながらパスファインダー... 続きを読む