TOP  >  チュートリアル

Tag : チュートリアル

2016年12月18日

Photoshopでの画像加工にバリエーションを 魅力的なチュートリアル20選「Post-Processing Photoshop Tutorials: 20 PS Tutorials for All Designers」

写真加工ソフトとして活用されているPhotoshop。いろいろな表現が可能ですが、機能が多いゆえに使いこなせていないというデザイナーの方も多いのではないでしょうか。今回はそんな方におすすめしたい、魅力的なチュートリアル20選「Post-Processing Photoshop Tutorials: 20 PS Tutorials for All Designers」を紹介したいと思います。

tutorial1
Add quick effects to your personal photos – 300+ free Photoshop Tutorials

Photoshopでの画像加工にバリエーションを出すことができる、トレンド感を押さえた表現ができるチュートリアルが紹介されています。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Photoshop   
このエントリーをはてなブックマークに追加
2016年11月21日

文字を平面・立体的に魅力的に演出するエフェクトチュートリアル集「New Amazing 2D and 3D Text Effect Tutorials (26 New Tuts)」

デザインの中でさまざまな役割を持つ文字要素は、メイングラフィックのサポート的存在ではなく時にはメイン要素となる時も。そんな時に文字をより魅力的に演出できるエフェクトチュートリアル集「New Amazing 2D and 3D Text Effect Tutorials (26 New Tuts)」を紹介したいと思います。

2d3d2_0
How to Create Space Tiles Text Effect in Photoshop |

2D・3Dと、平面立体さまざまな種類のエフェクトが分かりやすく解説されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
このエントリーをはてなブックマークに追加
2016年11月06日

ハイクオリティな質感に魅了される Photoshopチュートリアル集「26 New Adobe Photoshop Tutorials to Learn Photoshop Essentials | Tutorials」

写真加工にすぐれたPhotoshopは機能が多彩な分、使いこなすのに苦労されている方も多いと思います。今回はそんな時に参考にしたい、ハイクオリティな質感に魅了される Photoshopチュートリアル集「26 New Adobe Photoshop Tutorials to Learn Photoshop Essentials | Tutorials」を紹介します。

tutorial1106_4
Combine Abstract Elements to Create a Stunning Dance Artwork – PSD Stack

非常にクリエイティブ性の高いグラフィックビジュアルが紹介されており、それぞれの工程が分かりやすく解説されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: WebService   
このエントリーをはてなブックマークに追加
2016年05月31日

Photoshopチュートリアル2016年ベスト「Best of 2016: 30 Tutorials for Photoshop Fans」

世界中のレタッチや画像加工で利用されているプロユース仕様のソフトウェアPhotoshop。簡単な色補正から本格的な合成、絵作りなどスキルを高めれば本当に色々なクリエイティブを可能にしてくれます。今日紹介するのはフォトショップチュートリアル2016年ベスト「Best of 2016: 30 Tutorials for Photoshop Fans」です。

cutout-paper-style-tutorial
Cutout Paper Style in Photoshop

全部で30ものチュートリアルがまとめられていますが、今日はその中から気になったものピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 11:37  |  
Category: Design , Photoshop   
このエントリーをはてなブックマークに追加
2016年05月24日

イラストレーターでの表現技術を高められる ベクター素材チュートリアル&テクニックまとめ「27 New Vector Illustrator Tutorials to Learn Design & Illustration Techniques」

さまざまな描写表現ができるイラストレーターは、デザイナーにとってなくてはならないもの。その表現の幅も非常に広いため、使いこなせていないと感じている方も多いのではないでしょうか。今回はそんなシーンで参考にしたい、イラストレーターを使ったベクター素材チュートリアル&テクニックまとめ「27 New Vector Illustrator Tutorials to Learn Design & Illustration Techniques」を紹介します。

tutorial0524_1
How to create an engraved illustration effect in Illustrator – Transfuchsian

いろんな種類のチュートリアルやテクニックが紹介されており、どれも試してみたくなるものばかりが揃っています。気になったものをピックアップしましたので下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
このエントリーをはてなブックマークに追加
2015年12月26日

デザイン性の高い表現を手に入れられるPhotoshopチュートリアル「12 Fresh & Creative Photoshop Tutorials」

