Як зробити коробку для відеокурсу (3-тя частина)

Играть в бесплатные игры онлайн

photoshop_cs4

Привіт. Сьогодні остання частина серії відеоуроків про те, як зробити коробку для відеокурсу у Фотошопі. У цій частині я просто показую, як надати коробці тривимірного вигляду.

Більше про безкоштовий відеокурс з HTML/Dreamweaver можна почитати у дописі На честь річниці проекту maque.org.ua

Рівень: початківець
Тривалість: 05 хв 04 с

Відео на YouTube можна дивитись у HD якості. Як саме.

Free Image Hosting

Також можна завантажити це відео з YouTube.com на власний комп’ютер. Як завантажити відео з YouTube.com на власний ПК

Корисні посилання:

1.3D Cover For Software Box or eBook in Photoshop
2.Photoshop – Make An Ebook Cover Or Box
3.Easy Create a 3D eBook Cover Image With Photoshop

Continue Reading

Як зробити коробку для відеокурсу (1-ша частина)

photoshop_cs4

Привіт. Як постійні відвідувачі знають (непостійні вже знають також 🙂 ), у нещодавному дописі На честь річниці проекту maque.org.ua я виклав збірку відеоуроків про Дримвівер/HTML (мої перші відеоуроки). Цей допис супроводжувався зображенням фіктивної коробки для того відеокурсу (тобто матеріально тієї коробки, ясна річ, не існує). У трьох наступних відеоуроках з Фотошопу я показуватиму, як саме я робив ту саму коробку. Видиво створювалось відповдіно до інструкцій, які можна переглянути за цим посиланням. Ідея та сама, але дещо змінено деталі (зображення, текст тощо).

Free Image Hosting

З сьогоднішнього дня починається конкурс ретвітів від maque.org.ua – maque_tweet. Отже, учасниками твіакції є:

  • ketrin
  • vov41k
  • wedmid
  • volos_86
  • Fanta
  • vovkulaka

Рівень: початківець
Тривалість: 07 хв 54 с

Відео на YouTube можна дивитись у HD якості. Як саме.

Також можна завантажити це відео з YouTube.com на власний комп’ютер. Як завантажити відео з YouTube.com на власний ПК

Нотатки до відеоуроку

Значення кольору довгого прямокутника унизу (стрічки) – #7b7c7d
Значення кольорів у ґрадієнті:
а) вгорі – #35950f
б) внизу – #44c511

Корисні посилання:

1.3D Cover For Software Box or eBook in Photoshop
2.Photoshop – Make An Ebook Cover Or Box
3.Easy Create a 3D eBook Cover Image With Photoshop

Continue Reading

Народження Аватара (Birth of an Avatar)

photoshop_cs4

Видиво, що я сьогодні пропроную Вам “зацінити”, демонсрує, як копенгаґенський арт-директор Петер Амменторп (Peter Ammentorp) створює аватара у Фотошопі. Це у нього зайняло декілька годин, але це видиво, звісно, прискорено.

Джерело www.fubiz.net

Birth of an AVATAR from Peter Ammentorp Lund on Vimeo.

Цікаво, що організація корпоративів – це дуже важлива річ для будь-якої компанії, бо, оскрім усього іншого, вони (корпоративи) згуртовують спрацівників і створюють відчуття спільності.

Continue Reading

Що таке “шар” у Фотошопі (Adobe Photoshop CS4)

photoshop_cs4

Нещодавно помітив, що на цей блоґ заходять початківці, що хочуть зрозуміти, що таке “шар” у Фотошопі. Отже, сьогодні йтиметься саме про це.

Рівень: початківець
Тривалість: 02 хв 40 с

Відео на YouTube можна дивитись у HD якості. Як саме.

Також можна завантажити це відео з YouTube.com на власний комп’ютер. Як завантажити відео з YouTube.com на власний ПК

photoshop_cs4

photoshop_cs4

Матеріал з офіційного україномовного photoshop_cs4_help.pdf файлу

Глава 10: Шари

Шари є структурними елементами багатьох процесів створення зображень. Робота з шарами може не знадобитися, якщо ви робите просте коригування зображення, але шари допомагають ефективно працювати та у більшості випадків є важливими для неруйнівного редагування зображень.

Шари Photoshop нагадують аркуші кальки у стосі. Через прозорі області шару можна бачити нижні шари. Ви переміщуєте шар, щоб розмістити на ньому вміст, точно таким же чином, як переміщували б аркуш кальки у стосі. Також можна змінити непрозорість шару і таким чином зробити вміст частково прозорим.

photoshop_cs4

Шари використовуються для створення декількох зображень, а також для додавання тексту або фігур векторної графіки до зображення. До шару можна застосовувати стилі, які дозволяють додавати спеціальні ефекти, такі як тінь або світіння.

Недеструктивна робота
Іноді шари не містять ніякого видимого вмісту. Наприклад, коригувальний шар містить коригування кольору або відтінку, які впливають на розміщені нижче шари. Замість прямого редагування пікселів зображення, можна редагувати коригувальний шар, залишаючи таким чином нижні пікселі незмінними.
Спеціальний тип шару, що називається Смарт-об’єкт, містить один або більше шарів вмісту. Смарт-об’єкт можна трансформувати (масштабувати, нахиляти або перемальовувати), не змінюючи при цьому безпосередньо пікселі зображення. Крім того, смарт-об’єкт можна редагувати як окреме зображення навіть після його розміщення у зображенні Photoshop. Смарт-об’єкти також можуть містити ефекти смарт-фільтрів, які дозволяють недеструктивно застосовувати фільтри до зображень таким чином, що згодом ефекти фільтрів можна буде змінити або прибрати.

Упорядкування шарів
Нове зображення має один шар. Кількість додаткових шарів, ефектів та наборів шарів, які можна додати до зображення, обмежується лише обсягом пам’яті вашого комп’ютера. Робота з шарами відбувається на панелі “Шари”. Групи шарів допомагають упорядковувати шари та керувати ними. За допомогою груп шари можна розташувати в логічному порядку, уникаючи таким чином мішанини на панелі “Шари”. Групи можуть містити в собі інші групи. Групи також можна використовувати для одночасного застосування атрибутів та масок до кількох шарів.

Відеошари
Відеошари використовуються для додавання відео до зображення. Після імпортування в зображення відеокліпа (у якості відеошару або смарт-об’єкта), до шару можна застосовувати маску, трансформувати його, додавати ефекти, малювати на окремих кадрах або растеризувати окремий кадр, перетворивши його на стандартний шар. Використовуйте панель “Шкала часу” для програвання відео всередині зображення або для отримання доступу до окремих кадрів.

За цим посиланням можна подивитись про шари у Фотошопі англійською

Схожі записи:

1.Як додати ефект відблиску (Adobe Photoshop CS4)
2.Як створити фон для Твітера (частина друга)
3.Растрова графіка у Всемережжі

Корисні посилання:

1.Мега великий набір шаблонів для Photoshop
2.Шаблон для фотошопа – Амазонка з майбутнього
3.Шаблон для фотошоп- Ганна Седакова


Continue Reading

Як додати ефект відблиску (Adobe Photoshop CS4)

photoshop_cs4

У сьогоднішньому стислому відеоуроці йтиметься про додавання ефекту відблиcку за допомогою Фотошопа (Adobe Photoshop CS4).

Рівень: початківець
Тривалість: 02 хв 25 с

Відео на YouTube можна дивитись у HD якості. Як саме.

Також можна завантажити це відео з YouTube.com на власний комп’ютер. Як завантажити відео з YouTube.com на власний ПК




Схожі записи:

1.Растрова графіка у Всемережжі
2.Як створити фон для Твітера (частина перша)
3.Як створити фон для Твітера (частина друга)

Корисні посилання:

1.Як створити фон для Твітера (частина перша)
2.Растрова графіка у Всемережжі
3.Ефект пари у Фотошопі

Шпалери на робочий стіл. Лише якісні картинки (wallpapers) на
українському сайті desktopwallpapers.org.ua.

Continue Reading

Як створити фон для Твітера (частина друга)

photoshop_cs4

Як я і обіцяв минулого тижня, цього понеділка друга (і остання) частина відеоуроку, у якому йдеться про те, як створити власний фон для Вашого облікового запису у Твітері.

Рівень: початківець
Тривалість: 03 хв 25 с

Відео на YouTube можна дивитись у HD якості. Як саме.

Також можна завантажити це відео з YouTube.com на власний комп’ютер. Як завантажити відео з YouTube.com на власний ПК

Схожі записи:

1.Як створити фон для Твітера (частина перша)
2.Растрова графіка у Всемережжі
3.Ефект пари у Фотошопі

Корисні посилання:

1.Безкоштовні фони для Твітера від www.twitterimage.com
2.Effective Twitter Backgrounds: Examples and Current Practices
3.Twitter-иконки для Вашего блога

Цікавий дизайн для Твітера з www.twitterimage.com

Цікавий сайт про юзабіліті, у якому, окрім інших тем, йдеться про те, як зручність дизайну (юзабіліті) впливає на ранжування у пошукових системах.

Continue Reading

Як створити фон для Твітера (частина перша)

photoshop_cs4

Вітаю! Цього разу про те, як створити власний фон для Твітера (Twitter) за допомогою Фотошопа (Adobe Photoshop CS4). Зауважте, що це лише перша частина. Друга частина цього відеоуроку вийде на світ настпуного понеділка. До речі, кінцевий результат можна побачити у вигляді тла у моєму обліковому записі на Твітері. Слідкуйте за мною (folow me) …

Рівень: початківець
Тривалість: 05 хв 02 с

Відео на YouTube можна дивитись у HD якості. Як саме.

Також можна завантажити це відео з YouTube.com на власний комп’ютер. Як завантажити відео з YouTube.com на власний ПК

Завантажити використаний у відеоуроці .PSD файл з шаблонами роздільної здатності для Твітера

Схожі записи:

1.Растрова графіка у Всемережжі
2.Як змінити колір авто у Фотошопі

Корисні посилання:

1.інструменти pr 2.0. twitter як pr інструмент.
2.Український Твіттер
3.twitter.blox.ua
4.Як використати Твіттер для розкрутки сайту

Хоча у наш час багато у кого є власний фотик, але, напевно, усі помічали, що фотографія знята фахівцем завжди виглядає краще, ніж та, що знята аматором (навіть якщо використано той самий фотоапарат). У цьому можна зайвий раз пересвідчитись на прикладі фотостудії Петербурга
.

Continue Reading

Вирізьблена дерев’яна аплікація (частина перша)

photoshop_cs4

Сьогодні пропоную Вашій увазі першу частину відеоуроку про дерев’яну аплікацію.

Рівень: початківець
Тривалість: 07 хв 53 с

Відео на YouTube можна дивитись у HD якості. Як саме.

Також можна завантажити це відео з YouTube.com на власний комп’ютер. Як завантажити відео з YouTube.com на власний ПК

Схожі записи:

1.Растрова графіка у Всемережжі
2.Як змінити колір авто у Фотошопі
3.Ефект пари у Фотошопі

Корисні посилання:

1.Плани-конспекти уроків з Photoshop
2.Використання Photoshop CS4
3.Adobe Photoshop чи Adobe Lightroom

Щось хочете швидко продати чи купити? Тоді Вам потрібно дати оголошення (будь-який регіон України).

Continue Reading

Растрова графіка у Всемережжі

photoshop_cs4

Вітаю! Сьогодні у відеоуроці йтиметься про растрову (bitmap) графіку, про переваги та недоліки цього типу графіки. Про векторну графіку – наступного понеділка.

Рівень: початківець
Тривалість: 04 хв 57 с

Відео на YouTube можна дивитись у HD якості. Як саме.

Також можна завантажити це відео з YouTube.com на власний комп’ютер. Як завантажити відео з YouTube.com на власний ПК

Нотатки до відеоуроку

Растрова (bitmap) графіка застосовується у випадках, коли графічний об’єкт представлено у вигляді комбінації точок (пікселів), яким притаманні свій колір та яскравість і які певним чином розташовані у координатній сітці. Такий підхід є ефективним у випадку, коли графічне зображення має багато напівтонів і інформація про колір важливіша за інформацію про форму (фотографії та поліграфічні зображення). При редагуванні растрових об’єктів, користувач змінює колір точок, а не форми ліній. Растрова графіка залежить від оптичної роздільчості, оскільки її об’єкти описуються точками у координатній сітці певного розміру. Роздільчість вказує кількість точок на одиницю довжини. (dpi – точок на дюйм)

До речі, якому варіанту перекладу англійського слова “resolution” Ви надаєте перевагу? У Всемережжі (Інтернеті) та паперових джерелах я натрапляв на такі варіанти:

  1. дозвіл зображення (Г.В.Веселовська. Основи комп’ютерної графіки. – Київ-2004. – 169 с.),
  2. роздільна здатність (Вікіпедія),
  3. роздільчість.


