|
Уроки фотошопа. Суперкурс для новичков
|
|
| WitaLiy | Дата: Пт, 27.05.2011, 23:00 | Сообщение # 1 |
 Проводник
Ночные сталкеры
Сообщений: 2680
| Уроки фотошопа.
Суперкурс для новичков
(небольшие уроки работы в Фотошопе...)
По многочисленным просьбам попытаюсь научить делать анимацию в Фотошопе.
Дня начала нам нужно установить прогу (я пользуюсь русифицированной Photoshop CS5).
Удачи в освоении! Надеюсь понятно написано  Если возникнут вопросы - оставляйте их в теме, будем совместно решать. И когда есть комментарии (вопросы) то понятно - что есть и заинтересованные в продолжении уроков 
Кураторы темы: Malik & WitaLiy
Сообщение отредактировал WitaLiy - Чт, 21.11.2013, 12:44 |
| |
|
| Эти 0 пользователя(ей) поблагодарили WitaLiy за это полезное сообщение: |
|
|
| коля71 | Дата: Пт, 08.07.2011, 09:36 | Сообщение # 121 |
|
Удаленные
| Quote (WitaLiy) картинка в инете найдена, лень было свой скрин с переводом делать
Виталий а из какой програмы картинка в фотошопе я такой не встретил?
|
| |
|
| Эти 0 пользователя(ей) поблагодарили коля71 за это полезное сообщение: |
|
|
| WitaLiy | Дата: Вт, 12.07.2011, 17:34 | Сообщение # 122 |
|
Проводник
Ночные сталкеры
Сообщений: 2680
| Quote (коля71) из какой програмы
из фотошопа (не русифицированного), только вырезан кусочек и наложен на красный фон
[cut noguest=вот свой скрин сделал]
[/cut]
Добавлено (11.07.2011, 20:09)
---------------------------------------------
[cut noguest=Урок №16: Надпись пером …]
Урок не сложный но немного трудоемкий…
1. Создаем изображение на котором на разных слоях имеем перо, баночку с краской и собственно нужное слово.
2. Для своего текста применил немного стилей, чтобы смотрелось прикольней. Итак, все примерно представляют, как водить рукой по листу бумаги, чтобы получить слово, поэтому когда будете делать макет не забывайте о том, что конечная анимация будет смотреться натурально если вы будете перемещать перо так, чтобы были отмечены все изменения траектории его движения. Для этого предлагаю сделать копию слоя с текстом и на нем проставить метки. У меня получилось 29 меток, следовательно мне нужно 29 слоев текста. Выделяем все слои текста и растрируем их.
3. Отключаем видимость всех слоев текста, кроме первого. Вооружаемся «ластиком» и стираем все до первого поворота… На втором слое до второго и т.д. пока не закончится текст (в общем стираем все на каждом новом слое так, чтобы с каждым разом наше слово все росло и росло, но думая о том, как сделать это натуральнее)
4. Приступаем к анимации…
5. Делаем копию кадра (1), включаем первый слой текста (2) и перемещаем перо к началу слова (3)
6. Отключаем первый слой текста, делаем копию кадра и на нем включаем первый слой текста и перемещаем перо… снова копию кадра, включаем второй слой текста и перемещаем перо… и так до самого конца..
7. Выставляем время отображения (на последнем кадре сделайте задержку немного дольше), проверяем сохраняем:
[/cut]
Добавлено (12.07.2011, 17:34)
---------------------------------------------
[cut noguest=Урок №17: Удаляем предметы с изображения…]
Только для версии Photoshop CS5, в более ранних не получится
Вариант 1: А был ли мальчик ….
Заливка с учетом содержания изображения
- это новый инструмент, который позволяет убрать ненужные элементы на изображении просто удалив их. Фон под этими элементами будет дорисовываться с учетом содержания.
Выделите часть изображения, которую вы хотите заполнить. Будет лучше, если выделение будет чуть больше элемента, который хотите убрать.
Выберите «Редактирование –> Заливка» или нажмите Delete
В появившемся окне выберите «С учетом содержания» – без швов заполняет выделение окружающим изображением
Иногда, после использования такой заливки могут остаться «артефакты», которые легко будет убрать этим же инструментом или другими, просто повторив еще раз операцию на выделении меньшего размера.
Вариант 2:
Инструмент «Точечная восстанавливающая кисть» c галочкой «С учетом содержания» - дает примерно такое же действие, что и предыдущий инструмент.
Возьмите инструмент «Точечная восстанавливающая кисть» (1), выберите размер кисти (2) и поставьте галочку – «С учетом содержания» (3)
Инструментом поводите по той области, которую вы хотите скрыть
[/cut]
|
| |
|
| Эти 0 пользователя(ей) поблагодарили WitaLiy за это полезное сообщение: |
|
|
| WitaLiy | Дата: Ср, 20.07.2011, 16:57 | Сообщение # 123 |
|
Проводник
Ночные сталкеры
Сообщений: 2680
| [cut noguest=Урок №18: Вращение изображения…]
Наконец-то я написал данный урок 
Урок не сложный, но требующий время на его реализацию… Рассмотрим на примере плоской картинки (как создать объемную я так и не разобрался… извините)
1. Создаем холст, к примеру размером 200*200 с прозрачным фоном.
2. Вставляем новым нужную картинку. Важно: размер картинки должен быть примерно в два раза меньше по ширине, чем фон, это нужно что бы при вращении края на пропадали
3. Идем в меню 3D – новая открытка из слоя. Применяем.
4. Теперь применяем 3D – режим рисования – зеркало (чтобы и на обратной стороне, при вращении, была картинка)
5. Делаем копию слоя (1), отключаем видимость нижнего слоя (2), включаем инструмент «Поворот 3Д-объекта» (3) и изменяем параметр (4) на 20 градусов.
6. Повторяя п.5 несколько раз, создаем 18 копий слоя (5), на каждом последующем слое изменяя угол поворота +20. Пока не дойдем до 360 (6)
7. Переходим к панели «Анимация», на первом кадре включаем видимость первого слоя, создаем копию кадра и на нем включаем видимость второго слоя, отключив первый… и так далее до конца (7-1, 7-2).
8. Сохраняем, получаем:
Мы рассмотрели вращение изображения в одной из плоскостей, аналогично можно вращать и вертикально и по всякому, изменяя соответствующий угол поворота (или несколько сразу):
[/cut]
Добавлено (20.07.2011, 16:57)
---------------------------------------------
[cut noguest=Урок №19: Интересный плагин, расширяющий возможности ...]
Ulead GIF-X. Plugin 2.0 -- это мощный плагин для Photoshop позволяющий создавать высококачественные спецэффекты анимации которые занимают слишком много времени, если делать их вручную. Ulead GIF-X Plugin добавляет различные эффекты движения и освещения позволяя, делать анимированные GIF из Adobe Photoshop, Paint Shop Pro или другого редактора совместимого с плагинами Photoshop. Он включает 22 эффекта: молния, фейерверк, блик, метеор, комета лазер многое другое.
Установка:
1. Открываем папку Ulead_Gif-X_2.0 и запускаем файл Setup
2. Запустили, жмем когда нужно указать путь, куда установить плагин выбираем диск С - program files - Adobe - Adobe Photoshop CS5 (или какой там у вас), потом опять Next-Next-Next...Теперь внимание, опять указываем путь и действительно там неправильно написано plugins, ставим черточку Plug-ins и все...все у нас устанавливается куда надо, открываем фотошоп и вот он у нас,родной,никуда не потерялся, стоит, ждет нас!
3. Что-бы русифицировать: заходим теперь в папку uleadgif_x20_rus и выбираем uleadgif_x20_rus. Запускаем его, читаем что там написано
4. жмем далее, теперь внимательно, там уже прописан путь, но он неверный и если нажмете скажет что неверно указан путь, поэтому наш путь заканчиваем на plug-ins
5. Усё готово, дамы и господа! Идем в фотошоп , смотрим результат
и делаем какую нибудь фигню, типа этой
Примечание: если не стало запускаться и требовать недостающие библиотеки (*.dll), не пугайтесь, зайдите в папку, куда установило плагин, найдите нужные файлы dll и скопируйте их вручную в папку c:\Windows\System32\
Теперь насчет использования:
1. Выделяем изображение
2. Запускаем плагин, внизу у нас расположены названия видов анимаций,которые мы может тут сотворить
3. выбираем нужное и нажимаем для просмотра
4. Теперь, если понравилась анимация, останавливаем и сохраняем
5. Выбираем место, куда сохранить и даем название файлу и жмем сохранить. Теперь нажимаем отмена, ведь анимация уже сохранена. С параметрами думаю разберетесь сами, это дело индивидуальное, можно ничего и не менять, но поэкспериментировать не плохо!
p.s.: лишнее потом удаляем в фотошопе (типа желтого фона: покадрово-послойно... долго, но если хотите на прозрачном фоне, по другому никак). Ну или как вариант сделать подложку фона, близкого к тому, где будет размещаться анимация.
Удачи вам!
[/cut]
|
| |
|
| Эти 0 пользователя(ей) поблагодарили WitaLiy за это полезное сообщение: |
|
|
| CRO$$ | Дата: Чт, 21.07.2011, 19:46 | Сообщение # 124 |
|
Зомби
Пользователи
Сообщений: 3391
| Quote (WitaLiy™) [ Урок №18: Вращение изображения… ]
Спс за урок урок, а как сделать некую объёмность? А то картинка при вращение кажется какой-то плоской
Quote (WitaLiy™) [ Урок №19: Интересный плагин, расширяющий возможности ... ]
Спс, очень хороший плагин
|
| |
|
| Эти 0 пользователя(ей) поблагодарили CRO$$ за это полезное сообщение: |
|
|
| WitaLiy | Дата: Чт, 21.07.2011, 23:12 | Сообщение # 125 |
|
Проводник
Ночные сталкеры
Сообщений: 2680
| Quote (CRO$) как сделать некую объёмность?
Quote (WitaLiy™) как создать объемную я так и не разобрался… извините
сорри
|
| |
|
| Эти 0 пользователя(ей) поблагодарили WitaLiy за это полезное сообщение: |
|
|
| CRO$$ | Дата: Чт, 21.07.2011, 23:15 | Сообщение # 126 |
|
Зомби
Пользователи
Сообщений: 3391
| WitaLiy™, можно попробовать через обводку
|
| |
|
| Эти 0 пользователя(ей) поблагодарили CRO$$ за это полезное сообщение: |
|
|
| AnarxisT | Дата: Пт, 22.07.2011, 08:11 | Сообщение # 127 |
 Тень «Свободы»
Свобода
Сообщений: 7317
| Quote (WitaLiy™) [ Урок №18: Вращение изображения… ]
Quote (WitaLiy™) [ Урок №19: Интересный плагин, расширяющий возможности ... ]
Спасибо огромное! не знаю как по благодарить! Репу не поставишь а больше нечем!  :D
Спасибо - достаточно . Рад, что мои уроки оказались полезными. WitaLiy
|
| |
|
| Эти 0 пользователя(ей) поблагодарили AnarxisT за это полезное сообщение: |
|
|
| newklear | Дата: Пн, 25.07.2011, 22:44 | Сообщение # 128 |
 Тень «Свободы»
Свобода
Сообщений: 2076
| Привет всем, у меня вопросик назрел . Как менять размер изображения?
Будь с Лучшими - Вступай в Свободу!
|
| |
|
| Эти 0 пользователя(ей) поблагодарили newklear за это полезное сообщение: |
|
|
| CRO$$ | Дата: Пн, 25.07.2011, 22:45 | Сообщение # 129 |
|
Зомби
Пользователи
Сообщений: 3391
| newklear, в какой программе?
|
| |
|
| Эти 0 пользователя(ей) поблагодарили CRO$$ за это полезное сообщение: |
|
|
| newklear | Дата: Пн, 25.07.2011, 22:46 | Сообщение # 130 |
|
Тень «Свободы»
Свобода
Сообщений: 2076
| CRO$$, в Фотошопе.
Будь с Лучшими - Вступай в Свободу!
|
| |
|
| Эти 0 пользователя(ей) поблагодарили newklear за это полезное сообщение: |
|
|
| CRO$$ | Дата: Пн, 25.07.2011, 22:54 | Сообщение # 131 |
|
Зомби
Пользователи
Сообщений: 3391
| newklear, а ну это просто, тыцаешь изображение - размер изображения, и там выставляешь нужно количество пикселей
|
| |
|
| Эти 0 пользователя(ей) поблагодарили CRO$$ за это полезное сообщение: |
|
|
| Malik | Дата: Пн, 25.07.2011, 22:54 | Сообщение # 132 |
 Старший Советник
Свобода
Сообщений: 7515
| Урок №20: Делаем 3D анимацию в программе Xara 3D Maker 7
[cut noguest=Почитать]
1. Давайте рассмотрим, как быстро и просто сделать вращающуюся Медальку. Для этого нам понадобится программа Xara 3D Maker и заготовка самой Медальки.
Для медальки я выбрал заранее сделанное изображение размером 150х150 пикс.
2. Итак, открываем программу. По умолчанию нам будет дан текстовый шаблон с анимацией. В нашем примере он не понадобится, поэтому смело жмем на иконку Text оptions и в появившемся окне удаляем весь текст.
3. После этого мы выбираем иконку Button и во вкладке справа, в разделе Design options, назначаем форму будущей медальки Rounded (Окружность) Если нужно, можно подобрать форму на выбор — квадрат, квадрат со скругленными углами, треугольник и т. д.
4. У нас появляется заготовка круглой формы. Её можно повертеть в разные стороны, нажав мышкой на фронтальную сторону. Теперь мы открываем раздел Texture options, ставим галочку Texture и выбираем через Load texture наше изображение.
5. Мы видим, что боковая сторона медальки имеет растянутую тестуру от фронтальнй части. Чтобы это убрать, выбираем в разделе Color options выпадающее меню Button sides и убираем галочку Textures. Здесь же можно назначить цвет боковине.
6. Теперь в разделе Extrusion options назначаем толщину медальки (Depth).
7. Выбрав нужную толщину можно заняться конфигурацией профиля медальки. Раздел Bevel options — тут все зависит от вашей фантазии, пробуйте различные варианты, поэкспериментируйте с Miter, Round, Dept (Угол, Скругление, Глубина). Для удобства включите отображение источников света (их всего три) — иконка с Лампочкой в верхнем меню.
8. Каждому источнику света можно задать свой цвет в разделе Color options (Light 1, 2, 3)
9. Теперь можно приступать к анимации. Для этого зададим конечный размер клипа (главное меню Window, Frame size).
10. Включаем проигрывание анимации (пиктограммы в верхнем меню). Открываем раздел Animation options, задаем количество кадров (Frame per cycle), количество кадров в секунду (Frames per second). При помощи кнопки Animation picker открываем заготовки анимации и выбираем подходящий вариант (внизу есть окно просмотра). Потом можно поэкспериментировать с различными настройками анимации (то что находится под Animation picker).
11. Последний нюанс перед экспортом анимации — фон изображения. Чтобы избежать рваных границ в анимации с прозрачностью, фон следует назначить максимально приближенный к тому, на котором будет впоследствии размещен ваш клип. Для этого открываем раздел Color options выбираем Background и назначаем цвет. В идеале вообще подложить фоновое изображение (если оно будет присутствовать). Для этого нужно включить галочку Texture и выбрать фоновый рисунок.
12. А сейчас экспортируем наш клип. Выбираем в главном меню File, Export animation, задаем параметры и сохраняем на диск.
Вот, вкратце, и все, что касается 3D анимации объекта в Xara 3D Maker.
И немного продвинутое применение программы:
Ссылки на программы по запросу в ЛС.
[/cut]
Всякий подвиг имеет цену.
Сообщение отредактировал Malik - Вт, 02.08.2011, 01:45 |
| |
|
| Эти 0 пользователя(ей) поблагодарили Malik за это полезное сообщение: |
|
|
| CRO$$ | Дата: Пн, 25.07.2011, 23:00 | Сообщение # 133 |
|
Зомби
Пользователи
Сообщений: 3391
| Quote (Malik) [ Почитать ]
Как всё сложно  , уж лучше в ФШ сделать
|
| |
|
| Эти 0 пользователя(ей) поблагодарили CRO$$ за это полезное сообщение: |
|
|
| newklear | Дата: Пн, 25.07.2011, 23:06 | Сообщение # 134 |
|
Тень «Свободы»
Свобода
Сообщений: 2076
| CRO$$, ну там инструкция к каждому шагу
Будь с Лучшими - Вступай в Свободу!
|
| |
|
| Эти 0 пользователя(ей) поблагодарили newklear за это полезное сообщение: |
|
|
| Malik | Дата: Пн, 25.07.2011, 23:07 | Сообщение # 135 |
|
Старший Советник
Свобода
Сообщений: 7515
| CRO$$, Вот было бы круто сравнить, Займись. Многим будет полезно. Я в Шопе, например, не умею.
Всякий подвиг имеет цену.
|
| |
|
| Эти 0 пользователя(ей) поблагодарили Malik за это полезное сообщение: |
|
|
|
