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

フェルメール《窓辺で手紙を読む女》が修復完了。2022年に東京上陸し、所蔵館外で世界初公開へ 2022年に来日予定のフェルメール《窓辺で手紙を読む女》の修復が完了した。作品の背景に弓矢を持ったキューピッドの立像が現れ、その意味が大きく変わった。 5 users 1844 美術手帖

Photoshopであらゆる被写体、画像全体を数クリックで金ピカのゴールドにする無料アクションを紹介します。 数クリックとしたのは被写体の選択操作で、金ピカにするのはわずか1クリック。 簡単に、目映いばかりの黄金エフェクトを楽しめます。 Free Photoshop Action to Turn Anything into Gold in Photoshop ダウンロードボタンをクリックすると、オーバーレイが表示され、それを閉じて、再度ダウンロードボタンをクリックすると、ダウンロードできます。 インストール方法は、Photoshopのアクションパネルで「アクションを読み込み」から、ダウンロードした「Spoon Graphics Gold Effect.atn」を指定するだけです。

Photoshop, Illustrator, InDeign, Animate, Lightroom, Dreamweaver, After Effects, Auditionなど、Adobe系ソフトの代替ソフトウェアを紹介します。 有名なものからあまり知られていないものまで、買い切り、オープンソースで無料、日本語対応のものなどいろいろあります。 Photoshopの代替ソフトウェア Illustratorの代替ソフトウェア InDesignの代替ソフトウェア Animateの代替ソフトウェア Lightroomの代替ソフトウェア Dreamweaverの代替ソフトウェア After Effectsの代替ソフトウェア Auditionの代替ソフトウェア 下記ツイートの代替ソフトウェアをまとめたグラフィックはAffinity Designerでデザインされています。 With the re

フォトショップ（Photoshop）は、ピクセルベースのイメージ画像を編集するのに、よく利用されているアプリケーションですが、文字テキストの編集作業に便利な、ツールがたくさんあるのを御存知ですか。 海外デザインブログPsdtuts+で、文字ツールを利用するときに、活用したい便利な機能10個をまとめたエントリー「10 Type Tools You Probbaly Aren’t Using in Photoshop」が公開されていたので、今回はご紹介します。 ダミーテキストを入力したり、パスに沿ってテキストを配置する、ちょっとしたデザインの小技に加え、Photoshop CCで採用された、CSSスタイルの書き出しなど、新しい機能についても、一緒にまとめています。 詳細は以下から。 Photoshop文字ツールで知っておきたい機能10個まとめ ポイント1 ダミーテキストの入力 デザイン作業をし

このドメインは お名前.com から取得されました。 お名前.com は GMOインターネット(株) が運営する国内シェアNo.1のドメイン登録サービスです。

海外デザインブログ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ファイルから走るアニメーションを作製しています。手足を別パーツとして動かすことで、自然な走る動きが作成できるもよう。

TOPワークスタイル効率化ツール機能面ではOfficeやPhotoshop、Illustratorにも匹敵する「最強の無料ソフト」10選【2017年版】 会社がライセンスを買ってくれない限り、「Photoshop」や「Pro Tools」や「Maya」のようなツール、それにWindowsでさえもかなりの出費になります。今回は、通常は高額なソフトの代わりとなるお手頃なソフトを紹介しましょう。これでお財布の心配をせずに、さらに仕事をこなすことができます。 10. GIMP（無料：Windows、MacOS、Linux） これは少し当たり前過ぎかもしれません。「Adobe Creative Cloud」を買う余裕がなかったり、自腹で「Photoshop」を買ったことがないような場合は、「GNU Image Manipulation Program（略してGIMP）」がぴったりです。機能が豊富で、

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 […] Designers love UI Kits. They’re a great way to explore ideas, and they’re a g

