ここ数年で、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 -GitHub Color Creator TemplatesはBSDライセンスで利用でき、3つのアプリ用にカラーテンプレートが用意されています。 Photoshop Sketch Affinity Designer Color Creator Templatesの使い方 Photoshop用のカラーテンプレートを例に使い方を紹介します。 Color Creator Templatesではテンプレートを使用して、カラーのバリエーションを調査し、カラーパレットを作成できます。通常のカラーツールでは見いだせない2, 3色のカスタムカラーのブレンドモードを使用することもできます。
ベースカラー RGB データ ≫ R : - G : - B : / RGB 平均値 :: / ベースカラー 補色 ::
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”
Adobe Photoshop CC、 Adobe Illustrator CC(共にCC 2017)で新規ドキュメントを作成すると、最近使用したファイルやテンプレート・プリセットが表示されるため、表示はあまり早くありません。 渋谷Stocker.jp / Spaceで開催された「スマートフォン時代のWebデザインスクール」の体験レッスンに参加した際、この新規ドキュメント作成を高速化する設定を教えていただき、ストレスフリーなドキュメント作成ができるようになりました。主催者様より許可をいただきましたので、シェアします。 従来のドキュメント作成インターフェースで起動を高速に CC 2017の新しいドキュメント作成機能では、豊富なテンプレートやプリセットを選択してドキュメントを選択できるようになりました。しかし、案件によってはテンプレートやプリセットが不要な場合も多いことでしょう。この新機能を使
Photoshopパネルをツールに応じて切り替える、Workspace Switcherが超便利!狭い画面でも快適に!Illustrator/InDesign版も! Photoshop用神!エクステンション、Workspace Switcher 『手抜きLab@DTPの現場』のten氏による超便利Extensionです。 これを使うと…… ▼普段使いのパネルと、 ▼テキストツール使用時のパネルと、 ▼パスツール使用時のパネル、などを ツールに応じて自動的に切り替えることができます! ノートPCの狭いモニタでも、使用ツールに必要なパネルを常時展開できます。画面が狭いと、パネルってアイコン化していても結構邪魔なんですよね。いちいちクリックして展開するのも面倒だし。 つかいかた CCの場合は… Photoshopウインドウメニューから、「機能拡張をオンラインで参照…」を選択します。Adobe A
イラストレーター(イラレ、Illustrator)で、カラーパレットを作ったのでそれをSketchでも使いたい!例えば、 最近、社内でデザインガイドライン作った! イラストレーター色の管理をするようにした! でも、Sketchに移行しようと考えている...とかとか。 そんな時のために、Sketchでイラストレーターのスウォッチデータを使う方法があります イラストレーターで作ったカラーパレットを出力する イラストレーターで作ったカラーパレットを「スウォッチライブラリ交換用として保存」で保存します。この時の拡張子は 「*.ase」になります スウォッチライブラリ交換用として保存 スウォッチをライブラリとして保存 ase は、Adobe Swatch Exchange の略らしいです ase ファイルをclrファイルに変換する ase ファイルをclrファイルに変換します。clrファイルをSke
こんにちは、okutani(@okutani_t)です。Gitを使えばかんたんにプログラムのバージョン管理をすることができますが、リモートにリポジトリをプッシュする機能(git push)を使えば「本番環境への自動デプロイ」がかんたんにおこなえる環境を構築することができます。 今回は一例として、僕のポートフォリオサイト(okutani.net)をGitで管理して、本番環境に自動デプロイできるようにする流れで解説しています。 次の環境でおこないます。 ローカルリポジトリ MacPC上で管理。 本番環境 エックスサーバーにリモートリポジトリを作成し、そこにプッシュすることで本番環境にデプロイできるように設定していく。 GitHub GitHubでも管理しているため、本番環境とGitHubへのプッシュを同時にできる設定もおまけで設定。 参考: GitHubのURL→「https://github
gitで最低限のデプロイ環境を作る際のメモ。 いろいろなCIツールを使うまでもない、小規模なコンパイルいらずのWebアプリのデプロイ環境を作る。 CIツールを使う場合でも基礎となる知識なので整理しておく。 やりたいこと ローカルで開発。 リモートにpush pushを拾って、公開ディレクトリにpull イメージ 図で書くとこんな感じ。 今回は、独自のリモートリポジトリを使うが、ここがGitHubとかでもいい。 前提条件 ローカル、リモートにgitがインストールされていること(Mac想定) リモート(サーバ)にはsshで透過ログインできること 手順 まずは、push,pullの流れを手動でやってみる。 リモートリポジトリの用意(リモート) とりあえず、外からは非公開かつ、チームがアクセスできるディレクトリを用意し、リモートリポジトリにする。
git で手元でバージョン管理してるのにいちいち git-archive で差分を出して 展開して、FTPで持って行って上書きなんてめんどくさいなぁ・・・ コマンドだけででうまくできないものかと思った時に使える技。 SSHが使える場合とFTPのみ使える場合とで2パターン用意しました。 WindowsがメインPCなのでWindowsでも使える手順となります。 使うgitはオーソドックスにmsysgitです。 SSHが使える場合 昨今のレンタルサーバーではSSHを利用できるオプションがあります。 ロリポップ! (スタンダードプラン、エンタープライズプラン) heteml さくらのレンタルサーバー (スタンダードプラン以上) XServer git は ssh:// をリモートリポジトリに設定してやるとSSH経由で操作を行えるのでこいつを使います。 今回はロリポップ!を使った場合を想定して進めま
Mac向けFTPソフトのTransmitに付いている同期機能が便利だったのでまとめ。Transmitを使えば、ローカルで編集したファイルをサーバー上に自動同期できます。UIもおしゃれなのでオススメアプリです。ダウンロードする場合は、公式サイトから試用期間付きで無料DLできます。 » Panic – Transmit – The ultimate Mac OS X FTP + SFTP + S3 app 動画:Transmitの自動デプロイ機能 手順1.Transmitで自動デプロイしたいファイルパスを設定する ローカルのパスとサーバー上(デプロイ先)のパスを設定します。 下記がその例となります。 # ローカルのパス /Macintosh HD/Users/bannaimanabu/Documents/deploy # サーバー上(デプロイ先)のパス /manabubb.xsrv.jp/pu
最近はPhotoshopと並行してSketchでもデザインしています。Sketchは爆速でデザインできると共にコーディングも手早く行うことができるので、短納期案件にも対応することができるすげーヤツです。 Sketchのイケていないところ そんなスゲーSketchですが、デザインをしていてAdobe系アプリと比べて不便を感じるところがあります。それは文字の扱いです。 Sketchのベースラインシフトはsupとsubが基本 Sketchでベースラインシフトができないんです。厳密にはできるっちゃできるんですが、スタイルをリセットしていないsupタグとsubタグの範囲しかできません。 当サイトのロゴはベースラインシフトで文字を少し躍らせるようなあしらいにしています。もし、Sketchでこのあしらいをしようと思えば文字を分割してあげる必要があります。 リアルタイムのカーニングが苦手 段落のカーニング
素材集の色を自由自在に変える簡単テクニック。 こんにちは。Keinaです。 本日は、Photoshopで素材集の色を簡単に変更する方法をご紹介します。 デザインするとき、「色」は重要な要素のひとつ。なんとなく色を選んでしまうと、伝えたい印象とは違ったものになってしまいます。素材集の画像を使う時も同じで、そのまま使用すると、つくりたいイメージにあわない場合があります。そんなときは、素材集の画像をイメージにあう色に変更してみましょう。 ▲使用ソフト:Adobe Photoshop CC 2017 ※素材集を加工する場合は、使用承諾範囲を確認し、素材の加工に関して制限がないことを確認しましょう。 1. 「色相・彩度」で色を簡単に変更する方法 単色の画像は、簡単に色が変えられます。ピンクの画像を水色とグレーに変更してみましょう。 ▲使用素材:スタンダードコレクション / analog_frame_
カラーリング、配色の参考にしたい美しいCSSグラデーションカラーをあつめたギャラリーサイトuiGradientsが、個人的にデザイン制作で役に立ったので、備忘録的エントリーとしてご紹介します。 画面いっぱいに表示されるスライダーから、お気に入りのグラデーションカラーを見つけたら、画面左下に表示されている「Get CSS Code」をクリック(Enterキーを叩くキーボード操作も可能)。CSSコードが表示されるので、「Copy to Clipboard」でコピー完了です。 デイ・トリッパー(Day Tripper)やモヒート(Mojito)、ジューシー・オレンジ(Juicy Orange)などネーミングも素敵ですよ。
「たづがね™角ゴシック」をブログの画像にちょいちょい使っていたところ、そのフォントはどこで手に入るのですか? 無料ですか? などの問い合わせを頂いたので、その入手方法・購入方法(無料ではないです)、そして今だけお買い得なセットを紹介します。 おそらく、ここの画像でしょうか。 Tazugane™ Gothic -MyFonts たづがね™角ゴシックの魅力 たづがね™角ゴシックの今だけお買い得なセット たづがね™角ゴシックの購入方法 たづがね™角ゴシックの魅力 たづがね™角ゴシックは多くのデザイナーがお世話になっているMonotype社から、2017年1月25日にリリースされた初の日本語フォントです。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く