【Photoshop基本操作】切り抜きの良し悪しは、境界線の処理で決まります。しかも、それは 0.5 ピクセルという繊細な範囲で行われるものです。ひとつの切り抜き作業に対して、いろいろな方法を組み合わせて完成させることが前提ですが、どんな方法があるのか？ それを知らなきゃ始まらないこともあるかと思います。その代表的な境界線を調整する方法の「概要」をご紹介しましょう。 切り抜きでよく見かけるのは、画像自体の境界線を大きくぼかしているものです。このような「ごまかしテクニック」が間違いとまでは言えませんが、ぼかしていい限度というものがありますね。せっかく習得したテクニックを、適材適所に使い分ける判断ができてこそ、上達への道が開けるのではないでしょうか？

12月に『サルワカ』という色々なことを分かりやすく解説するWebサイトを作った。記事も充実してきたことだし（Photoshopの解説記事ばかりだが）、サルワカについて改めて紹介したい。 1. サイトコンセプト サルワカでは、次の8つことを大切にしている。 分かりやすさファースト 専門的な内容についての記事でも、専門知識がない人が見ても分かるように解説する。 図、イラスト、画像を多用 文字は補足程度におさえるのが理想。 読みにきた人を騙さない 本当におすすめできるものへの広告しか貼らない。 読みにきた人をイラつかせない 派手なアニメーションなどは入れない。広告は最小限。 読みにきた人が求めている長さの記事を書く 無理やり長文にしない、また無理やりバラバラにもしない（サルワカでその内容に関する知識が手に入り、検索をやめられるのが理想）。 読みにきた人を置いていかない 今何の話をしているのか常に

Photoshopパネルをツールに応じて切り替える、Workspace Switcherが超便利！狭い画面でも快適に！Illustrator/InDesign版も！ Photoshop用神！エクステンション、Workspace Switcher 『手抜きLab＠DTPの現場』のten氏による超便利Extensionです。 これを使うと…… ▼普段使いのパネルと、 ▼テキストツール使用時のパネルと、 ▼パスツール使用時のパネル、などを ツールに応じて自動的に切り替えることができます！ ノートPCの狭いモニタでも、使用ツールに必要なパネルを常時展開できます。画面が狭いと、パネルってアイコン化していても結構邪魔なんですよね。いちいちクリックして展開するのも面倒だし。 つかいかた CCの場合は… Photoshopウインドウメニューから、「機能拡張をオンラインで参照…」を選択します。Adobe A

The Blog | Welcome to Adobe Blog アドビのブログでは、Creative Cloud、Document Cloud、Experience Cloudの最新情報や役に立つ情報を紹介しています。

イラストレーター「みふねたかし」さんによる、利用無料イラスト素材集サイト「いらすとや」。かわいい絵柄で人気のサイトです。 pixivやTwitter上でも、その絵柄を真似した画像がいくつか投稿されています。 僕も描きたくなったので、自分のTwitterプロフィール画像を「いらすとや」風なイラストにしてみました。 どのようにこのイラストを描いたかを説明します。Adobe Creative Suite CS6の利用を前提にしています。 Adobe Illustratorを使います。 参考に、僕が作成した.aiファイルを置いておきます。 以下のようにするとよいでしょう。 目はにっこり笑ったものか、女性のまつげ線がついたものにする。より「いらすとや」テイストだと認識してもらいやすくなる。 髪の毛は縦ストライプにする。これも、「いらすとや」テイストだという記号として機能する。 ほおの赤みを忘れない。

アセット派とスライス派、勝つのはどっちだ！ 目次 書き出し速度選手権とは？ 結果発表 【初心者向け】Photoshopのアセットで最低限使うショートカット 【中級者向け】書き出し時のテクニック　〜検索と置換編〜 【中級者向け】書き出し時のテクニック　〜マスク編〜 【初心者向け】アセット細かいTips集 書き出し速度選手権とは？ どうも！デザイナーの川野です。 突然ですがみなさん、Photoshopで画像を書きだす際にどんな方法を使っているでしょうか？ Photoshopからだと「アセット」と「スライス」という主に2つの書き出し方法があり、 CC版から追加された機能である「アセット」がかなり便利！という話は 周知のとおりかと思います しかし未だにビーワークスでは慣れたスライス機能を使いつづける人がちらほらいて、 なんとかその人達にアセットを広める方法はないか・・ということで このたび「書き出

切り抜きも楽勝！Photoshop CC 2015.5で注目したい使い方や最新機能まとめ チュートリアル 2016.07.12 先日、公式にリリースされた Photoshop CC の最新版 2015.5。より「使える機能」や「誰もが喜ぶ」機能を強化したアップデートで、デザイン制作をよりスピーディーに行うことができるようになりました。 今回は、注目したい Photoshop CC の新しい使い方や機能をまとめてご紹介します。各機能を実際に利用してみたことで見えてきた、より実践的な使い方が中心に揃っています。これらの機能をうまく活用することで、今後のプロジェクトを悩むことなく、よりスムーズに進めることができるでしょう。

ますます加速するウェブデザインの最先端を体感できる、最新 Web テクニックを実装した、HTML/CSSコードスニペットをまとめています。 デザインと同時にまとめてコードを確認できるので、コピペで手軽に試してみることも可能です。コード共有コミュニティーサイト CodePen で話題となっている作品を中心に、ウェブデザインにスパイスを加えてくれる、ユニークなエフェクトが揃っています。 詳細は以下から。 コピペで実装できる、最新ウェブテクHTML/CSSコードスニペットまとめ 右下に表示されている「Return」をクリックすると、エフェクトが再読み込みされます。また各ソースはHTML、CSS、JSタブをクリックすることで確認することができます。 Fullscreen Image Layer Views 並べられたキーワードにマウスを重ねると、フルスクリーン画面で写真が切り替わります。 See

Photoshopって知れば知るほど、使えば使うほど、便利で欠かせないツールですよね。そんなPhotoshop CCの実作業が快適になる時短テクニックを紹介します。 例えば一時的にスポイトツールを使う時、どのように操作していますか？ 「I」を押してスポイトツールに切り換える時に「I」を長押しで使うと、「I」を離した時に元のツールに戻すことができます（全ツール対応）。戻せるのはスペースバーの時だけではないんですね。 まだまだ知らないことばかりです。 28 Powerful hidden tips, tricks 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 ※各ショートカットは、OS X用です。 Windowsの場合は、下記のように置き換えて利用してください。 command = Ctrl option = Alt delete =

Googleフォントを利用する時、どうしてますか？ サイトにアクセスして、フォントを選んで、ダウンロードして、インストールして、、、とけっこう面倒だったりしませんか？ 昨日リリースしたばかりの「Fontea」はそれらの手間なく、Photoshop上で簡単にGoogleフォントが利用できる優れものです。 しかも完全無料！

作成：2013/07/22 更新：2014/11/01 Web制作 > 先日、お客さんのところへ提案にいったところ、「サイトを自分でも作りたいので定期的に講習会を開いて欲しい。Wordしか分からない。」と言われました。とはいっても、自分である程度、継続して勉強しておかないと、受講する人は2回目以降の受講内容を理解出来ないし、教える人も基本知識をしっかり身につけておかないと、質問に答えることもできません。 今回はWeb製作をするなら必ず抑えるべきこと、知識「０」から学ぶ、基本的な知識を習得できるスライド・サービス・サイトをまとめました。ディレクションにもOK。メジャーなもの中心です。とはいえ量が膨大になったので、必要な部分だけピックアップして学びましょう。※スライドがないものに関しては、お役立ちリンクをつけてます。 エンジニア速報は Twitter の@commteで配信しています。 もくじ

PNGやJPGを超高速書き出し Photoshopは年々進化していてPhotoshop CC 2014からはアセットを抽出という機能が追加されてレイヤーを個別のファイルまたはレイヤーグループ全体をまとめて書き出すことが可能になった。 そしてPhotoshop CC 2015からはさらに便利な機能が追加された。それはクイック書き出しだ。 クイック書き出しとは その名の通り画像を即座に書き出すことができる機能。 しかし、この機能はデフォルトの設定だと画像を保存する場所を選択する画面が表示されてしまうし、ファイル形式も環境設定の書き出しから形式を1種類選択するようになっているため使い勝手が悪い。 そのため、より使いやすくするために環境設定の変更とアクションの追加が必要になる。 超高速書き出しの環境設定方法 まず環境設定の書き出しで「クイック書き出し形式」をPNGにして透明部分にチェックを入れる。

グローバルコミュニティ 言語: Deutsch English Español Français Português 日本語コミュニティ

2024.12.25 Web制作 Webサイトリニューアルは正しいKPI設定が重要？成功につながる具体的な方法も解説

Webデザインの作業効率が間違いなく上がる！初心者なら即インストールしたい、Photoshopプラグイン17選 更新日 : 2021.4.1 読了まで約 5 分 Photoshopは優秀な画像編集ソフトとして有名ですが、その機能を完全に使いこなすのは困難です。まして初心者ならショートカットすらわからないので作業の効率なんて言わずもがな。 そんな初心者にもプラグインという救いがあります。必ず入れておきたいものや使うシーンが思い浮かばないものまで色々ありますが、ここでは、とりあえず最初に入れておいたほうがいいプラグインを紹介していきます。 1：Social KitSocial Kit FacebookやTwitterといったSNSのレイアウト用PSDを生成してくれるプラグイン。Webデザインを担当している人は、頻繁に変更されるSNSの仕様やデザインに頭を悩ませたことがあるのではないでしょうか？

豪快にホワイトバランスが狂いまくっとりますなぁ・・・・。でも、WB狂っている通販の商品写真は巷でよくみかけますよね・・・。 白の背景を使った商品写真であれば、Photoshopを使って一発で直す方法をお教えしたいとおもいます。 ①まずは下準備、、「スポイトツール」を選択し、「選択の範囲」を「５ピクセル四方の平均」を選択。（次回からは、この設定を変えない限りこの作業は不要） ②「トーンカーブ（イメージ → 色調補正 → トーンカーブ）」を選択。白スポイトをダブルクリック！ このような画面が表示。 ③R=245　G=245 B=247と打ち込む。→OKをクリック この画面に戻ります。そのままカーソル（スポイト）を、写真の白であろう部分に持っていきます。 白背景のこのあたりにカーソルを持ってくると、 ④「情報」ウィンドウを見ながら、RGBいずれかのチャンネルの上限が240を超えない（240は最適