2017年9月10日日曜日

Adobe Illustrator(アドビーイラストレーター)でつくるテキストチュートリアル(text effects tutorials)



https://design.tutsplus.com/tutorials/quick-tip-creating-a-bazinga-text-treatment-in-adobe-illustrator--vector-9399

↑↑↑上記のチュートリアルをやってみた

カンバスサイズ1280px*720px

色はスポイトツールで抽出してください、


塗りを追加してグラデーションのオーバーレイ


白い丸を中央に


適当な文字を追加


テキストを選択した状態で右クリックの変形(T)のシアー(H)


シアーの角度(S):-8°の方向を垂直(V)


オブジェクトの整列:で水平方向中央に整列と垂直方向中央の整列をクリック



テキスト選択状態で右クリックのアウトラインを作成(O)


テキスト選択状態で右クリックのグループ解除


文字オブジェクトの塗りにパス(P)のパスのオフセット(P)を追加


オフセット(O):8px、角の形状(J):ラウンド


続いて変形効果を選択し移動の水平方向(O):7px、垂直方向(E):12pxの回転の角度(A):0°


塗りを追加し白色に


さらに塗りを追加し下記の色に


右クリックのパスの変形(D)の変形(T)


移動の水平方向(O):5px、垂直方向(E):5px、回転の角度(A):0°


線を追加して、色は黒、線の太さは8px、線端:丸型先端、角の形状:ラウンド結合、線の位置:線を外側に揃える


16pの黒い正方形をつくり


正方形を選択状態で右クリックの変形のシアー(H)...


シアーの角度(S):45°、方向の垂直(V)


オブジェクト(O)の変形(T)のリフレクト(E)...


リフレクトの軸を垂直(V)でコピー


コピーしたオブジェクトを選択


右クリックの変形の移動(M)


位置の水平方向(H):15px、垂直方向(V):0px、移動距離(D):15px、角度(A):0°


オブジェクト2つ選択して合体(Alt + クリックで複合シェイプを作成して追加)


オブジェクト(O)のパターン(E)の作成(M)


完了を押してパターン登録


先ほどの文字オブジェクトを選択して塗りを追加、オーバーレイの不透明度36%


右クリック変形の回転(R)...


回転の角度(A):20°でオブジェクトの変形(O)のチェックを外し、パターンの変形(T)をチェックしてOK


横幅160px、縦幅60pxの黒い長方形を作る


長方形を選択状態でオブジェクト(O)の変形(T)の個別に変形(N)...を押して


拡大・縮小の移動の水平方向(O):160px、垂直方向(E):30px

回転の角度(A):0°


Ctrl+Dで6つに複製


長方形6つを選択状態で形状モード:の合体(Alt + クリックで複合シェイプを作成して追加)をクリック


右クリックの変形のシアー(H)...


シアーの角度(S):35°、方向は水平(H)でオプションはオブジェクトの変形(O)とパターンの変形(T)を両方チェック


再びシアー(H)...


シアーの角度(S):-20°、方向は垂直(V)でオプションはオブジェクトの変形(O)とパターンの変形(T)を両方チェック


ダイレクト選択ツール(A)を選択し角をクリックしてDelete


反対側の角もDelete


その後、オブジェクト(O)のパス(P)の連結(J)を選択



配置して終わり