PhotoshopとIllustratorのほぼ全機能を搭載したAdobe XD並みに軽いプロトタイピングツールが発売 | Stocker.jp / diary

2019/07/01 1040 users Illustrator Stocker.jp diary

私は ある出来事 をきっかけにAdobe製品をやめて他社の製品でWebデザインをしようと考えていました。 最初に考えていたのがPhotoshopの代わりにAffinity Photo、Illustratorの代わりにAffinity Designer、そしてAdobe XDの代わりにSketchまたはFigmaのようなプロトタイピングツールを使用しようと考えていました。 最初... 続きを読む

【photoshop】風景写真をイラスト・アニメ風に加工する | briccolog｜東京都渋谷区のウェブ制作会社ブリコルール

2019/04/11 1535 users イラスト 東京都渋谷区 ウェブ制作会社 アニメ風 風景写真

写真をイラストっぽく使いたいなどの局面はいろいろありまして、備忘録も兼ねて。 会社の近所で撮影した写真をこんな感じでイラスト風にして、弊社のキャラクターと合わせてみました。 まあまあアニメのワンシーンのようにも見えなくもない？？ 最近だと、アプリで簡単に写真をイラスト風に変換できるものもありますが、... 続きを読む

もし、HTMLのテキスト周りでデザイナーからこんなお願いをされたら... - Qiita

2017/11/20 1121 users プロパティ 融通 カタカナ CSS Qiita

HTMLのテキストはPhotoshopのように融通が効かないから、デザイナーからの細かいお願いはだいたい断っている...なんてことありませんか？ モダンブラウザは色んなプロパティが対応してきているので、できることも増えています。 今回は、知っているといざというとき便利なテキスト周りのCSSを集めてみました。 「日本語、文字詰めできないかな？ほら、このカタカナとかキモい。。」 「Webで文字詰めだと... 続きを読む

機能面ではOfficeやPhotoshop、Illustratorにも匹敵する「最強の無料ソフト」10選【2017年版】 ｜ ライフハッカー［日本版］

2017/02/05 1133 users Illustrator office matono 最強 趣味

matono  -  Linux , Microsoft Office , OS , ツール , デザイン , 写真 , 趣味     09:00 PM 機能面ではOfficeやPhotoshop、Illustratorにも匹敵する「最強の無料ソフト」10選【2017年版】 会社がライセンスを買ってくれない限り、「Photoshop」や「Pro Tools」や「Maya」のようなツール、それにWi... 続きを読む

誰よりも高速でUIを作るためのPhotoshop効率化2015 | nanapi TechBlog

2015/08/14 7778 users nanapi TechBlog pho nanapi タケオ

2015/08/14 こんにちは。ちょっと前からnanapiでお世話になっているデザイナーのたけお(@ottiee)です。 独身をこじらせたブログを時々更新しています。 今回はPhotoshopを使ってデザインを作成するときの効率化について、モバイルアプリケーションのUIを例として、お話ししたいと思います。 はじめに Photoshopの基本的な操作ができる方が対象です。使用するバージョンはPho... 続きを読む

これさえ身につけてしまえば、ほぼ思い通りの作品が作れるようになるPhotoshopの切り取りテクニック。

2015/07/12 1156 users 都度 クオリティ 輪郭線 背景 完成イメージ

Photoshopにはさまざまな切り取り方法があり、画像の質や状況に応じて使い分けることで思い通りの作品が作れるようになります。 関連記事：これで完璧っ！5種類のphotoshop切り抜き方法を使い分けて輪郭線を背景になじませるクオリティの高い合成をマスターしよう。 しかし、すべての技術を身に付けてから作品を作ろうとすると時間もかかるので、作品の完成イメージから逆算して、その都度どんな技術が必要な... 続きを読む

ノンデザイナーでも押さえておきたい！デザインの原理原則がわかる8つの記事 | creive【クリーブ】

2015/04/30 1270 users ノンデザイナー クリープ creive モックアップ 小手先