Photoshopを使うことで、難しいグラフィック表現も可能に。しかしどのように操作したら良いかわからないということも多いのではないでしょうか?そんな時に参考したい、デザイン性の高い表現を手に入れられるPhotoshopチュートリアル「12 Fresh & Creative Photoshop Tutorials」を紹介したいと思います。

tutorial1224_2
Create a Pizza Food Text Effect in Photoshop – Photoshop tutorial | PSDDude

非常に高いクオリティのデザインチュートリアルがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
このエントリーをはてなブックマークに追加

過去の記事からランダムで表示

2013年11月28日

WEBデザイナーのためのphotoshop拡張機能「Free Photoshop Extensions for Web Designers」

WEBデザインを行う際、Photoshopは非常に便利なツールですが、本来の用途は画像加工であるために、WEB制作用の機能に不満を感じることもあると思います。そこで今回紹介するのは、WEBデザイナーを助けてくれるphotoshopの拡張機能「Free Photoshop Extensions for Web Designers」です。

fpefwd_0
Dribbble – Interface Tools Photoshop Plugin by Elliot Jackson

作業を自動化してくれるものや、WEBと連携した機能を持つものなど、14種が紹介されています。中でも気になったものをピックアップしましたので下記よりご覧ください。

Skeuomorphism.it? – Fuck That – Make it Flat
Photoshopデータのグラデーションを削除して、あっという間にフラットデザインにしてくれるプラグイン。サイトのレイアウトを変えることなく、一気に最新のスタイルに変えてくれます。

fpefwd_1
 
 
 
 
 

GuideGuide
列、行、幅などに数値を入力するだけで、グリッドをできる機能。手軽に組み替え、確認できるのが嬉しい拡張機能。

fpefwd_2
 
 
 
 
 

BlendMe.in Photoshop and Illustrator Extension – Browse thousands of Icons, Vectors and other assets directly from Photoshop
Photoshopのツールパネルに検索バーを追加してくれるプラグイン。キーワードを入力するだけでWebからアイコンやベクターデータを検索してくれます。

fpefwd_3
 

高機能なPhotoshopをWebデザイナー向けにカスタマイズしてくれる拡張機能。上手く活用してデザインのクオリティを高めたり、制作時間の短縮を図っていきたいですね。気になった方は、是非原文もご覧ください。

Free Photoshop Extensions for Web Designers

続きを読む
posted 09:00  |  
Category: Design , Photoshop , WebDesign   
2008年04月15日

デザイン素材専用サーチエンジン「Design Resources Search Engine」

デザインをする時、非常に便利なのが写真やシェイプなどの素材。うまく生かせば多大にかかる手間を軽減させながらも、よりクオリティの高い物が作れたりしますが、求めている物は見つからない場合が多いです。そんな時に便利なサイトが今回紹介するデザイン素材専用サーチエンジン「Design Resources Search Engine」です。

このサイトは海外でも有数の素材サイト「Deviantart」や「Bittbox」「Vecteezey」などから指定したキーワードでまとめて検索できるという物です。

詳しくは以下

(さらに…)

続きを読む
posted 09:11  |  
Category: Design   
2015年01月07日

ビジネス・オフィスシーンなどに活用できるフリーアイコンセット「Dashel Icon Set」

非常に種類豊富に展開されているフリーアイコン。使い道もさまざまで、素材としてよく利用される方も多いのではないでしょうか?そんな中今回紹介するのは、ビジネス・オフィスシーンなどに活用できるフリーアイコンセット「Dashel Icon Set」です。

dashel1

フラットでポップなテイストが特徴の45種のアイコンが、セットでダウンロードできるようになっています。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
2017年10月24日

レトロな雰囲気作りに ヴィンテージ風の加工が出来るテキストエフェクト「Hometown Vintage Effects Pack」

レトロや格調高い雰囲気などをデザインに落とし込みたい際に役立つのが、ヴィンテージ風加工。しかしいざ自作するとなると、凝った加工を行うのは中々難しいもの。そんな時に利用したい、ヴィンテージ風加工を楽に行うことが出来るテキストエフェクト「Hometown Vintage Effects Pack」を今回は紹介します。

hometown-vintage-effects-pack1

