TOP  >  Photoshop  >  さまざまなUIをPhotoshopで作り出せるチュートリアル集「36 Photoshop Tutorials For iPhone App UI Design」
2015年02月09日

さまざまなUIをPhotoshopで作り出せるチュートリアル集「36 Photoshop Tutorials For iPhone App UI Design」

デザインのベースとなるUI。パーツとしてはさまざまなタイプが存在しており、すべてを1から作り上げるのはとても大変なもの。今回はそんな時に参考にしたい、さまざまなUIをPhotoshopで作り出せるチュートリアル集「36 Photoshop Tutorials For iPhone App UI Design」を紹介したいと思います。

tutorial0209_1
Create a Mobile Shopping App Design in Photoshop – Tuts+ Design & Illustration Tutorial

いろんな種類のUIデザインが紹介されており、作り方を参考にしながらハイクオリティなデザインに仕上げることができそう。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

tutorial0209_2
Create an Instagram Widget in Adobe Photoshop – Designmodo
Instagramのプロフィールウィジェット作成のためのチュートリアル。Instagramのイメージ作成に。
 
 
 
 
tutorial0209_4
Create a Flat Countdown Timer in Photoshop – iOS 7 Inspired
カウントダウンタイマーのチュートリアルは、フラットテイストでありながら奥行きのある高いデザイン性が魅力ですね。
 
 
 
 
tutorial0209_3
Create a Mobile Phone Music Player Interface – Tuts+ Design & Illustration Tutorial
スマートフォンで表示するミュージックプレーヤーのインターフェイス。クールでシンプルなデザインが特徴です。
 

チュートリアルを参考にすることで、今まで知らなかったPhotoshopの操作方法を学ぶこともできそうですね。気になったものはまず、制作に挑戦してみてはいかがでしょうか。

36 Photoshop Tutorials For iPhone App UI Design | SmashingApps.com

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればこちらからご連絡ください。即刻削除いたします。
posted 10:00  |  
Category: Photoshop   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください
Template deisgn by iDEACLOUD inc.
トップに戻る