実は簡単！Photoshopで写真をイラスト風や絵画風に変える方法 - DESIGN TREKKER
はじめに Photoshopは画像の色を補正したり、変形させたり、切り抜いたり、切り抜いた画像どうしを合体させて新たなグラフィックを生み出すことを得意としたソフトですが、 撮影した画像をイラスト風に変えたり、絵画風にしてしまう、なんてことも簡単にできてしまいます。 今回はPhotoshopを使って、写真を線画のイラストや絵画風に変える方法を紹介していきます。 写真をイラスト風に変える方法 写真から線を抽出し、イラスト風に変更する方法を紹介します。 写真を用意する やり方はとても簡単です。まずはイラスト化したい画像を用意しましょう。 写真を線画にする 次に画僧レイヤーをレイヤーパネルにある＋のアイコンにスライドして複製します。 複製した画像レイヤーを選択し、「フィルター」→「ぼかし」→「ぼかし（詳細）」を選択します。 「ぼかし（詳細）」と書かれたパネルがでて、画像が白黒になった状態の絵がプレ
たったワンアクション！ 大量のPSDファイルを一気にJPEG保存する方法！｜BLOG｜株式会社エムハンド
今回は、意外と知らなかったPhotoshopのドロップレット機能を使って、ドラッグ＆ドロップするだけで、複数のPSDデータを一気にJPEG保存する方法をご紹介します。この方法は、バッチ処理などと違い、Photoshopを開くことなくJPEG保存ができるので、バナーのデザイン提出や、大量のページを修正した後のJPEG保存の時にとっても便利です！ ドロップレットとは？ ドロップレットとは、デスクトップなどのディスク上に「ドロップレットアイコン」を作成できる機能です。 ドロップレットアイコンには自由なアクションを1つ設定することができ、画像ファイルやフォルダーをそこへドラッグ＆ドロップするだけで、そのアクションが実行できるようになります。1～10個くらいのドキュメントにアクションを適応したいときに最適です。 バッチ処理とは？ バッチ処理とは、特定のアクションを指定したファイルごとに自動的に適応し
【Photoshop神テク】写真やテキストを差し替えた画像を大量一括作成！データセット機能
決まったフォーマットで、写真やテキストだけを差し替えた画像を大量に作らないといけない時って結構ありますよね。 ECサイトの場合はセール画像やバナーなど… 何十枚もの画像やテキストを全て手作業で更新して書き出しするのは結構手間ですし、ミスも起こりがちだと思います。 でも実はPhotoshopには、一度設定すればワンクリックで大量の画像を一括作成＆更新してくれる神機能があるんです！ 使えるようになれば本当にめちゃめちゃ作業が早くなるので、これは知らないと損だと思ってぜひ最後まで読んでみてください。 Photoshopのデータセット機能とは割とPhotoshopを使いこなしている人にも意外と知られていないデータセット機能。 簡単に言うとテンプレートのデータを元に、リストで指定した画像やテキストを差し替えたデータを一括作成してくれる機能のことです。 データセット機能の概要 テンプレートとなるデータ
【Photoshop】フレームアニメーションでイラストを回転♪【Adobe】 | ゆずうさぎ
Photoshopでイラストを回転させる方法 新規作成 ファイルを開きます。今回は1000×1000ピクセルでアニメーションを作成します。 レイヤーを複製します。 イラストをPhotoshopに取り込む 使いたいイラストのフォルダを開きます。イラストをレイヤーにドラッグアンドドロップします。 レイヤーにイラストを取り込むことができました。 キャンパスサイズに合うようにイラストを拡大します。 レイヤーを複製します。 レイヤーの複製を11個つくります。わかりやすいようにレイヤー名前を1、２、3～11としました。 レイヤー2を回転させます。 Ctrl＋Tをクリックします。回転できる矢印が出てくるのでその矢印をクリックし任意の場所で止めます。エンターキーを押すと固定できます。 同じ要領でレイヤー2～11までイラストを回転させていきます。 フレームアニメーションを作成する ウィンドウ→タイムライン→
Photoshopの「Web用に保存」で、縮小されて書き出されてしまう現象とその対策
スマホサイトのデザインをPhotoshopで行っている場合、縦幅が10000pxを超えることがあります。 LPなんかを作っていると、割とあっという間に超えますね。Retina対応のサイトのラフづくりの宿命です。 縦幅が長いラフを「Web用に保存」しようとした場合に、意図せず画像が縮小されて書き出されることはないでしょうか。これが地味に困る。 どうやらPhotoshopの仕様で、8192px以上のカンバスから画像を書き出そうとすると、勝手に縮小されてしまうようなのです。 何やねん！この仕様！ 「Web用に保存」で、画像が勝手に81.86%になっている。ここを直そうとしても受け付けてもらえません。 というわけで対策です。 画像全体を書き出す場合 「ファイル」→「クイック書き出し」が便利です。 「書き出しの環境設定」で、書き出し形式の設定も可能。PNG、JPG、GIF、SVGでの書き出しができま
Craft を利用して Invision を Photoshop と連携して手軽に同期できるようにする
facebook 初めまして。オフィス狛 デザイン部です。 プログラム系の記事以外にも、デザイン系の記事も増やしていこう！ ・・・と言うミッションがデザイン部に課せられたので、 これからどんどん記事を書いて行こうと思います。よろしくお願いします。 さて、突然ですが、皆様はInvisionをご存知でしょうか？ InVision | Digital Product Design, Workflow & Collaboration Invision は簡単にモックアップが共有できるとても便利なサービスです。 しかし、ページ数の多いプロトタイプを作る際、 現状は psd 形式のデータを直接アップロードすることは不可能な為、 Photoshop ユーザーの場合、複数のアートボードで作ったモックをわざわざ png などの 形式に書き出してアップロードするのですが、やっぱり少し面倒です……。 Craft
【Phototshop小技】意外と知らない!!複製したレイヤーに「○○のコピー」と付けない方法
こんにちは、井畑です。 Photoshopでレイヤーやフォルダをコピーした時に「○○のコピー」って付きますよね？ 僕は最近まで、コピーするたびにいちいち「コピー」の部分を消して名前をつけていたのですが、なんと最初から付けない設定方法をがある事を発見してしまいました!! なんだか幸せになれたので、皆さんにもご紹介しておきます。※Photoshop5からの仕様になります。それ以前のものをお使いの方は今まで通り頑張って消してください！期待して見てくださった方ごめんなさい！ ちょっとした事ですが、作業効率アップにつながれば幸いです。それではどうぞ!! 「○○のコピー」と付けないようにする設定方法 レイヤーパレットの右上側の部分を押します。 「パネルオプション」をクリックします。 『コピーしたレイヤーとグループに「コピー」追加』にデフォルトでチェックが入っているはずなので外します。 これで「○○のコ
3分で「Spotify風」のお洒落なアイキャッチ画像を作る方法 | アトリエ・アイハラ
このブログの運営主である迫佑樹さんが発信されている「スキルをつけて人生の自由度をあげる」をテーマにしたLINEのマガジンを紹介します。 プログラミングやブログ運営、ビジネスのことなどを知りたい方は登録必須です。 こんにちは、ブロガー兼デザイナーの相原 有希です。 ブログ記事のファーストインプレッションを決めるのが、アイキャッチ画像（サムネイル）。記事のタイトルと同じぐらい重要な要素だと言われています。 しかし、「お洒落でインパクトのあるアイキャッチを作りたいけど、デザインスキルが無いから難しそう ……」と敬遠してしまうブロガーさんも多いはず。 PR あなたのサービスを10倍魅力的にするバナーやロゴを制作します！ そこで今回は、PhotoshopとIllustratorを使って「Spotify風」のお洒落なアイキャッチを作る方法をご紹介します！ 慣れれば3分ぐらいでサクッと作れるようになるの
【Photoshop】最初から使える！公式標準スクリプト・機能おすすめ6選 | CGメソッド
海外でフリーランスをしているテクニカルアーティスト ゲーム開発・映像制作・WEB制作等を請け負っています。 当ブログは作業効率化のための技術ブログです。 Photoshop：最初から使える！標準スクリプトまとめPhotoshopをインストール後からすぐに使える公式標準スクリプトの紹介です！ 複数の画像をまとめてレイヤーとして読み込む「ファイルをレイヤーとして読み込み」Phoshopの標準機能で、複数画像をまとめてレイヤー化することができます！ ではさっそくやり方を紹介いたします！ [timeline] [tl label=’STEP.1′ title=’Photoshopを開きます’] [/tl] [tl label=’STEP.2′ title=’スクリプトを起動’] 「ファイル＞スクリプト＞ファイルをレイヤーとして読み込み」 [/tl] [tl label=’STEP.3′ title
61 Free Seamless Patterns (Commercial Use) - Graphicsfuel
We would like to acquaint our visitors with the most interesting Free Seamless Patterns with the possibility of use in commercial projects. We hope that these patterns can help you in your projects and also help to reduce expenses and development time. Wherever we go today in a modern city, the patterns will surround us everywhere. Leaving the house, we wear clothes decorated with patterns, whethe
「トーンカーブ」で自由自在に色調補正② | Photoshop 色調補正ゼミナール | Shuffle by COMMERCIAL PHOTO
色調補正ゼミナールは、前回に続き「トーンカーブ」について。前編と合わせて読めば、トーンカーブのコツがつかめる！ 連載第5回目の今回は、「トーンカーブ・応用編」をお届けします。 前回の解説で、トーンカーブとは一体どんなコマンドなのかについて、理屈的な部分を理解いただけたのではないかと思います。 そこでいよいよ、今回は実際にいろいろな画像を調整していきたいと思います！ それによって、少しずつ「トーンカーブ」を自分のものにしていただけたら、という狙いです。（通常この連載は単独で読んでもわかるよう配慮しておりますが、トーンカーブは前編・後編という扱いになっております。なるべく前編を先にお読みいただけましたら、よりわかりやすいと思います！） まずは前回の内容をざっくり復習しますと、 トーンカーブのカーブは、 ①カーブを上に曲げると画像が明るくなり、下に曲げると画像が暗くなる。 ②カーブの坂を急にする
今さら人に聞けない!! Photoshopのショートカットキー講座(84) 遠近法に変形する方法
今日のショートカット 【遠近法に変形する】 Mac)command+shiftを押しながらドラッグ Win)Ctrl+Shiftを押しながらドラッグ 自由変形のバウンディングボックを表示させたら、command(Ctrl)とShiftキーを押しながらドラッグします。するとその1点が縦もしくは横の辺の延長線上をスライドするように移動し、遠近法で画像を見たときの様な効果が得られます。 ただ、このままだと掴んだ1点のみしか動かないため、消失点が左か右のどちらかに偏ってしまいます。中心に向かって1点透視した効果を与えたい場合は、更に「option」キーを加えて操作して下さい。 STEP UP 【遠近法で左右対称に変形する】 Mac)command+shift+optionを押しながらドラッグ Win)Ctrl+Shift+Altを押しながらドラッグ この方法でドラッグした側だけでなく、逆側の角も左
Photoshop CCでのマルチディスプレイ時のウィンドウ表示について
/t5/photoshop-%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97-mobile-web-%E7%89%88-discussions/photoshop-cc%E3%81%A7%E3%81%AE%E3%83%9E%E3%83%AB%E3%83%81%E3%83%87%E3%82%A3%E3%82%B9%E3%83%97%E3%83%AC%E3%82%A4%E6%99%82%E3%81%AE%E3%82%A6%E3%82%A3%E3%83%B3%E3%83%89%E3%82%A6%E8%A1%A8%E7%A4%BA%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6/td-p/6926012 Mar 09, 2015 Mar 09, 2015
たった1クリックでロングシャドウを作る方法
あなたはフラットデザインのトーンを崩すことなく立体感を表現できる「ロングシャドウ」を簡単に作る方法をご存知でしょうか？最近はWebサイトに限らず、アプリでもフラットデザインが良く使われており、ロングシャドウを見る機会も増えてきたのではないでしょうか。 ところがロングシャドウは作るのに意外と時間がかかってしまうんですよね。それが原因でロングシャドウを少し遠ざけてしまっている方もいらっしゃるのではないでしょうか。しかし実は、1クリックでロングシャドウを作る方法があるんです！それがPhotoshopの「LongShadowGenerator」というプラグインです。 この「LongShadowGenerator」というプラグインを利用することによって、効率よく綺麗なロングシャドウを作ることが出来ます！今回は、そのロングシャドウを1クリックで生成する「LongShadowGenerator」の使い方
デザイナー自家製Photoshop用パターン素材大公開中！（商用無料＆クレジット不要） | ページ 2 / 2 | 東京上野のWeb制作会社LIG
こんにちは。デザイナーのもりたです。 私はいつもデザインするとき、パターンが必要になったらその都度適当に作ってしまって、結局パターンファイルの中が「パターン45」とかそんな名前で埋めつくされるタイプなんですけど、デザイナーの皆さんいかがでしょう。 自分の中の命名ルールが決まってないから名前つけても適当すぎて判別できないんだよね……。結果いちいちクリックして試すなんて非効率的なことに。 まあそんなわけで、一念発起してこの自作パターンを整理しようと思い立ったわけですが、せっかくなので、Webデザイン制作時にセットで持っていると便利そうなパターンをまとめて配布することにしました。 独学でつまずいていませんか？ Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。どんなスクールがあって、どんな内容が学べて、費用はどれ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
webpファイルをPhotoshopで開くことができるPhotoshop CC対応の機能拡張 -AdobeWebP | コリス
テキストファイルから、大量の字幕をPSDで自動出力 - Adobe Blog
[基本操作] 部分的に明るさや色を変更してみよう（Photoshop Elements 15/2018）
Apple Design Resources
のんびりデザインしているような。
