-
Photoshopでアイキャッチ画像の作成。中央を意識した6分割バナー -応用-
中央に正方形を意識した分割バナーの作成 今回は、Photoshopを使って知っておくと超便利「よくある分割バナー」の作成方法の応用を行います。 まずは出来上がりを確認... -
Webデザイナーだったら、IllustratorとPhotoshopどちらでバナーを作りますか?
IllustratorとPhotoshopどちらで作りますか? バナーを作成する際、よく聞かれる質問に「バナーを作成する依頼が来ました。AdobeのPhotoshopとIllustrator、どちらで作... -
現役ウェブデザイナーおすすめのフォント!15選!オススメのGoogleフォント
ウェブデザインにおけるフォントの重要性 まずは、視認性(読みやすさ)が第一に挙げられます。Webサイトを閲覧したユーザーが内容をストレスなく、スムーズ理解できる... -
Photoshopを使用。知っておくと超便利「よくある分割バナー」の作成方法
ピンタレストなどでもよく見かける「よくある分割バナー」をPhotoshopで作成する動画講座です。 まずは出来上がりから確認 横幅1000px 高さ500px 解像度72ppiのバナーで... -
商用利用可!無料でイラストを手に入れよう!必見サイト一挙紹介
商用利用可能なイラストを手に入れることは、クリエイティブなプロジェクトを推進する上での大きな助けになります。しかも、無料で利用できるとなれば、デザイナーやプ... -
04 イラストレーター曼荼羅模様 効果の変形ツール
Illustratorツールバー 01 回転ツール 02リフレクトツール 03 拡大縮小ツール 上記のツールを繰り返し使うことで、曼荼羅模様を作成してきました。今回は効果>パスの変... -
Adobe Illustrator 誰もが苦手な「ペンツール」の基本的な操作練習
Illustratorの中でも苦手な方が多い、ペンツール。直線を書くのは難しくはありませんが、曲線となると羽のような方向線が出てくるので、方向線と曲線が、どちらを見てい... -
現役Webデザイナーがここは使える!写真素材サイトを紹介
Webサイト制作において、必要な写真素材サイトを紹介します。 Webサイト制作をおこなう際に、良質の写真を使うことは、本当に大変です。写真素材の良し悪しで、Webサイ... -
簡単!商用利用無料で利用できるSVGアイコン素材 -Glyphs
glyphsは1250種類以上の無料で使えるSVGアイコンをダウンロードできるサイトです。素材が全てSVGなのでサイズやカラーも簡単に変更してダウンロード可能です。ポートフ... -
01 Illustratorアイコン作成講座 iPhoneのホーム画面アイコン
Illustratorの基本講座となります。iPhone のホーム画面にある見慣れたホームアイコンを作成する講座です。ここでは、基本図形の書き方やそれを使っての新しいオブジェ... -
03 イラストレーター曼荼羅模様 拡大縮小を使って
Illustratorでパーツを回転させながら、模様を完成させる Illustratorで、まずは、上記左側を作成するために、まずはオブジェクトツールより楕円をクリックして100px*1... -
02 イラストレーター曼荼羅模様 リフレクトを使ってリーフ
リース模様を作る オブジェクトを作成後、パスファインダーの交差 オブジェクトツールより楕円をクリックして100px*100pxの正円を作成します。 option(WindowsはAlt)キ... -
01 イラストレーター曼荼羅模様 まずは基本の回転ツール
イラストレーターで曼陀羅模様を作ろう! Illustratorで、回転ツールを使って曼陀羅模様を作る工程です。ここでは、オブジェクトを書くことと、そのオブジェクトを変形... -
02 レスポンシブホームページ基本講座 ブレイクポイント
レスポンシブホームページ基本講座2回目の講座です。今回はレスポンシブデザインでは、必須の「ブレイクポイント」を解説していますので、1回目はがまだの場合は、レス... -
Photoshopを使った横長簡単バナー作成2
10分で簡単バナー作成 Photoshopを使って写真サイズ変更後、切り抜きツールを使い細長いバナーを作成します。作業時間はおよそ10分です。 今回の写真は、下記のskuawk.c... -
Photoshop を使って簡単バナー作成1
5分でできる簡単バナー作成 Photoshop を使って簡単なバナー作成を行います。使うツールは、 範囲選択のクィック選択ツールとレイヤーマスクレイヤースタイルのグラデー... -
06 バナー作成講座 バナーをIllustratorで作って書き出し
在宅・フリーランスになるためのバナー作成講座・イラレ編 6回目のバナー作成講座は、5回目からの引き続き下半分のデザインをIllustratorで作成していきます。上記の... -
05 バナー作成講座 バナーをIllustratorで作ってみた
在宅・フリーランスになるためのバナー作成講座・イラレ編 5回目のバナー作成講座は、Illustratorを使って、バナーを作成していきます。Photoshopと異なり、写真加工は... -
04 バナー作成講座 PSDファイルからの書き出し
在宅・フリーランスになるためのバナー作成講座 Webサイト制作で必要な要素のひとつ「バナー」作成講座4回目です。今回は、Photoshopを使ってアートボードごとに作成し... -
03 バナー作成講座 背景に写真・さくら吹雪のブラシ
在宅・フリーランスになるためのバナー作成講座 Webサイト制作で必要な要素のひとつ「バナー」今回は、Photoshop バナーで、背景に写真やイラストを設置してみます。 バ... -
02 バナー作成講座 コピー文をバナーらしく載せる
在宅・フリーランスになるためのバナー作成講座 Webサイト制作で必要な要素のひとつ「バナー」今回は、Photoshop にコピー文を広告バナーらしく入力していきます! バナ... -
01 バナー作成講座 まずは基本のサイズとフォント設定
バナー作成するための準備 バナーを作成するアプリは、特にこれでないとダメ!と決まりがあるわけではありません。使いやすい、慣れたプログラムでもかまいません 但し...
1