タグ

photoshopに関するi_mairyのブックマーク (34)

  • 【photoshop】風景写真をイラスト・アニメ風に加工する|ヱノプルギスの夜 / こころ動かす者

    (2019.02.23に書いたブリコルールのブログ記事の引越しです) 写真をイラストっぽく使いたいなどの局面はいろいろありまして、備忘録も兼ねて。 会社の近所で撮影した写真をこんな感じでイラスト風にして、弊社のキャラクターと合わせてみました。まあまあアニメのワンシーンのようにも見えなくもない?? 最近だと、アプリで簡単に写真をイラスト風に変換できるものもありますが、photoshopを使います。 ベースとなるレイヤーを作成・調整する もとの写真はこちらです。 なんの変哲もない、何年か前に撮ってフォルダの奥底で眠っていた写真ですが、空を抜きやすい写真を選ぶとよいです。 【イメージ】>【色調補正】>【HDRトーン…】を選択します。 他のサイトなどでもHDRトーンを使って紹介しているところは多いです。私もこれを使います。HDRトーンの正しい使い方は正直なところ自分はわかっていません…。調整がまと

    【photoshop】風景写真をイラスト・アニメ風に加工する|ヱノプルギスの夜 / こころ動かす者
  • 広告レタッチャーによるPHOTOSHOPテクニック集|レタッチャー / 大谷キミト|note

    Photoshop / 5分で作る球の描き方 こんにちは。 札幌を拠点とし活動中のレタッチャーの大谷キミトです。 さぁ落書きPhotoshopの時間です。 日は私が20年くらい前にしていた球を描く練習 立体を出したり、影をつけたり、合成をする時にすごく役に立つ 使ってるツールも機能も基的なもの ・長方形選択ツール ・楕円選択ツール ・塗りつぶし ・ぼかしガウス ・ぼかし移動 ・ブラシツール こんな感じで光と影を意識しながら作っていく。 合成する時に影付けや光の入れ方なども同じようなテクニックを使用します。

    広告レタッチャーによるPHOTOSHOPテクニック集|レタッチャー / 大谷キミト|note
  • The Blog | Welcome to Adobe Blog

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

    The Blog | Welcome to Adobe Blog
  • イラストを描くソフトにPhotoshopをおすすめする10の理由。 | ネクストページブログ

    HOMEブログイラストを描くソフトにPhotoshopをおすすめする10の理由。 | ネクストページブログ こんにちは! デザイナーのiuchiです。 「PCイラストを描きたいけど、色んなソフトがあってどれが良いのか分からない…」 そんなデジタルイラスト初心者さんのために、今回は私がAdobeの画像編集ソフト、Photoshopをおすすめする理由を上げていこうと思います! まず前提として、 ただ絵を描くだけなら、どのソフトを選んでも基機能(ブラシ・消しゴム・レイヤー・塗りつぶし等)に大差はない 筆者はPhotoshop以外のイラストを描くソフト(以下お絵かきソフト)をあまり使ったことがない(いわゆる「信者」的な見方をしているかもしれません…) 他のソフトと被る部分もあるかもですが、比較したい訳ではなく、あくまで「私はPhotoshopのここが好き!」という点を挙げてみた ということを踏

    イラストを描くソフトにPhotoshopをおすすめする10の理由。 | ネクストページブログ
  • デザインアイデアを広げる、無料テクスチャ素材28枚まとめ - PhotoshopVIP

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    デザインアイデアを広げる、無料テクスチャ素材28枚まとめ - PhotoshopVIP
    i_mairy
    i_mairy 2016/03/25
    Free Space Backgrounds かわいい
  • Photoshopのコンテンツに応じる塗りつぶしで不要なモノを消すコツ

    Photoshopで「画像の中にある●●を消す」といった作業は画像編集でよくある作業だと思います。 togetterで「初心者のPhotoshop加工はプレデターが生まれる→「例えが秀逸」「あるある」と腹を痛めるTL」というまとめがありました。その最初のツイートがこれ。 僕がPhotoshopを教えていて一番好きな瞬間は、「○○を消せ」系の初心者向け課題で、必死で作業すればするほどプレデターを次々に生み出して絶望していく生徒に「もうお前の地球は終わりだ」と講評することです。 pic.twitter.com/gEpXGVx7xo ? レイニー氏 (@moeebu) 2016年3月8日 おもしろい例えですね。スタンプツールで補正をすると、同じパターンが連続してしまうパターンです。 Photoshopで●●を消す作業の基はスタンプツールですが、スタンプツールでチマチマ消す時間もない!という方に

    Photoshopのコンテンツに応じる塗りつぶしで不要なモノを消すコツ
    i_mairy
    i_mairy 2016/03/13
    元ツイート見てからどうやってやるのかなーと試行錯誤してたので、答えがわかって助かりました。
  • デザインからHTMLを完全生成!?PSD自動コーディングルーツ「AUTOCODING」 | Ledge.ai

    サインインした状態で「いいね」を押すと、マイページの 「いいね履歴」に一覧として保存されていくので、 再度読みたくなった時や、あとでじっくり読みたいときに便利です。

    デザインからHTMLを完全生成!?PSD自動コーディングルーツ「AUTOCODING」 | Ledge.ai
  • PSDデザインカンプのスライス不要!DreamweaverでのHTML/CSSコーディングを爆速化する方法 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    PSDデザインカンプのスライス不要!DreamweaverでのHTML/CSSコーディングを爆速化する方法 こんにちは、デザイナーの佐藤タカアキ(@sato_tkaaki)です。 僕の主な業務は、Webや紙などのさまざまなものをデザインしていくことなのですが、最近は今まで以上にマルチな動きを求められるようになりました。 何事もそうですが、自分自身が次のステップにいくためには、今までと同じ時間の使い方をしていたらいけません。 つまりは「効率化」することが必須になるわけです。 そこで今回は、アドビさんにお聞きした「WebデザイナーがDreamweaverのExtract機能を使って、PSDファイルから効率よくデザインする方法」をご紹介させていただきます。 そもそもExtract機能とは? Dreamweaverは聞いたことあるけど、Extract機能ってなんぞ?!と、Extract機能を初めて

    PSDデザインカンプのスライス不要!DreamweaverでのHTML/CSSコーディングを爆速化する方法 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • 写真を水彩風にするPhotoshopアクションを作りました(CS6/CC/CC 2014) - saucer

    ちょっと思い立ったので、写真を水彩風に加工するPhotoshopアクションを作ってみました。あくまでも水彩「風」なので、完全に水彩タッチが再現されるわけではないですが、デザインでのちょっとしたアクセント程度になら使えるかもしれません。興味のある方は一度試してみてください。(2015.02.14更新) 【2015.02.14追記】CS5で使えるバージョンを追加しました。ただし、元のアクションはCS5で再現できない機能を使っていたため、CS6以降用と完全に同じにはなりません。 アクション実行サンプル写真に対してアクションを実行すると、下のような感じに加工します。あくまで全自動で一律的に処理を行いますので、かなり写真を選びます。いい感じになるかどうかは、運次第です。うまくいかない方が多いかも。その場合は、ハズレだったと思って我慢してください。ごめんなさい。 ダウンロード以下からどうぞ。zip圧縮

    写真を水彩風にするPhotoshopアクションを作りました(CS6/CC/CC 2014) - saucer
  • 光の表現がしたい時にオススメ!お役立ちPhotoshopブラシ10選 | オリジナルTシャツプリントのT1200BLOG

    光の表現がボタンひとつでできるフォトショップブラシをご紹介! とてもカンタンに光の表現が出来てしまうので、オススメです。 1.Free Lens Flare Brushes 太陽の光のブラシ。オールシーズン使えそう。 ダウンロードはこちら 2.Free Falling Sparks Brush Set 火花のような細かい光の粒たちのブラシ。 ダウンロードはこちら 3.Light Brushes ネオンのような丸い光のブラシ。 ダウンロードはこちら 4.Free Dust Particle Photoshop Brush Set ダスト感のある細かいチリのような光のブラシ。爆発したようなデザインにも使えそうです。 ダウンロードはこちら 5.Sparkle Brushes まばゆいほどの光が表現できるブラシ。何かの欠片のようです。 ダウンロードはこちら 6.Light Brush Set 稲

    光の表現がしたい時にオススメ!お役立ちPhotoshopブラシ10選 | オリジナルTシャツプリントのT1200BLOG
  • 無料で使えるPhotoshop用レンズフレア/光のエフェクトブラシ270+ | co-jin

    無料で使えるPhotoshop用レンズフレア/光のエフェクトブラシをご紹介。 写真やデザインの印象をぐっと良くことが可能なレンズフレア/光のエフェクト。 実際の撮影などでレンズフレアやエフェクトを意図的かつ効果的に入れるのは高度がテクニックと知識が要求されますが、Photoshop用のブラシを使えば、いとも簡単に入れることができます。 商用利用可なブラシもたくさんあるので、ふだんのデザインワークにご活用いただければ幸いです。 Photoshopのブラシファイルの使い方 今回ご紹介している素材は、ファイル形式がABRというPhotoshop用のブラシファイルになっています。 利用するには事前に以下のフォルダに入れてから利用してください。 アプリケーション>Adobe Photoshop>Presets>Brushes Free Lens Flare Brushes 10ブラシ 商用利用可 F

    無料で使えるPhotoshop用レンズフレア/光のエフェクトブラシ270+ | co-jin
  • How To Create a Realistic Money Effect in Photoshop

    This post was originally published in 2014 The tips and techniques explained may be outdated. The classic illustration style used on money is something I’ve always wanted to figure out how to replicate in Photoshop. There’s plenty of Photoshop tutorials that show how to create a basic halftone line effect, but they never quite capture that authentic engraved look with plenty of shading and tone. A

    How To Create a Realistic Money Effect in Photoshop
    i_mairy
    i_mairy 2015/12/03
    紙幣風イラストの作り方
  • PSDデザインカンプからのコーディングに超便利!Extract for Brackets

    Bracketsがメジャーバージョンアップ 昨日、これまで小刻みなマイナーバージョンアップを繰り返し0.44までバージョンを重ねていたBracketsが1.0と、正式なバージョンアップを行いました。わーい!!確か私は0.14くらいから(2年近く経ってる?)使っているはずですが、開発には既に3年ほどかかっているそうです。 Brackets – A modern, open source code editor that understands web design. 今回はこれについてではなく(別途記事を書きます書きました→Bracketsだって激しく進化してますよ!メインエディターとして1年使ってみて)、この1.0と同時にリリースされたBrackets制作チーム肝いりの拡張機能、「Extarct for Brackets」の紹介をしたいと思います。これはまだまだ多いPSDカンプからのHTM

    PSDデザインカンプからのコーディングに超便利!Extract for Brackets
  • Infographic: Sketch vs Photoshop

    Sketch 3 and Photoshop CC, two of the most popular applications for web design in 2015. Photoshop is the reliable old champ, but Sketch is the bright young challenger. Ever wondered which of these two giants of web design packs the biggest punch? Of course you have! We’ve all got our favorite, but which application is best for web design? Which renders better? Which takes up more space? Which feat

    Infographic: Sketch vs Photoshop
  • dfltweb1.onamae.com – このドメインはお名前.comで取得されています。

    このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日のドメイン登録業者(レジストラ)(「ICANNがレジストラとして認定した企業」一覧(InterNIC提供)内に「Japan」の記載があるもの)を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年10月時点の調査。

    dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
  • FireworksユーザーがPhotoshopではできないと思っている12の機能 | 誠

    FireworksユーザーがPhotoshopではできないと思っている12の機能2013.06.02ご存知だとは思いますが、先日Fireworksのメジャーアップデートが終了するという発表がありました。 Adobe、Web画像ツール「Fireworks」終了へ – ITmedia ニュース 熱心なFireworksユーザーが多い弊社でも、社内のあちこちから悲鳴が……。 Fireworksを使い続ける人もいれば、Sketchを試してみる人もいたりなど、その後の対応は様々でしたが、やはり候補に上がってくるのはPhotoshopへの乗り換え。そこで、社内のFireworksユーザーにPhotoshopの不満な点をヒアリングして、その解決策をまとめてみることにしました。 ピクセルに最適化されていない シンボルがない オブジェクトを直接選択できない シェイプの大きさや位置を数値で指定できない 角丸

    FireworksユーザーがPhotoshopではできないと思っている12の機能 | 誠
  • デザインやイラスト制作に欠かせない色が満載!使いやすいカラーをまとめたPhotoshopのスウォッチ -Copic Swatches

    デザインやイラスト制作に欠かせない色が満載!使いやすいカラーをまとめたPhotoshopのスウォッチ -Copic Swatches

    デザインやイラスト制作に欠かせない色が満載!使いやすいカラーをまとめたPhotoshopのスウォッチ -Copic Swatches
    i_mairy
    i_mairy 2015/08/27
    コピックのカラーってこうみるとけっこうかわいい
  • これからPhotoshopに乗り換えるFireworksユーザーへ。注意が必要なポイントとその解決策

    2013年5月、Fireworks開発終了ニュースを受け、多くのFireworksユーザーたちがAdobe許すまじと誓ったあの事件から早いものでもうすぐ1年経とうとしています。 私は今でもFireworksが大好きですし未だによく使っていますが、最近ではPhotoshopでデザインすることが多くなってきました。PhotoshopはCCになってからだいぶ使いやすくなり、いい感じです。 ただ、Fireworksユーザーからすると、Photoshopでデザインする上で不便だなーと思った点がいくつかあったので、今更ですがまとめてみました。ものすごーく地味なことばっかりですが、FireworksからPhotoshopに移行する方ならば一度は困るんじゃないかと思うことなので、参考になれば幸いです。 2016/7/5 追記 CSSHatで表示して見る を今更追記しました。サンキュー@sou_lab 20

    これからPhotoshopに乗り換えるFireworksユーザーへ。注意が必要なポイントとその解決策
  • Adobe Photoshop CC 2015のWebプロトタイピングに使える「アートボード」機能(Adobe Preview CCで実機確認可能) | ソフトウェア | Mac OTAKARA

    Adobeが、Adobe Photoshop CC 2015の新機能として、Adobe Illustrator CCに似た「アートボード」機能を追加しています。 なお、アバウト画面は、Photoshop 25 周年仕様となっています。 iPhoneiPadAndroid、Retinaデスクトップ用などの、Webプロトタイピング作成で、複数のデザインパターンを、1つのドキュメント内に展開することが可能になりました。 ファイル>新規>ドキュメントの種類>アートボードを選択します。 アートボードのサイズをクリックすると、iPhone 6、iPhone 6 Plus、iPad Retina、iPad mini、Apple Watch、MacBook Pro Retina用のサイズ選択リストが表示されます。 また、iOS用のアプリアイコンデザイン用アートボードも選択することが可能です。 従来は、

    Adobe Photoshop CC 2015のWebプロトタイピングに使える「アートボード」機能(Adobe Preview CCで実機確認可能) | ソフトウェア | Mac OTAKARA
  • Webデザイン時におけるPhotoshopレイヤー整理の俺流ルール

    creative memomemo Webデザインtips,Photoshoptips,クリエイティブでステキなものをまとめているブログ。 こんにちは、井畑です。 今回はPhotoshopのレイヤーの整理の仕方やルールについて自分で決めている事をご紹介したいと思います。 「他の方はどうやってレイヤー整理してるのるかなー?」と気になって、まずは自分で公開してみることにしました:) もちろん、自分のやり方がベストだとは思ってはいないのですが、ある程度カンタンにできて、ある程度それなりに整頓できるやり方かなーとは思っています。 それでは、早速ご紹介します。どうぞー!! このPhotoshopレイヤー整理ルールのポイント このルールの「ポイント」は次の2点になります。 整理する時間が決まっている ポイント一つ目は整理する時間・デザインする時間を分けているところです。そうすることで、それぞれの作業を

    Webデザイン時におけるPhotoshopレイヤー整理の俺流ルール
    i_mairy
    i_mairy 2015/08/04
    「(レイヤーを)整理する時間」と「デザインする時間」を分けるのは目からウロコ。レイヤー整理作業好きだけど、それだけで仕事した気になっちゃうのが難点なので。