PhotoShop,Illustrator手抜きチュートリアルについて
photoshop (55) アイコン (1) テキスト効果 (5) テクスチャ (2) ボタン (9) 写真補正 (1) 基本操作 (14) ショートカット (1) 応用編 (14) 素材作り (7) WEBパーツ (2) 見せ方 (3) 写真風 (1) 質感 (2) その他 (1) ツール (7) シェイプ (3) ペンツール (3) 外部リンク紹介 (1) 未分類 (3) 素材配布 (1) パターン (1) 当サイトについて 当サイトはPhotoShopやIllustratorを使ったデザインについてのチュートリアルを扱っているページです。 初心者の方でもそれなりのデザインが作れるように出来るだけシンプルに解説していきますが、 チュートリアル記事を書くのに結構時間がかかるため、名前の通り多少手抜きしています。 不明点などあればコメント欄からコメントしていただけたらと思います。 もし、
簡単だけどカッコいい！！メタル風ボタンの作り方（Photoshop）
ちょっと仕事でボタンを作らないといけなかったので、せっかくなのでここで作り方も公開する。 今回、特に新しいテクニックがあるわけではないが、 これらのボタンは簡単に作れるし、そこからバリエーションを増やせば簡単にカッコいいものがたくさん作れる。 今回大切なのはこれらのボタンの形をどうやって作るか。 シェイプの使い方がわかっていれば簡単。 １．ボタンの枠を作る まずはボタンの形を作る。 全てに共通するのは枠なので、とりあえず枠の作り方。 枠の作り方はシェイプの組み合わせが扱えれば問題ない。 この枠は円の大小のシェイプを２つ重ねている。 ここは後で応用が効く基本部分なので少しだけ詳細に説明する。 次に同じレイヤーに小さめの円を作る。 円を作るときに目的のレイヤーを選択して[Shift]を押しながらシェイプを描く。 このとき、カーソルに[+]マークがつくのがわかると思う。 これが１つのレイヤーに２
フォトショップデータをイラストレーターで編集できますか？どなたか教えてください。 - フォトショップ7.0で画像とテキストを... - Yahoo!知恵袋
illustratorのバージョンによっては可能です。（illustratorCS3以降では可能。私自身illustrator8.0からいきなりCS3にジャンプしたのでCS3以前のCS、CS2でも可能なのかは確認できません。）←the_round_square_triangleさんの回答見るとCSでも可能みたいですね。 以下はillustratorCS3での方法です。（psdもphotoshopCS3で作成の場合） illustrator→ファイル→（ターゲットのpsd画像を）開く→photoshop読み込みオプションで「photoshopレイヤーをオブジェクトに変換」にチエック。そうするとレイヤーを保持しつつillustrator上に表示されます。画像の位置変更やサイズ変更は勿論可能ですし、photoshopでテキストのレイヤーにラスタライズ処理を加えていないpsdデータであれば、イラレ
抽象的なライン背景の作り方（イラストレーター）
今回はイラストレーターで抽象的なライン背景の作り方をご紹介します。このような抽象的なデザインをアブストラクトアートと呼びます。 アブストラクトアートは様々な場面で使われるデザインです。ウィンドウズの壁紙なんかが良い例ですね。抽象的で美しく、どこか神秘的な印象も持ち合わせています。 今回はオーソドックスな面とラインで構成されたアブストラクトアートを作っていきたいと思います。
暮らしの情報サイトnanapiはサービスを終了いたしました | nanapi [ナナピ]
2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より「みんなで作る暮らしのレシピ」という考えのもと、ユーザーの皆さまに生活に関する様々な「ハウツー」を投稿していただく投稿型ハウツーサービスとして運営してまいりました。 約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。 掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。 長きに渡りnanapiを応援してくださり、本当にありがとうございました。
Illustratorで押し出し・ベベルをする方法＼(^。^)｜●○● オレ流 イラレ道場 ●○●
●○● オレ流 イラレ道場 ●○● Illustratorの道場､イラレ道場のブログでーす(^_-) みんなでイラストレーターを､サクサク使えるようになっちゃおうぜ! ブログテーマ一覧 目次 ( 1 ) イラストレーターの使い方 イラレ講座 ( 203 ) イラストレーターのレッスン 使い方 ( 18 ) パターンスウォッチ ( 2 ) バージョンアップ ( 1 ) InDesign情報 ( 1 ) パソコン情報(^｡^) ( 16 ) おしらせ ( 34 ) イラレ日記 ( 39 ) プログラミング ( 1 ) シェイプアップ ( 2 ) 3D ( 19 ) ドラマと映画 ( 16 ) GAME ( 0 ) 買って良かった物コーナー ( 4 ) イラレちゃん成長記 ( 6 ) モバイル情報 ( 2 ) お奨めのプリント用品＼(^｡^) ( 1 ) お奨め周辺機器 ( 2 ) お奨めの
イラストレータで簡単！素材づくり！ 「ノート」「セロテープ」「ピン」を作る方法 | WebDesign Memo
Posted by kjweb | Posted in Illustrator, Webデザイン | Posted on 30-06-2011 最近というか、ここ1年くらい前から、私がWebやチラシなどデザインするときに、よく使っている素材を紹介したいと思います。（ありがちな素材ですが、使い勝手いいので紹介しようかなと） また、イラストレータで簡単に作れるので、その作り方の紹介したいと思います。 よく使う素材 ノート セロテープ ピン では、作り方を紹介します。 まずは完成を見て下さい。 背景や枠に使えますよね。 これをイラストレータで作っていきます。 【1】ノートの外枠を作る 角丸長方形ツールで、作りたいノートの大きさの角丸ボックスを作ります。 【2】ノートの穴を作る ノートの大きさに合わせて、穴の部分を楕円ツールで作ります。シフトキーを押しながら描くと円が描けます。 破った
資格の学校TAC・穴吹カレッジキャリアアップスクール
お知らせ 高松校の営業について 2024/9/2 9:02現在 西の丸校舎の6階が受付です。1階でスリッパに履き替えてください。 (コインリターン式靴箱) ◇休館日について◇ 9月16日(月・祝)は休館日 9月23日(月・祝)は休館日 ※英検面接対策1DAYレッスンのみ実施 10月14日(月・祝)は休館日 11月4日(月・祝)は休館日 説明会 9月～11月 ◆公認会計士講座 ◇ZOOMで個別相談会 ・9/7(土)14：00～お1人30分程度 合否分析・個人成績管理責任者の久野先生に よるマンツーマン個別相談会を実施(限定5名) ご希望の方は、お早めにご予約を！ ◇説明会＆合格者本音トーク ・10/19(土)11：00～12：30 TAC高松校合格者による本音トーク。 試験制度のことや勉強方法だけでなく、合格後 の実務や年収など!？の普段は聞けない内容にも お答えします！ ◆社会保険労務士
『絵が描けない人でもOK ！Illustratorイラスト素材の作り方』
AdobeのPhotoshopとIllustratorを持っている初心者さん向けの記事です。イラストが描けなくて、パスもわかんなくても、簡単にイラスト素材が作れるやり方を紹介しますね！ ソフト持ってない方でも「簡単にこんな事ができるんだ～」って思ってもらえたら嬉しいです。 操作の説明に、Macのキーボードショートカットを書いてますが、Windowsの方は「command」→「Ctrl」に、「option」→「Alt」に変えていただければ、使えると思います。 このブログの画像でやってみたものすごくどうでもいい事なんですが、このブログのPC版のプロフィールのページの画像を変えました。 以前はこんな・・「お前バカにしてんのか？！」というような画像でしたので、 こんな感じにちょっとマジメそう（？）なイラスト風の画像に加工してみました！ついでにベクターデータ化してみたので、拡大縮小しても画像が荒れた
ウェブリブログ：サービスは終了しました。
「ウェブリブログ」は 2023年1月31日 をもちましてサービス提供を終了いたしました。 2004年3月のサービス開始より19年近くもの間、沢山の皆さまにご愛用いただきましたことを心よりお礼申し上げます。今後とも、BIGLOBEをご愛顧賜りますよう、よろしくお願い申し上げます。 ※引っ越し先ブログへのリダイレクトサービスは2024年1月31日で終了いたしました。 BIGLOBEのサービス一覧
IllustratorでつくるWebデザイン・入門編 (4)オリジナルのボタンを作る
「Adobe Illutrator」を"Webデザイン"の現場に導入したいけれど「肝心の使い方がわからない!」とお困りの方に向けて、Webデザインに特化した基本的な使い方をお伝えする本連載。第4回目となる今回は、Illustratorの「効果」を用いて、Webサイトには必須の「ボタン」の作成方法を紹介します。 Webサイト上に配置された「ボタン」は、その先にある情報に閲覧者を導くという非常に重要な役割を持っています。閲覧者が「ボタン」として認識することができるのは最低条件として、感覚的に「押してみたい」と思わせるものにしましょう。 ■これまでの記事 【レポート】IllustratorでつくるWebデザイン・入門編 (1)ワークスペースの最適化 【レポート】IllustratorでつくるWebデザイン・入門編 (2)ペンツールの基礎知識 【レポート】IllustratorでつくるWebデザイ
Illustratorで光り輝くWeb 2.0風ボタンを作る方法 / ウェブデザインライブラリー
Home ＞ グラフィック講座 ＞ Illustratorで光り輝くWeb 2.0風ボタンを作る方法 Illustratorで光り輝くWeb 2.0風ボタンを作る方法 投稿日：2008年8月8日 レベル：初心者 ソフトウェア： このチュートリアルでは、イラストレーターで光り輝くWeb 2.0風ボタンを作ってみたいと思います。 Step1 ： ボタンを作る Step2 ： 完成 Step3 ： サンプル 簡単にできますよ。 はじめに、（Shiftキーを使って）円を描いて次のように円形のグラデーションで色を塗ります。 円をコピーして最初に描いた円の上端に合わせてペーストし、少し小さくします。小さい円のグラデーションを180度回転させます。これが「光り輝く」効果を作ります。 別の円を作って先ほど作った円よりも小さくします。シンプルな円形のグラデーションで色を塗ります。 4つ目の（最後の
透明感のあるボタンを作成 | Illustrator(イラストレーター)の使い方を無料動画で伝授!
Illustrator（イラストレーター）CS4／CS5使い方講座 Illustrator（イラストレーター）使い方講座透明感のあるボタンを作成 イラストレーター（Illustrator）を使って、ホームページでよく見かける立体感のあるボタンを作成する方法についてお伝えします。 まず、ボタンの形を作成します。（線はなし） グラデーションパレットの種類を線形に設定し、図形に白黒のグラデーションを加えたら、グラデーションツールを使って、図形の中に真っ直ぐ縦線を引きます。※カラーがRGBになっていることを確認してください 右側のグラデーションスライダをダブルクリックし、カラーモードをRGBにしたら、色を変更します。（R255 G70 B70）左側のグラデーションスライダも同様に色を変えます。（R155 G0 B0） 図形をコピーして、前面に貼り付け、背面の図形より少し縮小します。 背面の図形を
Illustratorで写真などの切り抜き方
No.1の者です フォトショップでのパスの切り方ですが バージョンがわからないのですがこのやり方でどうぞ 画像を開いてペンツールを選択し、切りたい（囲みたい）部分をクリックしながら囲んでいく 一周すると始点にカーソルを合わせると○が小さく出るのでそこでクリック。 囲んだらウィンドウからパスを表示（表示しているならタブをクリック） 作業用パスというのが出来てるはずなので、それを選択して右の▲を押してパスの保存を選びます。 パスの保存が出来たら同じ▲を押してクリッピングパスを選び作成。 その時にパスの名前を選ぶので先ほど作成したパスの名前を選択。 これを保存すればパスの切られた状態で保存できるはずです。 まだわからない場合は初心者向けのフォトショップサイトや本を見ることをオススメいたします。
光沢のある綺麗なボタンを作る
今回も前回とよく似た光沢のあるボタンを作ってみる。 今回はボタンを作るのがメインではなく、光沢感を出すためのグラデーションの一つとしていつでも使えるようになってもらうのが目的。 ではどうぞ。。 １．ベースボタンを作る 説明するまでも無いがまずはボタンを作る。 矩形シェイプにドロップシャドウをかける。 色は今回は何でもよい。 ２．光沢感を入れる 次にボタンに効果をつける。 ここが今回のメイン。 グラデーション効果を入れる。 Web2.0風ボタンのときに説明したけれど、 光沢感を出すには反射している感じを出すためにグラデーションの段階を途中で大きく変える。 説明しにくいのこんな感じ。 でもって、ボタンはこんな感じになる。 これだけでも光沢感があるけれど、今回はもう一手間加えよう。 直接当たる光のほかに反射してくる光の影響も考えるとちょっとリアルになる。 どういうことかというと、今回は上から光が
ウェブリブログ：サービスは終了しました。
「ウェブリブログ」は 2023年1月31日 をもちましてサービス提供を終了いたしました。 2004年3月のサービス開始より19年近くもの間、沢山の皆さまにご愛用いただきましたことを心よりお礼申し上げます。今後とも、BIGLOBEをご愛顧賜りますよう、よろしくお願い申し上げます。 ※引っ越し先ブログへのリダイレクトサービスは2024年1月31日で終了いたしました。 BIGLOBEのサービス一覧
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
線幅も合わせて拡大・縮小する方法 | Illustrator(イラストレーター)の使い方を無料動画で伝授!
Illustratorの小技 「円錐を描く」 | グレヌデサ La graine du dessin
Illustratorだって侮れない！イラレでガッツリWeb素材作成 | ブクマ！
ひつじの簡単Illustrator講座