Amazingly Simple Graphic Design Software – CanvaPlease update your browser It seems you are using an old or unsupported browser. To continue enjoying Canva, please update to a recent version of one of the following browsers:
Webデザイナーとフロントエンドが歩み寄るためのPhotoshop豆知識 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのぺちこです。 以前、デザイナーもりたの、デザイナーとフロントエンドにちょっと優しい「PSDルール」を考えてみたという記事が公開されましたね！ こんな風に、最近LIGのデザイナー＆フロントエンド間では、いかにお互いの仕事をスムーズにするかという話題が増えています。 まだまだ模索中ではありますが、今回は、これを知っておけばお互いにとってハッピーなのでは？というPhotoshopの機能や工夫の豆知識をご紹介したいなと思います。 フロントエンドの方にぜひ知ってもらいたい！というのはもちろんですが、デザイナーの方もこれを読んで気遣いがチラ見えするPSDを作れるようになったら、明日から職場の空気が和やかになるかもしれませんね。 その気遣い、伝わってないかも。 デザイナーは普段Photoshopを使っていて自分の使いやすいようにプラグインを入れていたり、さまざまな機能を駆使してい
Bootcomp｜Bootstrap × Photoshop CC 2015 エクステンション
�10倍ラクするデザインカンプ制作 Photoshop CC 2019に「Bootcomp」を導入すればWebサイトやアプリのデザインカンプ制作にかける時間を大幅に短縮することが可能です。 ダウンロードする フォーマット作成 Webサイトやアプリのデザインをスタートする際にまずはレイアウトのガイドを作成するなど事前準備に時間がかかっていました。 Bootcompを使えば１クリックでフォーマットが瞬時に作成されるのですぐにデザイン作業をスタートさせることができます。 画像挿入もワンストップ シェイプを作成してクリックするだけで画像挿入〜リサイズをワンストップで行うことができます。画像がまだ未定の場合は画像挿入をキャンセルすれば自動でダミー画像が挿入されます。ぶっこみ機能を使用すれば大量の画像もあっという間に配置することができます。
CSS Hat translates layer styles to CSS3 code
Goodbyes aren't our thing, but exciting new tools are! 🙌 “Avocode” was sunset on October 1st, 2023 Here at Ceros, we're no good at goodbyes. But one thing we've always excelled at? Embracing new beginnings and creating awesome new solutions. That's why we're kicking off a new era of tools crafted just for you: This transition means we’ve bid a fond farewell to all products offered by the Avocode
Yahoo! JAPAN Creative Blog — 脱初心者！ マテリアルデザインUIを作りながら学ぶ Photoshopショートカット術
こんにちは。デザイナーの外崎です。 Photoshopのショートカットはいろいろなところで紹介されています。ただ、初心者の方は「ショートカットって実際どこで使うの？」と感じている人も多いと思います。 Google I/Oで発表されたマテリアルデザインを題材にしてUIを実際に作りながら、ショートカットやTipsの使いどころをチュートリアル形式で説明していきます。マテリアルデザインの特徴である陰の付け方や、配色・マージンの感覚だけでもつかめるかと思います。時間のない方は1セクション毎でも大丈夫です！ テクニックを体で覚えて、実践していただければと思います。 Material Design GuidelinesI/O 2014 アプリに学ぶマテリアルデザイン0.始める前の準備チュートリアル通り進めたい方は、以下のプラグインやアイコンをダウロードしておいてください。特にプラグインは今後Photos
デザイン設計に集中する時間を増やしてみよう - クックパッド開発者ブログ
こんにちは！ ユーザーファースト推進部のデザイングループのジョン・ジンホ(@img75)です。 前回、クックパッドのデザインプロセスについてご紹介しましたが、私からはクックパッドのデザインプロセスをより効率的にまわす為に、デザイナーとしてどのようなツールを活用しているのかを、今回は Adobe Photoshop CC のプラグインを中心にご紹介したいと思います。 デザイン設計に集中できる Photoshop などでの作業効率を向上させると、デザイナーにとって貴重な「デザイン設計に集中できる時間」が生まれます。それは結果的にクックパッドを利用してくださるみなさまにより良い機能をすばやく提供できることにつながるので、私はいつもデザインするにあたって不必要な時間を減らす努力をしています。 最近、私は「撮るレシピ」（Android/ SPweb版）のデザインを担当しました。 「撮るレシピ」は、こ
どんなキズも見逃さない！画像のゴミ取りを楽にするPhotoshopトーンカーブプリセットと、二階調で楽々ゴミ消しするTIPs
どんなキズも見逃さない！画像のゴミ取りを楽にするPhotoshopトーンカーブプリセットと、二階調で楽々ゴミ消しするTIPs ゴミやシミ、ノイズをきれいに取りたい、しかも機械的に楽に取りたい… というときに。トーンカーブ調整レイヤーを使って、粗をより目立つようにしてしまいましょう。 （画像提供：@chaca21911さん） ジグザグトーンカーブで見やすくする ▼こんなやつｗ 乗せると、 ▼こうなります。 やりすぎだけど…ｗ JPEGのブロックノイズやシミ、キズなどが目立ってきます。 …とはいえこの画像には、ここまでジグザグしてなくてもいいので… ▼こんなのとか ▼こんなのを それぞれ、トーンカーブプリセットに登録して、画像に合わせて切り替えて使いましょう。 （プリセットをダウンロードできます→http://d.pr/f/1hESK） プリセットは、トーンカーブパネルのメニューから、 ▲トー
Ready For Retina HD: Create Pixel-Perfect Assets For Multiple Scale Factors — Smashing Magazine
With the display of the iPhone 6 Plus being even more detailed than that of the iPhone 4, we will need to provide 3x assets. The numbers 1x, 2x and 3x are also called “scale factors.” Of course, Android developers have always had to deal with many different sets of assets. Still, designers are finding themselves questioning their production workflow. In this article, Karsten Bruns will focus on iO
Page Layers - Website screenshots for macOS
Page Layers is a website screenshot app for macOS. It converts web pages to Photoshop files with separate layers for all page elements. It enables you to open web pages in Photoshop and saves you lots of time when re-designing or improving existing web page designs. Just open any page in the embedded browser and save the page as PSD with layers or as plain PNG image. In the HTML to PSD conversion
Reducing image sizes
This week our feature podcast guest is Mr Ethan Marcotte, Father of Responsive Design. While getting the podcast page sorted I needed to source an image of Ethan and chose this lovely picture from Flickr by Jeffrey Zeldman. The image weighs in at 1,005,480 bytes (1mb) and is 2048x1151px in size. Let's look at what we can do to improve the size. Reduce the image dimensions First thing I did was red
Photoshopで初めて写真加工をするときに知っておくべき基本手順まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、LIGブログ編集部です。こちらは「Photoshopをはじめて使う人が、自分で撮った写真を加工できるようになる」ところまでを目標とした全5回の超初心者向けPhotoshop講座です。 第4回目となる今回は、「実践編」として、実際に写真を加工する過程を解説していきます。 初心者ではない方も、おさらいのつもりでぜひ確認してみてください。 ※前回までの記事はこちら 第1回：Photoshopの使い方〜基本設定から写真加工の方法まで〜【初心者向け】 第2回：Photoshop初心者が写真加工や編集をおこなうための必須ツール20選・前編 第3回：Photoshop初心者が写真加工や編集をおこなうための必須ツール20選・後編 独学でつまずいていませんか？ Photoshopの使い方をもっと効率的に学びたい、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGでも
Creating color palettes with adjustment layers
I’ve had some success using Photoshop’s adjustment layers to create large color palettes from a few base colors, so I thought I’d share the technique. Recently, it came in handy for iStat Menus 5, where we have 14 base colors with 4 variations on each. The 56 resulting colors form iStat Menus’ colors and themes. Base colors # To get started, choose some base colors and draw large blocks as shape l
コーディングを考慮したWebデザインガイドライン
2014年7月30日におこなわれたADC MEETUPでのセッションのスライドです。 Photoshop CC 2014を使用することを想定した内容となっています。Read less
Group Layer Renaming
Hey! I made a script. Again. This time (I hope) it will help you with group layer renaming. Script can append, prepend or replace layer name with entered text. Should be useful if you are layer organization geek or if you use applications like Slicy or new Photoshop CC feature called Image Assets, that can export layers using tags in their names. Download Requires Adobe Photoshop CS5, CS6, CC2014
PSD.rb from LayerVault
The Photoshop file format is no longer opaque. Adobe's PSD format has been a black box for ages. We've built a Ruby library that opens up the PSD format and allows you to easily work with Photoshop documents. Get it Download .zip Download .tar.gz View on GitHub PSD.rb is a general purpose Photoshop file parser written in Ruby. It allows you to work with a Photoshop document in a manageable tree st
明日から使える！Photoshopチャンネル＆レイヤーマスクの簡単過ぎるのに「応用効きまくり」な技・どどんと応用しまくりな応用編 – やもめも
効かせましょうそうしよう。 じゃこれを。 人物をもう少し明るくしてやりたい、でも背景はいじりたくない。とします。 でも、参考エントリの方法ではうまくいきません。 Cmd(ctrl)+Option(Alt)+2、でRGB合成チャンネルからグレースケールを拾って、反転してトーンカーブのレイヤーマスクにするだけでは、 背景も明るくなり過ぎちゃうんですよね。これはこれで…な気もしないでもないけど、やっぱ下手なHDRぽくて嫌。 というわけで、マスクをきっちり編集しましょう。方法は二つあります。 ①マスクをトーンカーブで編集する チャンネルパレットの「RGB」をCmd(ctrl)＋クリックするか、Cmd+Opt(Alt)＋２（キーボードショートカットで「従来のチャンネルショートカットを使用」していない場合。チェックを入れている時は「＾」）を押して選択範囲を取り、すぐさまＱでクイックマスクモードに入って
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【Photoshop拡張機能】クリッカブルマップのコードを取得する
Photopea | Online Photo Editor
The Blog | Welcome to Adobe Blog
5 Impressive Photography Styles and How to Nail Them — SitePoint