ここはスクール会員専用サイトです。

Photoshop

サポート動画・音声

手描きのイラストの線をPhotoshopで抽出する方法

  • 2019.07.26
  • Photoshop

手描きのイラストの線をPhotoshopで抽出する方法(9分30秒)

以下のご質問につきまして、動画で説明しています。 添付ファイルにある豚の絵だけを切り取って他の画像に使いたいのです。 背景にブルーの線が入ってますが、このブルーの線やピンクの模様から豚の絵だけを切り取って取り出すことはで […]

Zoom勉強会

バナーデザインのトレス・Photoshop&Illustratorとの連携

  • 2019.02.05
  • Illustrator, Photoshop

バナーデザインのトレス・Photoshop&Illustratorの連携(70分)

お知らせ

  • 2019.01.25
  • Illustrator, Photoshop, HTML, CSS

初心者はここだけ押さえろ!超効率復習マニュアル

私がスクールの授業の復習用に作ったIllustrator、Photoshopの簡易マニュアルです。初心者がまず覚えるべき点をまとめた簡易的なマニュアルですが、Web制作において必要な機能をピックアップしていますので、市販の参考書よりもコンパクトにまとまっています。

続きを読む

Zoom勉強会

  • 2019.01.19
  • Photoshop

【第一部】GoogleClomeデベロッパーツールの使い方【第二部】Photoshop 描画モードの基本

各種データダウンロード

Webバナー制作実践講座セミナー資料

  • 2018.12.05
  • Illustrator, Photoshop

Webバナー制作実践講座セミナー資料

Webスクールで行った「Webバナー制作実践講座」のセミナー用の資料を配布します。ぜひ、ご活用ください。PDF形式の資料はIllustratorで作りました。ai形式のファイルも入れてあります。

続きを読む

Webデザイン講座(CS6版)

Photoshop Step09 スライス機能と書き出し02

  • 2018.11.01
  • Photoshop

Photoshop Step09 スライス機能と書き出し02

スライス機能と書き出し02 スライス機能を利用したパーツの均等配置・スライスの分割・スライスの前後関係

続きを読む

Webデザイン講座(CS6版)

Photoshop Step08 スライス機能と書き出し01

  • 2018.11.01
  • Photoshop

Photoshop Step08 スライス機能と書き出し01

スライス機能と書き出し01 スライスのコツと注意点・ショートカットキーの割り当て・アンチエイリアスの使い分け・PNG形式での書き出し・Web用に保存する・書き出し設定の注意点

続きを読む

Webデザイン講座(CS6版)

Photoshop Step07 IllustratorとPhotoshopの連携

  • 2018.11.01
  • Photoshop

Photoshop Step07 IllustratorとPhotoshopの連携

IllustratorとPhotoshopの連携、Illustratorで背景画像のパーツを作成する・画像トレース機能(Illustrator)・レイヤーマスクの編集・レイヤースタイルの複製

続きを読む

Webデザイン講座(CS6版)

Photoshop Step06 コンテンツ・フッターの作成

  • 2018.11.01
  • Photoshop

Photoshop Step06 コンテンツ・フッターの作成

コンテンツ・フッターの作成、グループレイヤーの複製で効率よくデザインする

続きを読む

Webデザイン講座(CS6版)

Photoshop Step05 コンテンツの作成

  • 2018.11.01
  • Photoshop

Photoshop Step05 コンテンツの作成

コンテンツの作成・効率よく複数画像を正確に配置する

続きを読む

Webデザイン講座(CS6版)

Photoshop Step04 キャッチコピーエリアの作成

  • 2018.11.01
  • Photoshop

Photoshop Step04 キャッチコピーエリアの作成

キャッチコピーエリアの作成・テキストエリアの作成・両端が透明な罫線の作成

続きを読む

Webデザイン講座(CS6版)

Photoshop Step03 イメージ画像の作成

  • 2018.11.01
  • Photoshop

Photoshop Step03 イメージ画像の作成

イメージ画像の作成・画像の配置・レイヤーマスク編集のコツ・画像のレベル補正

続きを読む

Webデザイン講座(CS6版)

Photoshop Step02 ヘッダーの作成

  • 2018.11.01
  • Photoshop

Photoshop Step02 ヘッダーの作成

ヘッダーの作成・オブジェクトのコピー・移動・グラデーションオーバーレイの編集・ロゴの配置・スマートオブジェクト形式・ナビゲーションメニューの作成・文字の入力・文字パネルを使いこなすコツ・文字調整とショートカットキー

続きを読む

Webデザイン講座(CS6版)

Photoshopでデザインカンプの作成をしていきます。

  • 2018.11.01
  • Photoshop

Photoshop Step01 背景・コンテンツベースの作成

Photoshopでデザインカンプの作成をしていきます。新規ファイルの作成・環境設定・ガイドの作成・レイヤーの管理・レイヤースタイル

続きを読む

Zoom勉強会

上達のコツはプロの真似から!Webデザイントレス練習法

  • 2018.06.23
  • Photoshop, デザイン, 丸の内カフェ

上達のコツはプロの真似から!Webデザイントレス練習法

一通り、Webデザインの学習が終わったあと、実際にどんな風に練習を進めていけば、力がつくのか?という質問に対して、私がおすすめしているのがトレス練習法というのがあります。トレス(トレース)とは、「すでにある物をなぞること」という意味。Webデザインの練習には、とても効果的な練習法です。

続きを読む

「自分の仕事は自分でクリエイトする」

当サイトは、Webクリエイターズオンラインスクール メンバー専用サイトです。