デザインをする際に、IllustratorやPhotoshop、Sketchが使えるといった、小手先の技術はもちろん大切ですが、そもそも「良いデザインとは何か」という概念的なことを知っておくのは大切です。 そこで、今回は、ノンデザイナーでも押さえておくべき、デザインの原理原則がわかる8つの記事を簡単な説明とともにご紹介します。 企画書の作成、簡単なモックアップをつくる際にも役立つものばかりです。 ... 続きを読む

すぐに取り掛かれる！GIFアニメをPhotoshopで作る小技集 | nanapi TechBlog

2014/07/16 8500 users nanapi TechBlog GIFアニメ 小技集

はじめに 初めまして。5月よりnanapiにjoinしました、デザイナーの山田です。 昨今、GIFアニメーションが再注目される日がやってきました！Twitterが6月19日より、GIFアニメーションに対応されたり。GoogleのロゴもGIFアニメーションで制作されていたり。pixivでは「うごイラ」というGIFだけでなく、PNGやJPGファイルを連続表示して動画化するサービスがリリースされたりと、... 続きを読む

ど素人でもプロ並みのチラシが作れてしまう…「Picky Pics」がデザイナー殺しな件 : まだ東京で消耗してるの？

2014/07/11 2754 users ピッキーピックス Picky-Pics チラシ デザイナー

これはいいサービス！助かりますねー。 Picky-Pics（ピッキーピックス） チラシを簡単に作れてしまう 「Picky-Pics（ピッキーピックス）」はチラシや名刺をウェブ上でサクサク作れるウェブサービス。これさえあれば、Photoshopは要りません。デザインセンスも要りません。すばらしい！ 使い方は簡単。作りたい資料を選択して、デザインを選びます。 すると編集画面に移動します。あとは文字や背... 続きを読む

Adobe製品の代わりに使える無料アプリ10+ | Webクリエイターボックス

2014/06/26 1056 users Webクリエイターボックス Adobe製品 無料アプリ1

PhotoshopやIllustratorなど、Adobeの製品はクリエイターの必需品のひとつとなっています。しかしその値段からなかなか手が出せない…という方も多いのではないでしょうか？今回はAdobe製品の代用として使える無料アプリをいくつか紹介します。金欠の学生さんや、様々な理由から脱Adobeを考えている方の参考になれば幸いです！ Photoshopの代わりに GIMP 長年Photosho... 続きを読む

ペーパープロトタイピングが捗る！iPhoneUIキットを作ってみた | nanapi TechBlog

2014/05/07 9000 users アクショ ペーパープロトタイピング MURA ダイアログ バン

こんにちは！パンとインターネットさえあればだいたい幸せなデザイナー、mura24です。iPhoneアプリ「アンサー」のデザインを担当しております。 ペーパープロトタイピングあるある さて、アンサーチームでは、大掛かりな機能追加やUI変更を行う場合、まず、ペーパープロトタイピングを実施してからPhotoshopでデザインに落としこむフローを採用しています。 紙でUIを描き起こし、ダイアログやアクショ... 続きを読む

Photoshopを使って1人4役で、会議してる風に見せるチュートリアル | nanapi TechBlog

2013/08/14 7916 users チュートリアル nanapi TechBlog 迫力 お前

こんにちは。開発部のデザイナー、CHINNENです。 世のデザイナーなら誰しも・・・ 「予算的に今回はモデルさんが一人までです。」とか、 「絵に何かこうー・・・迫力がないんだよなー」とか、 「お前（デザイナー）、コピペできないかなー」とか、言われた事があると思います。 そんな困ったデザイナーのお役立ち「Photoshopを使って1人4役で、会議してる風に見せるチュートリアル」を今回紹介します。 準... 続きを読む

女性誌デザイナーの技術を盗め！40秒で髪の毛を切り抜くPhotoshopの神ワザ | Find Job ! Startup

2013/08/05 1972 users Startup デザイナー コントラスト 背景 ショートカット

