【Photoshop入門】Webデザインをはじめよう！第1回 デザイン前に覚えておきたい環境設定とレイヤー機能 - Adobe BlogThe Blog | Welcome to Adobe Blog アドビのブログでは、Creative Cloud、Document Cloud、Experience Cloudの最新情報や役に立つ情報を紹介しています。
Photoshopのシェイプでできること。
PhotoshopをWebデザイン制作として使ってると、画像を編集する事よりも、シェイプを使って図形を描く事の方が多い気がします。Illustratorで描くのと違って、ピクセル具合も気にしながら描けるので、小さいアイコンなんかはPhotoshop上で作った方がきれいに描けたりします。それでいてパスなので、拡大しても劣化しないし、ダブルクリックでカンタンに色を変えられるし、もちろんIllustratorでも使い回せるし、いろいろ重宝ポイントがあるんです。 そんな万能シェイプの機能や特長について、個人的なまとめです。 ※この記事では、主にPhotoshop CS4を使っていますが、Photoshop CS6との違いも、分かる範囲で注釈入れてます。 ※OSはMac OS X 10.6 Snow Leopardを使ってますが、Mac OS X 10.8 Mountain Lionとの違いも、分か
【WEBデザ向け】ぶっこ抜きスクリプト | Dearps ～Adobe Photoshopに関するTipsや便利な裏技を紹介するサイトです～
デザインカンプからパーツを１発で別ファイルにぶっこ抜くスクリプト ずいぶんと更新をさぼっていましたが年末駆け込みで投稿します。 今回紹介するのはWEBデザイナー向けのPhotoshopスクリプトです。 デザインカンプからパーツを１発で別ファイルにぶっこ抜くスクリプトを作成しました。 WEBのデザインフローはデザイナーさんによってさまざまだと思いますが私の場合は１ファイルで最終形までつくりこんでから最後に必要に応じてヘッダーやナビゲーション等を別ファイルにして保存します。 その切り分け作業がなかなか面倒だったので自動化してみたところ思いのほか、これが便利だったので共有したいと思い今回公開致します。 皆さんも良かったら一度試してみていただけると嬉しいです。 それでは皆様良いお年を！！ 【使用方法】 ダウンロードした“ぶっこ抜き.jsx”ファイルをPhotoshopのスクリプトフォルダに
Photoshopの効率化になるショートカットキー一覧とカスタム方法【2022年最新】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーの王です。ぼくは普段Photoshopを使うとき、極力ショートカットを使っているショートカット野郎です。 英語で言うところの「ショートカット」は、「近道」を表しているというのはみなさんご存知ですよね。方向音痴の方は別として……近道があれば、誰しも遠回りしようだなんて思わないはずです。 今回は、Photoshopの作業効率化におすすめのショートカットを一挙に紹介します。前半では基本のショートカットキー、後半ではプロ向けに選んだ意外と知られていない隠れショートカットも紹介しているので、ぜひ実践してみてください。 macの場合とWindowsの場合それぞれで記述しているので、該当する欄をご確認ください。 「ググってわからないこと」が一瞬で解決するかも？ Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もお
Photoshop初心者は絶対に覚えてほしい!!画像を劣化させずに調整できるPSDデータの作り方
creative memomemo Webデザインtips,Photoshoptips,クリエイティブでステキなものをまとめているブログ。 こんにちは。 Adobeのソフト一個だけあげるよと言われたら、迷わずPhotoshopを選びます。井畑です。 そんなPhotoshopラブの僕ですが、昔は正直苦手でした。 なぜなら、PhotoshopはIllustratorと違って、調整しているうちにデータが劣化(どんどん汚く)なってしまうと思っていたからです。 正しく言うと、データが劣化しない方法を知らなかっただけなんですけどね、当時は大変でした。 画像も一回小さくしてしまうと、次に大きくした時に荒れてまいますし、トーンカーブ等の画像補正も一回かけると二度と修正できませんでした。何回もトーンカーブかけてるとどんどん画像が汚くなっていくし… よく、サイズを間違えてて2,3時間の作業を一からやり直しして
初めてPhotoshopでWeb制作する前にやっておくといい設定8(CS6/CC含む) | Design Color
はじめに 先日ちょうどAdobe Creative Cloudを申し込みました。 Photoshopをまっさらな環境にする必要があるため、今回はまさに新品状態のCS6/CCの画面で解説をします！ もくじ 定規などの単位はpxで統一 「自動選択」で図形からレイヤーを選択する 「バウンティングボックス」を表示して選択や変形をしやすくする 「ピクセルにスナップ（エッジを整列）」で端がぼやけるのを解消 レイヤーコピー時に「〜のコピー」とつけないようにする スライス書き出し時に「images」フォルダを作成しないようにする 【CS6/CCの場合】カラーテーマをグレーにする 【CS6/CCの場合】切り抜きツールを「クラシックモード」にする 起動画面。か、かっこいい…！ CS6/CCはUIが黒いのですね。ちょっと慣れない。 従来のグレーにする方法も後ほどお伝えしますので、どうぞおつきあいください！ 1.
Adobe Photoshop CS5 でスキャナ（TWAIN機器）を使えるようにする方法 | 下手の物好き
※こちらは Adobe Photoshop CS5 でのやり方です。CS6 ではやり方が異なりますのでご注意下さい。 CS6版のやり方はこちらの記事をご参照下さい。 Photoshop CS5を使ってスキャナから画像を取り込もうとしたところ、いままで「ファイル」→「読み込み」の項目にあったスキャナの選択肢がなくなっていました。 少し調べてみたところ、Mac版ではCS4からTWAINプラグインのサポートがなくなっていたようで、Win版でもCS5からサポートされなくなったようです。 なんでもAdobeはTWAINをあまり推奨していないそうですが、TWAIN機器が使えないと我が家のスキャナは使えなくなってしまうのでそれでは困ります。 もちろんスキャンソフトみたいなものを使えば取り込むことはできるとは思いますが、一旦スキャンソフトで取り込んだものを保存してPhotoshopでそれを開いて、なんてこ
WEB制作｜デザイン会社｜超簡単! 髪の毛の画像を1分で切り抜く方法まとめ
お客様に最適なWEB戦略で、 ブランド価値の向上、お問い合わせの増加、迅速な情報の配信、 営業・広告費用の削減、顧客満足の向上、リピート率の増加 の成功事例を実現しております。 切り抜き・マスク作業で、もうイライラしない！ 誰でも、切り抜き30秒・調整30秒で完成できる方法。 WEBサイトやLPのキービジュアルでは画像を使うことが多い。 しかし、お客様から素晴らしい画像の支給があるとは限らない。 「これ、マスクしないといけないじゃないか！」 昔からマスク専用のアプリケーションがあるほど、 マスク作業・切り抜き作業というのは 利益にならないのに、手を抜けない根気が必要な作業。 しかし、今なら誰でも簡単に、1分あればできる。 今更だが、やっとAdobeのCS5シリーズをまともに使い始めたので ここで、Photoshop CS5を使った、超簡単マスク術を紹介したい。 お題の写真 こちらが今回のお
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネット(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 ※1 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 ※1 レジストラ「GMO Internet, Inc. d/b/a Onamae.com」のシェア値を集計。 ※1 2020年8月時点の調査。
Web Design Library(ウェブデザインライブラリー) ―ウェブクリエーター向けの情報サイト
ラブコメプリンスのパクソジュンに釘付けの日々 韓国のイケメン人気俳優といえば、パク・ソジュン！ 2020年に大ヒットした韓国ドラマ『梨泰院クラス』の主演で、更に人気は加速しましたよね。 私も『梨泰院クラス』視聴前から彼の作品は見ていたのですが、どんな役柄でもこなせてしまうなと 強く逞しく 不合理な世界に正面から立ち向かう 血気盛んな若者の反乱 なパク・セロイ(パク・ソジュン)を夢中になって見ていました。 『愛の不時着』と並び日本でも多くの方が視聴されたと思います。 特に『梨泰院クラス』は『愛の不時着』と比べてロマンス色が薄く緻密なビジネスプランなども要素に盛り込まれていたので、男性からも人気の作品でした。 他にも彼の出る作品出る作品がヒットを飛ばしています。 2014年：魔女の恋愛 2015年：彼女はキレイだった 2016年： 花郎＜ファラン＞ 2017年：サム、マイウェイ～恋の一発逆転！
Photoshopの作業効率をアップする10のTips
Photoshopの作業効率をアップする、知ってると便利な10のTipsをBest Design Optionsから紹介します。 Tips 「レイヤーパレット」の「目(レイヤーの表示/非表示)」を[Alt]キーを押しながらクリックすると、そのレイヤーだけを表示状態にし、残り全部を非表示にします。 元に戻す際は、同様に[Alt]キーを押しながら「目のアイコン」をクリックします。 2. Hide the palettes パレットを１アクションで全て隠します。
Photoshopを便利にする30のショートカット | コリス
Web Design WallでPhotoshopの30のショートカットが紹介されていました。 Photoshop Secret Shortcuts 下記に、コマンド別に紹介します。 ※Win XP+Photoshop CS2でのコマンドです。 Macの場合は、下記置き換えてください。 Ctrl = Cmd Alt = Opt [選択ツール] + [space] 選択範囲を作成中、スペースキーで移動できます。 [Ctrl] + [マウスのスクロールアップ or ダウン] ドキュメントを上下のスクロールではなく、左右にスクロールできます。 文字パレットのフォントリストにカーソルを入れて、[↑ or ↓] フォントのリストを一つずつ表示します。 テキストを選択して、[Ctrl] + [Shift] + [< or >] フォントサイズを2pt単位で変更できます。 [Ctrl] + [Alt]
Photoshopで火のついた線を描く方法 / ウェブデザインライブラリー
投稿日：2009年03月13日 レベル：初心者 ソフトウェア： このチュートリアルでは、Photoshopで火のついた線を描いてみたいと思います。 Step1 ： はじめに Step2 ： パスを描く Step3 ： 火のレイヤーを作成する Step4 ： 火のレイヤーを複製しレイヤーオプションを変更する Step5 ： 完成 このチュートリアルでは良い写真素材を十分にそろえる必要があります。 動きがあって、暗めのものが良いでしょう（今回の効果は色が暗めの方がよくわかります）。 素材を開いたら、パスのタブで「新規パス」を選択します。 「P」キーを押してペンツールを選択して、火の行き先をおおよそ決めます。 特徴や動きが現実的になるよう意識しましょう。 渦巻きにすると効果的です！ クリックしてパスを描き始めます。 次の点をクリックしたままドラッグすると、流れるような線を描くのに不可欠
レイヤーマスク
＜１＞ ここではレイヤーマスクについて説明します。 レイヤーマスクと言うと難しそうに聞こえますが、早い話、人間が風邪ひいた時に使うマスクと同じです。 マスクをつけると顔が隠れて見えなくなるのと同じで、レイヤーにマスクをかけるとその部分が見えなくなります。 また、レイヤーマスクを使えばレイヤーを半透明にすることもできます。 人間で言えばストッキングを被ったアブナイ人の顔がうっすらと見えるのと同じです。 例えが悪くて分かりにくいですか？ それなら習うより慣れろです。早速レイヤーマスクの使い方を説明しましょう。 ＜２＞ まずは何でもいいので適当なレイヤーを作ってください。 適当な色で塗りつぶした図形でもいいので、Photoshopで実際に試しながら読んで頂けると分かり易いかと。 ここでは白ちかレイヤーを色々いじってみたいと思います。 図１は何もしてない普通の状態です。これ以上何の説明のしようもあ
テキストをかっこよく魅せるPhotoshopのチュートリアル集：Part 7 | コリス
テキスト自体に3Dやメタルやグランジのエフェクトをかけたものから、背景も合わせてデザインされたものまで、テキストをかっこよく魅せるPhotoshopのチュートリアルの紹介です。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Adobe - Design Center 細かいディティールのマスクを作る
Photoshopの「テキストツール」をより便利に使う10のコツ | クリエイティブ・タブロイド withD（ウィズ・ディー）
メタリックな質感をPhotoshopで表現する方法いろいろ - DesignWalker
IDEA * IDEA
光を表現するPhotoshopチュートリアル まとめ - DesignWalker