Ёлочка, гори!

1

Автор Таисия | Рубрики Уроки | Опубликовано 18-12-2013

Метки:

Близится волшебный праздник встречи Нового года. Покупаются и наряжаются ёлки. Я тоже решила сделать простенький урок на тему: «Ёлочка, гори!»

Приступим. Открываем в фотошопе (у меня CS6) изображение нашей ёлочки. Рисуем кисточкой облюбованного вами цвета будущие лампочки. У меня это звёздочки.

1

Создаём новый слой. И в нём, начиная снизу, рисуем другой кисточкой (белой) загорающиеся огоньки на лампочках. Так, чтобы подняться постепенно к верхушке.

2

У меня получилось 6 слоёв с огоньками и фон.

Создаём анимацию. Отключаем на всех слоях глазки кроме фона и первого слоя. На шкале анимации добавляем новый кадр.

урок2

Так поступаем со всеми слоями по очереди. Последний кадр удаляем. Выставляем время анимации 0,1 сек. Проигрываем анимацию и любуемся. Сохраняем для Web.

ёлочка-гори

Ёлочка, гори!
  Горит, представьте себе! С наступающим!

Такой же урок с другой ёлочкой я сделала на другом своём сайте САННА

елка-нарядная3

Создаём коллаж по описанию

0

Автор Таисия | Рубрики Уроки | Опубликовано 21-06-2013

Метки: ,

Вчера по просьбе очень милой девочки сваяла коллаж по её описанию. А сегодня смастерила урок на эту тему: «Создаём коллаж по описанию». Сначала хотела его выложить здесь, но передумала…

И выложила его на своём сайте ЗДЕСЬ, где бывает больше народа и, соответственно, от урока будет больше проку.

ура

Вот такой коллаж получился, а как я его ваяла, читайте ЗДЕСЬ. Успехов!

 

P.S. Чуть не забыла предупредить — этот урок для зарегистрированных пользователей. Гостям он не откроется весь. Регистрируйтесь и будет вам счастье!

 

А снег идёт…

1

Автор Таисия | Рубрики Уроки | Опубликовано 10-12-2012

Метки: ,

А снег идёт…  «А снег идёт и всё ликует и поёт…»  Помните песню?

А мы будем свой снег «пуЩать»  Для этого нам понадобится картинка.  Вот она:

Создаём новый слой в слоях. Аккуратно и реалистично рисуем кисточкой снег…  Копируем слой (Ctrl+J)

Теперь ВНИМАНИЕ!  Выделяем инструмент Перемещение и зажав мышку (цвет курсора поменяется с + на беленький значёк), тихонько и насколько это возможно медленно тянем слой со снегом вверх. Но не до самого конца (!).

Объединяем слои (Ctrl+E).  Переходим к шкале анимации.  Дублируем первый кадр.

Опять, затаив дыхание, инструментом Перемещение тянем снежок уже вниз, и тоже не доходя до самого низа.

Выделяем на анимационной шкале первый кадр, зажав Ctrl.  Добавляем кадры кнопкой Создание промежуточных кадров на анимационной шкале. Последний кадр удаляем.  Выделяем все кадры, зажав Ctrl, и проставляем время. У меня 0,1 сек.  Воспроизводим анимацию, и если всё устраивает, сохраняем для Web.

А снег идёт!  А у вас? 

 

Желаю вам чистого, белого-белого, пушистого снега и прекрасного предпраздничного настроения!

Будьте здоровы и счастливы, и спасибо за внимание!

 

Блёстки

0

Автор Таисия | Рубрики Уроки | Опубликовано 29-11-2012

Метки: ,

Вы любите блёстки, друзья?  Я — нет, но многим они нравятся… Скоро Новый год и захочется кому-нибудь украсить свой сайт своими собственными блёстками.

А потому — делаем блёстки!  Это совсем не трудно, уверяю вас.

Берём картинку 


У меня вот такое украшение.  Здесь я допускаю блёстки.  Находим на панели инструментов Волшебную палочку, настраиваем её на многоразовое использование

и помечаем ею нужные области (выделяем нужное).

Здесь же правой кнопкой мыши выбираем из развернувшегося списка Скопировать на новый слойКопируем выделенное.

Этот слой дублируем ещё два раза уже в слоях и получаем три слоя с выделенной областью (одинаковые) и один фон.

Отключаем глазки у второго и третьего слоя, оставив первый и фон.

Идём в Фильтр- Шум-Добавить шум и ползунком добавляем немного шума.

Отключаем глазок на этом слое и включаем следующий (второй) с выделенной областью. В Фильтре точно так же, как и первому, добавим немного шума (чуть-чуть).

И, наконец, то же самое с третьим слоем… Всё.

Приступим к анимации. Оставляем глазок на фоне и первом слое, остальные два отключаем. На анимационной шкале (шкале времени) кликаем на предпоследнюю кнопочку (рядом с удалением) Создание копии выделенных кадров. Появился второй кадр.

Отключаем глазок видимости с этого слоя в слоях и включаем второй слой. Фон всё время включен!  На анимационной шкале  кликаем на предпоследнюю кнопочку Создание копии выделенных кадров. Появился третий кадр.  С третим слоем поступаем аналогично и получаем четвёртый кадр.

Анимация готова. Осталось сохранить её  ФайлСохранить для Web 

В этом деле самое трудное — не переборщить с шумом.  

Хотя можно и поярче сделать.

 
Успехов вам и спасибо за внимание!

Превращение картины в рисунок

1

Автор Таисия | Рубрики Уроки | Опубликовано 28-11-2012

Метки:

Эх, не хотела я давать уроки (очень трудоёмкое это дело  )… да незаметно для себя и разохотилась.  Пользуйтесь!

Сегодня у нас будет:  Превращение картины в рисунок.  Возможно, не все умеют это делать или делают по-другому. Вот мой метод.

Берём картинку 

Дублируем слой:  Слои-Создать дубликат слоя — Layers > Duplicate layers (Ctrl+J)

Обесцвечиваем картинку:  Изображение-Коррекция-Чёрно-белое — Image > Adjustments > Desaturate (Alt+Shift+Ctrl+B).
В окне кликаем сначала на Авто, а потом на ОК.

Дублируем чёрно-белый слой (Ctrl+J)

Инвертируем изображение: Изображение-Коррекция-Инверсия (Ctrl+I)

Режим смешивания ставим Color Dodge (осветление основы или линейный осветлитель (что лучше подойдёт для CS4-CS6).

Эту функцию находим в окошке справа внизу под словом «слой«. Выбираем подходящую позицию в списке, если у вас другая версия ФШ.

Главное, чтобы произошло ПОЛНОЕ ОСВЕТЛЕНИЕ основы.
Не пугаемся, что исчезло изображение, и идем в фильтры: Фильтр-Размытие-Размытие по Гауссу — Filter > Blur > Gaussian Blur, радиус подбираем сами к своей картинке. Если фон не стал полностью белым, хороший результат не получится. Ищите другую картинку.

Идём в фильтры опять и выбираеи Фильтр-Другое-Цветовой контраст. Это для CS6, что у меня. Вот и конечный результат

 

Это было Превращение картины в рисунок.  То же самое можно сделать с фотографией.  Пробуйте, экспериментируйте.

Желаю вам творческих и прочих успехов! И спасибо за внимание.

 

Тени. Карта смещения

0

Автор Таисия | Рубрики Уроки | Опубликовано 27-11-2012

Метки:

Чем дальше в лес, тем больше дров…

В прошлом уроке мы учились накладывать тени на гладкую полированную поверхность.  А, если поверхность не ровная (например, лестница)? Как быть?

Наш урок не будет полным, если мы не рассмотрим и такой вариант.

В этом нам поможет Фильтр СМЕЩЕНИЕ. Этот фильтр использует чёрно-белое изображение, чтобы на основе его тонов исказить пиксели другого изображения, на которое этот фильтр применяется.

Года три назад я уже делала авторский урок на эту тему на другом сайте. Сначала я повторю его, а затем покажу другие варианты. Итак, берём готовую картинку с неровной поверхностью. Я нашла обыкновенную лестницу в парадном.

На эту лестницу я поставлю молодого человека. Вот от него мы и отбросим тень…

Но сначала — Карта смещения. Именно она поможет нам создать нужную реалистично уложенную тень.
В окне СЛОИ дублируем эту нашу картинку с лестницей. Дубль обесцвечиваем и сохраняем в режиме PSD, где создадим Карту смещения и назовём её лестница.

Теперь можно дубль удалить. Дальше работаем с фигуркой. Располагаем её наверху лестницы как можно выше, так как тень будет длинной и места на лестнице должно хватить.

Делаем всё, как в предыдущем уроке: фигурку обращаем по вертикали и по горизонтали, вытягиваем с помощью трансформирования-масштабирования, уменьшаем прозрачность.

Заходим в Фильтр ИСКАЖЕНИЕ-СМЕЩЕНИЕ и, задействовав Карту смещения, получим изломанную тень.
Остаётся её слегка размыть (по Гауссу) и подкорректировать окончательно её положение.

В подъезде сложное освещение, и тень легла не только на лестницу, но и немного на стену.

Теперь сделаем подобное ещё раз (мне нравится процесс, а вам?)  Вот лестница

К ней балерина

Рабочий процесс со слоями

И итог

Всё.  Не могла остановиться и вот ещё…

И…

Надеюсь, урок понравился и будет полезен.  Спасибо за внимание и до новых встреч!

 

 

Отражения, тени и рефлексы

0

Автор Таисия | Рубрики Уроки | Опубликовано 26-11-2012

Метки:

Сделав урок, рассказывающий, как делать тени, захотелось пойти дальше…  Ведь существуют ещё отражения и рефлексы, и без знания, как их накладывать, не добиться правильной освещённости.  Итак, вот картинка для примера:

Мы видим здесь все три компонента: отражение, тень и рефлекс.  Попробуем это всё изобразить сами.  Добавим яблоко.

Оно висит в воздухе, видите?  Делаем ему отражение — зажав клавишу Alt, копируем яблоко, располагаем его ниже, переворачиваем, уменьшаем прозрачность и слегка размываем.

Делаем тень как у кружки. Для этого копируем яблоко и располагаем правее.  Заливаем чёрным цветом. Трансформируем: сплющиваем-вытягиваем, размываем и уменьшаем прозрачность.  Вот, что получаем:

Казалось бы, всё, но нет.  Рефлексы!  На яблоке есть рефлекс, но он не тот, что должен быть. Пипеткой берём цвет рефлекса на яблоке и кистью изображаем похожий на тот, что на кружке, рефлекс на нашем яблоке.  А прежний инструментом штамп убираем. То же и на отражении нужно сделать.  И вот готово!

Вот теперь правильно. Отражения, тени и рефлексы на месте.

Спасибо за внимание!  Вопросы можно задавать, если что неясно.

 

 

p class=