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

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, копируем яблоко, располагаем его ниже, переворачиваем, уменьшаем прозрачность и слегка размываем.

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

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

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

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

 

 

Как я создаю коллаж. Продолжение

1

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

Метки: ,

Здравствуйте, друзья и гости!

Вчерашний урок под названием «Как я создаю коллаж«, как вы сами поняли, был далеко не полным.  Продолжим.

Когда все слои будущего коллажа приведены в правильное цветовое соответствие, можно приступить к очень важному моменту, без которого коллаж будет не профессиональным.   Это ОСВЕЩЕНИЕ.  И соответственно, тени, отражения и рефлексы… По моему мнению рефлексы — это уже высший пилотаж, а вот тени и отражения мы рассмотрим в этом уроке «Как я создаю коллаж. Продолжение».  Итак… В зависимости от того, где в коллаже находится главный источник ОСВЕЩЕНИЯ, строятся тени всех объектов.  Как?  Вот об этом и урок. Раз уж в прошлом уроке я использовала некоторые объекты, использую их и в этом уроке.  Для наглядности пусть это будут простые объекты. Чтобы сделать тень или отражение, нужно этот объект приложить к уже имеющемуся, но в искажённом виде.  Мы же не раз видели, как падает тень от нас самих в зависимости от того, где солнышко, правда же?  Так и здесь.  Располагаем соответственно объекты и используем РЕДАКТИРОВАНИЕ-Трансформирование — … и дальше по очереди:  Масштабирование, Поворот, Наклон, Искажение, Перспектива… Затем уменьшаем Прозрачность. У меня 44% стоит во всех объектах.  Все они должны быть синхронны. Затем ФильтрРазмытие — я люблю Размытие по Гауссу… И вот, наконец: Это, конечно, только для наглядности, чтобы был понятен принцип построения теней и отражений.  Без наблюдательности и воображения всё-равно не обойтись.

Ой, не обратила внимание сразу… а ведь тень от дерева надо было обесцветить… Переделывать не буду.

Желаю вам успехов и спасибо за внимание!

 

Как я создаю коллаж

0

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

Метки: ,

Здравствуйте, дорогие друзья!  Решила я поделиться своими секретами… а именно — «Как я создаю коллаж»

В этом уроке будет только теория.  Итак…

Когда мне попадается на глаза интересная картинка, включается автоматом фантазия, и я начинаю думать, что бы эдакое с ней сотворить, чтобы мама родная не узнала…

Подбираю подходящие картинки из числа исходников или из клипартов и колдую… Прикладываю, накладываю, поворачиваю, уменьшаю-увеличиваю и т.д.

И так до тех пор, пока не складывается более-менее понятная картина с сюжетом или с философским намёком… что я просто обожаю делать.

Дальше — техника.  Я пользуюсь следующими инструментами: ластиком при наложении картики одну на другую для удаления лишнего; клонированием для добавления недостающего. Это главные инструменты. Кисти, размытие, выделение… не считаю.

Когда всё более-менее скадрировано и увязано, а слоёв иногда бывает очень много, нужно привести все слои в нужную цветовую гамму.  Это делается с помощью коррекции (изображение — коррекция). Использую разные комбинации (по обстоятельствам). Также фильтры задействую обязательно в зависимости от задуманного эффекта.  Трудно перечислить всё, что использую, так как бывает, что колдовать надо долго… пока не понравится результат.

Часто в конце всё удаляю и начинаю сначала.   А как вы хотели? Творческий процесс!  Желаю всем доброго здоровья и прекрасной Музы!

 

Парадный портрет

1

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

Метки: ,

Здравствуйте, мои прекрасные читатели, почитатели и гости!

Сегодня я постараюсь рассказать вам и описать, как я делаю коллаж с заменой лица. Читайте внимательно те, кому интересно, а кому не интересно, закройте глазки.

Итак, делаем новый Парадный портрет. Вот такие я выбрала исходники. Искала недолго, но ведь важен принцип, правда же?

На самом деле второй исходник был большего размера, и первым делом я его отмасштабировала, чтобы можно было наложить новое лицо на прежнее.

Уменьшив прозрачность нового лица, совмещаю его с прежним: Растрирую верхний слой (новое лицо).

И меняя размер ластика, убираю лишнее с верхнего слоя, стоя на нём.

Это промежуточный этап…

Работа такая очень кропотливая и требует тщательности и аккуратности. Ну, и конечно, острого глаза.

Дальше следует новое лицо подкорректировать под тональность нижнего:

Ему не хватает жёлтого и красного…

Идём в ИЗОБРАЖЕНИЯ — Коррекция Цветовой балланс 

Затем в ИЗОБРАЖЕНИЯ — Коррекция — Уровни 

  Слишком красное лицо получилось… Исправим: 

ИЗОБРАЖЕНИЯ — Коррекция Цветовой тон/Насыщенность

 Добавляю немного шума —  ФИЛЬТРШумДобавить шум. Совсем чуточек, так как лицо и так рябенькое…

Всё. Можно объединить слои, сделать рамку интересней за счёт стилей, что справа у меня. Добавить свой фирменный знак и новый Парадный портрет готов!

Если что не понятно, задавайте вопросы, не стесняйтесь, прямо здесь. Желаю вам творческих успехов и всего самого наилучшего! Приходите ещё!

 

p class=