Web用タグの記事一覧

Photoshop基本 初心者 独学  スライスで分割した画像をWeb用に最適化して書き出す(CS6)

Photoshop基本編 100 スライ・・・

今回は、スライスで分割した画像をWeb用に最適化して書き出す方法を解説しています。 Photoshop上で作成した画像をインターネットのブラウザで表示できる「jpg、gif、png」などのファイル形...


Photoshop 初心者 独学 スライス機能 レイヤーに基づく新規スライス(CS6)

Photoshop基本編 090 スライ・・・

前回は、スライスツールで画像に合わせてドラックしてスライスを引く方法をご紹介しました。 今回は、レイヤーに基づいてスライスする方法をご紹介します。 概要 レイヤーに基づく新規スライスの方法 ...


Photoshop基本 初心者 独学 スライス機能 ドラックしてスライス(CS6)

Photoshop基本編 080 スライ・・・

今回は、Photoshopで作ったボタンやバナーをWebサイト用に個別のパーツとして書き出すためのスライス機能を解説しています。 Photoshop上で作成した画像は、インターネットブラウザで表示で...


Photoshop 初心者 独学  CS6での環境設定・ガイド・グリッドを利用した配置

Photoshop基本編 050 CS6・・・

今回は、PhotoshopのCS6での環境設定を見ていきます。 CS6では、デフォルトでは、ウィンドウのカラーがブラック(黒に近いグレー)になっています。 環境設定でこの設定を変更することがで...


Photoshop 初心者 レイヤーマスクの基本と画像合成

Photoshop基本編 040 レイヤ・・・

今回は、レイヤーマスクという機能を確認しながら、画像の合成をしていきます。 レイヤーマスクは「マスク」の隠すという意味の通り、レイヤーの一部を隠すためのモノ。 元画像のデータを残したまま、画像の見...


Photoshop 初心者 選択範囲、画像切抜き、バナー作成

Photoshop基本編 030 選択・・・

Photoshopを使いこなすのに必ず必要となる選択範囲の役割を確認しながら、選択範囲を使って画像を切抜き、バナーを作ってみました。 選択範囲を設定すると、画像の指定した部分だけに効果を与えたり...


Photoshop 初心者 シェイプツールでボタンを作る(CS5)

Photoshop基本編 020 シェ・・・

図形を描くシェイプツール、色の指定方法、レイヤー、移動ツール、整列、文字の入力などPhotoshopの基本的な機能を確認しながらWeb用のボタンを作成してみました。 初心者の方でも約20分で簡単...



まずは無料のWebデザインメルマガ講座から体験してみよう!

登録作業はわずか10秒!
パソコン・スマートフォン・タブレットでWebデザインのスキルがアップするメルマガを無料で受信できます!

【メールマガジン登録フォーム】
お名前(姓)*
お名前(名)*
メールアドレス*
  • Webデザイン講座
  • レスポンシブWebデザイン作り方講座
  • Webデザインまとめサイト

PAGE TOP