[Webデザイナーさんへ] そのデザインがコーディングしにくい理由と、改善ポイント詳説 更新日：2019/12/27 Webデザイナーにとって、自分のデザインがコーディングしやすいのかどうかは意外と気になるもの。 コーダー側は受け取ったデザインを粛々とコーディングするだけなので、あまり「こうしてほしい」と声を上げることはありませんが、デザイナーの観点だけでは気付きにくい問題が埋もれてしまっているかもしれません。 ということで今回は、日々のコーディング作業で気になった覚えのあることをどどんとまとめてみました。 このデザインだとどんな風に困ってしまうのか、そしてどう変えれば改善できるのか、なるべく具体例を挙げて説明していきます。 どのデザインツールでも共通の内容が多いと思いますが、基本的にはPhotoshopでの作業を想定しています。 常識的な内容も多いので、そのレベルは当然できてますという方
![[Webデザイナーさんへ] そのデザインがコーディングしにくい理由と、改善ポイント詳説 | 東京のホームページ制作 / WEB制作会社 BRISK](https://cdn.statically.io/img/cdn-ak-scissors.b.st-hatena.com/image/square/61015d8f4b04fb0dced52a6a21c4bd7213a4ba99/height=288;version=1;width=512/https%3A%2F%2Fb-risk.jp%2Fwp%2Fwp-content%2Fuploads%2F2019%2F12%2Fcode-friendly-kv2-1.png)
WebP（ウェッピー）という画像形式をご存知でしょうか？ 長い間、webの静止画は大部分がJPEG/GIF/PNGのいずれかでした。WebPはこのすべてを置き換えることができる次世代のフォーマットです。2020年9月リリースのiOS 14がWebPをサポートしたことで、主要なモダンブラウザーの足並みがようやく揃いました。 この記事では、新しい技術の恩恵を最大限に受けつつ、変わり続ける画像形式に対応していくための最適解を探ります。 ※ この記事の初版は2020年10月の公開ですが、各ブラウザーの対応状況等は2022年11月に最新の内容に更新しています。 SafariがWebPをサポート。フォーマット戦争ついに終結か？ 2020年現在、webで主流の画像形式はJPEG/GIF/PNGの3つでしょう。 2006年リリースのIE7で透過PNGがサポートされたことで、静止画に関しては「写真のJPEG
ついに来ました、Adobeのカメラ。AIファーストな新アプリ｢Photoshop Camera｣2020年に正式リリース
ついに来ました、Adobeのカメラ。AIファーストな新アプリ｢Photoshop Camera｣2020年に正式リリース2019.11.04 23:0032,100 suzuko Adobe MAXでの最重要項目かも。 Adobe（アドビ）がコンピュテーショナル・フォトグラフィーの文脈に一手を打ちます。Adobeは、独自のAIプラットフォーム｢Adobe Sensei｣を駆使した新カメラアプリ｢Photoshop Camera｣を発表、プレビュー版を公開しました。iOSとAndroid向けに提供され、正式リリースは2020年とアナウンスされています。 世界中のプロが使うPhotoshopのデータから学習をくりかえすAdobe Senseiのちからをカメラアプリにパッケージ、ソーシャルとコミュニティのなかでだれもがAIのちからで写真を楽しめるアプリです。 Adobeが｢長年クリエイティブに貢
この記事では、写真加工で重ねて使える無料オーバーレイテクスチャ素材を詳しい使い方と一緒にまとめてご紹介します。 オーバーレイテクスチャ素材は、ドラッグ&ドロップで手軽に利用でき、さまざまなシーンに対応する素材が幅広く揃います。これらの素材を利用すれば、写真加工、編集プロセスをよりクリエティブに、効率的に行うことができるようになります。 オーバーレイテクスチャとは？ オーバーレイテクスチャ（英: Overlay Texture）は、写真の上に重ねて利用できる画像ファイルです。多くの場合、PNGファイルで収録されているので、Photoshopにドラッグ＆ドロップで手軽に利用できる点も魅力です。 あとはお好みでレイヤーの描画モードや不透明度を調整することで、異なるエフェクトを実現できます。では、実際にどのように利用するのか詳しく見ていきましょう。 オーバーレイテクスチャの使い方 オーバーレイテク
ニューモーフィズムとは、要素が背景と同じ素材で作られており、シャドウを与えて押し出されたような窪んだようなスタイルです。最近注目されているUIデザインのトレンド「ニューモーフィズム」を簡単な手順でデザイン・実装する方法を紹介します。使用するソフトウェアは、FigmaでもIllustratorでもAdobe XDでもSkecthなど、なんでもOKです。 ニューモーフィズムのデザイン方法、使用するカラーの選び方、UIデザインに適用するCSSの実装コードなど、すぐに実践できます。 Neumorphism (Soft UI) in User interface design - Tutorial by Kanhaiya Sharma 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 新しいトレンド「ニューモーフィズム」 ニューモーフィズム
デザイナーにおすすめ！大量のフォント・画像ファイルを収集・管理できるWindows , macOS対応のソフトウェア -Eagle
デザイナーをはじめ、大量のフォント・画像を管理したい人におすすめのWindows, macOS対応のソフトウェアを紹介します。さまざまな画像フォーマットに対応しており、タグ付けやフォルダ分けやカラーフィルターなどで整理も簡単です。 .psd, .ai, .xdをはじめ、.pdf, .mp4, .ttf, .otfなどPDFや動画やフォントファイルも表示できます。私はmacOSでLynとTiatを使用していますが、Eagleの方が使いやすく快適で、乗り換えを検討中です。 Eagle 追記: 検討中でしたが、購入しました！ さまざまなフォーマットに対応しているだけでも便利ですが、なんとWindowsとmacOSで共有できました。画像やフォントや動画など、WinとMacの両方でこのEagleで管理できます！ やり方は簡単、ライブラリをDropboxやGoogleドライブなどのクラウドに定義するだ
フロントエンドエンジニア目線で Web のデザインには Illustrator や Photoshop ではなく Figma を使ってほしい理由｜seya
フロントエンドエンジニア目線で Web のデザインには Illustrator や Photoshop ではなく Figma を使ってほしい理由 こんにちは。Figma 大好きフロントエンドエンジニア、seya と申します。 最近大きくシェアを伸ばしている Figma ですが、デザインが Figma で作られていると Illustrator (以下イラレ)や Photoshop などと比較してかなり実装しやすいと言う実感があります。個人的には後者のツール群はグラフィックのデザインツールであって Web のデザインツールとしては適していないと考えています。 なので、この記事ではフロントエンドエンジニア目線で Figma の何が嬉しいのかを語っていきます。 また、若干片方の群を落とすような主題で予防線はるのアレなのですが、イラレなどをデザインカンプとして実装に取り組んだ経験が3サイトくらいしか
アドビが生成AI「Firefly」を一般公開 「Creative Cloud」に統合 コンテンツは商用利用可能
アドビは9月13日、コンテンツ生成AI「Adobe Firefly」のWeb版と、同社の一部デスクトップアプリに統合されたFireflyの機能を一般公開した。これにより、Fireflyによって生成されたコンテンツの商用利用が解禁される。 一般公開版の概要 Fireflyは2023年3月からβテストが行われてきた。当初はプロンプト（文章）によるコンテンツ生成は英語にのみ対応していたが、日本語を含む多言語対応を進めるなど、機能の拡充を進めてきた。「Adobe Photoshop」「Adobe Illustrator」などのデスクトップ向けβアプリにも、Fireflyの技術が順次搭載されている。 →初登場時の記事 →Photoshopアプリへの実装時の記事 →Illustratorアプリへの実装時の記事 Adobe（アドビの親会社）によると、これまでにFireflyを使って生成されたコンテンツは
Adobe Stock のコレクションには 3 億点以上の素材がそろっています無料で試す Adobe Stock のコレクションには 3 億点以上の素材がそろっています無料で試す
「Illustratorの使い方をマスターしたいけど、何から手をつけて良いかわからない。」そんなときは、Illustratorの基本的な使い方を実践的に学ぶことができるチュートリアルを活用してみましょう。 今回は、2020年に入って公開された最新Illustratorチュートリアル、つくり方をまとめてご紹介します。 覚えておくと時短につながる便利な小技テクニックや、Illustratorの基本ツールの詳しい使い方など幅広いツールや機能を学ぶことができるので、初心者のひとにもオススメしたい活用法。 Illustrator初心者も安心！基本の使い方を学ぶ最新チュートリアルまとめ 2019年のIllustrator向けベストチュートリアルは以下の記事よりどうぞ。 総まとめ！2019年のすごいIllustratorチュートリアル、作り方厳選50個 トロピカルなバンガローのイラストを作成する方法 ビ
デザインやイラストに使える配色本の決定版！ 配色アイデア手帖 第2版は、Photoshopやクリスタのスウォッチデータ・ポケット版PDFなど豪華ダウンロード特典が満載
配色本の中で日本一（もしかしたら世界一）売れている（担当者様談）配色アイデア手帖、現在も好調に売れ続けている中、完全保存版となるべく改訂第2版が発売されました！ この第2版では、収録されているカラーすべてのスウォッチデータ、CSSファイル、ポケット版PDFと豪華ダウンロード特典が満載で、さらに新しい配色テーマやコラムが増え、紙面は最新版にブラッシュアップされています。まだ持っていない人はもちろん、すでに持っている人にもお勧めします。 本書は、本日発売の最新刊！ 5年ほど前に発売された配色アイデア手帖の第2版です。読者からの要望で多かった、カラー値を入力するのが面倒というのを解消するべく、さまざまなソフトウェア用のスウォッチファイルがサポートサイトからダウンロードできます。 Adobe Photoshop用のスウォッチ（CMYKとRGBの2種類）: .aco Adobe Illustrato
美しい色を選んだのに、グラデーションがくすんでしまうことはありませんか？ 真ん中辺りがグレーにくすんでしまうのは、選択した2つのカラーを結ぶ線が色相環の真ん中を通過しているのが原因です。 美しいグラデーションを作成するためにどうすればよいのか、紹介します。 Photoshopなどのデザインツールだけでなく、CSSのグラデーションにも使用できるテクニックです。 The “Gray Dead Zone” of Gradients 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 カラーのグラデーションについて、Erik D. Kennedy氏が興味深い現象を指摘しています。2つのカラーを使用したグラデーションで、その2つのカラーを結ぶ線がカラースペース内で彩度ゼロの中央を通ると、グラデーションに「グレー��デッドゾーン」が生じます。
柳一 @yanagik218 @Yucinx_xx わざわざ教えてくれてありがとうございます！ってことはこちら、絵師のkrenzさんご本人の顔ってことですか...？ご本人は了承を得たのでしょうか...？？ 2023-02-20 19:52:23 呉ジンカン（総合マンガ��キッチュ責任編集） @charatancomoy Krenz先生の作品と出会ったのは約5年前でしょうか。 台湾の絵師の友人にすすめられ、渡された画集がそうでした。 デジタル作画でありながら、アナログ作画、それも絵画のように見えて、「これが上手い人の絵なんだな」と、素直に思いました。 pic.twitter.com/AugPTJDAAD 2022-07-15 21:46:33
日焼けしたポスターみたいな写真を撮る
1983年徳島県生まれ。大阪在住。散歩が趣味の組込エンジニア。エアコンの配管や室外機のある風景など、普段着の街を見るのが好き。日常的すぎて誰も気にしないようなモノに気付いていきたい。（動画インタビュー） 前の記事：ポケベル打ちでTwitterしたい ＞ 個人サイト NEKOPLA Tumblr 日焼けポスターから感じる夏の日差し 街を歩いていると、青っぽいポスターをよく見かける。 肌が青くなった人。ありえない色なのに、見慣れているせいか特に変には思わない 長きにわたり太陽光にさらされた結果、赤のインクが退色して全体的に青くなっているのだ。これを見て、「皮膚が青い人の写真だ！」って思う人はいないだろう。脳が勝手に、「これは日に焼けたポスターだ」（なので青くて当然）と認識している。それだけ日常的に見慣れた光景とも言える。 似たようなものに、セピア色の写真がある。モノクロ印画紙が経年劣化すると、
一方、Photoshopなど一部の画像編集ソフトではWebP形式に対応していない場合があり、WebP画像を保存しても閲覧などがしにくい欠点があった。これまでは、ユーザーの環境でWebP画像を編集するにはWindowsの付属ソフト「ペイント」などで開いて編集するか、ペイントで別フォーマットへ変換してから編集する必要があった。 この機能追加に対し、Twitter上では「やっとか！」「これでペイントを経由しなくてすむ」など喜びの声が上がっていた。 関連記事 Illustratorで起動不可の不具合、他社セキュリティソフトが影響 アドビが回避法を案内 アドビの「Illustrator」で起動できない不具合が発生している。他社のセキュリティソフトが競合していることが原因としており、その回避法を案内している。 「街並みが一瞬で人類滅亡後に」──Photoshopの画像ミックス機能が話題 荒廃した写真が
ホバー選択は以前からあった「オブジェクト選択」ツールの内の新機能として実装。これまでも、オブジェクト選択では選びたい物体を長方形の選択ツールなどで囲めば物体を自動認識できたが、ホバー選択ではそうした範囲指定をする必要もなくなった。 さらに、画像内のオブジェクト全てのマスクをワンクリックで作る機能も実装した。 選択の精度について、アドビは「画像内のほとんどのオブジェクトを検出可能だが、一部検出できないカテゴリーもある」としている。検出には同社のAIである「Adobe Sensei」を利用しており、今後も改良を続けるとしている。 この他、機械学習を使って夏の草原を秋のように色付けたり、雪原に変えたりと、任意の2つの風景画像を組み合わせて風変わりなシーンを作る「風景ミキサー（ベータ版）」や、別々に用意した人物写真と風景写真を合わせた際に違和感がないように色を合わせる「色調和（ベータ版）」、写真の
Midjourney
About Midjourney is an independent research lab exploring new mediums of thought and expanding the imaginative powers of the human species. We are a small self-funded team focused on design, human infrastructure, and AI. We have 11 full-time staff and an incredible set of advisors.
これを待っていた！ Photoshop用ショートカット・キーボード2020.04.15 12:0062,548 岡本玄介 ツールバーがそのままショートカットになった！ グラフィック・デザイナーや写真家など、クリエイターの必須ソフトであるAdobe Photoshop（アドビ・フォトショップ）。UIの左端に並ぶツールバーにはタイピング用キーボードにショートカットが割り振られていますが、これを完全に独立させた、完璧なショートカット・キーボードが作られています。 それが｢Keyboard Keypad DIY for Photoshop｣というもの。本来なら縦長のツールバーを横型にしたのでキーの配置にちょっとクセがあるものの、これに慣れたらキーを目で見て押すまでの数秒を節約できそうですし、何より押し間違いも減りそう。それにツマミで彩度や不透明度などのパラメーターを直感的に調節でき、下段には取り消
WebP画像の使い方
2020年夏のウェブ技術の見直しシリーズ第2段（第1段はこちら）として見直していたWebPの情報ですが、2022年2月にPhotoshopデスクトップ版でWebPがネイティブサポートされました。macOS Big Sur / iOS 14以降のSafariを含む最新のブラウザではWebPがサポートされています。導入しやすくなったいま、もう一度特徴をおさらいしておくと良さそうですね。 ということで、以下はWebPについてのまとめです。2020年7月の情報を2022年2月に更新しました。 なんでもかんでもWebPでいいわけではない 試しにUnsplash でランダムに10枚の写真を選んで、ImageOptimとcwebpコマンドラインツールでjpgとwebpに書き出してみました。結果、WebPのファイルサイズが小さくなる画像もあれば、JPEGのほうが小さくなる画像もありました。たまたまだと思い
デザインの基本を自分のデザインに使えるようになるデザイン力を身につけることができるデザインの良書を紹介します。 プロのデザイナーによる思考プロセスをデザインの原理原則をもとに、実際のデザインでの改善例を見ながら、詳しく丁寧に解説された一冊です。デザインの初心者やノンデザイナーの方に特にお勧めです。 本書は、8/8に発売されたばかり！ 「77のルール ○○○力の基本���シリーズの最新刊で、私は「メール文章力の基本 （Kindleで55%オフのセール中！）」も持っています。メールの書き方はこれで学んだ、というくらいの良書です。そして、今回紹介する「デザイン力の基本」も学ぶべきポイントがたくさんあり、繰り返し読みたくなる本だと思います。
｢フォトショップ｣がわりになる無料アプリまとめ
｢フォトショップ｣がわりになる無料アプリまとめ2020.08.09 11:0036,568 David Nield - Gizmodo US ［原文］ （ たもり ） Photoshop（フォトショップ）という言葉が動詞としても使われるほど広まって久しいですが、利用するには少なくとも毎月10ドル（税別980円）払う必要があります。そこで、米GizmodoのDavid Nieldが数多くある無料のPhotoshop代替アプリの中から、特に使えるものを厳選。 Photoshop分の料金をNetflixやSpotifyのサブスク代（あるいは食費とか）に回したいと思っているなら、代わりになりそうなフリーソフトやアプリを検討してみるのも手です。一銭も払わずとも使えるベストなアプリのまとめをどうぞ。 Adobe Photoshop Express Photoshopのベーシックな機能を無料で使えます。
ModelingHappy @happy_modeling Adobe製品で作成した作品が全て機械学習に使用される規約に変更されました。今直ぐ「コンテンツ分析」をオフにしてください。 modelinghappy.com/archives/57449 Adobeが2月に更新した基本利用条件の中でPhotoshopなどの全てのAdobe製品で作成した作品はAdobeが自由に閲覧が可能で機械学習されると明記されています。 機械学習されたくない人は許可をオフにする必要があります。 2024-06-06 17:57:01
2019年、当サイトで公開した記事の中からPocketにたくさん���録された記事やツイートされた記事をジャンル別にまとめました。今年を振り返りつつ、来年のWeb制作にも役立つオススメです。
Sketch - The digital design toolkit 画像はSketch最高っていう顔です。 HTMLやCSSを書くWebフロントエンドエンジニアにとって、Webデザイナーが用意した理想像を現実に落とし込むことは1つの使命であり、費用対効果への葛藤に揺れる中で「技術的に難しいから」という理由でデザインを却下したくないのは誰しも同じだと思います。一方で、技術的に難しくなくとも、デザインファイルの作り方次第ではエンジニアの実装効率も多少なりとも変わってきます。そこで、僕のデザイナー及びエンジニアとしての経験則から、HTML/CSSで実装しやすい（≒Webフロントエンドエンジニアにやさしい）デザインファイルの作り方を、Sketchでの用例も挙げつつまとめてみます。近年はFigmaが注目されつつありますが、基本的な話は共通すると思います。 本来ならばデザイナーにこそ読んでいただき
この記事では、絵を描くのが苦手という非デザイナーのひとにも役立つ、商用利用可能な無料イラスト素材を公開しているサイトをまとめてご紹介します。 最近のウェブサイトのランディングページやスマホアプリなどでよく見かける、キャラクターをつかったイラストスタイルに対応した、比較的新しい素材ライブラリが中心に揃います。 日本生まれのイラスト素材をダウンロードしたいときは、以下の記事でまとめているので、一緒に確認してみてはいかがでしょう。 全て無料、本当は教えたくないフリーイラスト素材サイト83個まとめ【商用OK】 商用OK！今どきのおしゃれイラスト素材を無料ダウンロードできる優良サイトまとめ Scale 高品質なイラストが毎日アップデートされており、カラーピッカーでお好みの配色に変更することも可能。クレジット表記不要で、商用利用にもばっちり対応しています。 DrawKit 毎週アップデートが行われてい
背景のイラストを上手に描く方法 背景は、世界観を読者に伝えるために重要な役割を果たします。漫画を例にした背景の入れ方と、背景を描くための方法などについて解説します。 ラフスケッチ（ラフ）とは？漫画やイラスト・デザイン制作で役立つラフスケッチの描き方 イラストや漫画で最初のアイデアスケッチや下描き前のスケッチに当たるものがラフスケッチ（ラフ）です。画面全体の構図、物語の進め方やページの割り振り、コマ割りのバランスなどを考えるために役立ちます。漫画やイラスト・デザイン制作で役立つラフスケッチ（ラフ）の描き方を解説します。
デジタルカメラが登場した昔から、いや昔ほどそうだったのだけど、高感度時のノイズって悩みの種だったのである。フィルム時代に比べると、1枚ごとに感度を変えられるってこと自体が画期的だったのだが、デジタルの高感度って「少ない信号を増幅することで感度を上げてる」だけで、信号を増幅すれば一緒にノイズも増幅されてノイズが目立つわけである。 今でこそ高感度時の画質がぐっと上がって平気でISO12800とか使うようになってきたけど、昔は「手ブレや被写体ブレを覚悟してISO感度を上げないで撮る」か、ノイズがのっかってくるのを承知の上で感度を上げて撮るか、ってせめぎ合いがあったものである。 感度を上げて撮りたい、でもノイズが乗りすぎると困る。 ってことは高感度ノイズをうまく消すことができればばんばんざいではないか。 そして今年の4月、アドビがAIを使ったノイズ除去機能を「Lightroom」と「Lightro
この記事では、フォトショップで紙幣にプリントされたような写真加工のつくり方をご紹介します。 まるで紙幣の肖像のような効果を演出できるテクニックで、ポイントは「魔法のテクスチャ」を写真に重ねることで、手軽にリアルな紙幣プリント風の写真加工を実現できます。 ワンランク上の仕上がりを実現する、レトロなハーフトーン加工と一緒に試してみてはいかがでしょう。 【フォトショップ】写真やイラストをレトロなハーフトーン風に加工する方法 デザインの完成予定 できあがりがこちら。特殊なテクスチャさえ作成してしまえば、あとはドラッグ＆ドロップであらゆる写真に対応できます。 「魔法のテクスチャ」を作成しよう 今回のテクニックでは、ある特殊なテクスチャを写真に重ねることで、紙幣のような風合いを表現します。 まずはこのテクスチャを作成しましょう。10x10px、72dpi、カラーモードは「グレースケース」、カンバスカラ
Blenderで3Dメッシュを作り、AfterEffectsで連番テクスチャを作り、Photoshopで画像を一枚にまとめてUnityで表現する流れをまとめてみました。 細かい画面の説明はせずに流れを書いていきます。 まずはBlenderの準備編になりますが、インストール編が不要な方はタイトル欄から好きな項目へショートカットできます。
Open Peeps by Pablo Stanley. Free for commercial and personal use under CC0 License. Mix & Match.The library works like building blocks made of vector arms, legs, and emotions. You can mix these elements to create different Peeps. Combine clothing and hairstyles to add flair. Change emotion with different facial expressions. Set the scene with different poses—including standing and sittingDownload
アドビ日本法人は2月21日、N高などを運営する角川ドワンゴ学園と共同で、「Photoshop」や「Illustrator」などの操作を教える教材を開発したと発表した。教材は教育機関などに向けて無償で一般公開する。 まずは、PhotoshopとIllustratorを初めて触る生徒向けの入門編教材2本をリリース。3月には実際にソフトウェアを使ってデザイン制作する実践編教材を配布する。動画制作ソフト「Premiere Rush」を使った動画制作の教材も公開予定。データの取得にはAdobe IDが必要だが、教育機関に属していなくても閲覧できる。教材として使用する際にアドビや角川ドワンゴ学園への報告は不要。 アドビは教材を無料配布する理由について「中高生のデジタルリテラシー向上に資する教育コンテンツを普及させるため」と説明している。 関連記事 「Photoshop」と「Illustrator」にW
NHK総合 #ニッポン知らなかった選手権「第６回 DTPオペレーター技能競技会」2/7 23時。職業柄見たいけど見たくない…放送前から体調崩す人が続出⁉こんな指示書貰えないし2時間で出来ない‼
企業や業界団体が内輪で開催するスキルアップのための知られざる技術大会に大量のカメラを投入！！▽戦いの現場を勝手に高速実況！その超絶ワザのすごさと魅力に迫ります！パソコン上でデザインやレイアウトの技術を競い合う技能競技会▽クライアントから発注されたチラシやパッケージデザインなどを、画像制作ソフトを駆使して、早く美しく仕上げる！▽全国から選ばれた凄腕８名が激突！▽今回の課題は「モデルルームのキャンペーンチラシ」▽２時間の制限時間内で画像ソフトの機能を最大限に引き出すスキル！▽マウスの音だけが響く静かな会場で、オペレーターナンバーワンに輝くのはいったい誰！？のまとめです。
クロラ @chlora17 アナログイラストの写真が照明の色でくすんじゃうので、補色でオーバーレイかけたらどうにかなるかと試してたんだけど、オーバーレイと真逆の効果の除算を使えばいいんじゃない！？！？って気付いて試したらめちゃくちゃうまくいきました アナログイラスト界隈だと有名なのかな？感激した…… 2021-09-30 10:24:35
新機能「スーパー解像度」の活用方法
新機能「スーパー解像度」の活用方法 新機能のスーパー_解像度_は現在Camera Raw 13.2で提供されており、LightroomとLightroom Classicにも近日中に提供される予定です。この記事では、機能自体の説明と動作原理、そしてその活用方法について説明します。 パノラマ写真をスーパー解像度を使用して編集しています。差し込み画像は、写真の2つの領域をズームインして切り取ったもので、枝や雪が鮮明にレンダリングされています。 本ブログは、「From the ACR Team（Adobe Camera Rawチーム便り）」と題し、Lightroom、Lightroom Classic、Lightroomモバイル版、Adobe Camera Raw、ならびにPhotoshopのCamera Rawフィルターといった製品のイメージング機能を開発しているチームからのインサイトをお届け
この記事では、フォトショップで写真をベクターイラスト風に仕上げる方法をご紹介します。 このエフェクトはもともと、バラク・オバマの大統領当選を記念したポスター『Hope』を制作し世界中で知られるようになった、シェパード・フェアリー（Shepard Fairey）にインスパイアされています。一度は見かけたことがあるかもしれません。 このチュートリアルは、Texturelabsによる英語版オリジナルチュートリアル「Vector Style Treatment」をアレンジしたものとなります。 加工前ビフォー 加工後アフター Illustratorでデザインすることの多いテクニックですが、ここではペンツールなども使わずに、フォトショップでお手軽な写真加工が可能になります。 このチュートリアルに必要なのはフォトショップだけ。７日間の無料体験もあるので、まずははじめてみませんか？ 7日間無料体験 Pho
Illustratorを教える人、大きめアートボードにトンボを描く方法を指南するのはそろそろ終わりにしないか…？｜やも♡脂のレタッチ鰤☀ゲコリノフ
Illustratorを教える人、大きめアートボードにトンボを描く方法を指南するのはそろそろ終わりにしないか…？ この記事は初心者向けではありません。 Illustratorの使い方を 指導する方に向けて 書いています！ ・大きめアートボードにトンボ描いてるよ、という方→印刷会社がEPSで回しているからです。 ・印刷会社が欲しいのは位置情報です。人が見て処理するための描きトンボがいいのか、データに埋め込まれ、描きトンボとして可視化もできるTrimbox等の位置情報を使うのかはワークフローによります。増えてきているPDFネイティブなワークフローでは後者が必要。 ・移行期（の終盤）にあたる今、描きトンボも必要なら、データ上の位置情報と合わせるべきです。 大きめアートボードとは大きめアートボードにトンボを描くやり方、こういうのですね。 アートボードを実寸より大きめにしてから、中に実寸のトンボを描
デザインしてて文字をばちっと決めたいときってありませんか メインビジュアルや見出しなどで、「文字（コピー）をばちっと決めたいッ！」ってときありますよね。そのときに普通の書体をそのまま置くと、 どうしてもデフォルト書体そのまま感が出ちゃうときってありませんか？ もちろん出ちゃわないときもあります。でも出ちゃうときもありませんか？ うん、ですよね。 そんなときの解決策の一つ、「作字」 “デフォルト書体そのまま感”をなくす方法はいくつかありますが、その一つとして「作字」があります。デフォルトの書体を少し調整して文字に特徴をつけることですね。 文字を”ちょっとロゴっぽくする”するという言い方が近いでしょうか（わかりにくいか……）。 作字するといい意味で”違和感”がでて、印象的なビジュアルになります。その作字のひとつに「文字を溶かす」という小ワザがあります。 文字を溶かすって？ Afterの文字を拡
タンサンあさ @tansanasa 今のパンパースのパッケージ、ヤバすぎて２度見してしまった。なにこれ、怖。 しかも、ネットでまったく話題にもなってないのも怖い。 pic.twitter.com/HMdLI0M7us 2023-09-11 21:00:22
みなさんこんにちは！ デザイナーのえびちゃんです。 デザイナーになると、制作物には必ず締め切りが存在しますよね。スクール通学時代など、デザインを勉強している段階ではたっぷり時間をかけてデザインに取り組むことが可能ですが、お仕事となるとそうはいきません……。 特にデザインの仕事に就いてまもないと、スピードが上がらないと悩んでいる方も多いのではないかと思います。私も入社した当初はアイキャッチ（サムネイル画像）1枚に3日（！）もかけて作成していましたが、それから1年経ったいま、数時間で作成できるようになりました。 今回は、私がアイキャッチやバナーなどの制作スピードを上げるために意識的におこなったったことを紹介していきます！ デザイン編 3選 まずは、デザインに関して意識して取り組んだことを紹介します！ ①最初にレイアウトを固めてから配色などの装飾する PhotoshopやIllustratorな
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[Webデザイナーさんへ] そのデザインがコーディングしにくい理由と、改善ポイント詳説 | 東京のホームページ制作 / WEB制作会社 BRISK
次世代画像形式のWebP、そしてAVIFへ。変わり続ける技術に対応するweb制作の黄金解 - ICS MEDIA
写真が劇的に変わる！重ねるだけの無料オーバーレイテクスチャ素材750枚まとめ
ニューモーフィズムとは、デザインする時に知っておきたいポイント、CSSでの実装方法
https://www.si-ght.jp/entry/techandme-olga01
フリー素材：無料の写真画像・イラスト・動画素材 | Adobe Stock
Illustrator初心者も安心！基本の使い方を学ぶ最新チュートリアル25個まとめ
グラデーションのグレーデッドゾーン、真ん中辺りがグレーにくすむのを避ける方法、美しいグラデーションを作成する方法
フォトショのブラシが知らんおっさんの顔だった→本人にまで届いてしまうし実はめっちゃすごい人だった
Photoshopが待望の「WebP」形式に対応、編集や保存が可能に
「ヤバすぎ」「神ツール」──Photoshop新機能が話題に “マウスを合わせるだけで物体選択”
これを待っていた！ Photoshop用ショートカット・キーボード
簡単だけど、デザインがすごく良くなる！デザイナーによる思考プロセスを丁寧に解説した良書 -デザイン力の基本
Adobe製品で作成した作品が全て機械学習に使用される規約に変更されました。
2019年総まとめ: Pocketにたくさん登録されたWeb制作に役立つ記事のまとめ
Webフロントエンドエンジニアにやさしいデザインファイルの作り方 - Qiita
商用OK！今どきのおしゃれイラスト素材を無料ダウンロードできる優良サイト19個まとめ
デザイナーが考える同人誌の表紙デザインと表現方法【タイトルロゴデザイン、レイアウト配置】
アドビの「AIノイズ除去」がすごい 超高感度撮影したノイズだらけの写真で試した
【フォトショップ】写真をリアルな紙幣プリント風に加工する方法
Blender→AE→PS→Unityでエフェクトを作る
Open Peeps, Hand-Drawn Illustration Library
アドビ、PhotoshopとIllustrator教材を無償配布 角川ドワンゴ学園と共同開発
「全アナログ絵師に朗報」アナログイラストの写真のくすみを取るには『除算レイヤー』を活用すると簡単にキレイになる
【フォトショップ】写真をベクターイラスト風に加工する方法
作字テクニックのひとつ「文字を溶かす」を徹底解説します | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
パンパース、パッケージの赤ちゃんの腕がヤバすぎて二度見→コラかと思ったら同じ状況の人が複数いる模様
デザイン制作のスピードを上げるために取り組んだこと7選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
www.yomiuri.co.jp
direia.jp
news.yahoo.co.jp
anond.hatelabo.jp
mrs.living.jp
japan-anime-song.com