Sketchでイラストレーターのスウォッチデータを使う方法 - Qiita
イラストレーター（イラレ、Illustrator）で、カラーパレットを作ったのでそれをSketchでも使いたい！例えば、 最近、社内でデザインガイドライン作った！ イラストレーター色の管理をするようにした！ でも、Sketchに移行しようと考えている...とかとか。 そんな時のために、Sketchでイラストレーターのスウォッチデータを使う方法があります イラストレーターで作ったカラーパレットを出力する イラストレーターで作ったカラーパレットを「スウォッチライブラリ交換用として保存」で保存します。この時の拡張子は 「*.ase」になります スウォッチライブラリ交換用として保存 スウォッチをライブラリとして保存 ase は、Adobe Swatch Exchange の略らしいです ase ファイルをclrファイルに変換する ase ファイルをclrファイルに変換します。clrファイルをSke
【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_
After Effectsで作成した動画を透過GIFアニメにする｜Webディレクター・ハラヒロシのブログ
生まれて初めてAfter Effects（CC 2015）を起動しました...。作成した動画から透過GIFアニメを作成する方法を調べたのでメモ。 動画を作る 「コンポジション」メニューから「レンダーキューに追加」を選択 「出力モジュール」をクリックし、形式を「QuickTime」にする ビデオ出力のところ、「チャンネル：RGB＋アルファ」、「カラー：ストレート（マットなし）」にする レンダリングをクリックして出力（アルファチャンネル付の動画が書き出される） Photoshopで、書き出した.movファイルを開く Web用に保存でGIF形式で書き出し マンガ「Webクリエイター・ウルトラエル」 ITが発展した下界に下りてきた忍者・ウルトラエルが持ち前の忍術・戦術・記憶術を駆使しながら、一人前のWebクリエイターを目指して奮闘します。 ※Vol.01～Vol.11をまとめ読みできます（すべて無
アルファチャンネル（透過）をムービーに入れて書き出す時の設定【AfterEffects】 | 動画素材.com/ブログ
まずムービー書き出しをする時に色々設定しますが、下画像のような設定を参考にしてください。 ここでいくつかポイントを書いておきます。 画像で1のところ.アルファチャンネル（透過）を入れれるコーデックを設定します。 まずMac環境だとFinal Cut ProXとか入れているのであればProResコーデックがインストールされていますので「形式：QuickTime」「形式オプション：ProRes4444」がお勧めです。 ProResがインストールされていない場合は「形式：QuickTime」の「形式オプション：アニーメーション」が良いです。 ファイルサイズを抑えたい場合は「形式オプション：PNG」でも良いですが、 PNGから更にPNGにレンダリングとかすると結構画質悪くなる傾向がありますので（自分調べ）気をつけてください。 Windows環境だと最初からのデフォルトでとなると「形式：AVI」「形
MainStage
MainStage lets you take your Mac to the stage with a full-screen interface optimized for live performance, flexible hardware control, and a massive collection of plug-ins and sounds that are fully compatible with Logic Pro. The Ultimate Live Rig • Perform live with 100 instrument, effect, and MIDI plug-ins or work with Audio Units plug-ins • Add your sounds from Logic Pro and GarageBand to bring y
隠れた便利機能ベスト3
こんにちは。デザイナーのハルエです。 今回は、知っているのと知らないのとでは作業時間に圧倒的な差がついてしまうPhotoshopの効率化機能マイベスト3を紹介させていただきます！ 独学でつまずいていませんか？ Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。どんなスクールがあって、どんな内容が学べて、費用はどれくらいするのか、情報として持っておいて損はないはず。下記におすすめスクールを集めてみました！ ※2014年3月7日に公開された記事を再編集したものです。 その1：Vanishing Pointでハメコミ合成 みなさん、“Vanishing Point（ヴァニシングポイント）”機能をご存じでしょうか？ 機能の存在は知っていても、使ったことのない方が多いかと思います。 このVanishing Point
デザインは労働対価ではない！デジタル時代のデザインにも価値を与える明朗な見積り「キービジュアル制作費」
といった感じです。 大きな案件なら、ディレクション費用を別途とることもありますが、小さな案件だとそれも難しいのが現状ではないでしょうか。 一般的な見積もり方法の問題点 デザイナー側 デザイン料金が制作物の数に左右される デザイン料金が労働対価だと誤認されクリエイティブ部分が軽く見られてしまう デジタルデータ転用の料金を取りにくい クライアント側 デジタルデータ流用に使用料が発生する デザイン費が制作物の数に左右されるため、新しい広告媒体に挑戦しにくい 追加料金が発生する事もあり見積りが不明瞭 こういった見積り方法の場合、デザイン料は労働対価だとクライアントに誤認される事がよくあります。 Lancersやクラウドワークスのようなクラウドソーシングの料金設定を見れば明らかですが・・・。割りきって使えばかなり使えるサービスですけどね。 そしてもうひつ問題なのが、デザイナー自身もデザイン料が労働対
お絵かき隊新聞 |フォトショップの「取り消し」もしくは「１段階戻る」について
名古屋で活動する似顔絵グループお絵かき隊です。愉快で楽しい似顔絵珍道中をご覧あれ http://www.pleasure-p.co.jp/oekaki/index.html こんにちは。お絵かき隊の毎週月曜日「猫やん日記」担当の有吉賢仁です。 きょうはタイトルでもわかるように、猫やん日記ではないでーす。 フォトショップの「取り消し」の悩み。 例えば・・・（※わたしはMacです） 「新規レイヤー」 「ペン入れ」 「間違えた！」 「コマンドZ」（もしくはコマンドoptionZ） 「ペン入れ」 「ペン入れ」 「ペン入れ」 「うんうんうまく行った☆」 「・・・」 「ん？」 「んんー？？？」 「ギャー！下書きと同じレイヤーに清書してしまったー！」 また１からやり直し・・・ ということがよくあると思います。 ありますよね？ あるはずです。 「取り消し」をするとレイヤーまで以前の位置に戻ってしま
長く使えるプロジェクト管理ツール厳選レポート2017
こんにちは。デザイナーのいしかわです。プロジェクト管理ツールマニアです。 理想的なプロジェクトマネジメントに向けて、これまでにプロジェクト・タスク・情報共有・進捗管理などに関するツールを30以上試してきました。その中から特におすすめしたい厳選ツールを7つ紹介したいと思います。 プロジェクト管理ツールを乗り換えるのは大変なので、できるだけ長く使い続けられるものを見つけたい！という気持ちで本気で評価しましたが、あくまでも自分で使ってみた感想になるので、人によっては合う合わないがあると思います。プロジェクト管理ツールの選定の参考になれば嬉しいです。 ※本エントリー更新時点での情報になりますので、機能や価格などの情報は異なる可能性があります。 ※2016/2/21 Asanaを追加しました ※2016/9/4 各ツールの最新情報をチェックし内容を更新しました ※2017/1/13 各ツールの最新
イラストレーターＣＳ４で曲線に沿ってオブジェクトを並べたいんですが、どうすればいいですか？ - 同じオブジェクトなら、並べたいオブジ... - Yahoo!知恵袋
同じオブジェクトなら、並べたいオブジェクトを選択ツールで選択＞ウィンドウ＞ブラシ＞ブラシパネル内にオブジェクトをドラッグ＞散布ブラシ＞ＯＫ＞回転の基準で「パス」を選択＞ＯＫ＞ペンツール等で曲線を描く（塗り無し・線有り）＞ブラシパネル内の登録したオブジェクトをクリック＞線パネルで線幅を調整。 曲線を選択したままで、ブラシパネル内の登録したオブジェクトをダブルクリックすると、プレビューにチェックして、サイズ・間隔・散布・回転で調整出来ます。 オブジェクトが色々なら、↓ここの「オブジェクトの配置について」を参照。 http://illustrator-ok.com/main_bbs/joyful.cgi
配色がうまくいく、デザイナーが覚えておきたい7つの鉄板ステップ
海外デザインブログ Medium で公開された「Desining in Color」の著者より許可をもらい、日本語抄訳しています。 配色は、デザイナーにとって強力なツールです。注目を集めたり、感情をゆさぶったり、メッセージを伝えることもできます。配色がどれほど重要なのか分かりやすく伝えるために、よく引用されるThe Impact of Color on Marketing では、いくつかの商品において、90%以上のユーザーが配色によって購入を決めているということも、研究によって分かってきています。 効果的に配色を活用することが、デザインにおいて重要になりますが、新しい色の組み合わせを考えるのも大変です。それぞれの色には意味があり、組み合わせは無限と言えるでしょう。 この記事は、デザインに合った配色カラーパレットのつくり方の紹介ガイドです。より多くの色をつかって、直感的に素敵な色の組み合わせ
忙しい人向け！超簡単に自然な肌にレタッチをする方法[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)
春らしい草花や生き物モチーフの無料ブラシ素材10選
ようやく気温も暖かくなってきて、来週にはGWが始まります。さまざまなイベントに合わせて、春らしいデザインをする機会も多いのではないでしょうか。 今回は、春に使える無料Photoshop用ブラシ素材をご紹介します。 SakuraSeries PS Brushes 春と言えばやっぱり桜を思い浮かべますよね。こちらは３種類の桜の花びらのPhotoshopブラシのセットです。ランダムに散らばるようになっているので、桜吹雪のデザインを作るときにぴったりです。使用する場合は上記ページにリンクを貼って欲しいそうです。 26 Hi-Res Floral Wreaths Brushes リース型をした様々なお花や葉っぱのブラシセットです。合計26種類とバリエーション豊富で、いろいろと試すのが楽しくなるのではないでしょうか。個人利用のみ可能です。 Flowers Brushes 小さなオーナメントのようなお花
フラットデザインに使える！ シンプルなアウトラインアイコン10選
まだまだ衰えを見せないデザイントレンド、フラットデザイン。 そんなフラットデザインに使えるアウトライン型アイコンのセットをご紹介します。アウトライン型アイコンは、通常のフラットアイコンよりもミニマルで洗練されたイメージに仕上がります。無料とは思えないハイクオリティなアイコンをテーマ別で厳選して集めたので、ぜひデザインの参考にしてみてくださいね。 One line - Free Startup icons スタートアップが企業がテーマで、すべて一筆書きで描かれたアイコンセットです。他にはあまりないデザインなので印象に残ること間違いなしです。 最後のアイコンにはスターウォーズのあのキャラクターが使われているおちゃめさも。 個人利用のみ可です。 Medical icons 医療系のアイコンのセット。水色とピンクが基調の可愛らしい色合いが特徴です。 商用利用可。 Face the Animals:
簡単！ロゴ作成やフライヤー作成にオススメのツール23選
会社、お店、新規事業、イベントを始めるにあたって、顔となるロゴ（LOGO）や告知ツールであるフライヤーは非常に重要な要素です。しかし、プロのデザイナーに頼むと費用もそれなりにかかりますし、かといって自分ではデザイン出来ない、とお悩みの方も多いのではないでしょうか。 今回は、ブラウザ上で使えるロゴ作成やフライヤー作成にオススメのフリーツールをまとめてご紹介いたします。ダウンロードが不要で、Windows/Mac問わず使えるものばかりです。無料でもクオリティの高いロゴ、フライヤーを作成することができますので、気になるものがあれば使ってみてください。 1.ロゴ作成ジェネレーター Cool Text https://ja.cooltext.com/ 用意してあるロゴスタイルから好みのものを選んで、サクッとオリジナルのロゴを作成することができるジェネレーターです。 現在115個のスタイルから選ぶこと
レスポンシブWebデザインでテーブルを使う時の小技
tableやtr、tdなどのテーブル関連のタグのdsiplayプロパティを変更することでデザインを変更します。 tableタグのdisplayの値はデフォルトではtable、tdやthタグはtable-cellといった具合ですが、この値をblockやlist-itemなど他の値に変えます。 @media only screen and (max-width:420px){ tbody tr{ display: block; margin-bottom: 1.5em; } tbody th, tbody td{ display: list-item; border: none; } ..... } Chrome、Safari、Firefox対応。 IEではTableのdisplayを変更しても表示は変わらないようなので非対応です。 条件分岐コメントを使ってIEにはメディアクエリを読ませないよ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
フォトショップ用語 英語-日本語対応表
全国のPANTONE特色対応の会社情報
EC-CUBE3をローカル環境（MAMP）にインストールする方法