WebデザインのためのPhotoshop実践講座
4.7 (32 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
398 students enrolled
Wishlisted Wishlist

Please confirm that you want to add WebデザインのためのPhotoshop実践講座 to your Wishlist.

Add to Wishlist

WebデザインのためのPhotoshop実践講座

Webサイト制作における、Photoshopを使用したグラフィックを実践的に学びます。ワイヤーフレームの作成、合計3つの実践的なサイトを作成するなど、全100レッスンの充実した内容です。
4.7 (32 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
398 students enrolled
Created by NEST online
Last updated 10/2015
Japanese
Current price: $10 Original price: $35 Discount: 71% off
3 days left at this price!
30-Day Money-Back Guarantee
Includes:
  • 11 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Webサイト制作のグラフィックデザインができるようになる
View Curriculum
Requirements
  • Photoshopの基本的な操作を習得(udemyのPhotoshopの基礎コースを受けてからこのコースを受けるのがおすすめです)
Description

Photoshopを使用した、Webサイトのグラフィックデザインができるようになるコースです。

ワイヤーフレームの作成や、実際のWebサイトを初級・中級・上級の3つ作成するなど、100レッスンの充実したコースです。

1000名以上の卒業生がいる実績ある日本のWebデザインスクールが提供しています。


★こんな人におすすめ★

  • Photoshopを使用したWebデザインができるようになりたい人
  • Photoshopは最低限使えるが、できることの幅を広げたい人


★特徴★

  • 実際のサイト制作を行うので、とても実践的なスキルが身につく
  • 1000名以上の卒業生がいる実績ある日本のWebデザインスクールが提供
  • 5分程度の動画が100レッスン 充実した内容ですが、無理せず学べる


★内容★

実際のグラフィックデザインをする前に行う、ワイヤーフレームのデザインを学び、基礎的なWebデザインのテクニックを学んだ後、初級・中級・上級に分けて実際のWebサイト制作を学びます。


(1)ワイヤーフレーム制作

Webサイトをデザインする前に行うべきサイトの設計図、「ワイヤーフレーム」の制作方法を学びます。 ヒアリングの段階からどのようにワイヤーフレームを制作すれば良いかを学ぶ事が出来ます。 実用的で、目的を達成するためのWebサイトのレイアウト方法を知ることができるので、初めてワイヤーフレームを作成する初心者の方はもちろん、もう一度基礎を学びたい上級者の方にもオススメです。


(2)初心者のためのウェブデザインテクニック

photoshopを利用して、実際のウェブサイトのパーツをデザインしていきます。 いきなりウェブサイトを全てデザインするのは難しいと感じる方は、まずこの章の動画から始めてみてください。 簡単な練習課題を通して、どのようにWebサイトデザインを行うのか、といったコツを掴み、本番のWebサイト制作に役立てることができます。


(3)【初級】クリニックのWebサイト〜トップページ編〜

Photoshopを使って、仮想のクリニックを紹介するWebサイトをデザインします。 複雑なPhotoshopの機能はあまり使わなくても出来る、シンプルなデザインのWebサイトですので、初心者の方でも気軽に取り組んでいただけます。 この章の目的は、「Photoshopを使ったWebサイトデザインの流れを掴む」ことです。


(4)【中級】美容院のWebサイト制作〜トップページ編1〜

Photoshopを使って、仮想の美容院を紹介するWebサイトをデザインします。 Webサイト用のファイル新規作成方法から、ガイドを利用したレイアウトを作成まで、 この章をマスターすることで次回からは「簡単なサイトを自分で作れるように」なります。 作成していただく課題制作は、少し複雑な機能やツールを利用することもありますので、やや中級者向けです。完成版のファイルを一度ご覧頂き、不安な方はまず「初心者向け」の章を受けて頂くことをオススメします。


(5)【中級者向け】美容院のWebサイト制作〜トップページ編2〜

Photoshopを使って、仮想の美容院を紹介するWebサイトをデザインします。 レイヤースタイル等を利用したデザインになるため、やや中級者向けです。 4.【中級者向け】美容院のWebサイト制作〜トップページ編〜の続きの章になりますので、 この章を初めてご覧になる方は、まずこの前の章から取り組んで下さい。


(6)【中級者向け】美容院のWebサイト制作〜下層ページ編1〜

Photoshopを利用して、仮想を美容院を紹介するWebサイトをデザインします。 トップページのデザインファイルを複製し、下層ページを作成していきます。 5.【中級者向け】美容院のWebサイト制作〜トップページ編2〜の続きの章になりますので、 この章を初めてご覧になる方は、まずこの前の章から取り組んで下さい。


(7)【中級者向け】美容院のWebサイト制作〜下層ページ編2〜

Photoshopを利用して、下層の美容院を紹介するWebサイトをデザインします。 シェイプツールを利用した、ご予約フォームのデザインを行っていきます。 7.【中級者向け】美容院のWebサイト制作〜下層ページ編1〜の続きの章になりますので、 この章を初めてご覧になる方は、まずこの前の章から取り組んで下さい。


(8)【上級者向け】Webメディア〜トップページ編1〜

Photoshopを使って、様々なコンテンツを提供するWebメディアをデザインしていきます。 たくさんのPhotoshopのツールを駆使してデザイン制作を行っていきますので、上級者向けの章です。 完成版のファイルを一度ご覧頂き、制作に不安のある方は、まず「初心者向け」もしくは「中級者向け」の動画をご覧になってから、この章に挑んで下さい。


(9)【上級者向け】Webメディア〜トップページ編2〜

Photoshopを使って、様々なコンテンツを提供するWebメディアをデザインしていきます。 さまざまなPhotoshopのツールを駆使して、デザイン制作を行っていきますので、上級者向けの章です。 8.【上級者向け】Webメディア〜トップページ編1〜の続きの章になりますので、初めてこの章をご覧になる方は、まず前の章からご覧下さい。


(10)【上級者向け】Webメディア〜トップページ編3〜

Photoshopを使って、様々なコンテンツを提供するWebメディアをデザインしていきます。 さまざまなPhotoshopのツールを駆使して、デザイン制作を行っていきますので、上級者向けの章です。 9.【上級者向け】Webメディア〜トップページ編2〜の続きの章になりますので、初めてこの章をご覧になる方は、まず前の章からご覧下さい。


(11)【上級者向け】Webメディア〜記事ページ編1〜

photoshopを使って、様々なコンテンツを提供する、Webメディアサイトを実際にデザインしていきます。 ここでは、記事本文ページを作成します。 10.【上級者向け】Webメディア〜トップページ編3〜の続きの章になりますので、初めてこの章をご覧になる方は、まず前の章からご覧下さい。


Who is the target audience?
  • Photoshopを使用して、Webデザインができるようになりたい人
Students Who Viewed This Course Also Viewed
Curriculum For This Course
100 Lectures
11:07:58
+
ワイヤーフレーム制作
7 Lectures 36:24

ワイヤーフレームとはなにか、なんのために作るのかを理解し、ワイヤーフレーム制作で大事なポイントについて学びます。

Preview 05:31

ワイヤーフレームをどのような手順で作成すれば良いかを知り、ワイヤーフレームを作成するためのツールをレクチャーします。
Web制作のためのワイヤーフレーム作成手順と使用ツール
05:48

そもそもヒアリングとはなにかを知り、ヒアリングすることの目的を知ります。失敗しないためにどのようにヒアリングしていけばよいのかなどをお伝えします。
失敗しないWebサイト制作のヒアリングのコツ
04:37

クライアントの状況に応じたヒアリングを行うことができるように、ワイヤーフレームを作成するために、何を聞けば良いのかを知ります。
Webサイト制作のためののヒアリング方法
05:06

Webサイトの一般的なレイアウトを知り、各パーツがそれぞれどんな役割を果たしているのかを知ることで、ワイヤーフレームを作れるようになります。

Webサイトを構成するレイアウトパーツの役割と名称
05:59

実際のワイヤーフレームの作成手順を知り、どんなツールを使用してワイヤーフレームを作成するのかをお話します。
初心者のためのワイヤーフレーム作成方法
03:37

実際のワイヤーフレームを見て、どんなものを作れば良いのかお話します。

失敗しないワイヤーフレーム作成方法
05:46
+
初心者のためのウェブデザインテクニック
9 Lectures 01:53:40

Webサイトデザインの勉強方法を知り、独学でWebサイトデザインができるようになるようレクチャーします。

初心者のためのWebデザインの方法・勉強法
05:00

四角形ツールを使って背景を作成し、テキストツールやペンツールを利用してパンくずリストをデザインします。ガイドを作成、表示して、1px単位の綺麗なデザインを目指します。

パンくずリストの作り方
18:19

四角形ツールを使って基盤のボタンを作成し、グラデーションにします。レイヤースタイルで浮いたようにエフェクトをかけ、無料でダウンロードしたアイコンを使って「押したくなるダウンロードボタン」を作成します。
押したくなるダウンロードボタンの作り方
25:00

四角形ツールでバナーの背景を作成し、テキストツールで文字の入力とスタイルの変更を行い、よくある「セールのバナー」を作成します。

バナーの作り方
14:33

四角形ツールで基盤の背景を作成し、写真を配置し、クリッピングマスクをかけて、綺麗なウェブサイトのメインビジュアルを作成します。デザインにあった無料のフォントをダウンロードして使用します。

Preview 11:06

ペンツールでシェイプを作成し、レイヤーのグループ化で作業を効率化しつつ、ウェブサイトのナビゲーションを作成していきます。
ナビゲーションの作り方
09:58

ウェブサイトの横幅が決定したら、横幅に合わせてガイドを引きます。その方法についてお話します。

ガイドを使ったWebデザインのベースを作成する方法
18:47

参考にするウェブサイトのデザインギャラリーの紹介と、実際にWebサイトを制作していく際、どのように活用していくのか、お話します。
Webデザインで役立つ参考サイトの探し方
03:20

Webサイト制作でよく利用する、便利なChromeの拡張機能についてお話します。
Web制作でよく使用するツール
07:37
+
【初級】クリニックのWebサイト〜トップページ編〜
10 Lectures 01:41:41
Webサイト制作でよく利用する、便利なChromeの拡張機能についてお話します。
第一回:デザイン前の環境設定と新規作成をしよう
05:43

まずはWebサイトのベースとなるレイアウトを、シェイプツールの四角形を使って作成します。この時、ガイドやものさしツールを利用して1px単位で綺麗にレイアウトするのがポイントです。

第二回:シェイプを使ってWebサイトのベースを作成してみよう
16:16

外部ウェブサービスよりアイコンを取得し、カラーオーバーレイをかけて色を変更する事で、そのアイコンを利用した簡単なロゴを作成します。

第三回:無料のアイコンを使ってロゴを配置してみよう
09:28

テキストツールを使ってテキストを入力し、整列ツールやガイドを利用して位置調整し、綺麗なナビゲーションを作成します。

第四回:整列ツールを使って綺麗なナビゲーションを作ってみよう
10:05

あらかじめ用意していた画像をクリッピングマスクで切り抜きをし、色調補正パネルを使って画像の明るさやコントラストを変え、綺麗なメイン画像を作成します。
第五回:色調補正パネルを利用した、メイン画像を作ってみよう
07:42

外部ウェブサービスより無料のアイコンをダウンロードし、カラーオーバーレイで色の変更をし、デザインに合うようなバナーを作成します。
第六回:無料のアイコンを利用したバナーを作ってみよう
15:48

テキストツールを使って文字を入力し、文字の大きさなどのスタイルを変更し、レイヤーをコピーして再利用することで即座に記事一覧を作成します。
第七回:テキストツールを使って、記事一覧を作ってみよう
13:48

すでにあるレイヤーを複製し、再利用することで、即座にフッターのデザインを完成させます。

第八回:レイヤー複製機能を使って、即座にフッターを作ろう
06:58

シェイプツールを使って、ボタンの背景を作成し、その上にテキストを入力し、シンプルな「ページトップへ」ボタンを作成します。
第九回:シェイプツールを使って、ページトップへを作ろう
05:12

スライスツールを使って、画像をスライスし、適切な形式で画像をパーツ毎に書き出します。

最終回:スライスツールを使って、画像を書き出してみよう
10:41
+
【中級】美容院のWebサイト制作〜トップページ編1〜
9 Lectures 46:43
Webサイトを作成するために必要な新規ファイル作成の設定を行います。
第1回:Webサイト用のファイルを新規作成しよう
02:07

ガイドとものさしツール使って、Webサイトの基盤となるレイアウトを作成していきます。ここでは、黄金比を使った2カラムのレイアウトを作成していきます。
第2回:ガイドを使ってWebサイトのレイアウトを作る方法-1
08:24

ガイドとものさしツール使って、Webサイトの基盤となるレイアウトを作成していきます。ここでは、スマートガイドを利用して簡単に要素を整列させる方法も解説します。

第2回:ガイドを使ってWebサイトのレイアウトを作る方法-2
06:26

クロスのテクスチャをパターン化して、Webサイトの背景画像として設定します。
第3回:Webサイトに背景画像を設定する方法
05:30

無料のアイコンをインターネットから取得し、カラーオーバーレイをかけ、ロゴとしてデザインしなおします。

第4回:無料のアイコンを利用したロゴを作成する方法-1
06:16

取得したロゴに合わせて、整列させた状態でテキストを入力し、ロゴを完成させます。
第4回:無料のアイコンを利用したロゴを作成する方法-2
04:58

シェイプツールとテキストツールで、必要な背景のボックスやテキストをまずは作成していく方法について、解説しています。
第5回:お問い合わせバナーを作成する方法-1
04:52

作成したシェイプやテキストを、より見やすくなるように配置しなおし、デザインする方法について解説しています。
第5回:お問い合わせバナーを作成する方法-2
03:57

テキストツールを使って、文字のナビゲーションを作成し、ものさしツール等を利用して均等に綺麗に配置する方法について解説します。

第6回:テキストツールでナビゲーションを作成する方法-1
04:13
+
【中級者向け】美容院のWebサイト制作〜トップページ編2〜
8 Lectures 48:23

テキストで作成した文字ナビゲーションの下に、「現在のページの位置」がわかるようなデザインを施していきます。

第6回:テキストツールでナビゲーションを作成する方法-2
05:38

画像を配置し、レイヤースタイルを使って白い枠線をつけ、ドロップシャドウのついたメイン画像を作成します。

第7回:レイヤースタイルを使用したメイン画像を作成する方法
06:38

テキストボックスを利用し、新着情報一覧を作成します。もともとあるレイヤーを再利用します。
第8回:テキストボックスを使って新着情報一覧を作成しよう-1
08:44

入力したテキストボックスのスタイルを変更する方法を解説しています。ここでは、一つのテキストボックスの中で、複数のスタイルをかけています。
第8回:テキストボックスを使って新着情報一覧を作成しよう-2
10:03

サイドバーにあるバナーを作成する方法を解説しています。 ここでは、写真を配置し、バナーの中に収まるようにクリッピングマスクを使って画像を切り抜きます。
第9回:写真を使ったバナーを作成する方法-1
04:29

サイドバーにあるバナーを作成する方法を解説しています。 ここでは、配置した画像にグラデーションマスクをかけ、テキストを入力します。

第9回:写真を使ったバナーを作成する方法-2
05:54

サイドバーにあるバナーを作成する方法を解説しています。 ここでは、すでにあるレイヤーを複製し、2つ目のバナーを作成しています。
Preview 04:19

フッターを作成する方法を解説しています。 ここでは、シェイプツールで背景を作成し、テキストツールで文字を入力し、整列ツールでテキストを中央に揃えます。
最終回:コピーライト付きフッターを作成する方法
02:38
+
【中級者向け】美容院のWebサイト制作〜下層ページ編1〜
9 Lectures 44:49

記事ページを新規で作成します。 ここでは、既存のトップページのpsdファイルを複製し、ナビゲーションの修正を行います。

第1回:記事ページ用のファイルの複製と修正
04:16

メニュー紹介ページの見出しを作成する方法を解説しています。 ここでは、すでにあるメイン画像の大きさを変え、テキストを入力・グラデーションマスクをかけています。
第2回:変形ツールで、メインビジュアルを見出しに変える方法
07:55

メニュー紹介ページのコンテンツを作成する方法を解説しています。 ここでは、すでにある「新着情報」のレイヤーを自動選択ツールで探し当て、再利用します。
第3回:既存のレイヤーを再利用してメニュー一覧を作ろう-1
05:12

メニュー紹介ページのコンテンツを作成する方法を解説しています。 ここでは、メニュー一覧をテキストで入力していきます。
第3回:既存のレイヤーを再利用してメニュー一覧を作ろう-2
05:56

メニュー紹介ページのコンテンツを作成する方法を解説しています。 ここでは、メニュー一覧をテキストで入力し、ガイドを使って位置を調整します。
第3回:既存のレイヤーを再利用してメニュー一覧を作ろう-3
06:08

メニュー紹介ページのコンテンツを作成する方法を解説しています。 ここでは、メニュー一覧をテキストで入力し、ガイドを使って位置を調整します。
第3回:既存のレイヤーを再利用してメニュー一覧を作ろう-4
04:58

ご予約ページを作成する方法を解説しています。 この動画では、フッターの調整の仕方を学びましょう。

第4回:フッターを調整する方法
03:02

ご予約ページを作成する方法を解説しています。 デザインを行うために、既存の「メニュー一覧ページ」のpsdファイルを複製し、見出しの修正を行います。

第4回:ご予約ページ用のファイルの複製と修正
04:02

ご予約ページを作成する方法を解説しています。 ここでは、ナビゲーションの修正と、小見出しを修正します。
第5回:ナビゲーションの修正と小見出しの修正
03:20
+
【中級者向け】美容院のWebサイト制作〜下層ページ編2〜
8 Lectures 53:06
ご予約ページのフォームを作成する方法を解説しています。 ここでは、シェイプツールとテキストツールで、ご予約に関する注意文を作成していきます。
第6回:ご予約フォームの注意文を作成する方法-1
07:13

ご予約ページの注意文を作成する方法を解説しています。 ここでは、作成した背景と文字を綺麗に見えるよう整列させます。
第6回:ご予約フォームの注意文を作成する方法-2
06:39

ご予約ページのフォームを作成する方法を解説しています。 ここでは、シェイプツールにドロップシャドウをかけて、入力するためのボックスをデザインしていきます。

最終回:ご予約フォームを作成する方法-1
05:06

ご予約ページのフォームを作成する方法を解説しています。 ここでは、作成した入力ボックスを複製し、文字を入力するための基準であるガイドを作成していきます。

最終回:ご予約フォームを作成する方法-2
04:58

ご予約ページのフォームを作成する方法を解説しています。 ここでは、入力ボックスのラベルを、テキストツールを使って作成していきます。
最終回:ご予約フォームを作成する方法-3
04:04

ご予約ページのフォームを作成する方法を解説しています。 ここでは、シェイプツールを使って作成したシェイプツールを、ラベルに合わせて大きさを変えていきます。

最終回:ご予約フォームを作成する方法-4
06:38

ご予約ページのフォームを作成する方法を解説しています。 ここでは、入力ボックスに必要なテキストを入力していきます。

最終回:ご予約フォームを作成する方法-5
12:09

ご予約ページのフォームを作成する方法を解説しています。 ここでは、「送信ボタン」をシェイプツールとテキストツールで作成していきます。
最終回:ご予約フォームを作成する方法-6
06:19
+
【上級者向け】Webメディア〜トップページ編1〜
10 Lectures 44:17
Webメディアのトップページを作成します。 デザインするためのPhotoshop新規ファイルを作成し、基盤となるサイト横幅を示すガイドを作成します。
第1回:Webサイト用新規ファイルの作成方法
04:22

Webメディアのトップページを作成します。 ここでは、全体のレイアウトをシェイプツールとガイドを使って組んでいきましょう。
第2回:ガイドを使ってサイト全体のレイアウト組みをしよう-1
04:42

Webメディアのトップページを作成します。 ここでは、ガイドを使って全体のレイアウト組みを行った後、切り抜きツールを使ってカンバスサイズを変更します。

第2回:ガイドを使ってサイト全体のレイアウト組みをしよう-2
03:02

Webメディアのトップページを作成します。 ここでは、シェイプツールを利用して、ヘッダーの背景を作成していきます。
第3回:シェイプツールでヘッダーの背景を作成する方法
05:20

Webメディアのトップページを作成します。 ここでは、無料のアイコンをウェブサービスよりダウンロードして、カラーオーバーレイをかけて、サイトのテイストに合うロゴを作成します。テキストツールで、綺麗に整列させたナビゲーションを作成します。

第4回:無料アイコンでロゴとナビゲーションを作成する方法-1
04:58

Webメディアのトップページを作成します。 ここでは、鉛筆ツールを使って点線の区切りを作成し、テキストの中央に配置しナビゲーションを完成させます。

第4回:無料アイコンでロゴとナビゲーションを作成する方法-2
05:44

Webメディアのトップページを作成します。 ここでは、黄金比を使ってレイアウトを組み、基盤となる背景の長方形を作成します。

第5回:特集記事部分を作成する方法-1
03:18

Webメディアのトップページを作成します。 ここでは、画像を配置し、ガイドを上手く利用してタイトルを入力していきます。
第5回:特集記事部分を作成する方法-2
04:43

Webメディアのトップページを作成します。 ここでは、記事のカテゴリーを示すタグを、シェイプツールとテキストツールを使って作成していきます。
第5回:特集記事部分を作成する方法-3
03:51

WEBペディアのトップページを作成します。 ここでは、人気記事ランキングの見出しを、無料のアイコンにカラーオーバーレイをかけて作成していきます。
第6回:人気記事ランキングを作成する方法-1
04:17
+
【上級者向け】Webメディア〜トップページ編2〜
10 Lectures 43:00

WEBペディアのトップページを作成します。 ここでは、人気記事ランキング一覧のサムネイル部分を作成していきます。

第6回:人気記事ランキングを作成する方法-2
06:23

WEBペディアのトップページを作成します。 ここでは、人気記事ランキング一覧のタイトルとタグを、テキストツールを使って作成していきます。

第6回:人気記事ランキングを作成する方法-3
04:07

WEBペディアのトップページを作成します。 ここでは、人気記事ランキング一覧の順位を示す数字を、シェイプツールとテキストツールで作成し、レイヤーを整理します。
第6回:人気記事ランキングを作成する方法-4
03:38

WEBペディアのトップページを作成します。 ここでは、作成したレイヤーをグループ毎複製し、中の写真やテキストを修正していきます。
第6回:人気記事ランキングを作成する方法-5
04:42

WEBペディアのトップページを作成します。 ここでは、記事と記事の間の区切り線を、ブラシツールを使って直線(点線)をつけていきます。

第6回:人気記事ランキングを作成する方法-6
03:08

Webメディアのトップページのカテゴリー一覧を作成します。 ここでは、シェイプツールで背景を作成し、テキストツールを使って、見出しを作成します。
第7回:カテゴリー一覧を作成する方法-1
05:10

Webメディアのトップページのカテゴリー一覧を作成します。 ここでは、見出しのアイコンをテキストを使って作成し、ブラシツールで点線の区切りをつけます。
第7回:カテゴリー一覧を作成する方法-2
04:19

Webメディアのトップページのカテゴリー一覧を作成します。 ここでは、カテゴリー一覧のテキストを、テキストツールを使って作成し、行間の調整を行います。
第7回:カテゴリー一覧を作成する方法-3
04:42

Webメディアのトップページの新着記事一覧を作成します。 ここでは、無料のアイコンとテキストを使って、見出しを作成していきまし。

第8回:新着記事一覧を作成する方法-1
04:07

Webメディアのトップページの新着記事一覧を作成します。 ここでは、シェイプツールを使って、記事一覧の背景を作成していきます。

第8回:新着記事一覧を作成する方法-2
02:44
+
【上級者向け】Webメディア〜トップページ編3〜
10 Lectures 49:14
Webメディアのトップページの新着記事一覧を作成します。 ここでは、アイキャッチとなる画像を配置し、クリッピングマスクで切り抜きます。また、テキストツールでタイトル部分を作成します。
第8回:新着記事一覧を作成する方法-3
05:43

Webメディアのトップページの新着記事一覧を作成します。 ここでは、記事の投稿日とタグをデザインするため、無料のアイコンを配置し、カラーオーバーレイでデザインテイストに合うようにカスタマイズします。

第8回:新着記事一覧を作成する方法-4
05:33

Webメディアのトップページの新着記事一覧を作成します。 ここでは、テキストボックスを使って記事本文の抜粋を表示させます。
第8回:新着記事一覧を作成する方法-5
05:04

Webメディアのトップページの新着記事一覧を作成します。 ここでは、作成したレイヤーをグループ毎複製して、記事一覧を完成させます。
第8回:新着記事一覧を作成する方法-6
04:22

Webメディアのトップページのページネーションを作成します。 テキストツールやシェイプツールを利用して、ページネーションを作成します。
第9回:ページネーションを作成する方法
07:33

Webメディアのトップページのフッターを作成します。 ここでは、フッターに配置するロゴの複製を行います。

最終回:フッターを作成する方法-1
04:19

Webメディアのトップページのフッターを作成します。 ここでは、テキストツールとシェイプツールを使って、お問い合わせフォームを作成します。

最終回:フッターを作成する方法-2
03:47

Webメディアのトップページのフッターを作成します。 ここでは、テキストツールとシェイプツールを使って、お問い合わせフォームの送信ボタンを作成します。
最終回:フッターを作成する方法-3
05:14

Webメディアの記事ページを作成します。 ここでは、記事ページのためのpsdファイルを複製し、いらないレイヤーを削除していきます。

第1回:記事ページ用新規ファイルの作成方法
03:00

Webメディアの記事ページのパンくずリストを作成する方法を解説しています。
第2回:パンくずリストの作成方法
04:39
1 More Section
About the Instructor
NEST online
4.5 Average rating
1,086 Reviews
8,053 Students
8 Courses
ウェブデザイン / プログラミング

テクノロジーとクリエイティブのプロを目指す人のためのスクールを運営しています。

卒業生は1000名以上です。


★提供しているサービス

2ヶ月のWebデザインコース

2ヶ月未経験からWebデザイナーへ。
未経験からWEBデザイナーとして働けるレベルになることをゴールとした大学生や若手社会人向けのコースです


Webデザインキャンプ

【2日間で全てを学ぶ!】Webデザイン集中講座


Railsキャンプ

RailsCamp -2日間集中プログラミング入門講座-


など