Photoshopで画像を切り抜いたり、選択範囲やマスクを作成するのにはいろいろな方法が用意されています。しかしCC 2015.5からの「選択とマスク」、CC2018の「被写体を選択」を一度使ってしまうと、ほかのやり方には戻れないくらい簡単で、そして正確に作成することができます。 そしてさらに進化したPhotoshop CC2021での「選択とマスク」「被写体を選択」の使い方を紹介します。 ちなみに、下の作業時間は1分かかっていません。
![Photoshopで画像の切り抜き、選択範囲を作成するのはこれが一番簡単で正確!CC 2021で進化した選択範囲とマスクの作成](https://cdn-ak-scissors.b.st-hatena.com/image/square/b3f4d9d75af7693b270ef3c6dcc8680d20e13287/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-202004%2F2020111310.gif)
creative memomemo Webデザインtips,Photoshoptips,クリエイティブでステキなものをまとめているブログ。 こんにちは。 Adobeのソフト一個だけあげるよと言われたら、迷わずPhotoshopを選びます。井畑です。 そんなPhotoshopラブの僕ですが、昔は正直苦手でした。 なぜなら、PhotoshopはIllustratorと違って、調整しているうちにデータが劣化(どんどん汚く)なってしまうと思っていたからです。 正しく言うと、データが劣化しない方法を知らなかっただけなんですけどね、当時は大変でした。 画像も一回小さくしてしまうと、次に大きくした時に荒れてまいますし、トーンカーブ等の画像補正も一回かけると二度と修正できませんでした。何回もトーンカーブかけてるとどんどん画像が汚くなっていくし… よく、サイズを間違えてて2,3時間の作業を一からやり直しして
CSS3を使った画像のエフェクトやスタイリングについて、思いつく限り一挙にまとめてみました。 たくさん画像を扱うサイトなどを作る際に、CSSでできる表現のカタログとして使ってもらえたらと思います。 ※ 2/24 「2. めくれた風」を書き忘れていたので追記しました 目次 1. シャドウ 2. めくれた風 3. トイカメラ風トンネル効果 4. カラー調整 5. 回転 6. 角丸 7. 楕円のフレーム 8. 円のフレーム 9. 三角形フレーム 10. 重なった風 11. ぼかし 12. フェード(シャドウ編) 13. フェード(グラデーション編) 14. 反射 15. リボン 16. 差し込んだ風 17. フレームだけを傾ける 18. 半透明フレーム まとめ ※ 実際の表示はこちらから確認できます。 ※ この記事で掲載しているCSSは、シンプルにするためにベンダープリフィックスを付けていません
元画像を一切劣化させることなく、ちょっとぼんやりしたねむい画像をくっきりさせるPhotoshopのチュートリアルを紹介します。 レースの柄をはじめ、よりくっきりしているのが分かると思います。 How to Non-destructively Sharpen Your Image In Photoshop [ad#ad-2] チュートリアルは4ステップで、慣れれば数分でできる思います。 下記は各ポイントを意訳したものです。 Step 1:画像の準備 Step 2:ディテールの抽出 Step 3:ディテールの調整準備 Step 4:ディテールの調整 完成 Step 1:画像の準備 まずは、元となる画像をダウンロードします。 Autumn Stock IV [ad#ad-2] ダウンロードした画像をPhotoshopで開いてください。 画像を加工するときは、元画像はそのまま残し、コピーした画像を
前回もちらっとメモしたんですが、 もっと具体的な内容も覚えておきたいので改めて実際のコードとともに手順をメモしたいと思います。 オリジナルの管理画面を用意しておくと、クライアントさんがサイトの更新を行う場合に安心して更新をお任せできますw ゴールはこれ。 不要なダッシュボードウィジェット、左メニューなどをすべて非表示にし、 オリジナルで用意したヘッダー&メニューを差し込みます。 デフォルトの管理画面は高機能な分、メニューがずらーーーっと並んでおり WEBに詳しくない方にとっては何が何だか分からないものですからね。 ここは一思いにばっさりと切り捨て、クライアント専用にやさしいシンプルな見た目の管理画面を用意してあげることで 大幅に間違いが減りますし、説明の時間も短縮できると考えてます。 ちなみに、上記キャプチャに表示されているメモは『Headache With Pictures』というプラグ
Photo Editor - Photoshop Online by Pixlr - Free Image Editing Tools Now, there are even more compelling reasons to choose Pixlr as your go-to solution for all your online image editing requirements, particularly when you're looking for a powerful "photo editor." Whether you're inclined towards traditional desktop-style photo editing or prefer a more contemporary approach, Pixlr has you covered. Pi
通常のブログは年月日と曜日が表示 されると思いますが、Twitterのように 「~日前」という表示をさせたい、という 事があるのか疑問ではありますが、こ の「お手軽WordPress Tips」コーナー はそういったニーズを無視したコーナー なので気にせず記事を書きます。 というわけで、相対日時を表示する実装法です。更新ペースが早いのであればその更新頻度をより印象付ける事が出来るかも知れません。 コード コードです。functions.phpに以下を追加。 function time_ago( $type = 'post' ) { $d = 'comment' == $type ? 'get_comment_time' : 'get_post_time'; return human_time_diff($d('U'), current_time('timestamp')) . "" . _
本当は、「Gimpよりx倍使いやすい〜」とか「もうPhotoshopは必要無い〜」とか、こんな感じのタイトルが付けられれば良かったのですが...。普段、画像編集アプリケーションを使っている訳では無いので、機能面での判断基準が全く無く、消化不良気味のタイトルですみません。ただ、少し使ってみて、コレはイイカモ!と思ったので、自分用ブックマーク的にエントリを書いています。 Macで画像編集するには「Chocoflop」というアプリケーションがなかなか良さそうです。おそらく機能面では「Gimp」の方が豊富だと思うのですが、残念ながら「Mac」な感じがしませんよね...。もし、ここに不満を感じている方がいたら「Chocoflop」を試してみると良いかもしれません。Cocoaで書かれたアプリケーションなので、特にインタフェース部分はすぐに馴染むと思います。同じようなアプリケーションとして「SeaSho
Gizmode, CNET, Mashable と立て続けに記事になり,凄すぎると話題のPhotoSketch。 TwitterでもBuzzりまくっています。 【Twitterで旬な話題を調査できる "CrowdEye" より】 (2009年10月7日データ) それでどんなサービスかというと,ラフスケッチの情報をもとに,それに最適な画像をネットが集めてきて,しかも信じられないほど巧妙に合成写真を完成されるというものです。 開発元は Tsinghua University(清華大学)とNational University of Singaporeの共同チーム。 とにかく,まずこの動画を見てください。 PhotoSketch: Internet Image Montage from tao chen on Vimeo. つまり, ごく適当にイメージを書く。 これに名前をつける。 あとはシステ
友人がブログを始めたのですが、 Web制作もデザインも全く経験が 無いけど、普通な感じがすごく嫌 らしく、知識が無くても加工出来る、 とか良いサイトとかソフトは無いのか、 と聞かれて教えたWebサービスや ソフトが、同じ境遇の方に役立つかも と思って記事にします。 普通に写真や画像を掲載するのではなく、ちょっと個性的な感じにしたい、出来れば無料がいい、でも自分でデザイン作業は出来ないから良いサイトとか無い?とのことでした。 どうしたいのか良く分からなかったので、あんまり一貫性は無いんですが、教えたのは画像加工ジェネレーターとかそういうのです。いくつか提案した中で、友人が喜んでたサイトだけまとめてみます。 BeFunky 画像を加工するジェネレーター。レトロっぽくしたり油絵っぽくしたり。エフェクトも豊富です。 BeFunky flauntR これも加工ジェネレーター。エフェクト以外にフレーム
当サイト、Codex 日本語版は今後積極的な更新は行わない予定です。後継となる新ユーザーマニュアルは、https://ja.wordpress.org/support/ にあります。 万が一、当サイトで重大な問題を発見した際などは、フォーラムや WordSlack #docs チャンネルでお知らせください。</p> 説明 get_posts の最も適切な使い方は、パラメータに基づいて投稿データの配列を作成することです。最近の投稿あるいはパラメータに一致した投稿を取得します。複数のループを作成するのに get_posts を使用する事もできます。ただしこの場合は new WP_Query を使用して WP_Query を直接参照するほうが好ましいでしょう。 get_pages とパラメータが似ていますが実装方法はかなり異なっており、適切に使う必要があります。get_posts は WP_Qu
GIFで透過保存した時にでるギザギザ 知らないふりをして、GIFで透過保存してきましたが、実のところどうにもギザギザが気になります。何か良い方法はないのかしら? いろいろと試してみたところ、条件付ですが、ひとつ方法が分かったので、次の順番で、お話は進みます。
ここでは「投稿記事(シングルポスト)」のベースとなるsingle.phpのカスタマイズについて説明しています。 single.phpは、サイトのメインとなる部分ですので、「読みやすい」を第一に考えて、カスタマイズしていきましょう! single.phpの構成 まずsingle.phpの構成を理解しましょう。 『sunshine』の場合、シングル記事は次のように表示されます。 シングル記事を表示するsingle.phpは次のようになっています。 まず、ヘッダーを読み込む get_header();のタグがあり、optionに指定された機能が挿入されるよう設定されています。 次に、「もしシングル記事が存在するなら、以下のコードを実行する if (have_posts()) : the_post(); update_post_caches($posts);」という命令文があり、そこか
WordPress への記事投稿日の日付および時間の表示方法と、日付/時刻フォーマットを変更するカスタマイズをご紹介します。 このエントリーのきっかけは、当サイトで配布しているテーマに表示される記事投稿時間を24時間表記に変更する方法についてのご質問だったのですが、それだけでは何なので一通り調べてみました。 1.概要 テンプレートの記事投稿時間を表示したい位置に <p><?php the_time() ?></p> を設定すると、下のように時刻情報に変換されてページに表示されます。 <p>21:07:51<p> 2.テンプレートタグ 日付表示用テンプレートタグには次の2つがあります。 2.1 the_time 記事の投稿時間を表示します。書式は次の通りです。 <?php the_time('format') ?> format には2項以降に示す「表示フォーマット」を設定します。 カッコ内
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く