5分でできる！写真をドット絵風に加工する方法：Photoshop | 小樽総合デザイン事務局｜デザイン・ホームページ制作
5分でできるシリーズ。 Photoshopを使って写真をドット絵風に加工するチュートリアルです。 HDRでベースを作り、モザイク処理を利用してドット絵風にします。 使用するのはこちらの画像。 ではやってみましょう。 1. HDR加工でイラスト風にする 「イメージ」＞「色調補正」＞「HDRトーン」 ここでは以下の設定に。ディテールを強めにした方が上手く行きやすいかも。 2. モザイク処理でドット化 「フィルター」＞「ピクセレート」＞「モザイク」 今回は「2平方ピクセル」にしてみました。 比較 これで完成でもOKです。 もう少しレトロ感を出したい場合は次へ。 3. 減色する 「イメージ」＞「モード」＞「インデックスカラー」 減色します。設定はお好みで。 比較 さらに手を加える場合は、 「イメージ」＞「モード」＞「RGBカラー」でカラー設定を戻します。 4. 色味を調整する 赤みが強いので、カラ
After Effects(アフターエフェクト)でループさせる方法 | あなたのWEB業務代行致します【10R-NET】
こんにちわ、 After Effects(アフターエフェクト)でループさせる方法を紹介します。 2回ぐらいループさせるならともかく永遠にとか、範囲を決めてループさせたい そんな時ありますよね？ メニューから「時間」→「タイムリマップを使用する」を押す 追加されたタイムリマップを選択しながら、「アニメーション」からの「エクスプレッションを追加」 追加されたエクスプレッションのアイコンに横三角があると思うのでそれをクリック 「property」の「loop Out(type=”cycle”,numkey frames=0)」を選択 そして、タイムリップでループしたい範囲を選択 すこし調整が難しいです。 これでループが出来るようになります。
パペットピンツールでキャラクターを動かす
After Effectsの標準機能である【パペットピンツール】を使ったアニメーションの解説です。 レイヤー分けされた１枚絵のキャラクターをそれぞれアニメーションさせてみました。 人物に回り込むような動きは難しいですが、一般的なアニメーションで言う“中割り”は必要ありません。 高いフレームレートでもたくさん枚数がいらないため、工数がかからないメリットがあります。 以下、【パペットピンツール】の基本的な使い方を説明していきます。 STEP１．動きを意識してキャラクターを描く 今回は、線画はSAIを使用、細かいレイヤー分けと着色はPhotoshopを使いました。 最終的にアニメーションさせることを想定し、パーツ分けしていきます。ここでは、１３パーツにレイヤー分けしました。 また、「ここは大きく動きそうだ」というレイヤーの下のレイヤーは、絵を余分に持っておくと良いです。 （より見た目に違和感なく
『イラレ(Illustrator)でバウンディングボックスをリセットする』
カチオのイラレとかフォトショの使い方講座Illustrator(イラストレーター、イラレ)とかPhotoshop(フォトショップ)とか色々。 基本を卒業した人向けです。読者登録はご自由に。 関西では年末恒例のオールザッツ漫才ですが、 今田耕司が司会をしていた99年、00年は最高に面白かったです。 こんにちは、カチオです。 今回も基本だけど意外と知られていない機能シリーズ、イラレ編です。 突然ですが、バウンディングボックスってわかりますか？ オブジェクトを操作する時の、このボックスの事です。 オブジェクトを回転すると、もちろんバウンディングボックスも回転したままになりますね。 でも、オブジェクトを回転させた後、ボックスを元の水平状態に戻したい！っていう時がたまにあります。 そういう時は、「オブジェクト」＞「変形」＞「バウンディングボックスのリセット」を選択。 すると、 ボックスを元の水平状態
アドビ、日本語対応フォントをGitHubで無料配布
日本語を含む3カ国語に対応したオープンソースフォント「Source Han Sans」をアドビがリリースした。Apache 2.0ライセンスで公開されており、Adobe Typekitのほか、GitHub、SourceForgeから無償でダウンロードできる。 Source Han Sansは、日本語／中国語（簡体字、繁体字）／韓国語の3カ国語（CJK）、台湾および香港の文字セットに対応したOpenTypeフォント。6万5535文字を収録し、Adobe-Japan1-6に含まれる異体字もカバーする。ウェイトはそれぞれExtraLightからHeavyまでの7種類。なお、日本語のフォント名では「Source」の日本語をイメージした「源ノゴシック」と表示される。 開発にあたっては、グーグルが資金提供とテスト、アドビが字形デザインとプロジェクト管理を担当。「6万5000以上の文字を1社で作るのは難
Web屋が知らないと残念過ぎるDreamweaver拡張機能のインストールと変換、管理
Web屋が知らないと残念過ぎるDreamweaver拡張機能のインストールと変換、管理：無料でCreative Cloudを使い倒せ（17）（1/2 ページ） Dreamweaverの拡張機能の使い方や管理の仕方、便利な拡張機能、旧式のファイルからの変換方法、そしてAdobe Exchange／Extension Managerを紹介する。 Adobe Dreamweaver CC（以下、Dreamweaver CC）は、昔から機能を拡張できるように設計されている。「インストールしたままの状態だと、自分のワークフローに合わないな」というときに、拡張機能を使って自由に新しい機能を追加できるのだ。 拡張機能はアドビシステムズがホストするサイトから入手する方法と、ユーザーが作成したものをユーザーのサイトから入手する方法がある。今回はDreamweaverの拡張機能にフォーカスして、Adobe E
作業効率化！Dreamweaverのオススメ拡張機能まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。デザイナーのハルエです。 Dreamweaverの数ある機能を十分に活用できてる方ってどのくらいいるのでしょうか？ 私の場合、これまで最低限の機能しか使ってこず、操作上でわずらわしく感じることでも我慢してたんです。で、そのわずらわしさも苦痛に感じなくなってきて、いつの間にか慣れちゃってました。いけない子ですね。 そこで今日は以前の私みたいな方のために、作業効率を良くするDreamweaverの便利な拡張機能やおすすめ設定術を紹介させていただきます。 閉じタグコメントを自動挿入：End_comment.mxp 閉じタグコメントはソースの構造をチェックしたりする時に便利なんですが、その都度書いていくのって手間ですよね。 この拡張機能は閉じタグコメントを自動で挿入してくれます。もちろんIDとclassもちゃんと認識してくれます。 コメントを生成して挿入するDreamweaver用の拡
「CC 2014」に関して知っておきたいこと｜DTP Transit
「CC 2014」に関して知っておきたいことをまとめました。 アップデートすると、別途インストールされる。これによって、Illustratorだと、CS6、CC、CC 2014を共存できる CC、CC 2014では、内部のバージョン番号がひとつあがっている。Illustratorでは17→18、Photoshopは14→15、InDesignは9→10 Illustratorの場合、CCもCC 2014もドキュメントバージョンは同じCC。しかし、「同期の設定」はCCとCC 2014で同期できない InDesignは、CCとCC 2014では互換性がないが、アイコンはまったく同じ Creative Cloudは最大２台のパソコンまでインストール可能だが、6月19日から「同時使用」は不可能になった…（参照リンク） Adobe Sketch、Adobe Line、Adobe Photoshop
レイヤーからの画像アセットの生成
Photoshop ユーザーガイド Photoshop の概要 夢をカタチに Photoshop の新機能 初めての写真編集 ドキュメントの作成 Photoshop | よくある質問 Photoshop の必要システム構成 Photoshop とは Photoshop とその他の Adobe 製品およびサービス Photoshop で Illustrator アートワークを作業する InDesign での Photoshop ファイルの操作 Photoshop 用 Substance 3D マテリアル Photoshop の Capture アプリ内拡張機能の使用 Photoshop iPad 版（中国本土ではご利用いただけません） Photoshop iPad 版 | よくある質問 ワークスペースについて システム要件 | Photoshop iPad 版 ドキュメントの作成、表示、書き
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Sign in - Google Accounts
英語圏に見る、ソーシャルメディアの“投資効果”（ROI）の現状
旧バージョンと新バージョンでこんなにも違うワークフロー | Adobe Design Magazine