Photoshopで画像を切り抜いたり、選択範囲やマスクを作成するのにはいろいろな方法が用意されています。しかしCC 2015.5からの「選択とマスク」、CC2018の「被写体を選択」を一度使ってしまうと、ほかのやり方には戻れないくらい簡単で、そして正確に作成することができます。 そしてさらに進化したPhotoshop CC2021での「選択とマスク」「被写体を選択」の使い方を紹介します。 ちなみに、下の作業時間は1分かかっていません。

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は、シンプルにするためにベンダープリフィックスを付けていません

前回もちらっとメモしたんですが、 もっと具体的な内容も覚えておきたいので改めて実際のコードとともに手順をメモしたいと思います。 オリジナルの管理画面を用意しておくと、クライアントさんがサイトの更新を行う場合に安心して更新をお任せできますｗ ゴールはこれ。 不要なダッシュボードウィジェット、左メニューなどをすべて非表示にし、 オリジナルで用意したヘッダー＆メニューを差し込みます。 デフォルトの管理画面は高機能な分、メニューがずらーーーっと並んでおり WEBに詳しくない方にとっては何が何だか分からないものですからね。 ここは一思いにばっさりと切り捨て、クライアント専用にやさしいシンプルな見た目の管理画面を用意してあげることで 大幅に間違いが減りますし、説明の時間も短縮できると考えてます。 ちなみに、上記キャプチャに表示されているメモは『Headache With Pictures』というプラグ

Information Get Yourself Pictomized! Transform your pictures to make them look like an Original Pop Art Painting in 3 simple steps Pictomize yourself! Select a colour red green pink darkblue yellow magenta lightblue orange Add a quote Upload your picture

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よりｘ倍使いやすい〜」とか「もう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制作もデザインも全く経験が 無いけど、普通な感じがすごく嫌 らしく、知識が無くても加工出来る、 とか良いサイトとかソフトは無いのか、 と聞かれて教えたWebサービスや ソフトが、同じ境遇の方に役立つかも と思って記事にします。 友人がブログを始めたのですが、 Web制作もデザインも全く経験が 無いけど、普通な感じがすごく嫌 らしく、知識が無くても加工出来る、 とか良いサイトとかソフトは無いのか、 と聞かれて教えたWebサービスや ソフトが、同じ境遇の方に役立つかも と思って記事にします。 普通に写真や画像を掲載するのではなく、ちょっと個性的な感じにしたい、出来れば無料がいい、でも自分でデザイン作業は出来ないから良いサイトとか無い？とのことでした。 どうしたいのか良く分からなかったので、あんまり一貫性は無いんですが、教えたの

WordPress への記事投稿日の日付および時間の表示方法と、日付／時刻フォーマットを変更するカスタマイズをご紹介します。 このエントリーのきっかけは、当サイトで配布しているテーマに表示される記事投稿時間を24時間表記に変更する方法についてのご質問だったのですが、それだけでは何なので一通り調べてみました。 １．概要 テンプレートの記事投稿時間を表示したい位置に <p><?php the_time() ?></p> を設定すると、下のように時刻情報に変換されてページに表示されます。 <p>21:07:51<p> ２．テンプレートタグ 日付表示用テンプレートタグには次の2つがあります。 ２．１ the_time 記事の投稿時間を表示します。書式は次の通りです。 <?php the_time('format') ?> format には２項以降に示す「表示フォーマット」を設定します。 カッコ内