Войти на сайт Регистрация Лента форума Пользователи Правила сайта Поиск по форуму
Модератор форума: Тим_Везунчик, Леопард  
Форум » Нейтральная территория » Бар «101 Рентген» » Изобретатель » Уроки фотошопа. Суперкурс для новичков (небольшие уроки работы в Фотошопе...)
Уроки фотошопа. Суперкурс для новичков
WitaLiyДата: Пт, 27.05.2011, 23:00 | Сообщение # 1
Проводник
Ночные сталкеры
Сообщений: 2680
Награды: 36
Репутация: [ 1749 ]

Уроки фотошопа.
Суперкурс для новичков
(небольшие уроки работы в Фотошопе...)


По многочисленным просьбам попытаюсь научить делать анимацию в Фотошопе.

Дня начала нам нужно установить прогу (я пользуюсь русифицированной Photoshop CS5).

[cut=Ссылки на уроки:]
[table][tr][td]
Урок №1: Появление текста
Урок №2: Делаем гигабар
Урок №3: "Зажигаем... "
Урок №4: Бегущие огни
Урок №5: Постреляем…
Урок №6: Делаем сложную анимацию из нескольких простых…
Урок №7: Эффект ветра…
Урок №8: Небольшой обзор инструментов ФШ
Урок №9: Знакомимся с программой DPAnimationMaker
Урок №10: Гром и молнии…
Урок №11: Течение времени... анимация плывущих облаков
Урок №12: Песчаный текст
Урок №13: Еще одни плывущие облака...
Урок №14: Не знаю как назвать, пусть будет - собирающийся текст…
Урок №15: Делаем gif-анимацию из видео
Урок №16: Надпись пером …
Урок №17: Удаляем предметы с изображения…
Урок №18: Вращение изображения…
Урок №19: Плагин для ФШ - Ulead GIF-X. Plugin 2.0
Урок №20 ч.1: Делаем 3D анимацию в программе Xara 3D Maker 7[от Malik]
Урок №21: Как сделать гигабар с снаряжением... [от CROSS]
Урок №22: Любопытнейший эффект узора в Photoshop…
Урок №23: Программа 123 AVI to GIF [от CROSS]
Урок №24: Закручивающийся текст…
Урок №20 ч.2: Делаем 3D анимацию в программе Xara 3D Maker 7[от Malik]
Урок №25: Солнечные лучи...
Урок №26: В лучах заката…
Урок №27: 3D текст при помощи функции "Чеканка"...
Хитрости и разные полезности для ФотоШоп[от dmitry778]
Урок №28: Роботизация – как сделать хромированного киборга
Урок №29: Выжигание текста лазером
Урок №30: Бегущая неоновая строка
Урок №31: Рамка для аватара
Один из методов Выделение в ФШопе: Создание маски с помощью цветового канала. (видео)
Марионеточная деформация (видео)

[/td][/tr][/table][/cut]


Удачи в освоении! Надеюсь понятно написано wink Если возникнут вопросы - оставляйте их в теме, будем совместно решать. И когда есть комментарии (вопросы) то понятно - что есть и заинтересованные в продолжении уроков smile

Кураторы темы: Malik & WitaLiy




Сообщение отредактировал WitaLiy - Чт, 21.11.2013, 12:44
 
коля71Дата: Пт, 08.07.2011, 09:36 | Сообщение # 121
Удаленные



Quote (WitaLiy)
картинка в инете найдена, лень было свой скрин с переводом делать

Виталий а из какой програмы картинка в фотошопе я такой не встретил?
 
WitaLiyДата: Вт, 12.07.2011, 17:34 | Сообщение # 122
Проводник
Ночные сталкеры
Сообщений: 2680
Награды: 36
Репутация: [ 1749 ]

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, в более ранних не получится wink smile

Вариант 1: А был ли мальчик ….

Заливка с учетом содержания изображения
- это новый инструмент, который позволяет убрать ненужные элементы на изображении просто удалив их. Фон под этими элементами будет дорисовываться с учетом содержания.

Выделите часть изображения, которую вы хотите заполнить. Будет лучше, если выделение будет чуть больше элемента, который хотите убрать.
Выберите «Редактирование –> Заливка» или нажмите Delete

В появившемся окне выберите «С учетом содержания» – без швов заполняет выделение окружающим изображением


Иногда, после использования такой заливки могут остаться «артефакты», которые легко будет убрать этим же инструментом или другими, просто повторив еще раз операцию на выделении меньшего размера.

Вариант 2:
Инструмент «Точечная восстанавливающая кисть» c галочкой «С учетом содержания» - дает примерно такое же действие, что и предыдущий инструмент.

Возьмите инструмент «Точечная восстанавливающая кисть» (1), выберите размер кисти (2) и поставьте галочку – «С учетом содержания» (3)


