【photoshop】風景写真をイラスト・アニメ風に加工する｜ヱノプルギスの夜 / こころ動かす者
（2019.02.23に書いたブリコルールのブログ記事の引越しです） 写真をイラストっぽく使いたいなどの局面はいろいろありまして、備忘録も兼ねて。 会社の近所で撮影した写真をこんな感じでイラスト風にして、弊社のキャラクターと合わせてみました。まあまあアニメのワンシーンのようにも見えなくもない？？ 最近だと、アプリで簡単に写真をイラスト風に変換できるものもありますが、photoshopを使います。 ベースとなるレイヤーを作成・調整する もとの写真はこちらです。 なんの変哲もない、何年か前に撮ってフォルダの奥底で眠っていた写真ですが、空を抜きやすい写真を選ぶとよいです。 【イメージ】＞【色調補正】＞【HDRトーン…】を選択します。 他のサイトなどでもHDRトーンを使って紹介しているところは多いです。私もこれを使います。HDRトーンの正しい使い方は正直なところ自分はわかっていません…。調整がまと
Photoshopで美しいゴールドにする、黄金エフェクトが簡単に作成できる無料のアクション
Photoshopであらゆる被写体、画像全体を数クリックで金ピカのゴールドにする無料アクションを紹介します。 数クリックとしたのは被写体の選択操作で、金ピカにするのはわずか1クリック。 簡単に、目映いばかりの黄金エフェクトを楽しめます。 Free Photoshop Action to Turn Anything into Gold in Photoshop ダウンロードボタンをクリックすると、オーバーレイが表示され、それを閉じて、再度ダウンロードボタンをクリックすると、ダウンロードできます。 インストール方法は、Photoshopのアクションパネルで「アクションを読み込み」から、ダウンロードした「Spoon Graphics Gold Effect.atn」を指定するだけです。
PhotoshopやIllustratorの代わりになる！Adobe系ソフトの代替ソフトウェア（有料・買い切り・無料）のまとめ
Photoshop, Illustrator, InDeign, Animate, Lightroom, Dreamweaver, After Effects, Auditionなど、Adobe系ソフトの代替ソフトウェアを紹介します。 有名なものからあまり知られていないものまで、買い切り、オープンソースで無料、日本語対応のものなどいろいろあります。 Photoshopの代替ソフトウェア Illustratorの代替ソフトウェア InDesignの代替ソフトウェア Animateの代替ソフトウェア Lightroomの代替ソフトウェア Dreamweaverの代替ソフトウェア After Effectsの代替ソフトウェア Auditionの代替ソフトウェア 下記ツイートの代替ソフトウェアをまとめたグラフィックはAffinity Designerでデザインされています。 With the re
フォトショを使う全Windowsユーザーは入れるべき。windowsでPSDをサムネイル表示するプラグイン”Sage Thumbs”が便利すぎる。｜3DCG最新情報サイト MODELING HAPPY
Photoshop文字ツールの知っておきたい機能10個 - PhotoshopVIP
フォトショップ（Photoshop）は、ピクセルベースのイメージ画像を編集するのに、よく利用されているアプリケーションですが、文字テキストの編集作業に便利な、ツールがたくさんあるのを御存知ですか。 海外デザインブログPsdtuts+で、文字ツールを利用するときに、活用したい便利な機能10個をまとめたエントリー「10 Type Tools You Probbaly Aren’t Using in Photoshop」が公開されていたので、今回はご紹介します。 ダミーテキストを入力したり、パスに沿ってテキストを配置する、ちょっとしたデザインの小技に加え、Photoshop CCで採用された、CSSスタイルの書き出しなど、新しい機能についても、一緒にまとめています。 詳細は以下から。 Photoshop文字ツールで知っておきたい機能10個まとめ ポイント1 ダミーテキストの入力 デザイン作業をし
分かりやすいグラフを作りたい！IllustratorとPhotoshopで作る円、棒グラフ｜BLOG｜株式会社エムハンド
分かりやすいグラフを作りたい！IllustratorとPhotoshopで作る円、棒グラフ 「Illustratorで作れるみたいだけど、イマイチ作り方が分からない！」って思いませんか？そんな方のために、分かりやすい円グラフ、棒グラフの作製、デザインのカスタマイズ方法をご紹介します。 まずは、Illustratorツールパネル内の「グラフアイコン」をクリックし、使いたいグラフを選択。開始点から対角線上にドラッグ、又は、画面をクリックするとグラフサイズを入力する画面が出るので、お好きな数値を入力し作成してください。 データを入力できる「グラフデータウィンドウ」が表示されるので入力していきます。 棒グラフ上の画像のようにデータを入力し、ボックス右上の「適応ボタン」又はEnterキーを押せば、棒グラフにデータが反映されます。 円グラフ円グラフはこのように表示されます。 作成後のグラフは文字との空
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月時点の調査。
Photoshopの練習にも最適！デザイン抜群な無料Webテンプレート23個まとめ
海外デザインブログOnextraPixelで、デザイン性の高いWebサイト用テンプレートPSD素材をまとめたエントリー「Collection of Freebies for Designers」が公開されていたので、今回はこちらを中心に、個人的にブックマークしておきたいフリーアイテムをまとめて一緒にご紹介します。 デザインはもちろん、どのようにファイルが作成されているか確認することで、Photohsopの練習にもなる高品質で、魅力的なアイテムが揃っています。 詳細は以下から。 Photoshopの練習にもなる！デザイン抜群な無料Webテンプレートまとめ Liberty Creative ゴーストボタンやマテリアル・デザインなどトレンドを盛り込んだPSDテンプレート素材。ファイルの整理も参考になります。 Office Landing Page PSD ななめに配置されたボックスデザインが素敵
クリエイター界激震 簡単にキーフレームアニメを作れるソフトに「無料で公開していいクオリティじゃない」の声
簡単にキーフレームアニメーションを作れるフリーウェア、「AnimeEffects」が「無料で公開していいクオリティーじゃない」と話題になっています。ニコニコ動画に使い方の紹介動画が公開されているのですが、非常に大きな可能性を感じさせてくれます。 同ソフトは、1枚の絵をアニメーションさせるためのソフト。pngやjpgなどの画像ファイルも使えますが、psd（Photoshop用の画像ファイル）を読み込ませるとレイヤーなども読み込んでくれるため、より多彩な動きを実現できます。 動画では、走るポーズをとったサーバルちゃん（テレビアニメ「けものフレンズ」の主人公の1人）のpsdファイルから走るアニメーションを作製しています。手足を別パーツとして動かすことで、自然な走る動きが作成できるもよう。 psdファイルを読み込んで いろいろと作業をすると 走るアニメーションが完成 どのパーツを上に表示するかを決
機能面ではOfficeやPhotoshop、Illustratorにも匹敵する「最強の無料ソフト」10選【2017年版】 | ライフハッカー・ジャパン
会社がライセンスを買ってくれない限り、「Photoshop」や「Pro Tools」や「Maya」のようなツール、それにWindowsでさえもかなりの出費になります。今回は、通常は高額なソフトの代わりとなるお手頃なソフトを紹介しましょう。これでお財布の心配をせずに、さらに仕事をこなすことができます。 10. GIMP（無料：Windows、MacOS、Linux） これは少し当たり前過ぎかもしれません。「Adobe Creative Cloud」を買う余裕がなかったり、自腹で「Photoshop」を買ったことがないような場合は、「GNU Image Manipulation Program（略してGIMP）」がぴったりです。機能が豊富で、パワフルで（「GIMPShop」プラグインも使うと）、手間もほとんどかからず、Photoshopとほとんど同じように使えます。 最初は少し面倒かもしれませ
The best free UI kits, February 2015
Designers love UI Kits. They’re a great way to explore ideas, and they’re a great palette cleanser after a difficult project. Another reason to love them is that they give us incredible insights into the minds of other designers, without a client complicating things. As such they’re a great way to spot trends as they develop. Today we’ve gathered together some of the very best UI Kits from the las
魅力的なウェブデザインを素早く仕上げる、すごい無料UIコンポーネント素材30個まとめ
インターネットが進化することで、ウェブデザインの作成方法は変化してきていますが、デザインや配色など基本的な要素で悩んでしまうということも多いのではないでしょうか。 あらかじめ利用する素材を揃えたUIコンポーネントを使えば、より手軽にそしてスピーディーにデザインをウェブサイト制作を進めることができます。 今回は、あらゆるデザインコンセプトやプロジェクト案件に対応でき、無料ダウンロードできるUIコンポーネント素材をまとめてご紹介します。Photoshop で利用できるのはもちろん、最近人気の Sketch や Figma、Illustrator にも対応する素材が揃います。デザインアイデアが欲しいときなど、今後の参考にしてみてはいかがでしょう。 詳細は以下から。 魅力的なウェブデザインを素早く仕上げる、すごい無料UIコンポーネント素材まとめ iOS 10 GUI Kit Sketch / PS
フラットデザインで簡単モックアップ、無料UIデザインキット
またフラットデザインネタになってしまいますが、シンプルで使い勝手の良さそうなUIデザインコレクションBlog/Magazine Flat UI Kitが公開されていたので、今回はご紹介します。 Webサイトやブログサイトに必要なデザインアイテムを一式揃えているので、後はパズルの様に組み合わせれば、フラットデザインを採用した、デザインレイアウトが完成です。もちろん無料ダウンロードとなっています。 詳細は以下から。 フラットデザインを再現する、UIデザインキット Blog/Magazine Flat UI Kitは、Photoshopで編集可能なPSDファイルで収録されており、あらかじめウェブデザイン制作に必要なパーツまとめられています。ブログ用レイアウトも揃っているので、すぐにモックアップを作成することも可能です。 以下は収録されているUIデザインサンプルとなります。 ナビゲーションメニュー
プロのデザイナーが実践している！PhotoshopでWebデザインを素早く、効率的にするための8つの方法
PhotoshopでWebデザインのワークフローを効率的にするために、プロのデザイナーが実践している8つのテクニック・方法を紹介します。 Adobe CCのライブラリをもっと活用しよう、と思いました。 8 ways to design sites faster in Photoshop 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 1. ファイル管理のポイントは構造化 2. CSSフレームワークは勉強になる 3. PSDのレイヤーはコンテンツごとにフォルダ分け 4. よく使う操作はショートカットを覚える 5. Adobe CCのライブラリは使わないと損 6. イメージとベクターはスマートオブジェクトで 7. スタイルガイドをどう活用するか 8. コーダーと、そしてチーム内での共同作業 まとめ: デザインは正直に 1. ファイル
モックアップでデザイン力を上げる！手軽で無料のPSDファイル50選
苦労して完成させたデザイン、せっかくならより魅力的に演出したいもの。しかし、面倒なデザイン編集作業もしたくない。 そんなときは、作品イメージをはめ込む作業のみで、デザインのクオリティを高めることができる Photoshop 用ファイルを利用してみましょう。今回はクライアント向けプレゼン資料や、ブランディングに欠かせない無料のモックアップ用PSDファイルをまとめてご紹介します。 まるで本当に撮影したような「リアルな仕上がり」を追求したフリー素材が揃います。ここぞというときに使いたいモックアップはいかがでしょう。 詳細は以下から。 モックアップとは？ では、モックアップとは何でしょう。すこし調べてみると以下のように記述されています。 モックアップとは、工業製品の設計・デザイン段階で試作される、外見を実物そっくりに似せて作られた実物大の模型のこと。 ソフトウェアやWebサイト、印刷物などのデザイ
Photoshopで簡単にテキストをスタンプ風に加工する方法 | SONICMOOV LAB
こんにちは。主にイラストコンテンツを制作しています、こばやしです。 先日、知人から【アンティーク風ウェディングボード】の制作を頼まれたのですが、イメージにピッタリ合ったもの＆オリジナル感ある素材を探すのはなかなか難しいですよね。 そこでPhotoshopを使い、好きなテキストや写真をアナログなスタンプ素材風にしてみました。 例えばこんな雰囲気の素材が ササッと簡単に作れてしまう方法を、今回はご紹介したいと思います！ 目次 Photoshopでスタンプ加工＜テキスト編＞ Photoshopでスタンプ加工＜画像編＞ Photoshopでスタンプ加工＜テキスト編＞ 1.加工したいテキストを用意 文字色を【黒】、レイヤースタイルの境界線を【白】に設定しておきます 2.スマートオブジェクトに変換し、フィルターギャラリーから以下のスマートフィルターを順に適用 【1】[ブラシストローク] → [はね]
未経験からプロのWebデザイナーになる！ 400レッスン以上の完全マスターコース
★未経験からプロのWebデザイナーとして働けることがゴールの完全マスターコース こちらのコースは全くの未経験の方が、プロのWebデザイナーとして働けるレベルになることを目的としたコースです。 WordやインターネットくらいしかPCを使ったことがないという方でもわかりやすいように作られています。 ★全422レッスン ＆ 42時間！ 通学スクール80万円相当の内容 全部で467レッスンがありとても多いですが、１レッスン５分程度なので、空き時間に少しずつ、気軽に進めることが可能です。 Webに関する知識、Photoshop、Webのグラフィックデザイン、HTMLとCSS、実践的なコーディングなど、Webデザイナーとして働いたり、自分１人でサイトを作り上げるのに必要な全てが含まれています。 ★授業×チャレンジ課題で実践的なスキルが身につく！ スキルを身につける上で、実際作りながら学ぶことはとても大
身につけておきたいWebサイト高速化テクニック #4｜最適な画像書き出しの基本 | DevelopersIO
みなさんこんにちは、クラスメソッドWeb担当の野中です。 昨日行われたAdobe MAXの発表でFireworksの新機能開発が終了 *1だそうですね。びっくりです。 さて、前回の身につけておきたいWebサイト高速化テクニック #3｜画像形式の基礎知識では、画像の品質を保ちながらファイルサイズを抑えるためにそれぞれの画像形式の特性について紹介しました。 第3回でリクエスト数の削減について先に解説すると記載していますが、文章の構成を考えると画像の書き出しについて先に説明した方が流れとしてわかりやすいので順番を変更しています。 本題 今回はPhotoshopやIllustrator、Fireworksを使った最適な画像書き出しの基本的な手法について紹介したいと思います。 前回の記事で得た知識を前提に解説しますので、まだ前回の記事を読んでいない方は必ず読んでおいてください。 この記事の対象者 W
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
フェルメールの絵画を修復→何も無かった壁から大きなキューピッドが現れた「これぞフェルメール」「修復前の方が好き」
Photoshopでパースグリッドをひく方法 - Bshiki