特集

Webデザインやhtml制作に関連する事、最近話題になっているサイトなどをピックアップし、お届けします。

Back Number

今更聞けないWebのギモン!!~DOCTYPE宣言文って何?~

2012年04月05日
今更聞けないWebのギモン!!~DOCTYPE宣言文って何?~

Webページを作成する際に最初に記述する「DOCTYPE宣言文」。
何のためにあるものなのか、理解できていますか?

07

2012年07月17日
気になるWebの動向!~HTML5とCSS3って何が違うの?~

最近よく耳にするHTML5とCSS3は今までのHTMLやCSSと何が違うの?
新たに勉強し直さなければいけないの?

06

2012年07月17日
既存サイトから学ぶWebデザインのコツ ~グローバルナビゲーション~

ユーザがストレスを感じることなく、目的のページにたどり着く為には、どのような事に注意すべきでしょうか。

index_img

2012年09月11日
レイアウトの基本1 ~「整列」~

今回は、Webページをデザインする際に気をつけなければならないレイアウトの基本、「整列」についてご紹介します。

知っておきたい!基本のショートカット ~Photoshop編~

2013年02月12日
知っておきたい!基本のショートカット ~Photoshop編~

今回はよく使うと思われるショートカットをまとめてみました。 普段何気なく使っている人も、まだ知らない便利なショートカットがあるかも?

レイアウトの基本2~繰り返し~

2013年03月08日
レイアウトの基本 2 ~繰り返し~

レイアウトの基本1 ~整列~ に引き続き、第2弾!Webだけでなく、デザインする際の基本である「繰り返し」についてご紹介いたします。

レイアウトの基本3 近接

2013年07月05日
レイアウトの基本 3~「近接」~

レイアウトの基本 第3弾!今回は「近接」についてです。近接とは簡単に言うと、近づける事。これをちょっと気にするだけで直感的にわかりやすいデザインになります。

index_img

2013年07月12日
レイアウトの基本4 ~「関係性」~

関係している物は近づける。関係していない物は遠ざける。
今回は、前回の「近接」の補足になる「関係性」について紹介します。

index

2013年07月12日
夏向けイラスト素材

デジナーレカフェからの御中元!
夏向けのイラストやアイコンの素材を無料でプレゼント。

index_img

2013年07月19日
レイアウトの基本 5 ~白黒配置で目的を明確にする~

レイアウトの基本5は「白黒配置で目的を明確にする」です。
今回は、伝える目的を明確にするレイアウトの方法について、説明したいと思います。

index_img

2013年08月02日
今更聞けないWebのギモン!! ~そもそもHTMLって何?~

言葉は知っていても、何をするのか?何が出来るのか?正体は何?と言う人のために、今回は実はとっても身近なHTMLについて、出来るだけわかりやすい解説で説明したいと思います。

index_img

2013年08月07日
暑中見舞いを作ろう! イラレで作る暑中見舞いレシピ

イラストレータで作るポストカード。
今回は暑中見舞いを作って、皆に送ってしまおうという企画です。

特集一覧ページを見る

Special 特集

catch_balloon

2018年11月13日
【フリー素材】手書きふきだし素材スペシャル Ver.1

今回は3種類の手書きのふきだしです。シンプルで幅広く使えるので、制作物のちょっとしたアクセントにどうぞ。ふきだしの手書き…

Interview インタビュー

index

2014年10月15日
イラストレーターを目指し活動中!~後編~

※今回は少し趣旨を変えて、織田さんのイラストをページにちりばめました。 学校で広告を学び、色々やってみたくなった。 ─ …

Seminar セミナー

短時間で学ぶInDesign初心者講座
2018年11月20日(火) 16:00-18:30

デザイン

InDesign

Technic テクニック

catch_file_034

2018年11月06日
Photoshopブラシを使った簡単な雲の描き方

写真やイラストに雲を描き足したいけど、どうやって描くのか分からない… そんなお悩みに答えます! Step1 雲を描く下準…

Books オススメ書籍

レイアウト、基本の「き」

2018年08月28日
レイアウト、基本の「き」
  • デザイン

デザイン初心者向けのレイアウトの本 初歩的なレイアウトの基礎を 理論的なしっかりとした説明を元に、豊富な図案で説明 全部…

Award アワード

「海の日」ポスターコンクール
2018年12月5日(水) 締め切り

知っておきたい!基本のショートカット ~Photoshop編~

あなたはどのくらいショートカットを使用していますか?
まったく使っていないという方は、まずは頻繁に使用するものだけでも覚えておくと、作業時間の短縮につながります。
ということで、今回はよく使うと思われるショートカットをまとめてみました。 普段何気なく使っている人も、まだ知らない便利なショートカットがあるかも?

基本中の基本 コピペ

Photoshopではなくても、パソコンを使うなら使用頻度は高い「コピー&ペースト」。略して、コピペ。
データをコピー(複製)して、そのコピーしたものを別の場所などへペースト(貼付)する操作です。

コピー&ペースト

■コピー
対象を選択してから CtrlC※Macの場合は 「Cmd」+「C」
ただし、パスを使用している場合はパスが優先されます
■ペースト
貼り付けたい場所で CtrlV※Macの場合は 「Cmd」+「V」

一緒に覚えておきたい「カット&ペースト」。略して、カッペ・・・とは言わないですね。
データをカット(切り取り)して、他の場所にペースト(貼付)して移動させる操作です。

カット&ペースト

■カット
対象を選択してから CtrlX※Macの場合は 「Cmd」+「X」
ただし、パスを使用している場合はパスが優先されます

ちょっと待った! 取り消し

「あ、間違えた!」そんな時も大丈夫。操作を一段階前に戻します。

取り消し

■取り消し
CtrlZ※Macの場合は 「Cmd」+「Z」

なぜかPhotoshopは、「Ctrl + Z」では一段階前にしか戻れません。
それ以上前の状態に戻すには、こちら。

1つずつ戻る

■1つずつ戻る
CtrlArtZ※Macの場合は 「Cmd」+ 「Option」+「Z」
ヒストリーパネル キャプチャー

ここからも戻れる!「ヒストリーパネル」

ヒストリーパネルは、開いている画像に対して行ってきた操作が一覧で表示されますので、任意の時点に戻ることができます。

初期設定では20回の操作まで記憶されています。
(古い操作から順に自動的に削除されます)

新しく作る 新規作成

新しいファイルを作るショートカットと、新規レイヤーの作成。
「New」の「N」と覚えるとよいかも。

新規ファイルの作成

■新規ファイルの作成
CtrlN※Macの場合は 「Cmd」+「N」

新規レイヤーの作成

■新規レイヤーの作成
CtrlShiftN※Macの場合は 「Cmd」+「Shift」+「N」
ダイアログボックスを出さずに、作成する場合
CtrlShiftArtN※Macの場合は 「Cmd」+「Shift」+「Option」+「N」

こまめに 保存

突然ブレーカーが落ちるかも!不意なアクシデントで今まで作業していた内容を消したくないですよね。
作業の区切りのよいところでこまめに保存しておくと安心です。

上書き保存

■上書き保存
CtrlS※Macの場合は 「Cmd」+「S」

別名で保存

■別名で保存
CtrlShiftS※Macの場合は 「Cmd」+「Shift」+「S」

選択範囲のあれこれ

意外と使うのが、選択範囲の反転でしょうか。

全てを選択/選択範囲を解除/再選択

■全てを選択(画面全体を選択範囲にする)
CtrlA※Macの場合は 「Cmd」+「A」
■選択範囲を解除
CtrlD※Macの場合は 「Cmd」+「D」
■再選択
CtrlShiftD※Macの場合は 「Cmd」+「Shift」+「D」

選択範囲を反転

■選択範囲を反転
CtrlShiftI※Macの場合は 「Cmd」+「Shift」+「I」

記事担当者のコメント
今回は、基本のショートカットを中心に掲載しました。
よく使うものだからこそ、しっかり覚えて作業効率をアップさせましょう!