インターネットが進化することで、ウェブデザインの作成方法は変化してきていますが、デザインや配色など基本的な要素で悩んでしまうということも多いのではないでしょうか。 あらかじめ利用する素材を揃えたUIコンポーネントを使えば、より手軽にそしてスピーディーにデザインをウェブサイト制作を進めることができます。 今回は、あらゆるデザインコンセプトやプロジェクト案件に対応でき、無料ダウンロードできるUIコンポーネント素材をまとめてご紹介します。Photoshop で利用できるのはもちろん、最近人気の Sketch や Figma、Illustrator にも対応する素材が揃います。デザインアイデアが欲しいときなど、今後の参考にしてみてはいかがでしょう。 詳細は以下から。 魅力的なウェブデザインを素早く仕上げる、すごい無料UIコンポーネント素材まとめ iOS 10 GUI Kit Sketch / PS

またフラットデザインネタになってしまいますが、シンプルで使い勝手の良さそうなUIデザインコレクションBlog/Magazine Flat UI Kitが公開されていたので、今回はご紹介します。 Webサイトやブログサイトに必要なデザインアイテムを一式揃えているので、後はパズルの様に組み合わせれば、フラットデザインを採用した、デザインレイアウトが完成です。もちろん無料ダウンロードとなっています。 詳細は以下から。 フラットデザインを再現する、UIデザインキット Blog/Magazine Flat UI Kitは、Photoshopで編集可能なPSDファイルで収録されており、あらかじめウェブデザイン制作に必要なパーツまとめられています。ブログ用レイアウトも揃っているので、すぐにモックアップを作成することも可能です。 以下は収録されているUIデザインサンプルとなります。 ナビゲーションメニュー

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. ファイル

苦労して完成させたデザイン、せっかくならより魅力的に演出したいもの。しかし、面倒なデザイン編集作業もしたくない。 そんなときは、作品イメージをはめ込む作業のみで、デザインのクオリティを高めることができる Photoshop 用ファイルを利用してみましょう。今回はクライアント向けプレゼン資料や、ブランディングに欠かせない無料のモックアップ用PSDファイルをまとめてご紹介します。 まるで本当に撮影したような「リアルな仕上がり」を追求したフリー素材が揃います。ここぞというときに使いたいモックアップはいかがでしょう。 詳細は以下から。 モックアップとは？ では、モックアップとは何でしょう。すこし調べてみると以下のように記述されています。 モックアップとは、工業製品の設計・デザイン段階で試作される、外見を実物そっくりに似せて作られた実物大の模型のこと。 ソフトウェアやWebサイト、印刷物などのデザイ

こんにちは。主にイラストコンテンツを制作しています、こばやしです。 先日、知人から【アンティーク風ウェディングボード】の制作を頼まれたのですが、イメージにピッタリ合ったもの＆オリジナル感ある素材を探すのはなかなか難しいですよね。 そこでPhotoshopを使い、好きなテキストや写真をアナログなスタンプ素材風にしてみました。 例えばこんな雰囲気の素材が ササッと簡単に作れてしまう方法を、今回はご紹介したいと思います！ 目次 Photoshopでスタンプ加工＜テキスト編＞ Photoshopでスタンプ加工＜画像編＞ Photoshopでスタンプ加工＜テキスト編＞ 1.加工したいテキストを用意 文字色を【黒】、レイヤースタイルの境界線を【白】に設定しておきます 2.スマートオブジェクトに変換し、フィルターギャラリーから以下のスマートフィルターを順に適用 【1】[ブラシストローク] → [はね]

グラフィックツール定番のPhotoshop ! 基礎の基礎から中級までレベルアップを目指します。 1つの動画につき1つの作品を作りながら、難なく楽しく学ぶ事が出来ます。

みなさんこんにちは、クラスメソッドWeb担当の野中です。 昨日行われたAdobe MAXの発表でFireworksの新機能開発が終了 *1だそうですね。びっくりです。 さて、前回の身につけておきたいWebサイト高速化テクニック #3｜画像形式の基礎知識では、画像の品質を保ちながらファイルサイズを抑えるためにそれぞれの画像形式の特性について紹介しました。 第3回でリクエスト数の削減について先に解説すると記載していますが、文章の構成を考えると画像の書き出しについて先に説明した方が流れとしてわかりやすいので順番を変更しています。 本題 今回はPhotoshopやIllustrator、Fireworksを使った最適な画像書き出しの基本的な手法について紹介したいと思います。 前回の記事で得た知識を前提に解説しますので、まだ前回の記事を読んでいない方は必ず読んでおいてください。 この記事の対象者 W