今回は女性誌のデザイナーに教わったPhotoshopの神ワザをご紹介します！ 女性誌デザイナーの方々は、おそらく日本で一番女性の髪の毛を切り抜いているはず。この機会にPhotoshopの技術を盗みましょう。 背景が白バックの場合や、髪と背景のコントラストが大きい場合、背景消しゴムツールを使って切り抜きます。 今回はこういう写真を切り抜きます。 まずはクイック選択ツール（ショートカットはW）でざっく... 続きを読む

PhotoshopCS5以上を使っているなら…髪の毛の切り抜きは「境界線を調整」がオススメ！ | 株式会社LIG

2013/07/01 1162 users 株式会社LIG 境界線 調整 おすすめ チートツール

こんにちは、デザイナーの白浜です。 以前当ブログの「今さら聞けない！Photoshopで人物の髪の毛を切り抜く方法」でチャンネルを使って髪の毛を切り抜く方法をご紹介しましたが、今回はPhotoshopCS5以降についている便利機能「境界線を調整」を使って髪の毛を切り抜く方法をご紹介します。 結構色んな所で紹介されているとは思いますが、復習がてらお付き合いください。 なかなかのチートツールなので使わ... 続きを読む

Photoshopをマスターする、すごいチュートリアル、作り方35個まとめ 2012年9月度 - Photoshop VIP

2012/09/28 1642 users Photoshopチュートリアル ＨＯＭＥ まとめ

Home　>　 まとめ　>　チュートリアルまとめ　>　Photoshopをマスターする、すごいチュートリアル、作り方35個まとめ 2012年9月度 不定期ですが新しく公開された、Photoshopチュートリアルをご紹介しています。今回は、2012年9月分チュートリアルまとめとなります。 海外デザインブログCreativeDesignMagazineで、公開されたばかりの新作Photoshopチュー... 続きを読む

Photoshopの超基本テクニック - NAVER まとめ

2012/07/14 1747 users NAVER

1.背景レイヤーを複製し、レイヤー名を「クマ除去」と入力 2.ツールパレットから「コピースタンプツール 」を選択 3.コピースタンプツールの設定は「マスター直径：15px」、「モード：比較（明）」、「不透明度：10%」に設定します。 4.option（alt）キーを押しながら、肌の明るい部分をクリックしてサンプルを取る 5.目の下のクマを繰り返しなぞる※不自然にならないよう、完全に消してしまわない... 続きを読む

画像のノイズをきれいに簡単に軽減する方法 | Webクリエイターボックス

2012/07/03 1222 users ノイズ Webクリエイターボックス ビフォー・アフター 軽減

2012年07月03日 Photoshop 暗い場所や室内で取った写真はノイズが入りやすいですよね。画像を補正する際、意外とやっかいだったりします。Photoshopには「ノイズを軽減」機能もありますが、なんだかあまり変化がなかったり…。そんなノイズを簡単に軽減する方法をいくつか紹介します。ビフォー・アフターの差にびっくりしちゃうと思いますよ！ Neat Image Neat Imageは画像のノ... 続きを読む

初めてPhotoshopでWeb制作する前にやっておくといい設定8(CS6含む) | Design Color

2012/05/29 1084 users アレ Design Color web 最初 Cs6

Fireworks覚えなきゃ…！と思いつつ、未だに思いっきりPhotoshop派の彩です。 先日、会社でFireworks派の方と語っていた時に、「Photoshopは○○ができない！」ということを多く聞き、「アレ？」と思いました。「いやいや！できますよ？」と方法をお教えすると、「あー！そうなんだ！最初からこうなってたら嬉しいのに」とのこと。 多くが私がPhotoshopで作業する時に一番最初に設... 続きを読む

Photoshop VIP ☞ Photoshopを極める、すごいチュートリアル50個まとめ 2012年3月版

2012/03/26 1053 users Photoshop Vip

