ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
Web制作に必ず役立つIllustratorのチュートリアルやスライドのまとめ
ひと昔前までは「IllustratorはDTP」といった感じでしたが、Illustratorのバージョンアップによる機能強化に伴い、徐々にイラレでWeb制作をおこなう人が増えてきました。 ベクターっぽいスタイルのフラット、ベクターデータのSVGなどの影響もあるかもしれません。 Illustratorを使って、Web制作をする時に役立つ環境などの設定方法や注意点をはじめ、レイアウトやエレメントの作り方、スライスの便利技、時短テクニックなどのチュートリアルやスライドを紹介します。Illustratorで一番ネックとなる「にじみ」の理由とその解決方法も勉強になります。 Speed Design with Illustrator 翻訳版：Illustratorでインターフェイスをデザインする時に役立つ時短テクニックのまとめ ウェブやアプリなどのインターフェイスをデザインする時に役立つ14の時短テク
Photoshopで写真を手書きの鉛筆画風に加工する方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーの王です。絵を描くのが趣味です。 最近は絵を書く時間が全く持てなくて困っています……。 どうにか早く描けないものかと悩んだ末、表題の通り、「写真から絵を作ってしまおう」という結論に至ったわけです。 折角だし、絵が描けなくて困っている方たちにも役に立つテクニックなのではないかということで、やり方をさくっと説明してみたいと思います。 【こちらもおすすめ】 ☞ Photoshopで初めて写真加工をするときに知っておくべき基本手順まとめ 素材写真を用意する 鉛筆画らしく見せるためには、まず写真を切り抜いておきましょう。 アウトラインを抽出 次に、以下のステップを踏んで、アウトラインの抽出を行います。 cmd + Jでレイヤーを複製します。 cmd + Iで反転させます。 Shift + Alt + D で 描画モードを「覆い焼き」にします。 「色相 ・ 彩度」の調整レイヤーを
photoshopで光を表現したい人のためのチュートリアル集「10 Advanced Photoshop Tutorials for Lighting Effects」
photoshopで光を表現したい人のためのチュートリアル集「10 Advanced Photoshop Tutorials for Lighting Effects」 Photoshopは奥が深く、極めればたいていのものは描けるぐらい、高度なソフトウェアで写真補正以外にも大きな力を発揮してくれます。今日紹介するのは、photoshopで光を表現したい人のためのチュートリアルをまとめたエントリー「10 Advanced Photoshop Tutorials for Lighting Effects」です。 Advanced Glow Effects 光といっても、その表現も様々です。今日は紹介されているチュートリアルの中から特に気になったものをピックアップして紹介したいと思います。 詳しくは以下 Space Lighting Effects in 10 Steps – Photoshop
ビタミンC化粧水で美肌ゲット＆恋愛成就
女子の皆さん。 恋をすると女子って綺麗になるって言うでしょ？ 失恋した時、片思いしている時。 この2つのタイミングは、特に女子を綺麗にすると私は思う！ そんな私は、理想が高い職場の男を落とすために、お肌、髪、体型……この3つをどうにかしなきゃってことで、行動することにしてみた。 お肌はビタミンC化粧水を取り入れて、髪はバランローズっていうヘアオイル使って。 ヨガに通って、女性らしい痩せ方をしよう……とかね。 ヨガウェアにはこだわったよ。 ヨガの美人な先生をマネして、オシャレなガウチョとか買ったし。 でも、いざやってみると、女子力磨くのって楽しいよ。 そんな楽しさをこのブログでは伝えていこうかな。 女子力アップを思い立ったきっかけは、職場の無神経男 「今日から総務課に配属されました、高田です。よろしくお願いします」 28歳、彼氏いない歴3年の私。 今まではバリバリの営業ウーマンだった私も、そ
Illustratorで段組みを作成する手順｜DTP Transit
次のような2段組みのテキストボックスを作成するには、「エリア内文字オプション」を使う方法と「段組設定」を使う方法があります。 「段組設定」を使う方法 Illustrator CS以降、段組設定がオブジェクトメニューの奥底に移動してしまい、「スレッドテキスト」と「エリア内文字オプション」を使うのが推奨という感じがしなくもないですが、「段組設定」は設定時にガイドを作成することができます。 画像などの配置時、面合わせ（つらあわせ）にガイドは不可欠ですので、ガイドが必要な場合には、段組設定を使うメリットがあります。 四角形を作成する（このサンプルだと、幅：160mm、高さ：180mm）。この四角形の塗りは手順6で消えてしまうので、塗りや線は適当でよい。 ［オブジェクト］メニューの［パス］→［段組設定］をクリックして［段組設定］ダイアログボックスを開く。 ［列］の［段数］を「2」に設定し、［間隔］の
立体的で質感のあるIllustratorチュートリアルまとめ | ナナメウエblog
いつもデザインはillustratorでやっているのでメモ的に。 たぶんチュートリアルだと複雑になるので割愛しているけど、実際にはもっと細かい部分まで作っているんじゃないかなーと思います。 フォトショもいいけどイラレもいいですよ… Tutorial – Create realistic clouds in Adobe Illustrator リアルな雲 Create a Vector Film Slate Icon | Vectortuts+ リアルな映画のカチンコ How to Create a Gearbox Settings Icon Using Simple Shapes | Vectortuts+ アップルっぽい設定アイコン How to Create an iPad Interface in Illustrator – Tuts+ Premium Tutorial |
AE:GATHERING * AfterEffectsの海外チュートリアルまとめ
2018年05月11日12:00 by ae_ga 【定番】金属の質感のロゴを作るには【初心者向け】 Tweet カテゴリロゴテキストオープニングムービー風 YoutubeにAfterEffectsの分かりやすい情報がどんどん投稿されている昨今、 チュートリアルサイトから探すのではなく、 趣向を変えて、Youtubeから検索して、 素晴らしいチュートリアルを探してみました。 ご紹介するのは、 サムネをぱっと見たところ、一見、 パーティクルのチュートリアルかと思いきや メタルなゴールドに反射したテロップ文字を作る解説動画でした。 作り方は簡単な組み合わせでしたが 奥が深い…と思わされましたのでご紹介いたします。 タグ ：#金属#ゴールド#メタル#CCBlobbylize#反射#CCGlass#テロップ#文字#テキスト ae_ga Comment( 0 ) 2017年09月19日12:30 b
井上のきあさんによる「同じデザインで名刺をPhotoshopとIllustratorで作って作業を比較してみる」Tips
出力すると同じものではありますが、PhotoshopとIllustratorとではどのように作業の違いがあるのかを デザイナーの井上のきあさんが実際に作成しながら解説してくださっています。 両方のツールの初心者さんや、どちらかを購入しようと思っている方にも有用な情報ではないでしょうか。 位置揃えやトンボの設定など、知ってて得するチョイ技も貴重です。
CSS3ベースのオシャレな価格表作成チュートリアル:phpspot開発日誌
How to Create CSS3 Pricing Tables - DesignModo CSS3ベースのオシャレな価格表作成チュートリアル。 次のようにCSS3を駆使して美しい価格テーブルを実現しているチュートリアルです。 価格表を作る際の参考にするのは勿論、CSS3でちょっとデザインを学びたいという際の教材として使えそうです。 数年前なら明らかに画像と思ってしまう物もこうしてCSSで実現できるようになってきていますね 関連エントリ クールな円形メニューをピュアCSS3で実装するチュートリアル CSS3やCanvas、JS等を使ったローディング画像実装プラグイン１２ iPhoneのON/OFFスイッチをHTML5/CSS3の形式でジェネレート PhotoshopでデザインしたシェイプをCSS3に変換するプラグイン「CSS3Ps」
スクロールしてもついてくるサイドメニューをjQueryとCSSで作るチュートリアル
jQueryを使って短いコードで実装できる、スクロールしてもサイドにアニメーションをつけて固定するサイドメニューのチュートリアルが公開されていましたので、参考にサンプルを作ってみました。 作り方 細かいコードはチュートリアルページにありますのでご参照下さい。 ついてくるようにしたいサイドのdivに対してposition:absoluteで配置します。ヘッド内でjQueryを読み込みます。続けて下記のコードを記入します。 ＊＊＊追記＊＊＊ 11行目の変数offsetの中身を、menuYloc+$(document).scrollTop()+”px” にしていましたがブラウザにより座標を取得できない可能性があった為、 menuYloc+$(window).scrollTop()+”px” に変更しました。 <script type="text/javascript" src="jquery.j
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
プラグインやチュートリアル 25
Photoshop文字ツールの知っておきたい機能10個 - PhotoshopVIP
新着記事
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
新着記事
シンプルなタグなのに凝った綺麗なボタンを作るCSSチュートリアル:phpspot開発日誌
新着記事
イラレアイコン
AEP Project