*Photoshop(フォトショップ)*は豊富な機能を持つことから、画像修正だけでなく様々なデザイン現場で使われています。次々にデザインの幅が広がる新機能も増えています。反面、あまりにも機能が多いため初心者にとっては上達が難しいソフトでもあります。同じAdobe社のイラストレーターと比べても、プロでさえ使ったことがないツールがあるという声をよく耳にします。 そこで今回は、Photoshopの練習にも最適なチュートリアルをまとめて紹介します。かっこいいデザインやおしゃれな表現がたくさんあり、写真編集の練習素材として活用できるでしょう Photoshop(フォトショップ)チュートリアル一覧 1.手軽にレトロな写真に加工する方法 https://blog.spoongraphics.co.uk/tutorials/how-to-create-a-washed-out-vintage-matte-
(2019.02.23に書いたブリコルールのブログ記事の引越しです) 写真をイラストっぽく使いたいなどの局面はいろいろありまして、備忘録も兼ねて。 会社の近所で撮影した写真をこんな感じでイラスト風にして、弊社のキャラクターと合わせてみました。まあまあアニメのワンシーンのようにも見えなくもない?? 最近だと、アプリで簡単に写真をイラスト風に変換できるものもありますが、photoshopを使います。 ベースとなるレイヤーを作成・調整する もとの写真はこちらです。 なんの変哲もない、何年か前に撮ってフォルダの奥底で眠っていた写真ですが、空を抜きやすい写真を選ぶとよいです。 【イメージ】>【色調補正】>【HDRトーン…】を選択します。 他のサイトなどでもHDRトーンを使って紹介しているところは多いです。私もこれを使います。HDRトーンの正しい使い方は正直なところ自分はわかっていません…。調整がまと
こんにちは、デザイナーのTantanです。 ホームページ制作のために、ロゴやイラストを自分で作れたらいいですよね。でもIllustratorやPhotoshopの初心者の方は「 ベジェ曲線 」でつまづきがちではないでしょうか。 イラレでイラストを描こうとして、いざペンツールを持って”ぐりっ”と描くと。。。 謎のグニャグニャができて 「なんじゃこりゃー!」 「全然思った通りに描けん!何がペンツールじゃ!こんなのペンじゃない!!もうペンタブ買ってきてビットマップで描くわ!」 「イラストレーターっていうくせに全然イラスト描けんじゃんかー!」 と投げ出してしまいたくなります。 でも待って!嫌いにならないで! 商用ロゴや最近流行りのフラットデザインアイコンを描くには、 やっぱりベジェ曲線が最適なんです! フリーハンドで描かれたちょっと歪んだ社名ロゴとか、嫌ですよね! 「ベジェ曲線はひたすらトレースや
無料なのに高機能で軽い!ブラウザで動くデザイン作成ツール「Canva(キャンバ)」を早速使ってみたら凄かった! シェア つぶやく ブックマーク LINE Pocket オーストラリア発のクラウドベースのデザイン作成ツール「Canva」がKDDIウェブコミュニケーションさんと組んで日本に上陸いたしました! 高機能で無料使用も可能ということでしたので早速使ってみたのですが、「Canva」かなり凄いです。これまではブラウザ場で扱えるPhotoshopの代役といえば「Pixlr Editor」が高機能で有名だったと思いますが、ブラウザという制限があるので、色々と使いにくい部分も多かったのですが、「Canva」はあまりストレスを感じること無く、直感的にデザインができます。しかもブラウザであることを全然感じさせない軽さ。いやーこれで無料は凄いです。 それでは詳細の使用感や機能などをお伝えいたします!
All the tools you need for professional photo editing at your fingertips. Powerful & easy-to-use: A robust photo editor like Photoshop online but with fewer learning curves. A complete suite of photo editing tools: From basic adjustments like brightness and contrast to advanced editing features like retouching portraits, you can do it all with Fotor. Edit photos online in bulk: Edit all your photo
こんにちは!デザイナーのわりえもんです! ドラえもんみたいな見た目の、のび太みたいななにかです。 デザイン制作に役立つ秘密道具を紹介します! さて今回はサイト・アプリ制作に必需品な Facebook OGP画像つくりに役立つ2つの秘密道具をお教えします! 2014年1月現在、OGP画像の表示には大きくわけて2種類あります。 一つの画像で、どっちの表示でもきれいにつくるのは結構悩みますよね。 のび太くんには到底つくれなさそうです。 でも、たった2つのの秘密道具で、OGPつくりは劇的に楽になります! 秘密道具その1 : ただ画像をいれるだけ!秘密のpsd! 今回のために用意した秘密のpsd を用意しました! こちらからダウンロードしてみてください! PSD DOWNLOAD 「見せたい要素が横長」の場合 これは横長いロゴです。ロゴの部分がどんな表示でも切れないようにしたいですね。 これを全ての
HOME ブログ GIMP , webデザイン , WordPress , YOUTUBE , 【PR】 , フォトショップ 素人っぽいWEBサイトに見えてしまう4つのロゴデザインの特徴と誰でも簡単にできるPhotoshopとGIMPの3分解決策。 素人っぽいWEBサイトに見えてしまう4つのロゴデザインの特徴と誰でも簡単にできるPhotoshopとGIMPの3分解決策。2014.10.15 ウェブサイトやブログなどでデザインクオリティの高いテンプレートを使用しているのにも関わらず、ロゴを自作しているために素人っぽく見えてしまうサイトを良く見かけます。ここではその4つの特徴をまとめてみました。 ① ロゴの背景に写真を挿入している② ドロップシャドウのかけすぎ(なぜかポップな書体とセットが多い)③ 背景を透明にすることができず枠が浮いている④ サイト全体とミスマッチな色とマークを採用↓ 画像を
これはいいサービス!助かりますねー。 Picky-Pics(ピッキーピックス) チラシを簡単に作れてしまう 「Picky-Pics(ピッキーピックス)」はチラシや名刺をウェブ上でサクサク作れるウェブサービス。これさえあれば、Photoshopは要りません。デザインセンスも要りません。すばらしい! 使い方は簡単。作りたい資料を選択して、デザインを選びます。 すると編集画面に移動します。あとは文字や背景を加工していくだけ。 素材は5万点近く用意されているそうです。 直感的に素材を追加できます。 各素材はドラッグすると移動します。簡単! 編集画面の使い勝手もすばらしく、ピクセル数を合わせやすいガイド機能が実装されています。 フォントも豊富!これは嬉しいですねー。 出力は3パターン。ウェブページにもできるというのは嬉しいですね。 有料素材を使っている場合は、出力にあたって費用が発生します。この値段
動く写真とも言われている 『Cinemagraph』 (シネマグラフ)ってご存じですか?ニューヨークの写真家Jamie Beckさんが発表したハイクオリティな作品がネットで話題になったので見た事があるって方もいるのでは? ※画像引用flixel.com すごく不思議でインパクトのある写真(!?)がシネマグラフの特長で、自分も作ってみようとシネマグラフの作成方法(Photoshop)なども何度かチェックした事があります。 高機能シネマグラフ作成アプリ「Cinemagraph Pro」 しかし、Photoshopで作ろうと思っても何だか難しそう、もっと簡単に作れたらやってみたいと思っていたシネマグラフなんですが、セール価格になっていたのでダウンロードしてみました。(現在は無料化されています) Cinemagraph Pro:作例 こちらが「Cinemagraph Pro」を使って作ったシネマグ
スマフォアプリ用のさまざまなUIエレメントが用意されたベクターベースのワイヤーフレーム素材を紹介します。 App Wireframes Kit ダウンロードできる素材のフォーマットは、2種類。 .psd .ai どちらもベクターベースで作られているので、サイズ変更やカラー変更なども簡単にできます。 App Wireframes Kitには、スマフォアプリ用のさまざまなコンテンツが収められています。 素材の利用にあたってはロイヤリティフリーで、個人でも商用でも無料で利用できる、とのことです。詳しくはダウンロードファイルの「License.txt」をご覧ください。 ダウンロードはページの下の方からです。
商用利用無料・バックリンク不要、ミニマルで汎用性に優れた100%ベクターのアイコン素材 -Joel Siddall
TwitterやFacebookのデザインを良くみてみると、立体感のつけ方に一工夫あるのがわかります。(現在のデザインになってからだいぶ経っており、今更な感じですが…)その立体感のつけ方が洗練されていて良いなぁと思ったので、どのように作られているかをまとめてみました。 再現PSDデータをダウンロード ※アイコンは本物と異なっており、形の近いものを使っております。ご了承ください。 1. Twitter ヘッダーのアイコンやボタン部分を拡大し、つけられている効果を書き出してみました。 アイコンと文字(現在地表示) アイコンと文字(通常表示) ボタン これらを再現してみると、以下のようになります。 偽Twitterみたいな感じですねw それぞれにつけた効果の詳細は実際のファイルでご確認ください。 2. Facebook(アプリ) ヘッダーのアイコンやボタン部分を拡大し、つけられている効果を書き出
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く