イラストレータでデザインをやってみましょう
Preview:
DOWNLOAD SOURCE FILE
Are you already a member? Login to download the PSD file.
Step 1
Create a 700 by 300px document. Let’s start with the background. In the following images you can see three different backgrounds that you can use. Pick the Rectangle Tool (M), create a 700 by 300px shape and fill it with R=5 G=135 B=141. Select this shape, go to the Appearace panel, open the flyout menu and click on Add New Fill. A new fill should appear in the Appearance panel. Select it, lower its opacity to 70% and add the first radial gradient sown below. Take a closer look at the gradient. The yellow text stands for Opacity and the white text stands for Location. Reselect the rectangle and add a third fill. Use the second radial gradient and lower its opacity to 70%. Now, the background is done. If you liked some other background, you can easly replace the existing colors with the ones shown below. Finally, lock this rectangle to make sure that you don’t select/move it accidentally.
Step 2
Now, let’s get to the text. Pick the Type Tool (T) click o your Artboard and use the Myriad Pro font to add a single character (I use the V). Select it and go to Object > Expand. Ungrop the resulting shape and fill it with R=204 G=204 B=204. Reselect this “V” shape and go to Effect > 3D > Extrude&Bevel. Enter the data shown below, click OK then go to Object > Expand Appearance. You’ll get a group of new shapes.
Step 3
Let’s focus on the group made in the previous step. First, go to the Layers panel and ungroup all the shapes. Some of these groups may include a Clipping Path. Remove it. Select the top “V” shape and make it invisible (for the moment). Next, you need to unite some of these shapes. Select the shapes shown in image #3 and click on the Unite button from the Pathfinder panel then select the shapes shown in iamge #5 and click again on the Unite button.
Step 4
Now, you need to organize and label each shape. It will be easier for you to find them when I nominate them during the tutorial. Turn the top “V” shape back to visible and name it “Top” then select the bottom “V” shape and name it “Bottom.” Let’s continue with the rest of the shapes. In the image below I filled them with green and blue so that you can distinguish them easier. Name the green shapes from “1″ to “5″ and the blue shapes from “A” to “C.” Let’s make a quick recap. Righ now in your Layers panel you should have ten shapes (excluding the background): “Top,” “Bottom,” “1,” “2,” “3,” “4,” “5,” “A,” “B” and “C.” Fill them with none then group them (Ctrl + G). Double click on this group (in the Layer panel) and name it “V.”
Step 5
Create a copy of the “V” group and move it below the original group. Now, let’s focus on this new group. Select all the shapes and add a 0,2px, white stroke. Also, open the Stroke Panel and click on the Round Join button. Select shapes “1,” “2,” “3,” “4″ and “5″ and lower their opacity to 50%. Reselect the entire group, lower its opacity to 30% then lock it.
Step 6
Let’s return to the original “V” group. Select “Bottom” shape and fill it with R=153 G=153 B=153. Lower its opacity to 20% then add a 6px Gaussian Blur effect.
Step 7
Go to Edit > Preferences > General and enter “1″ in the “Keyboard Increment” box. Make two copies of the “Bottom” shape (Ctrl+C > Ctrl+F). Select the top copy and hit the Right Arrow and the Down arrow. Reselect both copies and click on the Minus Front button from the Pathfidner panel. Use the Delete Anchor Point Tool(-) to remove the highlighted anchor points.Overall your shapes should have a sharper look. Fill them with white, lower their opacity to 10% then lock them.
Step 8
Use the linear gradient shown below to fill shapes “1,” “2,” “3,” “4″ and “5.” Lower their opacity to 20%. Save this gradient in the Swatches panel and name it “Gradient 01.” You’ll need it for the rest of the letters.
Step 9
Use the linear gradient sown below to fill shapes “A,” “B,” and “C.” Lower their opacity to 40%. Save this gradient in the Swatches panel and name it “Gradient 02.”
Step 10
Use the linear gradient sown below to fill “Top” shape. Lower its opacity to 40%. Save this gradient in the Swatches panel and name it “Gradient 03.”
Step 11
Make two copies of the “Top” shape (Ctrl+C > Ctrl+F). Select the top copy and hit the Left Arrow and the Up Arrow. Reselect both copies and click on the Minus Front button from the Pathfidner panel. Use the Delete Anchor Point Tool(-) to remove the highlighted anchor points. Overall your shapes should have a sharper look. Fill them with the linear gradient, lower their opacity to 50% then lock them. Save this gradient in the Swatches panel and name it “Gradient 04.”
Step 12
Make another two copies of the “Top” shape (Ctrl+C > Ctrl+F). Select the top copy and hit the Right Arrow and the Down Arrow. Reselect both copies and click on the Minus Front button from the Pathfidner panel. Use the Delete Anchor Point Tool(-) to remove the highlighted anchor points. Fill them with Gradient 04, lower their opacity to 50% then lock them.
Step 13
Create a copy of the “Top” shape and Bring it to Front (Shift + Ctrl + ]). Fill it with black, add the Inner Glow effect then go to Object > Expand Appearance. Keep the masked shape and delete the other one. Change its blending mode to Overlay, lower its opacity to 20% then lock it.
Step 14
Let make another quick recap and add by adding the same effect and techniques for a different character. First the strokes.
Next, the “Bottom” shape.
The thin, sharp shapes for the “Bottom” shape.
The shapes filled with “Gradient 01.”
The shapes filled with “Gradient 02.”
The shape filled with “Gradient 03.”
The shapes filled with “Gradient 04.”
And the expanded Inner Glow effect.
Step 15
Finally, let’s add some effects for the entire text. In the example below I used the “vectors” word. Duplicate all the “Bottom” shapes then select these copies and go to Object > Path > Compound Path. Select the resulting shape, Send it to Back (Shift + Ctrl + [) then hit the Right Arrow once and the Down Arrow twice. Fill it with black, lower its opacity to 10% then add a 3px Gaussian Blur effect.
Step 16
Duplicate all the "Top" shapes then select these copies and go to Object > Path > Compound Path. Fill the resulting shapes with white then pick the Ellipse Tool(L) and make a squeezed shapes as shown in image #2. Select this oval shape add the Zig Zag effect (Effect > Distort&Transform > Zig Zag) then go to Object > Expand Appearance. Select the resulting shape along with the white shape and click on the Intersect button from the Pathfinder panel. Select the newly created shapes and go to Object > Path > Compound Path. Fill the resulting path with the linear gradient, lower its opacity to 25% and change its blending mode to Overlay.
Step 17
Pick the Star Tool, click&drag on your Artboard and don't release the mouse button. Press the down arrow to subtract sides then hold Ctrl to control the Inner Radius. Try to make it look like in the image below (20 by 20px). Fill it with the white, lower its opacity to 20% then add a 3,5px Gaussian Blur effect. Duplicate this start shape (Shift + C > Shift + F). Select the copy, remove the Gaussian Blur effect and lower its opacity to 10%. Select both star shapes and group them. Make some copies of this group and place them above the rest of the text (image #3).
Step 18
Reselect the Star Tool and create another star shape (10 by 10px). Fill it with white, lower its opacity to 20% then add a 2px Gaussian Blur effect. Duplicate this start shape (Shift + C > Shift + F). Select the copy, remove the Gaussian Blur effect and lower its opacity to 15%. Select these two star shapes and group them. Make some copies of this group and place them above the rest of the text (image #3).
Final:
サイト内検索
イラストレータの勉強
グラデーションと分割 図形と合流・型抜き ロゴマークの作成 テキスト落書き VECTIPS Logo Vectortuts Logo 水滴の作り方 WATER グラデーション背景 竹 リボン 薬カプセル かぼちゃ 緑の玉 亀さん 気球 花びら つやのある球 ロゴ vectips ロゴ Zee ロゴ 風船 ロゴ UPWARD ロゴ ZERO ロゴ VECTORS ロゴ VECTORSその2 ロゴ WOOF ロゴ Don't Break ロゴ Smooth ロゴ VECTORSその3 ロゴ VECTORSその4 ロゴ VECTORSその5 ロゴ VECTORSその6 ロゴ VECTORSその7 ロゴ VECTORSその8 ロゴ VECTTIPSその1 ロゴ VECTTIPS その2 ロゴ VECTTIPS その3 ロゴ VECTTIPS その4 ロゴ VECTTIPS その5 ロゴ VECTORSその8 ロゴ VECTORSその9 ロゴ VECTTIPS その6 ロゴ ROMERO WEEK ロゴ VECTORSその10 ロゴ ECLIPS ロゴ ROCKEY ロゴ VECTORSその11 ロゴ VECTORSその12 ロゴ Tutorial Shock ロゴ VECTORSその13 ロゴ VECTORSTUTS ロゴ ARCADE LOVE ロゴ Zeeその2 ロゴ VECTORS PUFFS イラスト1 イラスト2 イラスト3 イラスト4 イラスト5 イラスト6 夜空 3D ロゴ 葉と水玉とテントウムシ イラスト10 イラストカーテン イラスト木目 イラスト 幻想 イラスト メッシュの葉 イラスト 靴 イラスト 家 イラスト9 イラストレータ フォトショップ イラストレータV10の使い方デザインの勉強
デザインの基礎 AIRに挑戦 AOBADAIに挑戦 DOWNFALLに挑戦 フレームに挑戦 BOXグラフに挑戦 LUCKに挑戦 オレンジに挑戦 リングに挑戦 STORMに挑戦テキストにチャレンジ
カタカナ入力 七夕様 相田みつをの世界 誕生石 誕生石と誕生花 フランスの国旗 ドイツの国旗 イタリアの国旗 日本の国旗 ロシアの国旗 シャガール 犬のおまわりさん 拡張子 メニュー パン 世界の国旗 気になる言葉2 気になる言葉3 大きな古時計 オリエント急行 お料理教室 おしながき パソコン専門用語 地図・・・PC検定 メニュー 紅茶 特殊文字 占いいろいろ ウォルトディズニー 全館停電 ひまわり図鑑 ゆり図鑑 テキスト 初級 テキスト 中級① テキスト 中級② テキスト 上級① テキスト 上級② アロマセラピー講座1 あなたと薬 アロマセラピー講座2 オーストラリアの動物 美人が作るレシピ ブログ お料理知恵袋 ゆば ドトールコーヒー物語 地震 円の国際化 福原 愛 振り込め詐欺 楽しいガーデニング ガーリック クリップアートの色を 埼玉の観光 山梨の観光 ゴールデンウィーク はがきで挨拶 敗戦の時 阪神タイガース ハワイに行こう ヒアルロン酸 肥満の知識 ほくろがガンに要注意 今すぐトライ インターネットで調べよう ITニュース 日本のお茶 時代を切り開いた女性1 時代を切り開いた女性2 地獄めぐり 時間割 スポーツの審判 花粉症 段落番号の設定 神奈川県 漢文とは中国語か? 阪神タイガース 漢字の偏見 関節痛 ゴールデンウィーク 簡単お弁当レシピ キーボード 国民年金 暮らしを楽しく 草花図鑑その1 草花図鑑その2 行頭文字の設定 段落番号の設定 主な国際機構 浅田真央のプロファイル 数学図形の問題1 パソコンについて 中原中也 オーガニックコットン1 オーガニックコットン2 落ち葉の森 お大事に 奥の細道 ページ番号の設定 埼玉の観光 ラーメン博物館 レシピ1 レシピ2 連絡網 履歴書 竜宮城 竜宮城バザー 世界の気候 脂肪を燃やせ 資格 四季折々の野菜 春 四季折々の野菜 冬 下町で 食品の分類 生涯学習 生姜と豚肉 四季の折々野菜(春) 四季折々の野菜 秋 四季の野菜 春 下町で遊ぼう そばの献立 サッカー世界標準 スターバックス すだちとかぼす スーパーサッカー 数学の問題2 体内チェック 寅さんシリーズ1 寅さんシリーズ2 寅さんシリーズ3 寅さんシリーズ4 海から吹く風 横浜ベースターズ 郵便払込み 湯河原独歩の湯 ゆかた祭り模写は意外と簡単
大黒様 着物の柄 富岳百景 ベートーベン オペラ座 ミニー ゴメン 母の日 ドラゴンボール 潮干狩りパソコン教室
パソコン教室の特徴 会員の最大の特典は? パソコン教室の会員の種類 すべて個人指導で、解りやすく 出張!パソコン家庭教師 追加受講する場合 日曜教室、始めました パソコン教室の料金体系何を学ぶか?
どんなサービスか? 学べるソフト一覧 ホームページを作ろう パワーポイントを勉強しよう 模写の勉強 デザインの基礎 ビデオの編集をやってみよう。