【総まとめ】2020年公開のすごいIllustratorチュートリアル、作り方厳選まとめ
当サイトでは、Illustratorの新しい機能テクニックをつかった最新チュートリアル、作り方を定期的にまとめて紹介しています。 この記事では、2020年のあいだに公開された、特に確認しておきたいIllustratorのデザインチュートリアル、つくり方をまとめてご紹介します。 Photoshopのチュートリアルと合わせて確認しておくと良いかもしれません。 【総まとめ】2020年公開のすごいPhotoshopチュートリアル、作り方厳選まとめ 【総まとめ】2020年公開のすごいIllustratorチュートリアル、作り方厳選まとめ グラフィティ・アーティストのシェパード・フェアリー風ベクターアートのつくり方 オバマ元大統領の選挙で有名になった、「HOPE」ポスターを再現できるチュートリアルで、お好みの写真に応用できるテクニック。 ファッション向けイラストレーションを作成する方法 重なり合うライ
HTMLのheadの書き方、head内に記述する要素の総まとめ
HTMLページのhead内に記述する最小限の構成、そしてmeta要素やlink要素、ソーシャルサービス用の要素、デスクトップ・スマホのブラウザ用の要素などがまとめられた「<head> cheatsheet」を紹介します。 <head> cheatsheet 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 去年紹介した以前の版からいろいろと変更されています。 head内に記述する最小限の構成 head内の要素 meta要素 link要素 ソーシャル関連のhead内の要素 ブラウザ・プラットフォーム関連のhead内の要素 メモ head内に記述する最小限の構成 下記はシンプルなWebサイトで必須となるhead内に記述する最小限のタグです。 <meta charset="utf-8"> <meta http-equiv="x-ua-c
Dreamweaverを手放せない10の理由
Ctrl+Tした時 タグの編集 一部のテキストをタグで囲う時に使用します。 選択してからCtrl+Tでタグを入力することで選択した開始と終わりにタグをいれることができます。 初期のDreamweaver環境設定だと改行<br>に対して一行改行されるので 「編集」→「環境設定」→「コードフォーマット」→「高度のフォーマット：タグライブラリ」 で改行の設定をしてあげます。 ※細かく設定してあげるとコマンドのコードフォーマットする際に設定したインデントでフォーマットされます。 私はXHTMLでは基本的に、ブロック要素は改行、インライン要素は改行なしで統一してあげてます。 HTML5コーディングについては浅岡さんの記事で詳しく書かれてます！ デザインビューでEnterで改行しながらコーディングすると自動的に段落の<p>タグがはいります。 初期はすべてPタグでガツガツ要素をながしこんで、その後に適当
はじめようイラストレーター！参考にしたいデザインの作り方チュートリアル28個まとめ
デザインの現場で Photoshop と並んで人気の高いツールのひとつ、Illustrator 。使いこなすことができれば、プロ顔負けのクリエイティブな作品をデザインできますが、Illustrator をはじめたばかりのときは機能が豊富すぎて、敷居が高く感じてしまうこともあるでしょう。 順番どおりに進めていくことで、より実践的なツールの使い方を学び、同時に魅力的なデザインも完成できる Illustrator の作り方チュートリアルをまとめてご紹介します。 初心者のひとにも優しい入門チュートリアルから、スキルアップに役立つプロ級デザインの作り方まで幅広く揃えています。ますます進化する Illustrator のデザインテクニックを学びましょう。 詳細は以下から。 Illustrator の使い方を知ろう！参考にしたい最新デザインチュートリアル、作り方28個まとめ 花がらイラストとタイポグラフ
これが知りたかった！よく使うUI要素をFlexboxを使ってシンプルに簡単に実装するチュートリアル | コリス
Flexboxの基本的な使い方から、ヘッダ・フッタ・ナビゲーション・タブ・カードなど、Webページでよく使うUIコンポーネントをFelxboxで実装するチュートリアルを紹介します。 2016年1月12日にIEの古いバージョンのサポートが終了し、Flexboxをそろそろ使うか、と考えている人も多いと思います。 Flexbox Patterns Flexbox Patterns -GitHub Flexboxの実装に役立つ各プロパティの説明は、下記が分かりやすいです。 CSS3 Flexbox の各プロパティの使い方をヴィジュアルで詳しく解説 以下、各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 「display: flex;」からはじめよう 01. 要素を水平に配置する 02. Flexboxで実装する「タブ」 03. Flexboxで実装す
Photoshopの最近の気になるデザインテクニックを身につけるチュートリアルのまとめ -2015年1月
背景に使う大きな写真画像に重ねたテキストをくっきり見せる5つのテクニック、気持ちよくアニメーションするGIFの作り方、幾何学や粒子の使い方、テクスチャやブラシでかっこよく仕上げるなど、最近の気になるデザインのテクニックを身につけるPhotoshopのチュートリアルを紹介します。 チュートリアルはCSを想定したものも多く、CCの新しい機能の効果的な使い方なども。
Photoshopでゲームのようなドット絵を描く方法と設定＆おすすめツール | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーの姐さんです。 今回は、Photoshopで8bitゲーム風デザインをするときの設定やおすすめツールをご紹介します。 なお、この記事ではPhotoshopCC2021:22.3.1を使用しています。 「ググってわからないこと」が一瞬で解決するかも？ Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGのスクールでは、現役デザイナーがマンツーマンで指導します！ ▼少しでも気になる方は、ぜひ公式サイトをご覧ください！ Photoshopの基本設定 ドットの大きさに合わせてグリッドを設定する まず、100×100の新規ファイルを作りました。 次に「編集」→「環境設定」→「ガイド・グリッド・スライス」を開きます。 出てきた画面のグリッドのところを調整します。区切り方もお好みですが、今回はサ
UIデザインの腕が上がるPhotoshopのチュートリアルのまとめ
UIデザイン用の最適なPhotoshopの環境設定方法から、ブラーやサークルを使ったエレメント、フラットや縦長やレトロスタイルのレイアウト、ページのアクセントになるエレメントの作り方、ディテールの作り込み方など、ユーザインターフェイスをPhotoshopで作成する際に勉強になるチュートリアルを紹介します。
Photoshopの最近の気になるテクニックを身につけるチュートリアルのまとめ
ポリゴン、シェイプアート、ブラー、等高線、ジオメトリック、ラインアート、シネマグラフなど、最近の気になるデザインのテクニックを身につけるPhotoshopのチュートリアルを紹介します。 時間をつくって、一つずつじっくりと攻めていきたいですね。
Illustratorで文字をかっこよくデザイン！タイポグラフィのチュートリアルのまとめ
アートワークとして見るだけでもよい刺激を受ける、そんな素晴らしいタイポグラフィ・テキストエフェクトのチュートリアルをまとめてみました。 解説は英語ですが、苦手な人でも各ステップごとにキャプチャが付いているので分かりやすいと思います。
写真は怖くない！すごい「Photoshop」マジック小技集２３
作成：2013/07/16 更新：2014/11/01 無料素材 > 写真うつりが悪い、気になるところをサクッと修正したい。今回は、顔や体型を簡単に修正する方法やアクションをまとめました。結構共通する部分が多いですが、顔以外にも使える色々な方法があるのでお試しを。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 髪 １．髪の色を変える ２．髪の毛を切り抜く 肌 ３．シミやそばかすを消す ４．肌を美白にする ５．肌を滑らかにする 顎 ６．顎をシャープに ７．リフトアップ 目 ８．目を大きくする ９．まつげを増やす １０．目のクマ／ほうれい線を消す １１．目の色を変える 鼻・唇 １２．鼻を高くする １３．ぷるるん唇にする １４．歯を白くする 体型・表情 １５．バストアップ １６．ポーズを変える １７．顔の表情・形を変える 背景 １８．背景を消す １９．背景をぼかす
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
IT業界・エンジニアの転職ならTech Stars Agent
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
新着記事
新着記事
The Blog | Welcome to Adobe Blog
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
新着記事
