Photoshopで1クリックの時代がきた！Webページ用のグリッドも簡単に作成できる便利すぎる無料の機能拡張 -Bootcomp 2.0
Webページやスマホアプリのデザインカンプを作成する時に、大幅な時短になる便利な機能がたくさん詰まったPhotoshop CC2015.5対応の機能拡張を紹介します。 Bootstrapでつくる時はもちろん、それ以外のデザイン作業でも強力な機能を発揮します。 Web制作に携わるすべての人が、入れておいて損はない機能拡張です。 Bootcomp Bootcompの特徴 Bootcompのインストール Bootcompの使い方 Bootcompの特徴 先日当ブログで紹介したBootcompが昨日、CC2015.5にも対応してアップデートされました。1.0でも便利でしたが、2.0で更に便利になっています！ OS X, Win両対応で、日本語にも完全対応の無料の機能拡張です。
画像解像度の設定方法 - 基本操作
【Photoshop基本操作】［画像解像度］とは、現在開いているドキュメントファイルのピクセル数、ドキュメントサイズなどを変更するコマンドです。画像の再サンプルでは、ピクセル情報の補間方法を選べます。バージョン CC 以降では、ダイアログボックスが一新され、強化されたピクセル情報の補間方法が加わりました。バージョン CC 以降の設定方法については、「基本がわかる！画像解像度の設定」を参照してください。 画像の大きさの変更による劣化は、できるだけ避けたいですね。問題は縮小より拡大です。拡大してピクセル数を増やす「補間」とは、２つのピクセルの平均値で新しいピクセルを計算し、足りない部分を穴埋めする機能です。もともと足りないピクセルですから、そのために細かいディテールがブレンドされて、画像がぼけてしまうことだってあるのです。
意外に知らない?Photoshopの基本設定
1-1．画像サイズの確認と変更 画像をリサイズするには、画像解像度の画面で設定します。 さっそく以下の画像の「幅・高さ」から見ていきましょう。 幅・高さには現在の縦横サイズが表示されています。 次は幅・高さの左横にある「鎖マーク」です。 以下の画像を見てください。 この「鎖マーク」が表示されていると縦横比率が保持され、マークがなければ比率を保持されない設定となります。 鎖マークをクリックすることで縦横比を保持するか保持しないかが切り替えられます。 以下の画像の幅・高さの数値の右にある「単位(pixel)」をクリックすると、単位の表示を切り替えられます。 更に以下の画像のように「画像の再サンプル」にチェックを入れると、画像のサイズ変更を許可する設定になります。 また、再サンプルにチェックを入れていない場合は、幅・高さと解像度は連動しませんので自由にサイズを変えられます。 画像を拡大する際には
IllustratorからPhotoshopへレイヤーを保持したまま移動させる方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。デザイナーのハルエです。今回はIllustratorのレイヤーを保持したままPhotoshopに移動する方法をご紹介します。 最初からPhotoshopで作ればよくない？と言う方もいるでしょうが、私はイラストなど細かいパスを描くときはイラストレーターの方が断然使いやすいので、いつも「Illustratorでパスデータを作成→Photoshopで加工・着色」という方法で作業しています。 ではさっそく試してみましょう！ 「ググってわからないこと」が一瞬で解決するかも？ Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGのスクールでは、現役デザイナーがマンツーマンで指導します！ ▼少しでも気になる方は、ぜひ公式サイトをご覧ください！ Illustratorでデータを作る まずは今回のサンプルとし
Photoshopで簡単に配色を確認する裏ワザ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーの王です。 みなさんは写真やイラストを見たときに、「色使いうまいな！ どういう色構成をしているんだろう？」と思ったことがあるのではないでしょうか？ デザイナーなら誰しもそう思ったことはあると思います。 プロなら肉眼でもぴんとくるかもしれませんが、もっと正確に色構成を確認したい場合もあると思います。例えば、イラストなら最初から配色はできても、写真ではそれが難しいですよね。そこで色構成をチェックをすれば、より理想に近い配色に直すこともできるかもしれません。また、単に配色を確認して色使いを学ぶこともできますよね。 今回はそんな望みを簡単に叶えてくれる、Photoshopのあまり知られていないが意外と便利な機能をご紹介します。 やりかた 今回はこちらの写真を例に使います。 Step 1 「ファイル」から「web用に保存」を選択します。 ※ショートカットはcommand + a
PhotoshopでWebデザインを効率化するための便利な使い方 | ページ 3 / 3 | 東京上野のWeb制作会社LIG
こんにちは。LIGブログ編集部です。いつも「時間が足りない！」「忙しい」「寝たい……」と思っているWebデザイナーの皆さん、Photoshop作業の時間短縮をしていますか？ Photoshop作業の効率化すれば、余った時間でやりたいことができますよね。そこで今回は、Webデザイナーさんならぜひ使ってほしい、Photoshop作業を効率化する方法をまとめました。Photoshop初心者の方も、そうでない方も、時短できる要素がないかぜひ確認してみてください。 1. ショートカットを使い倒そう 作業時間の短縮を考えたときに、まず思い浮かぶのがキーボードショートカットですよね。知ってるか知らないかで大きな差が出てしまうところでもあります。 ひとつひとつ説明すると長くなってしまうので、おすすめのショートカットについては、かなり詳しく解説されているこちらの記事「Photoshopの効率化におすすめのシ
Photoshopを快適カスタマイズできるオススメ無料プラグイン6選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。デザイナーのハルエです。 普段Webデザインを制作する上でPhotoshopを使用している方は多いかと思いますが、いかに自分に合った環境にカスタマイズするかで作業効率は大きく変わってきます。 今回はいつものPhotoshopがさらに快適になる無料プラグインをご紹介させていただきます。 【こちらもおすすめ】 おすすめPhotoshopプラグイン WebINK http://www.webink.com/webfontplugin/ ※現在このサービスはご利用いただけません。 Google Web FontなどのWebフォントをPhotoshop上で表示、利用することができます。 最初の同期に少し時間がかかりますが、あとはデザインしながら手の届くところでWebフォントがさくさく選べてしまうので、非常に捗ります。 Photoshop CS5から対応しています。 flaticon ht
Photoshopの使い方〜基本設定から写真加工の方法まで〜【初心者向け】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、LIGブログ編集部です。 写真や画像の合成、切り抜きといった作業ができるPhotoshopは、グラフィックデザインやWebデザインにおいて必須のツール。自由度高く編集ができて便利な一方、初心者からすると「使い方がよくわからない」と困ることもありますよね。 そこでこの記事では、初心者向けに初期設定から写真加工を行うまでのPhotoshopの使い方をわかりやすく解説します。 Photoshopを使いこなすための第一歩として、ぜひ実践してみてください！ 独学でつまずいていませんか？ Photoshopの使い方を効率的に学びたい、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGでもWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。「今すぐスクールの概要を知りたい！」という方は、ぜひこちらより資料をご請求くだ
初心者向けPhotoshopのテクニック集「ショートカット」「カスタマイズ」など | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、LIGブログ編集部です。 こちらは「Photoshopをはじめて使う人が、自分で撮った写真を加工できるようになる」ところまでを目標とした全5回の超初心者向けPhotoshop講座の最終回です。 前回までの記事一覧はこちら 第1回Photoshopの基本設定 第2回Photoshopの機能紹介〜全編〜 第3回Photoshopの機能紹介〜後編〜 第4回Photoshopで写真加工をする方法 今回は、せっかく基本を覚えたPhotoshopをもっと効率よく使うためのテクニックを紹介していきたいと思います。初心者ではない方も、おさらいのつもりでぜひ確認してみてください。 ※編集部注：2014年に公開された記事を再編集しています。 ショートカットキーを使いこなす 第2回と第3回では各ツールのショートカットキーを紹介しましたが、その他にも便利なショートカットキーはいろいろあります。ここでは
間違ったデジタル一眼レフの使い方をしていませんか？Photoshop Camera Raw 現像テクニック | DX.univ
2013年 05月 29日 間違ったデジタル一眼レフの使い方をしていませんか？Photoshop Camera Raw 現像テクニック Tomonori Kawata どうも、新人エンジニアの川田です。 今回はいつものLinuxネタではなく、写真ネタを書いてみたいと思います。 写真（画像）の重要性 皆さんはどうやってこの記事にたどり着いたでしょうか？ トップページやFacebookから来たという方は、記事のタイトルと同時に美味しそうなハンバーグの写真を見かけたと思います。 もしかしたら、普段当ブログを閲覧しないような人も、ハンバーグの画像に釣られて見に来てくれたかもしれません。 記事の内容はもちろん大切ですが、文字ばかりだと文字を読むことが苦手な人が辛い場合もありますので、時折写真や画像を入れていくことが大事です。 また、記事の内容にあまり興味がない人にも、写真や画像の魅力によって記事を
ひさかたの » Photoshopで線画抽出する方法【アクションつき！】
更新がんばるぞーって思ったのに1ヶ月開いちゃった！あめです。最近どうぶつの森が楽しすぎてね…。模様替えするだけで週末が終わっちゃうのです。 という言い訳はさておき。 イラスト描くときに、スキャンした白黒の線画をPhotoshopで抽出する方法のご紹介です。saiの機能でなにげに便利な「輝度を透明度に変換」を、フォトショでやります。 アナログで描きはじめてデジタルで仕上げする人はほとんどご存知かと思うんですが、一番オーソドックスであろう方法をご紹介します。そうは言っても頻繁に使うには面倒なやり方になってしまうので、アクションに登録しちゃおうというわけです。 1.スキャンしたイラストをレベル補正などしてごみを飛ばしておきます。 ここではあとで色を付けたいので、鉛筆画をグレースケールでスキャンしたものを、RGBモードにして作業します。 線が汚いですが、下書きなので気にしないでください。 2
24 Free Photoshop Brushes – Vintage Print Signs | Jo's Web - Creative Resources For Designers
Home » Featured, Photoshop Brushes 24 Free Photoshop Brushes – Vintage Print Signs Today’s post is a lovely collection of old-fashioned creative sign photoshop brushes. They are free for both personal and commercial use. However, you are not allowed to redistribute then as your own. Please link to this page if you wish to share them. If you would like to give a donation towards my work, then you c
Free Photoshop Brushes | BrushLovers.com
Whether you're a professional graphic designer looking for fresh ways to wow your clients, or you just love experimenting with all that Photoshop has to offer, BrushLovers has got you covered with all the graphics you need for work or play. Our diverse collection of graphic assets is always growing, making BrushLovers the ideal place to find what you need, whatever the style and scope of your work
Page not found | abdz.do
When I started this blog, way back in 2006, I had no clue how long it would last. I actually had no idea I could even write about something for more than a couple of days. It is funny how things go. Once I read in a book that the secret of happiness was low expectations. That explains why, for over a decade, I have been running this site. It also explains why you might end up on this page. Not los
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://cssnite.jp/ginza/vol39/cssnite_vol39-komori.pdf
新着記事
新着記事
Photoshop VIP ☞ オシャレ&クールな名刺デザイン用Photoshop無料PSD素材10個セット
新着記事
DTP Transit （IllustratorやInDesignをはじめとするDTPアプリケーションの操作に関するTipsやお役立ち情報）