Инструментом поводите по той области, которую вы хотите скрыть


[/cut]


 
WitaLiyДата: Ср, 20.07.2011, 16:57 | Сообщение # 123
Проводник
Ночные сталкеры
Сообщений: 2680
Награды: 36
Репутация: [ 1749 ]

[cut noguest=Урок №18: Вращение изображения…]
Наконец-то я написал данный урок cool

Урок не сложный, но требующий время на его реализацию… Рассмотрим на примере плоской картинки (как создать объемную я так и не разобрался… извините) wink

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]


 
CRO$$Дата: Чт, 21.07.2011, 19:46 | Сообщение # 124
Зомби
Пользователи
Сообщений: 3391
Награды: 0
Репутация: [ -122 ]

Quote (WitaLiy™)
[ Урок №18: Вращение изображения… ]

Спс за урок урок, а как сделать некую объёмность? А то картинка при вращение кажется какой-то плоской
Quote (WitaLiy™)
[ Урок №19: Интересный плагин, расширяющий возможности ... ]

Спс, очень хороший плагин smile
 
WitaLiyДата: Чт, 21.07.2011, 23:12 | Сообщение # 125
Проводник
Ночные сталкеры
Сообщений: 2680
Награды: 36
Репутация: [ 1749 ]

Quote (CRO$)
как сделать некую объёмность?

Quote (WitaLiy™)
как создать объемную я так и не разобрался… извините

сорри wink


 
CRO$$Дата: Чт, 21.07.2011, 23:15 | Сообщение # 126
Зомби
Пользователи
Сообщений: 3391
Награды: 0
Репутация: [ -122 ]

WitaLiy™, можно попробовать через обводку smile
 
AnarxisTДата: Пт, 22.07.2011, 08:11 | Сообщение # 127
Тень «Свободы»
Свобода
Сообщений: 7317
Награды: 34
Репутация: [ 1324 ]

Quote (WitaLiy™)
[ Урок №18: Вращение изображения… ]

Quote (WitaLiy™)
[ Урок №19: Интересный плагин, расширяющий возможности ... ]

Спасибо огромное! не знаю как по благодарить! Репу не поставишь а больше нечем! biggrin :D biggrin cool

Спасибо - достаточно biggrin . Рад, что мои уроки оказались полезными. WitaLiy


 
newklearДата: Пн, 25.07.2011, 22:44 | Сообщение # 128
Тень «Свободы»
Свобода
Сообщений: 2076
Награды: 21
Репутация: [ 652 ]

Привет всем, у меня вопросик назрел . Как менять размер изображения?


Будь с Лучшими - Вступай в Свободу!
 
CRO$$Дата: Пн, 25.07.2011, 22:45 | Сообщение # 129
Зомби
Пользователи
Сообщений: 3391
Награды: 0
Репутация: [ -122 ]

newklear, в какой программе?
 
newklearДата: Пн, 25.07.2011, 22:46 | Сообщение # 130
Тень «Свободы»
Свобода
Сообщений: 2076
Награды: 21
Репутация: [ 652 ]

CRO$$, в Фотошопе.


Будь с Лучшими - Вступай в Свободу!
 
CRO$$Дата: Пн, 25.07.2011, 22:54 | Сообщение # 131
Зомби
Пользователи
Сообщений: 3391
Награды: 0
Репутация: [ -122 ]

newklear, а ну это просто, тыцаешь изображение - размер изображения, и там выставляешь нужно количество пикселей wink
 
MalikДата: Пн, 25.07.2011, 22:54 | Сообщение # 132
Старший Советник
Свобода
Сообщений: 7504
Награды: 29
Репутация: [ 970 ]

Урок №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
 
CRO$$Дата: Пн, 25.07.2011, 23:00 | Сообщение # 133
Зомби
Пользователи
Сообщений: 3391
Награды: 0
Репутация: [ -122 ]

Quote (Malik)
[ Почитать ]

Как всё сложно wacko , уж лучше в ФШ сделать smile
 
newklearДата: Пн, 25.07.2011, 23:06 | Сообщение # 134
Тень «Свободы»
Свобода
Сообщений: 2076
Награды: 21
Репутация: [ 652 ]

CRO$$, ну там инструкция к каждому шагу smile


Будь с Лучшими - Вступай в Свободу!
 
MalikДата: Пн, 25.07.2011, 23:07 | Сообщение # 135
Старший Советник
Свобода
Сообщений: 7504
Награды: 29
Репутация: [ 970 ]

CRO$$, Вот было бы круто сравнить, Займись. Многим будет полезно. Я в Шопе, например, не умею.


Всякий подвиг имеет цену.
 
Форум » Нейтральная территория » Бар «101 Рентген» » Изобретатель » Уроки фотошопа. Суперкурс для новичков (небольшие уроки работы в Фотошопе...)
Поиск: