|
Уроки фотошопа. Суперкурс для новичков
|
|
| WitaLiy | Дата: Пт, 27.05.2011, 23:00 | Сообщение # 1 |
 Проводник
Ночные сталкеры
Сообщений: 2681
| Уроки фотошопа.
Суперкурс для новичков
(небольшие уроки работы в Фотошопе...)
По многочисленным просьбам попытаюсь научить делать анимацию в Фотошопе.
Дня начала нам нужно установить прогу (я пользуюсь русифицированной Photoshop CS5).
Удачи в освоении! Надеюсь понятно написано  Если возникнут вопросы - оставляйте их в теме, будем совместно решать. И когда есть комментарии (вопросы) то понятно - что есть и заинтересованные в продолжении уроков 
Кураторы темы: Malik & WitaLiy
Сообщение отредактировал WitaLiy - Чт, 21.11.2013, 12:44 |
| |
|
| Эти 0 пользователя(ей) поблагодарили WitaLiy за это полезное сообщение: |
|
|
| Malik | Дата: Вт, 02.08.2011, 00:22 | Сообщение # 166 |
 Старший Советник
Свобода
Сообщений: 7559
| Quote (CRO$) чтоб картинка не занимала лишнего места
Для этого нужно:
1. выставить размер конечной анимации до нужных размеров по высоте и ширине
2. вверху под главным меню, где параметры текста (шрифт и т. п.) вместо Fit to width выставить размер в пунктах, так, чтобы картинка занимала максимальную высоту с учетом примененного эффекта.
3. при экспорте выбрать Current size и поставить справа галочку Crop.
Добавлено (02.08.2011, 00:22)
---------------------------------------------
Делаем 3D анимацию в программе Xara 3D Maker 7
(часть вторая)
Создание фигур произвольной формы
[cut noguest=Почитать]
Сейчас мы научимся создавать 3D объекты произвольной формы. Для этого нам понадобится две программы Xara Designer Pro 7, Xara 3D Maker 7 и заготовка для самой фигуры.
Ссылки на программы по запросу в ЛС.
1. Для фигуры я выбрал заранее найденное изображение.
2. Итак, открываем программу Xara Designer Pro. Не долго думая, идем в пункт меню File / Import и загружаем нашу картинку.
3. Поскольку мы будем делать анимацию нашивки, наша задача обвести ее по контуру. Для этого выбираем инструмент Shape Tool.
4. Начинаем обводку. Для того чтобы линию было лучше видно, можно увеличить толщину линии (значение в пикселях в верхнем меню) и назначить ей контрастный цвет (правой кнопкой мыши на палитре цветов внизу (из появившегося меню выбрать Set Line Color).
5. Удобнее сначала ставить точки в ключевых местах, там где линия будет менять направление под углом. В конце необходимо замкнуть линию наведя курсор на точку начала.
6. У нас получилась замкнутая фигура. Теперь подводим курсор к середине отрезка линии (курсор при этом должен поменять форму) и изменяем кривизну до необходимого изгиба.
7. Проделываем это со всеми необходимыми участками фигуры. В результате мы должны получить нечто подобное.
После этого нужно выбрать оба объекта. Для этогоУДЕРЖИВАЯ клавишу Shift кликаем мышкой на них по очереди (можно также нажать Ctrl+A — выделятся все объекты на странице).
8. Теперь остается вырезать из нижней картинки объект нарисованной формы. Для этого нажимаем Ctrl+4.
9. Лишний объект выделяем и удаляем (клавиша Delete). Остается нужный объект заданной формы.
Теперь Сохраняем файл. После этого мы Экспортируем наш объект в формат PNG (главное меню, пункт File / Export).
10. Пол-дела сделано. Теперь открываем программу Xara 3D Maker. По умолчанию нам будет дан текстовый шаблон с анимацией. Жмем на иконку Text оptions и в появившемся окне удаляем весь текст.
11. Нам нужно импортировать созданный в Xara Designer файл — меню File / Import design. В Типе файла УКАЗЫВАЕМ формат Xara (*.xar, *.web) и выбираем наш файл
12. А дальше повторяем Шаги с 4-го по 12-й из Урока №1 «Делаем 3D анимацию в программе Xara 3D Maker 7». Назначаем текстуру (Экспортированную из Xara Design Pro) и так далее...
В результате должно получится что-нибудь на подобие Этого:
Ссылки на программы по запросу в ЛС.
[/cut]
Всякий подвиг имеет цену.
Сообщение отредактировал Malik - Вт, 02.08.2011, 01:43 |
| |
|
| Эти 0 пользователя(ей) поблагодарили Malik за это полезное сообщение: |
|
|
| Кера | Дата: Вт, 02.08.2011, 02:20 | Сообщение # 167 |
|
Удаленные
| WitaLiy™, есть утебя шрифт(СТАЛКЕР).
|
| |
|
| Эти 0 пользователя(ей) поблагодарили Кера за это полезное сообщение: |
|
|
| Malik | Дата: Вт, 02.08.2011, 02:26 | Сообщение # 168 |
|
Старший Советник
Свобода
Сообщений: 7559
| Кера, в ЛС отправил ссылку на шрифт.
Всякий подвиг имеет цену.
|
| |
|
| Эти 0 пользователя(ей) поблагодарили Malik за это полезное сообщение: |
|
|
| DrFreeman | Дата: Вт, 02.08.2011, 08:34 | Сообщение # 169 |
 Хозяин Зоны
Свобода
Сообщений: 1554
| Malik, Можно мне тоже ссылку на шрифты S.T.A.L.K.E.R.? 
|
| |
|
| Эти 0 пользователя(ей) поблагодарили DrFreeman за это полезное сообщение: |
|
|
| Malik | Дата: Вт, 02.08.2011, 09:33 | Сообщение # 170 |
|
Старший Советник
Свобода
Сообщений: 7559
| СталкерШоп, можно, конечно. В ЛС загляни.
Всякий подвиг имеет цену.
|
| |
|
| Эти 0 пользователя(ей) поблагодарили Malik за это полезное сообщение: |
|
|
| CRO$$ | Дата: Вт, 02.08.2011, 11:52 | Сообщение # 171 |
|
Зомби
Пользователи
Сообщений: 3391
| Malik, а сколько у тебя СТАЛКЕРских шрифтов?У меня 2 - 1-ый Выглядит как надпись S.T.A.L.K.E.R. , а 2-ой выглядит как надпись "ПАУЗА" в игре. Есть ещё какие-то сталкерские шрифты?
|
| |
|
| Эти 0 пользователя(ей) поблагодарили CRO$$ за это полезное сообщение: |
|
|
| Malik | Дата: Вт, 02.08.2011, 13:18 | Сообщение # 172 |
|
Старший Советник
Свобода
Сообщений: 7559
|
Я не очень помню как выглядит Пауза.
Там набор из вытянутых вертикальных букв аля Сталкер, только без поперечных полос. Есть один с рваными краями.
Всякий подвиг имеет цену.
|
| |
|
| Эти 0 пользователя(ей) поблагодарили Malik за это полезное сообщение: |
|
|
| CRO$$ | Дата: Вт, 02.08.2011, 13:21 | Сообщение # 173 |
|
Зомби
Пользователи
Сообщений: 3391
| Malik, ага, эти у меня есть
|
| |
|
| Эти 0 пользователя(ей) поблагодарили CRO$$ за это полезное сообщение: |
|
|
| Malik | Дата: Вт, 02.08.2011, 13:29 | Сообщение # 174 |
|
Старший Советник
Свобода
Сообщений: 7559
| CRO$$, Да, этот набор распространенный. Он еще до игры Сталкер был)) А у тебя есть с полосками, как на Логотипе?
Всякий подвиг имеет цену.
Сообщение отредактировал Malik - Вт, 02.08.2011, 13:34 |
| |
|
| Эти 0 пользователя(ей) поблагодарили Malik за это полезное сообщение: |
|
|
| CRO$$ | Дата: Вт, 02.08.2011, 14:26 | Сообщение # 175 |
|
Зомби
Пользователи
Сообщений: 3391
| Malik, да, могу кинуть ссылку
|
| |
|
| Эти 0 пользователя(ей) поблагодарили CRO$$ за это полезное сообщение: |
|
|
| Malik | Дата: Вт, 02.08.2011, 14:54 | Сообщение # 176 |
|
Старший Советник
Свобода
Сообщений: 7559
| Quote (CRO$) могу кинуть ссылку
Кинь, пожалуйста.
Всякий подвиг имеет цену.
|
| |
|
| Эти 0 пользователя(ей) поблагодарили Malik за это полезное сообщение: |
|
|
| коля71 | Дата: Вт, 02.08.2011, 15:49 | Сообщение # 177 |
|
Удаленные
| Внимание ссылки на сталкерские шрифты и некоторие кисти находятся на второй странице.
Перенес ссылки в шапку темы, и еще несколько добавил. WitaLiy
|
| |
|
| Эти 0 пользователя(ей) поблагодарили коля71 за это полезное сообщение: |
|
|
| Malik | Дата: Вт, 02.08.2011, 15:57 | Сообщение # 178 |
|
Старший Советник
Свобода
Сообщений: 7559
| коля71, Спасибо!
Всякий подвиг имеет цену.
|
| |
|
| Эти 0 пользователя(ей) поблагодарили Malik за это полезное сообщение: |
|
|
| WitaLiy | Дата: Чт, 18.08.2011, 14:23 | Сообщение # 179 |
|
Проводник
Ночные сталкеры
Сообщений: 2681
| [cut noguest=Урок №25: Солнечные лучи...]
Раннее мы добавляли на изображение анимацию пасмурной погоды (дождь, молнии), в этом уроке я хочу рассказать (в картинках) как добавить немного позитива - эффект солнечных лучей на изображение.
Берем нужное изображение и грузим его в фотошоп.
в итоге получаем следующее:
[/cut]
Добавлено (10.08.2011, 14:06)
---------------------------------------------
[cut noguest=Урок №26: В лучах заката…]
Для этого урока нам понадобится плагин Knoll Light Factory 3.1
Плагин - в который включены более 200 шаблонов и пресетов предназначен для создания световых эффектов, преимущественно бликов — отражений от ярких источников света, например, от Солнца. Такие эффекты могут использоваться при создании логотипов, других текстовых эффектов, для улучшения фотографий и т.д.
В версии Knoll Light Factory 3.1 полностью переработан интерфейс программы, появилась возможность предварительного просмотра шаблонов для имитации бликов в реальном времени. Число таких заготовок значительно увеличилось и достигло двухсот. Кроме этого, добавлена поддержка 16-битного цвета, появилась кнопка Randomize для случайного выбора настроек эффектов, улучшена функция отмены действий, добавлена поддержка Photoshop CS4, Photoshop CS5, Windows Vista и 7, 64-битных версий Windows. Теперь Вы можете делать и собственные эффекты, легко создать естественное освещение, объединив 19 элементов, которые встречаются в реальной жизни при фотографировании огней и ярких объектов. Стала возможна работа с выборочными слоями.
Ну а теперь сам урок:
1. Открываем изображение в фотошопе и дублируем его 4 раза, чтоб получилось 5 слоев
2. Окно – Анимация, нажимаем создать кадры из слоев
3. Становимся на первый кадр и для начала анимируем воду, выделяем ее любым способом (я воспользовался инструментом «Лассо»)
4. И идем в Фильтр - Штрихи – Разбрызгивание, параметры не меняем, нажимаем ОК
5. Теперь переходим на второй кадр-слой и нажимаем CTRL + F и так со всеми слоями
Водичка у нас готова! Снимаем выделение.
6. Теперь переходим к солнышку, становимся на первый кадр-слой и выбираем Фильтр - Red Giant Software - Кnoll Light Factory
7. Выбираем тот световой эффект, который нам на данный момент к этой картинке подходит (1), передвигаем солнышко на наше (2), остальные параметры ПОКА не меняем, жмем ОК
8. Потом в следующих слоях просто передвигаем эти ползунки, чем меняем параметры освещения
Можно поменять цвет нашего светового эффекта тут
9. Когда закончили с солнышком, берем инструмент «осветляющая кисть»
и на каждом слое просто "тычем" в разных местах, делая блики на воде
10. Анимация готова, смотрим. Выставляем нужное время, и сохраняем…
[cut noguest=и еще несколько примеров, сделанных с помощью этого плагина]
[/cut][/cut]
Добавлено (18.08.2011, 14:23)
---------------------------------------------
[cut noguest=Урок №27: 3D текст при помощи функции "Чеканка"...]
В Adobe Photoshop CS5 Extended появилась новая функция Чеканка. Она позволяет создавать 3D объекты путём выдавливания текста, выделения, контуров и маски слоя. Это действительно очень мощный инструмент и в этом уроке будет показано, как им пользоваться.
1. Создайте новый документ (Ctrl + N) и инструментом Горизонтальный текст напишите слово “3D”, используя шрифт “Impact”.
2. Переходим в меню 3D – Чеканка – Текстовый слой. Это и есть новый инструмент (функция), встроенный в версию CS5. В появившемся окне есть не мало параметров. Сначала нужно выбрать шаблон формы. Я выбрал первый шаблон Экструзия, но немного изменил его параметры. Введите значения, показанные ниже, и мы получим иллюзию того, что текст поднимается из земли в небо.
Ещё одна хорошая особенность в том, что Вы можете поворачивать объект, изменять его размер и передвигать, пока не получите нужный результат.
3. Добавить текстуру на текст будет не сложно. В Фотошопе есть 3D палитра, где можно отредактировать объект. Чтобы её открыть перейдите в меню Окно – 3D. Выберите текстовый объект и у Вас появится список: Материал передней выпуклости, Материал переднего скоса и т.д. Это области, к которым можно применить текстуру. Выберите пункт Материал экструзии. Справа от иконки цвета параметра Рассеивание есть иконка (она отмечена красным кругом на изображении ниже). Кликните на неё и выберите Открыть текстуру. У вас откроется новый документ. В нём Вам и нужно создавать текстуру.
Я использовал камни. Вставьте её в документ для создания текстуры и подкорректируйте цвета. Потом сохраните файл. Фотошоп автоматически обновит 3D объект, добавив текстуру. Если Вы хотите сделать кирпичи меньше, опять кликните на иконке рядом с цветом и выберите Редактировать текстуру. Появится окошко с настройками. Там Вы можете настроить параметры текстуры.
4. Теперь выберите Материал передней выпуклости и повторите то, что делали в предыдущем пункте. Только в этот раз нужно использовать другую текстуру.
5. После изменения материалов, Вы будете иметь результат, показанный ниже. Как видите, весь процесс оказался намного проще, чем использование разных инструментов с применением внешних программ.
6. Нужно добавить света, чтобы объект выглядел реалистичнее. В той же 3D палитре кликните на иконке лампочки, чтобы открыть 3D (свет). У нас есть Точечный свет со значением Интенсивности – 2. Он также создаёт тени с параметром Сглаживание – 100%.
7. Начнём сочетать 3D и 2D объекты. В качестве фона я буду использовать фотографию неба. Откройте её в Фотошопе и вставьте в наш документ позади слоя с 3D текстом. Потом пройдите в меню Изображение – Коррекции – Цветовой тон/Насыщенность и настройте по своему усмотрению.
Потом пройдите в меню Изображение – Коррекции – Фотофильтр. Я выбрал оранжевый цвет со значением Плотности – 50%.
И последняя коррекция – это заливка градиентом. Пройдите в меню Слой – Новый слой-заливка – Градиент. Я использовал радиальный градиент от серого к чёрному. После применения этого слоя установите его Режим наложения на Осветление основы. Это нужно для того, чтобы создать свечение от солнца позади 3D текста.
8. Создайте новый слой (Ctrl + Shift + N) поверх остальных слоёв, включая 3D текст. Установите цвета по умолчанию и пройдите в меню Фильтр – Рендеринг – Облака. Установите Режим наложения этого слоя на Затемнение основы.
9. Создайте новый слой (Ctrl + Shift + N) поверх остальных, выберите инструмент Кисть и перейдите в палитру кистей (F5). Настройте кисть, как показано ниже. Основной параметр здесь – это Текстура. В нём нужно выбрать узор. Также запомните, что если Вы увеличиваете размер кисти, то размер текстуры тоже нужно увеличить.
Настроенной кистью белым цветом нарисуйте облака:
10. Выберите другой цвет (у меня коричневый) и нарисуйте поверх белых, которые мы создали в предыдущем шаге. Снова выберите белый цвет и нарисуйте облака. Идея этих трёх шагов с облаками – это добавление глубины путём использования коричневого цвета.
11. Сейчас нужно сделать наиболее важную вещь – настроить объекты 3D сцены. Передвиньте света так, чтобы они осветили всю сцену должны образом.
Чтобы увидеть все 3D объекты, кликните на иконке в нижней части 3D палитры и выберите Показать все.
12. Сохраняем получившийся результат.
[/cut]
|
| |
|
| Эти 0 пользователя(ей) поблагодарили WitaLiy за это полезное сообщение: |
|
|
| Sesa™ | Дата: Ср, 24.08.2011, 17:53 | Сообщение # 180 |
|
Удаленные
| Вопрос к Уроку 1. Как можно включить анимацию, если внизу не отображаются кадры. У меня после установки [cut=такой вид] [/cut]
Сообщение отредактировал sesa - Ср, 24.08.2011, 17:55 |
| |
|
| Эти 0 пользователя(ей) поблагодарили Sesa™ за это полезное сообщение: |
|
|
|
