Photoshopでスピード感のある背景イメージの作り方をご紹介します。 いわゆる抽象背景、アブストラクトアートと言われるものですね。今回は光が高速で放射線状に広がるような感じをPhotoshopで表現してみました。 こうした表現はPhotoshopの得意技ですね。いくつかのフィルターを重ねて表現します 。

メルマガを配信するうえで重要となる「特定電子メール法」。 この「特定電子メール法」を理解せずにメルマガを送ると、迷惑メールと判断される可能性があるだけでなく、法律違反として罰則を受ける場合があります。そうならないためにも、メルマガ配信担当者は「特定電子メール法」の知識を身につけておく必要があります。 今回はそんな「特定電子メール法」の概要と注意すべきポイントを詳しく解説していきます。 関連記事：【メルマガの法律】特定電子メール法って何？適用範囲と4つのポイントとは 「特定電子メール法」とは特定電子メール法とは、受信者の意思に関わらず、勝手に送られてくる広告宣伝メールや意味不明なメールといった「迷惑メール」を規制し、良好なインターネット環境を保つために2002年に施行された法律です。正式名称は「特定電子メールの送信の適正化等に関する法律」で、「特定電子メール法」または「迷惑メール防止法」とも

今回は、Photoshopのグラデーションツールのみを使用して作る集中線のチュートリアルです。 Photoshopで集中線、というとノイズフィルタ等による手法が確立してますが、グラデーションツールを用いた集中線では、安定した仕上がりのノイズフィルタ系集中線と比べて、むらっけのある集中線を手っ取り早く作ることが出来ます。 2012年2月、Photoshopの秘法　発掘キャンペーン第４回に「グラデーションツールだけで描く集中線」で、ノミネートされました。ありがとうございます。 画面説明は以下、Photoshop CS3です。 集中線グラデーションを作成する まず普通にグラデーションエディタを起動。 どれでもいいのでプリセットにあるグラデーションの、［グラデーションタイプ］をノイズに変更します。 なめらかなグラデーションが、かなりビビッドな色合いに変わったと思います。さて、これを元に集中線グラデ

集中線ってご存じですか？漫画で用いられる技法で、中央に集中するように何本もの線が引かれたものをいいます。写真の一部を目立たせたいときにこの集中線を用いればインパクト間違いないです！今回はPhotoshopを使って漫画のような集中線を描く方法をご紹介していきます。

調べる。 備忘録としてwebやデザインについて調べたり 新しく知ったことなどを書き残していくカテゴリです。

「デザイン」に対して興味のあるすべての人を対象に、いつまでも長く利用できるデザインの基礎テクニックを、これまで当サイトで紹介したエントリーの中から、各ポイントごとにまとめました。デザイン入門編として覚えておきたい基本から、サンプル例を見ながら理解できる、より実践的なデザインテクニックまで幅広く網羅しています。

こんにちは、デザイナーの王です。絵を描くのが趣味です。 最近は絵を書く時間が全く持てなくて困っています……。 どうにか早く描けないものかと悩んだ末、表題の通り、「写真から絵を作ってしまおう」という結論に至ったわけです。 折角だし、絵が描けなくて困っている方たちにも役に立つテクニックなのではないかということで、やり方をさくっと説明してみたいと思います。 【こちらもおすすめ】 ☞ Photoshopで初めて写真加工をするときに知っておくべき基本手順まとめ 素材写真を用意する 鉛筆画らしく見せるためには、まず写真を切り抜いておきましょう。 アウトラインを抽出 次に、以下のステップを踏んで、アウトラインの抽出を行います。 cmd + Jでレイヤーを複製します。 cmd + Iで反転させます。 Shift + Alt + D　で　描画モードを「覆い焼き」にします。 「色相 ・ 彩度」の調整レイヤーを

どんな商品やサービスにおいても、デザインは必ず関わってくる分野です。優れた商品やサービスをつくるためには、チーム全員がデザインに関する基礎知識を身につけておいた方が良いでしょう。 そこで今回は、ノンデザイナーでもデザインを簡単に・楽しく学べるスライドをご紹介します。もちろんデザイナーの方々にとっても役立つものばかりなので、ぜひ参考にしてください！ ノンデザイナーのための「デザインの判断」はとりあえずコレだけおさえよう そもそもデザインって何？という根本的なところから、良いデザインの選び方を具体例を交えて紹介しています。タイトルの通りノンデザイナー向けなので、これからデザインを勉強する人、デザイナーと関わる仕事をしている人は必読です。Q＆A方式でスライドが進んでいくのでさらっと読めます。

【Photoshop基本操作】切り抜きの良し悪しは、境界線の処理で決まります。しかも、それは 0.5 ピクセルという繊細な範囲で行われるものです。ひとつの切り抜き作業に対して、いろいろな方法を組み合わせて完成させることが前提ですが、どんな方法があるのか？ それを知らなきゃ始まらないこともあるかと思います。その代表的な境界線を調整する方法の「概要」をご紹介しましょう。 切り抜きでよく見かけるのは、画像自体の境界線を大きくぼかしているものです。このような「ごまかしテクニック」が間違いとまでは言えませんが、ぼかしていい限度というものがありますね。せっかく習得したテクニックを、適材適所に使い分ける判断ができてこそ、上達への道が開けるのではないでしょうか？

こんにちは、あゆみです。 Web用としてデータを作成し、フライヤーなどで印刷したとき「なんか色が違うなあ……」と思ったこと、ありませんか？ RGBからCMYKへ変換すると、墨がくすんだような仕上がりになることがあるんです。そこで今回は、Webと紙の両方でデザインをするときに気をつけたい、ちょっとしたことをまとめてみました。 「わからないこと」が一瞬で解決するかも？ Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGのスクールでは、現役デザイナーがマンツーマンで指導します！ ▼少しでも気になる方は、ぜひ公式サイトをご覧ください！ CMYKとRGBの基礎 まずは色そのもの（CMYKとRGB）についてさくっと説明します。 みなさんが普段目にするものにはすべて色がついていますよね。すべての色は光からの刺激でそ

エンジニアの転職情報サイト > WordPress > WordPress（ワードプレス）カスタマイズの基本！初心者必読のテーマ・テンプレートやウィジェット等のカスタマイズ 公開日：2014-08-03 更新日：2023-03-05 WordPress（ワードプレス）の「テーマ・テンプレート」や「ウィジェット」をカスタマイズしようと思っても、安易にできるものではありません。 カスタマイズするには、HTMLやCSSはもちろん、PHPというWebのプログラミング言語の理解がある程度必要ですし、 WordPressのファイル構成や、各ファイルの役割、またWordpress独自のPHP関数も、ある程度の理解が必要です。 このように、カスタマイズするには、しかるべきステップを踏んで、理解しておかなければならない事がいくつかあります。 そこで、今回の記事では、カスタマイズ前に、初心者が理解しておくべき

海外デザインブログGraphicDesignJunction.comで、背景デザインやグラフィックデザインの素材として活用できる、金属メタル系テクスチャ、パターン素材30個をまとめたエントリー「Ultimate Collection of Metal Texture and Pattern」が公開されていたので、今回はご紹介します。 これまでに何度かメタル系無料テクスチャ、パターン素材をご紹介していますので、以下のエントリーもご参考までにいかがでしょう。 [list type=”hot”][li]メタリック系継ぎ目のない無料Photoshopパターン素材65枚まとめ [/li] [li]保存版、デザインに使いたい無料メタルテクスチャ素材72枚まとめ[/li] [li]さび付いたデザインがクールなメタルテクスチャ50枚まとめ[/li] [li]背景に使える質感の高いメタルテクスチャ素材50枚

郵便番号から住所を表示するライブラリーAjaxZip3を使うと、リンクするだけで大量の郵便番号から住所を取得することができます。 最近そのAjaxZip3を仕事で使うことがあったり、Facebookでそれに関する書き込みを見たりコメントをいただいたりしたのでこの機会にAjaxZip3を使ってContact Form 7で郵便番号を入れたら住所が入るようにする、について前回の記事より簡単にできる改訂版の記事を書こうと思います。 AjaxZip3に関する情報 — googlecode.com が利用できなくなる 昨年末に、 Google Codeの閉鎖に伴い、設置済みajaxzip3が2016年1月死亡確定。引き続き利用するにはjsの読み込みをgithubに変更が必要。 というこの記事がたまたまタイムラインに流れました。これを見たときに「あ～！そうかー、それじゃぁ変えなくっちゃ」と思ったのです

SEO対策をするキーワード、あなたはどうやって決めていますか？ SEOキーワードには、正しい選び方があります。 しかしキーワード選びに時間をかけるなんて「なんだか面倒そう…」と敬遠して、結局思いつきや、検索結果のサイト数でなんとなく決めたりしている方も少なくありません。 果たしてそれで本当にSEOの成果に繋がるのでしょうか？ 本記事では「正しいSEOキーワードの選び方」を一番かんたんに実践する手順を紹介します。 難しくない！SEOキーワード選定の基本手順をおさえる まず、一番はじめにお伝えしたい事、それは「SEOキーワード選定は難しくない」ということです。 SEOキーワード選定の方法を調べてみると、専門用語がたくさん並び「なんだか面倒そう」と感じたことはないでしょうか。 しかし本当は、SEOキーワード選定は、ぱっとスピーディに済ませられるような特別難しくないものです。 無料ツールも豊富、S

Google アナリティクスは、Googleが提供している無料で高機能なアクセス解析ツールです。しかし、高機能な故に使い方も複雑で、なかなかうまく使いこなせていない人も多いのではないでしょうか。 この記事では、そんなGoogle アナリティクスの使い方がイマイチピンと来ていない方に、普段無料でGoogle アナリティクスの使い方に関する勉強会を開催しているWebコンサルタントが丁寧にご説明します。 ● Google アナリティクスを使う上で知っておかなければならない用語は何？ ● どういう時にGoogle アナリティクスを使えばいいの？ ● どのページのどの数字を見ればいいの？ など疑問をお持ちの方はぜひ参考にしてみてください。 ※本記事は株式会社WACUL提供によるスポンサード・コンテンツです。 Googleアナリティクスで把握できること／できないことGoogleアナリティクスを活用する

ちょっとしたデータをサクッと「グラフ」や「チャート」にして、Webページに素早く公開したい人に最適なJavaScriptライブラリ「CanvasJS」のご紹介です！ 類似のライブラリはいくつかありますが、「CanvasJS」はわずか数行のコードですぐにグラフが作成でき、なおかつ豊富なパラメータをいじることで驚くほど細かいカスタマイズも実現できるのが特徴的です。 今回は、基本的な使い方を中心にご紹介しようと思います！ 必要なファイルを準備しよう！ 「CanvasJS」の本体ファイルは、サイトのトップページからダウンロードできますが、CDN経由からも利用できるようになっています。 https://cdnjs.cloudflare.com/ajax/libs/canvasjs/1.7.0/canvasjs.min.js これを、HTMLファイルに読み込みます！ // index.html <!d

Googleドライブのスプレッドシート Googleドライブ エクセルを使う要領で、手軽にグラフが作れます。 作成できるクラスは、線グラフ、面グラフ、縦棒グラフ、横棒グラフ、散布図、円グラフ、ジオチャート（地図付きグラフ）、トレンドグラフ、ローソク足チャート、ゲージ図、組織図、ツリーマップ、モーショングラフ、タイムライン、スパークライン、テーブル（表）などなど様々な図表が作れます。 スプレッドシートの場合は、次のような画像に書き出すことも手軽にできますし、 以下のような、インタラクティブなグラフを直接サイトに埋め込むこともできます。 infogr.am infogr.am 単なるグラフの他にも、インフォグラフィックなども作成できるWEBサービス。グラフの種類も多岐にわたり、サイトに埋め込み表示することで、インタラクティブなグラフを作ることができます。 作成できる図表は、インフォグラフィック

1．GoogleウェブマスターSearch Consoleの登録【公式】GoogleウェブマスターSearch Console 登録手順は時間があれば別ブログで紹介いたしますが、流れに沿って登録して下さい。Googleのサービスを利用するには、まずはGoogleのアカウントが必要となります。 まずはアカウントを取得してご利用ください。 登録が完了すると上記のような形でウェブサイトとして登録ができます。 登録したアカウントにGoogle Search Consoleからメールが届く 上画像のような形でGoogle Search Consoleからメールが届きます。（届かない方はほぼいないと思います。）上記のポイントを設定していきます。少し説明していきます。 2．ウェブサイトの全バージョンを追加選択をする 「もしもし、Gooogleさんですか、こちらで行くことにしました。」 ウェブサイトの「w