IllustratorユーザーがKeyboard Maestroを使うべき理由（macOS）｜DTP Transit
ここ数年で、Macを使う上でなくてはならないものに加わったものに、Keyboard Maestroがあります。 Keyboard Maestroは、QuicKeysと並び、古くからある自動化ユーティリティ。macOSでは標準でAutomator.appもありますが、macOSでIllustratorを使っているなら、Keyboard Maestroがオススメですという紹介です。 きっかけは三階ラボ 2014年くらいに、三階ラボの長藤さん、宮澤さんにお会いする機会があったのですが、「あ、それ、スクリプトでできるよ！」、「それだったら、Keyboard Maestroでできるよ！」と、日々、困り果てていた問題の多くを普通に解決されていてぶっ飛びました。 そこからKeyboard Maestroの旅がはじまります。 3flab inc. | Keyboard Maestro の使い方 – 基本機
指定したカラーをベースに、Webデザインやイラストで使えるカラーパレットや美しいグラデーションを生成できるテンプレート -Color Creator Templates
指定したカラーをベースに、そのカラーからバリエーションを調査し、Webデザインやイラストで使えるカラーパレットや美しいグラデーションを生成できるテンプレートを紹介します。 Color Creator Templates -GitHub Color Creator TemplatesはBSDライセンスで利用でき、3つのアプリ用にカラーテンプレートが用意されています。 Photoshop Sketch Affinity Designer Color Creator Templatesの使い方 Photoshop用のカラーテンプレートを例に使い方を紹介します。 Color Creator Templatesではテンプレートを使用して、カラーのバリエーションを調査し、カラーパレットを作成できます。通常のカラーツールでは見いだせない2, 3色のカスタムカラーのブレンドモードを使用することもできます。
色比率
ベースカラー RGB データ ≫ R : - G : - B : ／ RGB 平均値 :: ／ ベースカラー 補色 ::
0to255
Hex code RGB functional notation HSL functional notation Distance from base color HSL lightness value Click to copy Pre-orders now open! Color Studio transforms 0to255 into a comprehensive color tool that's ultra-efficient, inspiring to use, and delightfully unique. Available Spring 2024. Read the announcement Pre-order Color Studio 1 year at $2/month + 3 months free “A near perfect color picker”
Photoshopパネルをツールに応じて切り替える、Workspace Switcherが超便利！狭い画面でも快適に！Illustrator/InDesign版も！
Photoshopパネルをツールに応じて切り替える、Workspace Switcherが超便利！狭い画面でも快適に！Illustrator/InDesign版も！ Photoshop用神！エクステンション、Workspace Switcher 『手抜きLab＠DTPの現場』のten氏による超便利Extensionです。 これを使うと…… ▼普段使いのパネルと、 ▼テキストツール使用時のパネルと、 ▼パスツール使用時のパネル、などを ツールに応じて自動的に切り替えることができます！ ノートPCの狭いモニタでも、使用ツールに必要なパネルを常時展開できます。画面が狭いと、パネルってアイコン化していても結構邪魔なんですよね。いちいちクリックして展開するのも面倒だし。 つかいかた CCの場合は… Photoshopウインドウメニューから、「機能拡張をオンラインで参照…」を選択します。Adobe A
Sketchでイラストレーターのスウォッチデータを使う方法 - Qiita
イラストレーター（イラレ、Illustrator）で、カラーパレットを作ったのでそれをSketchでも使いたい！例えば、 最近、社内でデザインガイドライン作った！ イラストレーター色の管理をするようにした！ でも、Sketchに移行しようと考えている...とかとか。 そんな時のために、Sketchでイラストレーターのスウォッチデータを使う方法があります イラストレーターで作ったカラーパレットを出力する イラストレーターで作ったカラーパレットを「スウォッチライブラリ交換用として保存」で保存します。この時の拡張子は 「*.ase」になります スウォッチライブラリ交換用として保存 スウォッチをライブラリとして保存 ase は、Adobe Swatch Exchange の略らしいです ase ファイルをclrファイルに変換する ase ファイルをclrファイルに変換します。clrファイルをSke
git pushで本番環境に“自動デプロイ”できる環境を作ってみよう！ | vdeep
こんにちは、okutani(@okutani_t)です。Gitを使えばかんたんにプログラムのバージョン管理をすることができますが、リモートにリポジトリをプッシュする機能（git push）を使えば「本番環境への自動デプロイ」がかんたんにおこなえる環境を構築することができます。 今回は一例として、僕のポートフォリオサイト（okutani.net）をGitで管理して、本番環境に自動デプロイできるようにする流れで解説しています。 次の環境でおこないます。 ローカルリポジトリ MacPC上で管理。 本番環境 エックスサーバーにリモートリポジトリを作成し、そこにプッシュすることで本番環境にデプロイできるように設定していく。 GitHub GitHubでも管理しているため、本番環境とGitHubへのプッシュを同時にできる設定もおまけで設定。 参考: GitHubのURL→「https://github
gitでシンプルなデプロイ環境を作る - Qiita
gitで最低限のデプロイ環境を作る際のメモ。 いろいろなCIツールを使うまでもない、小規模なコンパイルいらずのWebアプリのデプロイ環境を作る。 CIツールを使う場合でも基礎となる知識なので整理しておく。 やりたいこと ローカルで開発。 リモートにpush pushを拾って、公開ディレクトリにpull イメージ 図で書くとこんな感じ。 今回は、独自のリモートリポジトリを使うが、ここがGitHubとかでもいい。 前提条件 ローカル、リモートにgitがインストールされていること（Mac想定） リモート（サーバ）にはsshで透過ログインできること 手順 まずは、push,pullの流れを手動でやってみる。 リモートリポジトリの用意（リモート） とりあえず、外からは非公開かつ、チームがアクセスできるディレクトリを用意し、リモートリポジトリにする。
Gitでサイトを更新したい！ - Qiita
git で手元でバージョン管理してるのにいちいち git-archive で差分を出して 展開して、FTPで持って行って上書きなんてめんどくさいなぁ・・・ コマンドだけででうまくできないものかと思った時に使える技。 SSHが使える場合とFTPのみ使える場合とで２パターン用意しました。 WindowsがメインPCなのでWindowsでも使える手順となります。 使うgitはオーソドックスにmsysgitです。 SSHが使える場合 昨今のレンタルサーバーではSSHを利用できるオプションがあります。 ロリポップ！ (スタンダードプラン、エンタープライズプラン) heteml さくらのレンタルサーバー (スタンダードプラン以上) XServer git は ssh:// をリモートリポジトリに設定してやるとSSH経由で操作を行えるのでこいつを使います。 今回はロリポップ！を使った場合を想定して進めま
【Mac向けFTPソフト】Transmitの自動デプロイ機能が便利すぎた…
Mac向けFTPソフトのTransmitに付いている同期機能が便利だったのでまとめ。Transmitを使えば、ローカルで編集したファイルをサーバー上に自動同期できます。UIもおしゃれなのでオススメアプリです。ダウンロードする場合は、公式サイトから試用期間付きで無料DLできます。 » Panic – Transmit – The ultimate Mac OS X FTP + SFTP + S3 app 動画：Transmitの自動デプロイ機能 手順１．Transmitで自動デプロイしたいファイルパスを設定する ローカルのパスとサーバー上（デプロイ先）のパスを設定します。 下記がその例となります。 # ローカルのパス /Macintosh HD/Users/bannaimanabu/Documents/deploy # サーバー上（デプロイ先）のパス /manabubb.xsrv.jp/pu
DESIGN ARCHIVE vol.7｜Photoshopで素材集の色を簡単に変更する6つの方法|haconiwa
素材集の色を自由自在に変える簡単テクニック。 こんにちは。Keinaです。 本日は、Photoshopで素材集の色を簡単に変更する方法をご紹介します。 デザインするとき、「色」は重要な要素のひとつ。なんとなく色を選んでしまうと、伝えたい印象とは違ったものになってしまいます。素材集の画像を使う時も同じで、そのまま使用すると、つくりたいイメージにあわない場合があります。そんなときは、素材集の画像をイメージにあう色に変更してみましょう。 ▲使用ソフト：Adobe Photoshop CC 2017 ※素材集を加工する場合は、使用承諾範囲を確認し、素材の加工に関して制限がないことを確認しましょう。 1. 「色相・彩度」で色を簡単に変更する方法 単色の画像は、簡単に色が変えられます。ピンクの画像を水色とグレーに変更してみましょう。 ▲使用素材：スタンダードコレクション / analog_frame_
隠れた便利機能ベスト3
こんにちは。デザイナーのハルエです。 今回は、知っているのと知らないのとでは作業時間に圧倒的な差がついてしまうPhotoshopの効率化機能マイベスト3を紹介させていただきます！ 独学でつまずいていませんか？ Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。どんなスクールがあって、どんな内容が学べて、費用はどれくらいするのか、情報として持っておいて損はないはず。下記におすすめスクールを集めてみました！ ※2014年3月7日に公開された記事を再編集したものです。 その1：Vanishing Pointでハメコミ合成 みなさん、“Vanishing Point（ヴァニシングポイント）”機能をご存じでしょうか？ 機能の存在は知っていても、使ったことのない方が多いかと思います。 このVanishing Point
Illustratorでの手書きイラストの描き方。 | ネクストページブログ
HOMEブログIllustratorでの手書きイラストの描き方。 | ネクストページブログ こんにちは。イラストレーターのこばやしです。 四角や丸で作られたカッチリしたイラストとは違い、手書きイラストは見る人に柔らかさやかわいさを感じてもらえます。 手書きイラストの作り方はさまざまですが、今回は変形や編集が楽なベクターデータでの作り方をご紹介します。 Illustratorの古いバージョンでも使える機能、ライブペイントやオブジェクトの再配色などを使った簡単な描き方ですので、CCをまだ持っていないという方でも実践できます！（私がCCを持っていません…） 目次 下絵を配置する 主線を描く ライブペイントを作成する 【補足】ライブペイント作成前に戻したい場合 【補足】ライブペイントをうまく作成できない場合 「ライブペイントツール（K）」で色を塗る 完成 1.下絵を配置する スキャンした下絵をトレ
[Photoshop] 波のようなグラデーションを作成する
PS3やWindows Vistaの壁紙のような波打つグラデーションをPhotoshopで作成します。 背景色で塗りつぶしたレイヤーの上に別のレイヤーを作成し、長方形の選択範囲を作成します。(下図参照) グラデーションツールを使って選択範囲にグラデーションを作成します。 次に[編集]メニューの[変形]の[ワープ]メニューを選択します。 ワープ変形のハンドルが表示されます。 ハンドルをドラッグしてグラデーションのレイヤーを変形します。画像の下のハンドルと上のハンドルの位置を入れ替えるのがポイントです。 好みのパターンになったところで確定します。 波状のグラデーションができました。 同じ手順で形を変えつつ、複数の波状のグラデーションを作成します。 完成です。 ジャギーが気になる場合 ジャギーが気になる場合は、グラデーション作成時に反対側(下図の例では下側)もグラデーションにします。 変形後、1
![[Photoshop] 波のようなグラデーションを作成する](https://cdn-ak-scissors.b.st-hatena.com/image/square/47b5921dd17759260ddbee93577f4dcd7db9f2a7/height=288;version=1;width=512/https%3A%2F%2Fwww.ipentec.com%2Fdocument%2Fimage%2Fdocument-category%2Fphotoshop)
1/21 IllustratorCS5で複数の「アートボード」を一発で均等にする方法 | ビジネスブランディング、トータルブランディング デザイン｜アーチ・コア ブログ
トータルブランディング・ビジネスブランディング デザイン｜アーチ・コア ブログ トータルブランディング、ビジネスブランディング デザイン（デザイン名刺、ウェブサイトデザイン、ブログカスタマイズ、プロフィール写真撮影など）を幅広く手がけております。洗練されたデザインであなたを輝かせます。 IllustratorCS5で複数の「アートボード」を一発で整頓する方法 IllustratorCS5からは、「アートボード」（ドキュメント）が1ファイルの中に、 複数作成することができるようになりました。（上記のように） 最近では、「電子書籍」などの仕事も増え、 Illustratorで作ることも増えてきました。 表紙デザインなどは、全然問題ないのですが、 「本文」となると、とてもアートボードが複数になってきて、 （新規で増やすことも出来るので） ボリュームによっては、どんどん増えていくことになります。
Clipkit (クリップキット) | 株式会社スマートメディア ニュースサイト・オウンドメディア・キュレーションサイト構築CMS
書く人目線のCMS Clipkit®︎はオウンドメディアを構築したい方に適したSaaS型のCMSツールです。 記事制作を行う方の使いやすさを追求したシステムとなっており、記事内で多様な表現ができるようになっています。
忙しい人向け！超簡単に自然な肌にレタッチをする方法[Photoshop]
人物写真のレタッチで重要ものの一つは肌のレタッチですが、大量に写真がある場合１枚にそれほど多くの時間を費やすことは出来ません。。そこで今回はPhotoshopを使い、良い感じに手抜きしながら肌を素早くレタッチしていく方法についてご紹介していきます。忙しい人向けです。 短時間で効率的に肌をレタッチする！ゲストライターの村上です。最近は少し忙しくブログに寄稿できていませんでした。 最近は仕事で写真の加工する事が多く、短時間で作業効率を上げないといけないことが増えてきました。 ショッピングサイトの画像の加工も多いのですが、バナーなどを作成すると、人物の写真を使わないといけないこともまあまああります。自分の場合は人物のレタッチが得意ではないので、最近ちょくちょく勉強していました。人物のレタッチで重要なのが肌のレタッチなどではないかと思います。 色々な肌のレタッチ方法を見ていたのですが、結構な手間が
![忙しい人向け！超簡単に自然な肌にレタッチをする方法[Photoshop]](https://cdn-ak-scissors.b.st-hatena.com/image/square/9e78e36033d34b15de73bfcc99936f368d0013db/height=288;version=1;width=512/https%3A%2F%2Fphoto-studio9.com%2Fwp-content%2Fuploads%2F2015%2F08%2F16.jpg)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Code to go
Every shortcut for designers, centralized and searchable
Ameba Ownd(アメーバ オウンド): 無料でホームページやブログを作ろう