不定期となりますが、新しく公開された、Photoshopチュートリアルをまとめてご紹介しています。 海外デザインブログ1st WebDesignerで、最近公開された新しいテクニックを利用した、Photoshopチュートリアル50個をまとめたエントリー「50 Fresh and High Quality Adobe Photoshop Tutorials」が公開されていました。 今回はこちらをベー... 続きを読む

良いデザインって？技術を学ぶ前に知っておきたいデザイン・レイアウトの基本的なこと | 秋田県webデザイナー【weblog】

2012/02/23 2085 users CSS Illustrator Weblog HTML センス

デザイナーになりたいって思った時にPhotoshopやIllustrator、cssやhtmlを勉強しなきゃな〜><て考えると思うのですが、技術的なことを学ぶ前にまずデザインが出来なきゃ始まりませんよね。 センス？かっこ良さ？奇麗さ？良いデザインにしたいけど、何をしたらいいかわからない。そんな時に何を考えたら良いのかデザインの基本をまとめてみようと思います XD はじめに 良いデザインって？ 最良... 続きを読む

デザインの基礎と本質を学べる本8冊 / code

2011/10/22 1285 users フィルタ code 一見 ロゴ 土台部分

design code 2011/10/2 デザインの基礎と本質を学べる本8冊 今や世の中には数多くデザイン本が出回っていて、デザインの勉強をするのはそう難しいことではないけれど、 デザインの基礎の基礎、土台部分を学べる本はそう多くないと思います。 Photoshopでロゴを立体的に見せるフィルタの掛け方や、かっこいい素材集…これらは一見大変便利に思えます。 確かに、多くのプロジェクトに振り回され... 続きを読む

LiveView | 制作物を iPhone で即確認！デザイン／開発の必須ツール - Elegant Apps

2011/09/30 1569 users iPhone LiveView ウェブデザイン Mac 実寸

「LiveView」は iPhone や iPad のアプリをデザイン／開発しているなら、間違いなく役立つ開発支援アプリです。これを使えば、Mac の画面をリアルタイムで iPhone に表示できます。Mac の画面の一部を "実寸で" 中継するので、Photoshop などでつくっている画面が実機ではどう見えるかを、圧倒的な手軽さで確認できます。iPhone 用のウェブデザインなどでも使えます。... 続きを読む

Photoshop VIP ☞ Photoshopマジック、すごすぎる写真加工、レタッチ術チュートリアル20個まとめ

2011/09/29 1215 users Photoshopマジック レタッチ チュートリアル 魔法

ファッション雑誌などでよく目にする美しい写真の多くは、レタッチ加工されていることが多いようです。 特にPhotoshopはプロの現場でも利用されているツールのひとつで、魔法のような加工を可能にします。 海外デザインブログ[Re]Encoded.comで、20種類の写真加工、レタッチ術についてのチュートリアルをまとめたエントリー「20 Amazing Photoshop Retouching Tut... 続きを読む

Webデザインの1pxを作るためのPhotoshopのレイヤースタイルいろいろ

2011/09/28 1146 users レイヤースタイル pho 1px webデザイン たくさん

素敵なWebデザインを見ていると、1pxにこだわって作られたデザインが多いです。今回はそんな1pxを、Photoshopのレイヤースタイルを使って、いろいろ作ってみました。これからPhotoshopで1pxのWebデザインをしたいなーと思っているPhotoshop初心者さん向けの記事です。色んな Webサイトを見ていると、1px にこだわって作られたキレイなデザインがたくさんあります。私は Pho... 続きを読む

[連載]Webデザイン入門（1日目） | Stocker.jp / diary

2011/09/27 1074 users Stocker.jp diary Dreamweaver

本日から新たに、「Webデザイン入門」というタイトルで連載を始めます。 9月からWebスクールの講師をさせていただいているのですが、そこでカリキュラムとして渡されたテキストには「Photoshop や Dreamweaver 等のソフトの操作説明」しかされておらず、ソフトの操作方法を習得しただけではWebデザイナーとして就職し、仕事していくのは少々厳しいのではないかと思いました。 そこで、ソフトの... 続きを読む