Масштабування растрових зображень.
При збільшенні растрового зображення, можна спостерігати пікселізацію, тобто при масштабуванні збільшується розмір точок і стають помітними елементи растра. Для усунення цього, потрібно заздалегідь цифрувати оригінал із роздільчістю, достатньою для якісного відтворення при масштабуванні.

Переваги растрової графіки:

  1. простота автоматизованого вводу (цифрування) зображень, фотографій, слайдів, малюнків за допомогою сканерів, відеокамер, цифрових фотоапаратів;
  2. фотореалістичність.

Недоліки растрової графіки:

  1. складність управління окремими фрагментами зображення. Потрібно самостійно виділяти ділянку, що є складним процесом;
  2. растрове зображення має певну роздільчість і глибину представлення кольорів. Ці параметри можна змінювати лише у визначених межах і, як правило, із втратою якості
  3. розмір файлу є пропорційним до площі зображення, роздільчості і типу зображення, і, переважно, при високій якості є великим.

Джерело – Основи інформаційних техтнологій


Схожі записи:

1.Використання растрових зображень у Флеш
2.Веб-формати зображень (.JPEG, .GIF, .PNG)
3.Як додати кольори зображення у флеш

Корисні посилання:

1.ВСЕМЕРЕЖЖЯ – інтернет
2.Растрова графіка
3.Векторна та фрактальна графіка

Continue Reading

Як змінити колір авто у Фотошопі

photoshop_cs4

Мріяли перефарбувати власне (чи чуже) авто? Так ось як це можна втнути….

Рівень: початківець
Тривалість: 03 хв 44 с

Відео на YouTube можна дивитись у HD якості. Як саме.

Також можна завантажити це відео з YouTube.com на власний комп’ютер. Як завантажити відео з YouTube.com на власний ПК

Оригінал:

Варіанти:

Схожі записи:

1.Як змінити колір очей у Фотошопі
2.Веб-формати зображень (.JPEG, .GIF, .PNG)
3.Знебарвлення у певному місці (Фотошоп)

Корисні посилання:

1.Як змінити колір scroll-bar’у?
2.Використання кольору при створенні статичних графічних об’єктів

Continue Reading

3D ефект у Фотошопі

photoshop_cs4

Цього разу пропоную вашій увазі туторіал про створення простого 3D ефекту у Adobe Photoshop CS4.

Рівень: початківець
Тривалість: 04 хв 04 с

Відео на YouTube можна дивитись у HD якості. Як саме.

Також можна завантажити це відео з YouTube.com на власний комп’ютер. Як завантажити відео з YouTube.com на власний ПК



Нотатки до відеоуроку

Растеризація текстових шарів

Деякі команди та інструменти, наприклад фільтрові ефекти та інструменти малювання, неможливо застосувати для текстових шарів. Потрібно виконати растеризацію перед застосуванням команди або використанням інструмента. Растеризація перетворює текстовий шар на звичайний шар, після цього його вміст неможливо редагувати як текст. Якщо ви оберете команду або інструмент, які потребують растеризації шару, з’явиться попереджуюче повідомлення. Деякі повідомлення містять кнопку ОК, клацнувши яку можна растеризувати шар.

Дані з “Використання ADOBE® PHOTOSHOP® CS4”

Continue Reading

Ефект пари у Фотошопі

photoshop_cs4

Цей відеоурок повинен сподобатись кавунам (любителям кави). Сьогодні я покажу, як до зображення філіжанки (чашки) кави додати ефект пари.

Рівень: середній
Тривалість: 02 хв 43 с

Відео на YouTube можна дивитись у HD якості. Як саме.

Також можна завантажити це відео з YouTube.com на власний комп’ютер. Як завантажити відео з YouTube.com на власний ПК

У відеоуроці я помилково відмінюю слово “пар” (“пару”) замість “пара” (“пари”). Перепрошую !!!

Зображення до

Зображення після


Схожі записи:

1.Як відцентрувати зображення у Фотошопі
2.Як знайти центр зображення
3.Перемикання між кольорами переднього та заднього плану у Фотошопі

Корисні посилання:

1.OnLine Photoshop
2.Тальнівський Інформаційний Портал
3.Шаблон для фотошоп – Танцівниця

Continue Reading