PSD形式の完成されたヴィンテージ風のエフェクトを楽しむことが出来る、おすすめのエフェクトセットです。

詳しくは以下
(さらに…)

続きを読む
2011年06月06日

WordPressで構築されたポートフォリオテーマ集「20+ Top Creative WordPress Portfolio Theme Collection」

自分の作風や表現方法を知ってもらうためのポートフォリオは、仕事を続けていくための最重要資料ではないでしょうか?ファイリングなどの資料だけではなく、web上でポートフォリオを公開できれば、仕事の幅はもっと広がるはず。そこで今回は、WordPressで構築されたポートフォリオテーマ集「20+ Top Creative WordPress Portfolio Theme Collection」を紹介したいと思います。


WordPress – Studio Box Premium WordPress 9 in 1 – ThemeForest

TOPページでの作品の見せ方にこだわった作品の数々が紹介されています。中でも気になったものを幾つかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
2010年06月20日

jQueryで実現するカレンダーを集めた「30 jQuery Calendar Date Picker Plugins」

javascriptのライブラリとして人気が高い、jQuery様々なプラグインがリリースされていますが、今日紹介するのはカレンダープラグインのみを集めたエントリー「30 jQuery Calendar Date Picker Plugins」です。

ical-like-calendar-calendar-date-picker
Create astonishing iCal-like calendars with jQuery

jQueryを利用した様々なタイプのカレンダーが全部で30まとめられています。今日はその中からいくつかピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 11:03  |  
Category: WebDesign   
2019年01月09日

ベクターデータで描かれた150のアイコンセット「A free set of 150 vector icons」

Illustratorなどのソフトウェアでカスタマイズしながら利用できるため、どんな制作現場でも使い勝手がいいベクターデータ。今日紹介するのはベクターデータで描かれた150のアイコンセット「A free set of 150 vector icons」です。

150-vector-icons-580x435

天気のような汎用的なものから、斧やドライバーといった少しマニアックなものまで様々なモチーフがアイコン化されています。収録されているアイコンセットの一部は以下からご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 07:28  |  
Category: Design , vector   
2014年10月16日

サイトの動きに魅力を与える フリーjQuery&CSS3ホバーエフェクトまとめ「A Wonderful Collection Of Free jQuery & CSS3 Image Hover Effects」

webサイトをより魅力的に見せるためには、デザイン性はもちろんですが、意外性のある動きなどを取り入れることで実現することも。今回はそんなサイトの動きに魅力を与える、フリーjQuery&CSS3ホバーエフェクトまとめ「A Wonderful Collection Of Free jQuery & CSS3 Image Hover Effects」を紹介したいと思います。

effect1
Direction-Aware Hover with CSS3 and jQuery

さまざまな種類のエフェクトが豊富に紹介されており、サイト自体にどこか物足りなさを感じていた方におすすめのまとめとなっています。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
2009年05月29日

CSSで実現するボタンテクニック集「22 CSS Button Styling Tutorials and Techniques」

Designdevelopでは今まで様々なCSSテクニックをお伝えしてきましたが、今日紹介する「22 CSS Button Styling Tutorials and Techniques」はボタンのデザインに特化したテクニック集です。

cssbutton01
Beautiful CSS buttons with icon set

立体的なボタンから、角丸はもちろん影がついたものなどなどCSSで作る手のこんだボタンのテップスやチュートリアルが収録されています。今日はその中からいくつかピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: WebDesign   
tag: webdesign
2017年01月21日

2017年の主流となるWEBデザインの背景のアイデア集「5 Modern Website Background Ideas for 2017」

1カラムのダイナミックなデザインが主流となって暫く経ちますが、WEBサイトの印象を決定づける要素の一つに背景があります。特にPCサイトでは大きな面積を占めることから非常に重要な要素ですが、今日はそんな背景デザインのアイデア集、2017年の主流となるWEBデザインの背景のアイデア集「5 Modern Website Background Ideas for 2017」を紹介したいと思います。

haikei01
1. Geometry on Photos
幾何学的なデザインを写真に重ねる背景デザイン

2017年のトレンドとなりうる背景デザインが全部で5つ掲載されていましたので以下からご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 08:30  |  
Category: WebDesign   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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