ここではスリームデザインが実際に仕事をする際に使っているほぼ全ての技術を紹介します(追加していきますのでブックマークしてご活用ください)。 初心者の方でもしっかりと取り組めば短期間で全ての技術を身につけることができると思いますので、是非習得してあなたのセンスを思いっきり表現できるようになりましょう!
![photoshopで仕事をしたい人が身につけておきたい技術や使い方のまとめ。日本語のチュートリアルです。](https://cdn-ak-scissors.b.st-hatena.com/image/square/5db2ba9dfd39ece4b36d0a8e07fd742701602173/height=288;version=1;width=512/https%3A%2F%2Fthreem-design.com%2Fwp-content%2Fuploads%2Fjapan-movie-eye.jpg)
はじめまして、デザイナーのmidoriです。 スマホ時代の専門紙「Vingow」を運営するJX通信社で、主にWebデザイン制作を担当しています。 アルバイトとしてJXに入るまでずっとIllustratorを使っていたのでイラレ党な私ですが、お仕事ではPhotoshopを使う機会の方が多いです。 今回はPhotoshopの機能を大幅に便利に拡張してくれるプラグイン・スクリプトたちをご紹介します。 編集系 colorPicker Colorful . VTda.info / vtdainfo 配布元:サイト作るときに便利なPhotoShop JSX、ショートカット、アクション – Develo.org 「複数のオブジェクトの色を一気に同じ色に変えたい…」というものぐさ(わたしです)にぴったりなスクリプト、colorPicker。 まずは複数のオブジェクトを選択し、colorPickerのスクリ
カンプのデザインやパーツの作成など、Webデザインにも欠かせないPhotoshop。もっとラクに、もっと速くWebデザインするために、すぐに役立つ4つの時短テクニックを紹介します。 サイズ違いのバナーはまとめて使い回し Photoshopでよく作るモノの1つといえば、バナー。掲載場所や配信先によってサイズが異なるバナーをバラバラに作成すると使い回しが面倒だし、写真や文言に変更があったときにいちいち直すのが大変ですよね。 いろんなサイズのバナーを1つのPhotoshopファイルにまとめて作成し、写真やロゴをスマートオブジェクトで一元化しておくと、バリエーションをスピーディに作れ、修正にも対応しやすくなります。 例として、大中小の3つのバナーを一気に作ってみましょう。作成する最大サイズのバナーが収まるように新規ドキュメントを作成し、大きいサイズのバナーから作成します。 レイヤーに素材を配置して
Photoshopを毎日使うウェブ制作者はぜひ目を通してほしい、Photoshopを自分の手足のように使えるようにするノウハウ、同じ結果でも遙かに時間が短縮されるテクニックが満載のオススメ本を紹介します。 同サイズの画像をスライスするのに5分かかっていたのが1分で! 10px以下の小さな文字を鮮明にするのに10分以上かかっていたのが5分でよりキレイに! など実用的な技が満載です。 「神速 Photoshop Webデザイン編」ではウェブデザインの現場でPhotoshopを使う時に役立つ情報が満載! Webデザインに特化したPhotoshopの環境設定方法から、すばやいスライス、効率的なカンプの作成、デザインのバリエーションを楽につくるなど、実践的なテクニックや便利なツール、そしていざという時の「直し」に強いデータをつくる方法など、デザイナーの時間を大幅に短縮します。 神速デザインの5箇条
さっさと仕事を終えて帰宅に向かいたいWebデザイナーさんへ朗報ですよ! Photoshopと合わせて使える便利機能を見つけたので紹介します。 Velositeyは、Webレイアウトを数回のクリックで完成できるPhotoshop用のプラグインです。例えば、以下のようなレイアウト。Photoshopを起動してから、わずか4回のクリックで完成です。 ワイヤーフレームにも使えますし、ここからさらに作り込んでWebデザインとして完成させることも可能ですね。 それでは実際に上のレイアウト作成にかかった『4クリック』を振り返ってみます。 著者情報:この記事を書いた人 ウェブさえ web業界14年目。フリーランスwebデザイナーとして活動後、法人化。今でも年間100件以上のウェブサイトの企画・制作に関わっています。 ウェブさえにできること【お仕事のご相談>サービスメニュー】 Follow @websae2
カンプのデザインやパーツの作成など、Webデザインにも欠かせないPhotoshop。もっとラクに、もっと速くWebデザインするために、すぐに役立つ4つの時短テクニックを紹介します。 面倒なスライス作業は「画像アセットの生成」機能で不要に Web制作で面倒な作業といえば、カンプから画像パーツをスライスする作業。パーツがたくさんあったり、あとからデザインが何度も変更になったりすると、いちいち書き出すのが手間ですよね。 Photoshop CC(14.1以降)の「画像アセットの生成」を使うと、スライス作業が不要になり、レイヤーグループごとに画像ファイルを自動的に書き出せます。 例として[角丸長方形]ツールと[テキスト]ツールで作った以下のようなボタンを書き出してみましょう。 [角丸長方形]と[Button]の2つのレイヤーを選択し、command+Gでグループ化します。グループ名には、書き出した
Photoshopでの作業がもたついたり、もっときびきび動作させたい、という時に、ちょっと見直しておきたいPhotoshopの設定項目を紹介します。 各設定は、ウェブページのレイアウトやUIの作成を想定したもので、必要に応じて調整してご利用ください。 CC2015にも対応した環境設定は、下記ページをご覧ください。 Photoshopの作業パフォーマンスを向上させる最適な環境設定のまとめ -CC2015対応 How To Optimize Photoshop For Better Performance 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。海外のブロガーから他ブログでの無断翻訳・転載の声を聞くのでご注意ください。 ヒストリーとキャッシュ グラフィックプロセッサー 仮想記憶ディスク メモリの使用状況 64ビットモード レイヤーパ
世の中にはこんなに便利なアプリがあったのかと驚きを隠せない霙(@xxmiz0rexx)です。なぜ今まで知らなかったのか!!なんて非効率な日常を送っていたのか!!悔やんでも悔やみきれないです本当に。。 というわけで、今日は存在を知って以来 毎日使ってしまっている超絶神アプリをご紹介させて頂きます:) スマートフォンサイトやアプリデザインに最適なのでマカーなあなたは是非チェックしてみてください!! 『Skala Preview』とは Photoshopで開いているキャンバスをスマートフォンでリアルタイムプレビュー出来るアプリです! 今までスマートフォン向けのデザインをする時は、Dropboxにpngを保存し、同期させ、実機で確認していた私。 同期にいちいち時間がかかり かなりストレスだったので、このアプリを知って大歓喜なのでございます♡ 公式サイト:Skala Preview, a Mac a
2013年12月17日 Photoshop, 便利ツール デザイナーにはかかせないツール、Adobe Photoshop。Creative Cloudになってどんどん便利になってきましたね!そんなPhotoshopをさらに使いやすくしてくれる無料プラグインが多数配布されています。私はPhotoshop CC ver. 14を使用しており、そのバージョンで使えるプラグインを中心に紹介していきます! ↑私が10年以上利用している会計ソフト! Photoshopプラグインの使い方 最新版のAdobe Extension Managerをダウンロード&インストール ダウンロードしたPhotoshopプラグイン(.zxpファイル)をダブルクリック 自動的にAdobe Extension Managerが起動するので、そのままプラグインをインストール。自動的に起動しない場合はAdobe Extensi
作成:2013/12/2 更新:2014/11/01 無料素材 > 画像補正するときに、どうすれば良かったのか思い出せない。またあの方法を探し出さないといけない。そんなこんなで、Photoshopの便利な小技や、写真に関する知識をまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 画像補正 1.覚えておくと便利な小技 知っておきたい基本知識 2.被写界深度(ひしゃかいしんど) 3.バンディング(トーンジャンプ) 4.白とび・黒つぶれ 5.ジャンプ率 6.視覚度 7.角版/切り抜き版の使い方 8.画像フォーマット 使い方 9.基本的な機能の使い方 画像補正 1.覚えておくと便利な小技 写真をPhotoshopで補正するときに役に立ちそうな小技をまとめました。異色なものもありますが、筆者が良くアクセスしてしまうもの一覧です。 ゴミを発見する/微細なロー
ページレイアウトをはじめ、よく使うさまざまなエレメントなど、フラットなスタイルのPhotoshop用のPSD素材をPSDchatから紹介します。 制作にすぐに利用するもよし、勉強用にじっくり見るのもよしの良質素材です。 素材の利用にあたっては個人でも商用でも無料で、クレジット表記は必要ありません。ただし、再販や再配布は禁止です。詳しくはダウンロードファイルの「readme.txt」をご覧ください。
ご存じの方もいらっしゃると思いますが、Adobe Photoshop は JavaScript で制御することができます。 Photoshop 用の JavaScript ファイルのことを「JSX」と呼びます。拡張子は .jsx です。 Photoshop を使ってWeb制作されている方は多いかと思いますが、Photoshop は本来写真加工用のソフトでありWebデザイン用のソフトではないため、特にレイアウト機能が Fireworks、Illustrator、InDesign などに比べ貧弱です。 しかし、JSX を使用することにより Photoshop のレイアウト機能やWeb制作向けの機能をある程度向上させることができます。 JSX は昔から Photoshop に搭載されていましたが、書き方の参考になるような書籍やサイトが少ないためかそれ程注目されていなかった気がします。 しかし、最
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。本件に関する詳細は、プレスリリースをご確認ください。 2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。 本件に関する詳細は、プレスリリースをご確認ください。
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
なんとわかりやすい! Photoshopにある全部のフィルターを2分弱の動画にまとめたのがこれ。さらにわかりやすいように、PhotoshopのロゴをPhotoshopのフィルターにかけています。この動画の他にも、こちらのTumblrで同じものをGIFで見ることもできます。制作はDevice。 いまいち使ったことがなかったフィルターの効果もこれですぐわかりますね! [The Next Web] そうこ(ERIC LIMER 米版)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く