-Метки

23 февраля 8 марта PNG christmas decorations footage gif new year ёлка ёлки ёлочные игрушки День студента анимационные открытки анимация анимация кубаночки анимашки валентинки весна видео геленджик гиф гиф анимация гифки готика девушка девушки день влюблённых день победы день рождения доброе утро доброеутро доброй ночи добройночи добрый вечер дувушки жёлтые тюльпаны зима ии инет картинка картинки картинки ии коллаж кофе кошки краснодар кубаночка кубань куьаночка лебеди ледовитый океан любовь море моянейросеть музыка напитки нейросеть новый год новыйгод осень отношения пасха пасхальное яйцо плэйкаст пожелания поздравительная открытка поздравление праздник природа рамки рождество ромашки сердце символгода снегурочка совы спокойнойночи татьянин день туфли тюльпаны урок урок кубаночки урок фотошоп уроки фотошоп фотошоп футаж футажи цветы чувства

 -Музыка

 -Фотоальбом

Посмотреть все фотографии серии Мои любимые Гибискусы
Мои любимые Гибискусы
10:07 11.10.2015
Фотографий: 26
Посмотреть все фотографии серии Мандалы
Мандалы
10:47 07.07.2014
Фотографий: 11

 -Поиск по дневнику

Поиск сообщений в Кубаночка

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 14.01.2010
Записей:
Комментариев:
Написано: 6973


3 D эффект-Урок 1

Воскресенье, 06 Июля 2014 г. 19:07 + в цитатник
Вместе учимся работать в программе Фотошоп.

На этом уроке научимся делать 3 D эффект на 2 D изображениях и сделаем анимацию.

Я не буду вас знакомить с инструментами и палитрами программы.Очень много в интернете есть уроков по этому поводу.Дельную информацию по программе фотошоп можно почитать здесь:http://balbesof.net/info/photoshop_map.html. Хоть и на английском названия приведены,но описано очень понятно.
Вот с инструментами 5 версии я вас познакомлю.

В большем размере можно посмотреть здесь :http://fotki.yandex.ru/users/tan-gavri/view/355310/?page=0

Если что не понятно спрашивайте.
Ещё раз хочу предупредить,что я любитель,а не профессионал.Поэтому,что знаю и как знаю-буду делиться опытом.Училась всему сама,точно так же брала уроки и делала. Вот только подсказывать некому было.Тем более, английского языка я не знаю вообще! И всё -же!
Начнём!
1. Подбираем подходящее изображение. Я взяла картинку из интернета,вот эту:
Снимаем замочек 2 кликами по миниатюре слоя на палитре "Слои"
Выбираем инструмент «Прямоугольная область» (М) и делаем выделение на изображении для рамки.
2. Нажимаем внутри прямоугольника правой кнопкой мыши и выбираем «Трансформировать выделенную область», затем ещё раз нажимаем правую кнопку мыши и выбираем «Перспективу». Трансформируем рамку примерно так:

3. Нажимаем Ctri + J для переноса выделенной рамки на отдельный слой, назовём его «Рамка».

4. Переходим на нижний слой – «Задний план» и делаем дубликат Заднего плана.( Ctri + J ), затем с нажатой клавишей Ctri щёлкаем по окну слоя «Рамка» чтобы загрузить область рамки.

5. Нажимаем Ctri + Shift + I чтобы инвертировать выделение и далее Ctrl + J , чтобы выделенную область поместить на отдельный слой, назовём его «Верхний».

6. В окне "Слои" ( Layers ) гасим глазки на всех слоях, кроме слоя «Верхний».

Приступим к выделению частей фотографии, которые выступают за рамку и будут нам нужны для придания 3 D эффекта. Можно воспользоваться любым инструментом выделения, который вы больше всего любите, но если деталей больше, чем одно, то лучше всего воспользоваться командой "Быстрая маска" (Q) , для того чтобы все эти детали были у нас на одном слое. Выбираем инструмент "Быстрая маска" (Q),затем инструмент "Кисть". Следим ,чтобы основной цвет был чёрный и начинаем закрашивать участок
Совет : Можно выделить периметр нужного участка ,замкнув его. Затем выбираем инструмент "Заливка" (G) и щёлкаем внутри участка .Вся область будет закрашена.
Совет: Менять размер кисти удобно на клавиатуре нажимая клавиши :
Уменьшить (Х),Увеличить (Ъ)-русская раскладка.
Или { и } соответственно, английская раскладка клавиатуры.
Получится вот так



7.Когда результат вас удовлетворит, снова жмёте на инструмент «Быстрая маска» (Q)На картинке увидите выделение. Активируем инструмент Прямоугольная область (М) и нажимаем Ctri + Shift + I, чтобы инвертировать выделение. Нажимаем Ctri + J для переноса выделения на отдельный слой, назовём его «Дева».
Переносим этот слой на самый верх в палитре «Слои»
Слои: Задний план,Задний план (копия) ,Верхний- выделяем зажав клавишу Ctri и удаляем.
8. Сделаем обрамление нашей рамки. Переходим на слой «Рамка», открываем у неё глазок .Идём :" Редактирование – Выполнить обводку "(Edit – Stroke), выставляем ширину обводки 15 пикселей, цвет выбираете любой ,но желательно совсем отличный от тех цветов, что на картинке ,чтобы было потом легко его выделять.Позиция относительно границы – снаружи и т.д. как на рисунке.


9. Полученное обрамление выделяем волшебной палочкой ( W ) и нажимаем Ctri + J для переноса обрамления на отдельный слой и называем его «Обрамление».


10. Снова выделяем обрамление волшебной палочкой ( W ) и заливаем обрамление градиентом (G) уже подходящем по цвету к картинке , начиная от левого нижнего угла обрамления к правому верхнему углу.


Здесь выбираем градиент:


11. Рисуем тень. Создаём новый слой «Тень» (Shift + Ctri +N ), Кликаем по миниатюре слоя «Обрамление» в палитре слоёв при нажатой клавише Ctrl и заливаем область выделения в чёрный цвет инструментом "Заливка"(G).Делаем всё так:


Снимаем выделение.( Ctri +D)
Применяем к этому слою размытие по Гауссу с радиусом в 6 пикселей: Фильтр – Размытие – Размытие по Гауссу ( Filter - Blur - Gaussian Blur ).


На палитре слоёв выставляем непрозрачность ( Opacity ) слоя 60%. Применяем трансформацию к тени как на рисунках ниже




Активируем инструмент выделения"Прямоугольная область" и в появившемся меню выбираем "Применить." Если необходимо,можно рамку подвинуть или увеличить или повернуть,то сделать это можно так:




12. Переносим слой с тенью под слой с рамкой.Как это делаем:стоим на слое "Рамка",зажимаем клавишу Ctri и не отпуская её ,нажимаем на клавишу "ъ"-это вверх или "х"-это вниз.
Включаем все слои
Если «Обрамление» не совсем подходит по цвету,поменять его можно: «Изображение-Коррекция-Цветовой тон/Насыщенность» или :(Ctri + U) и подвигайте ползунками.

13. И последнее. Создаём новый слой – это фон. Окрашиваем в ваш любимый цвет, применяем градиент как в п.10. Переносим этот слой под слой с тенью. Или оставляем коллаж на прозрачном слое. Объединяем все слои(Shift + Ctri +Е )
И вот, что получилось.


14.Делаем анимацию.
Создаём новый слой «Снежинка» (Shift + Ctri +N ). Выбираем кисть снежинки,выставляем размер примерно 20 пикс,цвет основной белый. Кликаем кистью над рукой ,чтобы создавалась видимость того,что снежинка лежит на руке. Активируем инструмент «Перемещение» (V).Вверху на панели параметров инструмента должны стоять «галочки» на : «Автовыбор» и «Показать управляющие инструменты» .
Зажимаем клавишу Shift и стрелкой на клавиатуре поднимаем снежинку вверх ,чтобы она скрылась и не была видна.
Открываем палитру анимации : «Окно-Анимация». У нас уже есть один кадр. Выставляем ему время 0,1 с (клик на маленький треугольник под кадром)


Нажимаем на иконку»Создание копии выделенных кадров» на палитре анимации. Появился 2 кадр. Активируем инструмент «Перемещение» (V). Зажимаем клавишу Shift и стрелкой на клавиатуре опускаем снежинку на руку. Чтобы убрать рамку вокруг снежинки,активируйте любой другой инструмент или уберите «галочку» у :«Показать управляющие инструменты». Нажимаем на иконку :«Создание промежуточных кадров» и выбираем 10 кадров с такими настройками.


Переходим на 12 кадр и меняем время на 2 сек. Включаем анимацию (иконка»Запуск воспроизведения анимации») и любуемся.
Сохраняем анимацию:" Файл-Сохранить для Web и устройств". И выбираем такие параметры



Урок мною изменён и добавлен,но взят отсюда:http://dashashop.narod.ru/3D.htm
Рубрики:  Уроки Кубаночки/Уроки Фотошоп
Метки:  

Процитировано 10 раз
Понравилось: 10 пользователям

Flash_Magic   обратиться по имени Воскресенье, 06 Июля 2014 г. 20:34 (ссылка)
Спасибо! очень интересный урок!!!
Ответить С цитатой В цитатник
koreckolga   обратиться по имени Воскресенье, 06 Июля 2014 г. 20:53 (ссылка)
Очень понравился урок! Спасибо!
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 06 Июля 2014 г. 21:18ссылка
И Вам всего доброго.
nfyrbcn   обратиться по имени Воскресенье, 06 Июля 2014 г. 20:56 (ссылка)
СПАСИБО ЗА ПОДРОБНЫЙ УРОК.
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 06 Июля 2014 г. 21:18ссылка
Благодарю вас..
Комментировать К дневнику Страницы: [1] [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку