WoW JP

Начинающему дизайнеру

Battle — Thu, 09 Nov 2023 11:29:51 GMT

Форум: Уроки и прочее
Автор темы: Battle
Автор последнего сообщения: Nastai
Количество ответов: 3

Помощь в видео-редакторах

Howaito — Thu, 09 Nov 2023 11:27:17 GMT

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

Помощь в Фотошопе

Fallmist — Thu, 09 Nov 2023 11:25:16 GMT

Поскольку на форуме, а если быть точнее в этом разделе есть много тем с текстом типа "Помогите сделать такой эффект" или "А какой тут фильтр" и т.д.
То поэтому решил создать эту тему....
Тут вы можете задать любой вас интересующий вопрос:
1) Как сделать как на этой картинке
2) Что сдесь за фильтры и т.д.

[Урок] Создаем банер не прибегая к ps (в онлайн редакторе)

Celldweller — Fri, 15 Apr 2022 09:56:08 GMT

Цитата

Гайд написан для тех,у кого нет "photoshop" или есть,но они не умеют им пользоваться.
Здесь я напишу подробный гайд,как сделать банер (или что вы хотите) для вашего сервера\сайта.
Приложение рассчитано для редактирования фотографий,поэтому "супер-пупер" банер врятли удастся
сделать.

Цитата

Что нам нужно: страница в вк,flasplayer.
В данной уроке я за пример возьму банер 400х216,делать мы его будем из 5 текстур и надписи.
Исходники лучше брать тут
Я взял эти 3 картинки ,т.к они по моему мнению будут хорошо сочетаться при наложении.

[blizz]

Итак,поехали.

Ну вот и все,все готово)

[/blizz]

[Наши работы в графических редакторах] 3

Imperor — Wed, 09 Dec 2020 08:13:52 GMT

Форум: Уроки и прочее
Автор темы: Imperor
Автор последнего сообщения: Manager_Betatransfer
Количество ответов: 7529

[Урок] Делаем красивое меню

Belkus — Thu, 28 May 2020 11:45:47 GMT

Источник : DEMI ART

Шаг 1
Создадим новый документ. Зальем основу черным цветом. Затем добавим градиент от темно-синего цвета к прозрачному от нижнего края к верхнему.

Шаг 2
На новом слое создадим белый прямоугольник (кусочек бумаги).

Шаг 3
Выделим края и, используя серый градиент, «загнём» их.

Шаг 4
Листик не должен быть освещен равномерно. Немного затемним края.

Шаг 5
Искривляем

Шаг 6
Отрежем острые края листика.

Шаг 7
Напишем текст.

Шаг 8
Добавим тень. Я использовал настройки, которые показаны на картинке.

Результат
Таким же образом создаем и остальные листики для меню, они могут быть разного цвета и размера.

Подсовываем меню под «контентный блок». Обратите внимание, что от блока на меню также падает тень.

Вот и готово!

[Урок] Рисуем знамя/Флаг

Аres — Tue, 26 Mar 2019 12:04:59 GMT

Урок подготовлен не мной.Нашёл на одном интересном сайте.От пользователя DKarts Подобного тут не нашёл,а если и есть строго не судите,не видел.

Урок интересный и довольно полезный.

Итак:
В этом уроке я объясню, как можно используя инструмент Pen Tool-Перо
нарисовать красивый свисающий флаг или знамя для меню или других декоративных элементов дизайна.

Шаг 1. Рисуем заготовку.

Шаг 2. Рисуем изгибы.

Шаг 3. Добавляем текстуры.

Всем Спасибо за внимание,будем надеяться у вас получилось:bye:

[Урок] Аватар от известного паблика

DevStorm — Fri, 11 Nov 2016 16:25:19 GMT

Аватарка для сообщества в соц сетях должна обладать 3 простыми качествами
1) Броскость (должна бросаться в глаза сразу при заходе на страницу)
2) Качественность (Работать нужно правильно и работать нужно не в paint)
3) Аватарка должна отражать суть или тематику паблика

Под эти критерии отлично подходит аватарка небезызвестного WoW Circle

Вы можете взять ее и придумать что-то свое на основе исходников :
https://yadi.sk/i/fwRRcosCiVs3s

Пробуйтеи помните, что чем лучше у вас настроение тем больше шансов сделать хорошую работу
Ну и поставьте + ик если считаете что я писал эту статью не зря

WOWjp подскажи

artemiuss05 — Mon, 01 Feb 2016 22:14:03 GMT

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

-Хотелось бы узнать(если не секрет) на каком CMS сайт , как я увидел и удивился вы на ucoz хостинге(но явно не на бесплатной основе), не уж то под ucoz шаблончик писался?php_вроди не подключен. Все чисто на движке Ucoz? сам с uCoz я уже с 2009 года)классный хостинг.

Шаблон сами писали или заказывали?

[Учебник] Световое скручивание

Fallmist — Tue, 16 Jun 2015 17:17:54 GMT

Световое скручивание

Световое скручивание – это только название. Кажется, нет другого термина, который бы описывал это эффект лучше.
Если Вы создаете 3D – абстракции, основной эффект заключается в добавлении стиля к Вашей работе. При создании 3D – абстракции возможности чрезвычайно разнообразны.
Шаг 1. Создайте новый документ произвольного размера и заполните его черным или любым другим темным цветом.

Шаг 2. Активизируйте инструмент Brush Tool (Кисть). Выберите кисть с мягкими краями, и не слишком маленького размера. Если размер кисти будет маленький – световой эффект не будет таким интересным.
Установите в цветовой палитре белый цвет в качестве цвета переднего плана, и нарисуйте в центре документа строго вертикальную линию. Для того чтобы линия получилась идеально ровной, при рисовании удерживайте нажатой клавишу . Ваше изображение станет похоже на этот рисунок:

Шаг 3. Теперь выберите меню filter > distort > shear (Фильтр – Искажение – Искривление) и создайте зигзагообразную линию, как показано на рисунке. Поэкспериментируйте с разными видами зигзага, чтобы получить тот, который Вам подойдет. Нажмите ОК, чтобы применить эффект к Вашему изображению.

Шаг 4. Откройте изображение, вокруг которого будет обвиваться наш зигзаг и перенесите туда сам зигзаг. Вы можете вращать зигзаг как угодно, но конечный результат будет лучше, если зигзаг разместить строго по вертикали или по горизонтали. Автор урока решил обернуть зигзаг вокруг простой трубы.

Шаг 5. Для того, чтобы создать иллюзию глубины, начните удалять части зигзага. Решите сами, какие именно части зигзага Вы хотите удалить. Выделите необходимые части зигзага при помощи инструмента Lasso Tool (Лассо) и нажмите клавишу , для удаления.

Шаг 6. Чтобы создать дополнительный световой эффект, создайте копию слоя с зигзагом и примените к нему: Filter > Blur > Gaussian Blur (Фильтр – Размытие – Размытие по Гауссу) с радиусом размытия – 5 пикселов. Также можно добавить немного цвета к «размытому» зигзагу: для этого нажмите комбинацию клавиш для того, чтобы открыть диалоговое окно команды hue/saturation (Цветовой тон/Насыщенность). В диалоговом окне установите метку в пункте «Тонирование», немного уменьшите значение параметра Яркость, и, перемещая ползунок значения Насыщенность, добейтесь нужного Вам цвета. Измените режим наложения этого слоя на Затемнение и установите значение Непрозрачности по Вашему усмотрению.

Шаг 7. Для того чтобы завершить данный эффект, активизируйте инструмент Burn Tool (Затемнитель), и затемните небольшую часть зигзага, которая нахо дится позади трубы, которую он огибает. Можно также добавить блеск зигзагу для достижения максимально достоверного эффекта.

На этом урок закончен.

[Урок] Создания красочного грандж-портрета из фото

Aishi_natural — Tue, 16 Jun 2015 16:58:01 GMT

Материалы для урока:

Набор текстур

Гранжевые кисти (НАБОР ПЛАТНЫЙ!)

Источник:

[Учебник] Матовый фон для надписи

StuffLive — Wed, 29 Apr 2015 21:02:22 GMT

Матовый фон для надписи

В этом небольшом и быстром уроке, демонстрируется, как улучшить текстовую надпись, создав матовый фон, который может улучшить вид Ваших фотографий или проектов.

Шаг 1. Откройте любое изображение в Photoshop. Автор использовал осеннюю фотографию. Вы можете использовать подобный снимок, если Вам нравится. Или выберите любое другое. Переименуйте слой, дважды щелкая по слою, назовите эго "Листья".

Шаг 2. Создайте новый слой (Ctrl + Shift + N) сверху слоя Листья, и назовите его "Frosted Bar". Используя инструмент Прямоугольная область (M), проверьте, активным должен быть слой "Frosted Bar", сделайте выделение нужного Вам размера, выделение должно быть от одного края изображения до другого. Размещение бара Ваше дело. В случае автора: бар расположен у основания изображения, как показано ниже.

Шаг 3. Заполните выделение белым цветом, используя Инструмент Заливка (G) (#FFFFFF) и снимите текущее выделение (Ctrl) + D).

Шаг 4. Примените следующие стили слоя к "Frosted Bar" . (Параметры наложения: Нормальный - Непрозрачность заливки 20 %.

Обводка: Цвет белый (#FFFFFF) Размер 2 и Положение: снаружи и 50 % Непрозрачности.

Шаг 5. Мы должны будем отредактировать наше оригинальное изображение. Значит, лучше делать дубликат, таким образом Вы можете всегда полностью изменять его. Делаем копию слоя "Листья"((Ctrl) + J). Активный слой "copy Leaves" , загрузим выделение слоя с матовым изображение (Ctrl) + щелчок на слое "frosted bar" (по миниатюре изображения слоя). Примените Размытие по Гауссу (Фильтр>Размытие>Размытие по Гауссу) Радиус 20, жмём OK.

Шаг 6. Проработав основные моменты на слое "frosted bar". Создайте новый слой ((Ctrl) + Shift + N) сверху слоя "frosted bar", и назовите его "Highlights". Снова загрузите выделение слоя с матовым изображением, и выбираете инструмент Кисть (B). Используя большую мягкую кисть (500px, Нажим 0% и цвет Белый: #FFFFFF), осветлите верхние и нижние грани (как показано на изображении), а затем снизьте прозрачность слоя до 60 %.

Шаг 7. На заключительном шаге, добавим текст. Используя инструмент Горизонтальный текст (T) добавте любой текст, который Вы захотите в пределах бара любого размера (В случае автора, размер шрифта 100px). Снизьте прозрачность до 40 % на слое с текстом, и измените режим наложения на Перекрытие.

Финальное изображение
Посмотрите на то, что должно было получиться. Надеюсь, что Вам понравился урок!

[Видео Урок] Удаление лишних объектов

Krines — Sun, 02 Nov 2014 19:57:21 GMT

[Видео Урок] Тайтл Шифт в фотошопе

Krines — Sun, 02 Nov 2014 19:56:46 GMT

[Видео Урок] Матовый фон в фотошопе

Krines — Sun, 02 Nov 2014 19:54:35 GMT

Правила хорошего тона, или как правильно работать в Photoshop

Singler — Tue, 29 Apr 2014 17:45:10 GMT

Не секрет, что правильная организация рабочего места играет не малую роль в процессе создания того или иного продукта.
Так же не секрет, что существуют "Правила хорошего тона" в процессе работы и, как следствие, в результате работы.
Эти моменты предлагаю обсудить, так ли важно то, как мы "фотошопим" и как это сказывается на конечный результат.

Погуглив, нашел статью, "Правила хорошего тона в Photoshop". Из нее узнаем следующее (по-возможности сжато):

Цитата

1. Не плоди лишних файлов
Файл не используется в проекте? Удали его. Лишние файлы создают мусор и ухудшают работу.
2. Исходники храни в папке /source/
Создай отдельную папку /source/ или /ishodniki/, и храни в ней все исходники проекта. В корень проекта записывай только основные psd-шники.

С этим понятно, сравниваю со своим, почти так же:

Цитата

3. Прикрепляй к проекту несистемные шрифты
Копируй файлы шрифтов в папку /source/. Если шрифт несистемный, то велика вероятность его отсутствия у верстальщика..
Не забывай про лицензионные ограничения, налагаемые на коммерческие шрифты

Логично, хотя какие PSD не скачивал (из открытых источников), ни разу не видел прикрепления шрифтов в проект.
Я из этой ситуации выхожу растрированем - Rasterize (но по-своему: объединением слоя шрифта и пустого слоя).

Цитата

4. Называй файлы с учетом версии
К названиям файлов добавляй приставки, позволяющие легко определить актуальную версию. Например: ilovefile-1.psd или ilovefile-final.psd
5. Называй файлы по-английски или транслитом
Не называй файлы по-русски. При переносе файлов с PC на Mac могут слететь названия. Работать с файлами типа «?????.psd» не совсем удобно.
Этот «замечательный» эффект часто наблюдается при распаковке .rar архивов, содержащих файлы, названные по-русски.

Как у меня, можно наблюдать выше.

Цитата

6. Используй .zip вместо .rar
RAR-архивы не совсем идеально поддерживаются на UNIX-системах (MacOS, Linux). Возьми в привычку использование zip-архивов. Упрощаешь жизнь окружающим — улучшаешь отношение к себе.

Вопросов нет, уже давно для передачи другим zip, для себя rar (при необходимости).

Цитата

1. Не склеивай слои без необходимости
Оставив слои несклеенными, ты повышаешь скорость внесения правок в твои макеты. Перевод текста в растр тоже не рекомендуется.
Делай растеризацию слоев только перед версткой и только для слоев, содержащих сложные эффекты.

Склеиваю по ходу, потому как дальше продолжаю работать с полученным слоем.

Цитата

2. Используй папки
Группируй слои по папкам. Для каждой страницы создай свою папку и дай ей соответствующее название.

Для большого количества разный слоев группирую.

Цитата

3. Раскрашивай папки
Упрости чтение файла и жизнь окружающих — раскрась папки первого уровня в различные цвета.
4. Задавай глобальные элементы
«Шапку», «подвал», логотип и другие сквозные элементы сайта имеет смысл выносить в отдельную папку, делая их глобальными. Не следует их копировать в папку каждой страницы.
5. Давай слоям названия
Не забывай называть слои. Если у тебя более сотни слоев с названиями типа «Layer N», то файл становится абсолютно нечитаемым.

Не крашу / возможно / не всегда.

Цитата

6. Верстальщик сверстает все, что увидит
И будет прав. Не думай, что если один слой скрывает другой (вспомогательный, неправильный или просто забытый), то верстальщик его не увидит и не сверстает.
Удаляй из документа лишние слои.

В своих проектах (те что на выходе имеют картинку jpg, png или gif) ничего не удаляю, максимум скидываю в папки и убираю видимость.

Там еще несколько было правил, но меня они не сильно заинтересовали - зачастую делаю так, как там описывают, но не нашел следующего, что меня интересует больше:
- лучше использовать корректирующие слои, или применять все непосредственно на слоях ?
- лучше использовать векторные маски или стирать все ненужное на рабочем слое ?

Как вы организовываете свое рабочее место и какими правилами пользуетесь при работе?
Делимся опытом, приводим примеры, указываем источники, задаем вопросы (по теме), критикуем и подсказываем ... Тема открыта.

[Видео Урок] Создаем простенькую подпись

Innovation — Tue, 10 Dec 2013 10:55:30 GMT

[Видео-Учебник] Титры, собирающиеся из частиц

Турист — Sat, 07 Dec 2013 03:38:21 GMT

Всем привет сегодня мы увидем как сделать Титры, собирающиеся из частиц, получится очень красиво!

Урок был создан с помощью АЕ 7.0, а также фильтра "FE Pixel Polly" из пакета "Final Effect" и «Knoll Lens Flare Pro».

Шаг 1.

Создаем новую композицию 720x576 длительностью 5 сек, и создадим в ней наш логотип. Я использовал текстовый слой, но если у вас After Effect более ранних версий, то можете создать новый слой и применить к нему «Basic Text».
После чего помещаем наш логотип в новую композицию (я в своих уроках создаю новые композиции для того, чтобы Вам был более понятен весь процесс создания) и применим к нему фильтр FE Pixel Polly из пакета "Final Effect" со следующими настройками

В начале композиции установим ключи для параметров «Scatter Speed» и «Center Force» как на рисунке выше. Теперь перейдем в конец композиции и изменим эти параметры на «02.00» и «0х288» соответственно. У нас получилась анимация, в результате которой наш логотип разлетается на мелкие осколки.

Шаг 2.

Теперь добавим немного свечения, применив к нашему логотипу фильтр «Glow» со следующими настройками

Шаг 3.

Теперь перейдем к финальной композиции, и поместим туда наш логотип созданный в предыдущем шаге.
Поместим в нее композицию из Шага 2, выделим ее и включим «Time Remapping» (Layer->Time->Enable Time Remapping). К нашей композиции добавились 2 ключа, при помощи которых мы изменим нашу композицию наоборот, т.е. она начнет проигрываться от конца к началу. Для этого параметр ключа в начале композиции изменим на «0:00:05:00», а ключ в конце композиции на «0:00:00:00».
Вот практически и все. Осталось только добавить небольшой блик, который добавит немного разнообразия в нашу анимацию. Для этого создадим новый слой черного цвета, и применим к нему фильтр «Knoll Lens Flare Pro». Перейдем в композиции к позиции «0:00:03:10» и установим ключи как на рисунке:

После этого перейдем к позиции «0:00:04:00» и изменим ключи «Brightness» - «100», «Scale» - «1,00», «Light Source Location» - «500x283,8». В позиции «0:00:04:00» мы получили блик с максимальным свечением. И осталось только этот блик «потушить». Переходим в позицию «0:00:04:10» и изменяем «Brightness» - «0», «Scale» - «0,10», а также установим ключ параметра «Angle» - «1 х 0,0», чтобы в момент видимости блика он вращался.

Вот и все , что получится смотрим ниже

[Урок] Мутный фон на фото

InstructoR — Mon, 21 Oct 2013 08:41:05 GMT

Урок "Как сделать размытый фон на фотографии".
Самый простой способ размытия фона.
Для размытия берем фотографию

1.Открываем фотографию в редакторе.

2.Делаем копию (Слой – Создать дубликат слоя)

3.В закладке «Фильтры» выбираем «Размытие по Гауссу».
В открывшемся окне поставьте нужный вам радиус.

4.Затем в левой панели инструментов берем архивную кисть, ставим небольшую прозрачность и нажим кисти и аккуратно проводим по объекту на переднем плане.Далее берем резинку и аккуратно,где обводили линией защичаем. Потом объединяем слои Ctrl+E. Готово!
5. Вот что получилось... До и после!

Это моя первая тема. Строго не судите!)
Кому помог ставте плюсик =)

[Урок] Красивый логотип

Риверс — Wed, 02 Oct 2013 09:03:50 GMT

Всем привет.
В этом уроке я хочу вам показать как сделать простой но красивый логотип для сайта.

Ну, приступим! Для начала создадим новый файл.

Теперь качаем ШРИФТ,выбираем нужный нам цвет (я выбрал #66ccff) ну и собсно пишем сам текст (я написал WoWjp.net)

Добавим тень. Для этого кликните на слое с текстом правой клавишей и перейдите в "Параметры наложения".Настройки выставите как показано на картинке.

Затем добавим обводку.Параметры выставите как показано на картинке.

Теперь нам нужно добавить Штриховку.
Для этого на время отложим наш рисунок и создадим новый рисунок размером 3*3 пикселя. Увеличим его максимально, возьмём карандаш и белым цветом проведём второстепенную диагональ, как показано на рисунке:

После этого жмём Редактирование —>Определить узор. Рисунок закрываем.

Теперь возвращаемся к нашему логотипу. Опять переходим к Параметры наложения и добавляем эффект Наложение Узора, как на рисунке:

Теперь нам осталось добавить немного эффекта стекла. Для этого создайте новый слой, выберите инструмент "Эллипс" и нарисуйте эллипс, как на рисунке. Залейте его белым:

Теперь снимите выделение ( CTRL + D ), уменьшите "Прозрачность" и "Заливка" слоев по своему усмотрению.

Вот что получилось у меня:

Спасибо большое за прочтение.

[Видео-урок] Изучение фотошопа с НУЛЯ с Konark-ом

Krines — Tue, 27 Aug 2013 21:19:10 GMT

Здесь я буду выкладывать свои уроки. Есть и другие уроки на канале, но в этом теме только для тех, кто впервые скачал фотошоп или только хочет скачать, так что особые мастера не пишите: "ТА ЭТА ЖИ ЛИГКО", для вас - да, для некоторых - нет.

Понятие о слоях или как создавать слои в фотошопе #1

Добавлено (25.07.2013, 17:01)
---------------------------------------------

Как вернуть все назад в фотошопе #2

Добавлено (28.08.2013, 01:19)
---------------------------------------------

Два способа сделать фотографию черно-белой в фотошопе #3

[Урок] Свечение позади объекта

NeaxW — Sat, 13 Jul 2013 11:25:10 GMT

Очень простой, и до жути понятный урок, по созданию красивого свечения позади объекта.

Шаг 1

Создаем новый документ с черным фоном.

Шаг 2

Берем какой-нибудь объект, я взял Артаса, и ставим его по середине документа.

Шаг 3

Создаем копию слоя с Артасом и растрируем оба файла. Слои > Растрировать > Смарт-Объект

Шаг 4

Применяем к нижней копии слоя с Артасом, фильтр "Радиальное размытие" ( Radial Blur ). Фильтр > Размытие > Радиальное размытие.

Готово!

Если вам понравился урок, не забываем ставить "+". Так же, если у вас есть вопросы, вы можете задать их здесь.

[Видео-Урок] SpeedArt Goblin

DarKing_ — Sat, 15 Jun 2013 08:41:34 GMT

Еще один SpeedArt лично от меня и сайта NiceGFX

Download PSD File
DOWNLOAD

[Учебник] Архив

Singler — Wed, 05 Jun 2013 08:52:46 GMT

Тема содержит архив [Учебников] Sony Vegas, оформленных пользователями портала.
Указывается только название темы с ссылкой. Не для обсуждений. Новые темы с учебниками по Sony Vegas можно создавать в установленном порядке.

[Учебник] Введение и ознакомление с интерфейсом.
[Учебник] Обработка медиа файлов
[Учебник] Редактирование медиа.
[Учебник] Дорожки в Sony Vegas, часть 1
[Учебник] Дорожки в Sony Vegas, часть 2
[Учебник] Кадрирование и ключевые точки в Sony Vegas
[Учебник] Сохраняем качество видео
[Учебник] Вставляем футажи
[Учебник] Создание титров
[Учебник] Монтаж звука.
[Учебник] Звуковые Эффекты.
[Учебник] Видеоэффекты. Часть 1
[Учебник] Видеоэффекты. Часть 2
[Учебник] Форматы видеофайлов.

[Учебник] Удаление исходных звуковых фрагментов
[Учебник] Импорт DVD файлов
[Учебник] Добавление эффекта затухания
[Учебник] Бегущая подсветка текста
[Учебник] Создание 3D альбома
[Учебник] Линейная обработка света

[Учебник] Кадрирование и ключевые точки в Sony Vegas

Singler — Wed, 05 Jun 2013 08:51:58 GMT

Этот урок приводится, чтобы не нарушать целостности материала, взятого с videovegas, наряду с другим материалом. Слово автору ...

Добрый день, уважаемые читатели! Сегодня поговорим про очень полезный инструмент монтажа Pan/Crop, который предназначен для масштабирования, панорамирования, обрезки видеофрагментов. Наверное многие, которые пробовали работать с видео сталкивались с проблемой, когда видео или фотография после добавления в программу не растягивается на весь экран, оставляя по бокам черные полосы. Вот чтобы подогнать это видео под соответствующий размер нам и понадобится Pan/Crop.

Этот инструмент также можно использовать для создания движения статистических изображений (например фотографий). Также Video Event Pan/Crop используется для создания масок с помощью кривых Безье. Давайте же рассмотрим этот инструмент.

Кадрирование видео Video Event Pan/Crop
Чтобы открыть Pan/Crop, нужно выбрать в меню Tools/Video/Video Event Pan/Crop:

Или нажать на соответствующий значок в конце клипа:

В окне Pan/Crop вы увидите ваш клип в прямоугольной рамке. Это основная рабочая область. Её масштаб можно изменять колесиком мышки. Рамка показывает видимую часть кадра. Буква F обозначает положение ограничивающей зоны. Рабочую область можно перемещать с помощью мыши или координат x, y слева в окне.

При перемещении ограничивающей области будет происходить процесс панорамирования видео. За пределами текущего кадра мы можем увидеть дорожки которые находятся ниже текущей дорожки. Также с помощью рамки кадрирования можно масштабировать и поворачивать кадр:

Слева в окне Pan/Crop отображается окно настроек, где можно задать необходимые параметры очень точно с помощью цифр, также здесь присутствуют различные кнопки параметров. Давайте рассмотрим функции этих кнопок окна Pan/Crop:

1 Show Properties — включает/отключает окно настроек.
2 Normal Edit Tool — выполняет основные функции на рабочей области. Служит для выделения, перемещения объектов.
3 Zoom Edit Tool — увеличивает/уменьшает рабочую область.
4 Enable Snapping — включает/выключает прилипание к сетке при перемещении области.
5 Lock Aspect Ratio — позволяет сохранить соотношение сторон области видимости, когда изменяется высота и ширина кадра.
6 Size About Center — позволяет изменять размер области видимости относительно ее центра.
7 Move Freely — ограничивает перемещение по вертикали или горизонтали, или позволяет свободное перемещение.
Обратите внимание, что в выпадающем списке Preset можно выбрать необходимое соотношение сторон кадра. Например, 4:3 Standard TV Aspect Ratio

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

Ключевые кадры (контрольные точки, keyframe)
А теперь, давайте рассмотрим еще один очень важный инструмент технического арсенала Sony Vegas, а именно ключевые кадры, также называемые контрольные точки или kayframe. С их помощью можно очень тонко настраивать переходы и эффекты, делать анимации из статических изображений, красивые титры. Простыми словами можно сказать, что с помощью ключевых кадров можно «заставить объект двигаться».

Ключевой кадр (keyframe) — это метка на временной шкале, которая создается для изменения состояния объекта в этой точке. При создании нескольких ключевых кадров, мы можем управлять поведением нашего объекта на экране.
А вот и Keyframe kontroller (окно управления ключевыми кадрами) в окне инструмента Event Pan/Crop:

Чтобы стало более понятно, давайте рассмотрим использование ключевых кадров на примере анимации инструмента кадрирование.
Например, в ролике нам нужно в процессе полета голубя на несколько секунд показать максимально близко, а потом вернуть назад в исходную позицию.
1. Кликаем в окне управления ключевыми кадрами примерно на 5 секунде в полосе position.

2. После чего на 5 секунде нашего ролика начинаем максимально приближать голубя в полете, с помощью рамки кадрирования. И сразу после операции приближения на 5 секунде появится новый ключевой кадр. Это означает то, что рамка кадрирования начиная с первой доли секунды из своего первоначального состояния, в течении 5 секунд, должна принять то состояние, которое мы установили во втором ключевом кадре. Все кадры между этими ключевыми кадрами, программа просчитывает самостоятельно.

3. А теперь поставим курсор на 7 секунде и начнем отдалять голубя, используя рамку кадрирования. В окне Keyframe kontroller появится еще один ключевой кадр.

Так продолжать можно и далее, создавая ключевые точки до бесконечности. Каждый раз когда вы будете перемещать рамку кадрирования, в том месте окна Keyframe kontroller, где будет стоять курсор будут появляться новые ключевые точки. Настоятельно рекомендую попробовать создание ключевых кадров на практике.

По умолчанию, скорость анимации между ключевыми кадрами одинаковая в начале, середине и конце анимации. Чтобы ее изменить, нужно нажать на ключевой точке правой кнопкой мыши и выбрать один из параметров:
- Linear (Линейно) — скорость анимации равномерная.
- Fast (Быстро) — скорость в начале клипа нарастает быстрее, чем в конце клипа.
- Slow (Медленно) — скорость анимации в начале клипа изменяется медленно, а в конце становится быстрее.
- Smooth (Мягко) — в самом начале и конце клипа происходит замедление нарастания скорости анимации, смягчая нарастание.
- Sharp (Резко) — в самом начале и конце клипа скорость анимации нарастает быстро, но в середине скорость равномерная.
- Hold (Удерживать) — резкое изменения скорости анимации, начиная с второго ключевого кадра клипа.

Ключевые кадры (keyframe) можно применять в различных инструментах Sony Vegas, придавая больше эффективности и динамики Вашим роликам. С ними мы еще будем встречаться и работать в следующих уроках. До встречи!

-----
Автор Владимир Бегаль. Источник videovegas.ru

[Видео-Учебник] Архив

Singler — Thu, 30 May 2013 17:50:37 GMT

Тема содержит архив [Видео-Учебников] Photoshop, оформленных пользователями портала. Материал располагается по мере поступления.
Указывается название темы с ссылкой, краткое описание (может отсутствовать), автор темы. Не для обсуждений.

- Делаем чтобы картинка вылезала за края ЮБ-а. (Howaito) Материал не сохранился.
- Шлейф. (Ps1x0z)
- Радужный глаз. "В этом уроке подробно объясняется и показывается техника, по созданию радужного глаза в Фотошопе". (Ps1x0z)
- Помятость флага. (Ps1x0z)
- Сигнатура. (Sspardaa) Материал не сохранился.
- Создание спирали. (Sspardaa) Материал не сохранился.
- Для начинающих "Введения" . Видео урок для начинающих. (INFERNOS)
- Обрезка , видиления Области. (INFERNOS)
- Формат. (INFERNOS)
- Коррекция перспективы. (INFERNOS)
- Работа со слоями. (INFERNOS)
- изминения цвета кожы. (INFERNOS)
- Стили слоев, капли на листке. (INFERNOS)
- Фотомонтаж. (INFERNOS)
- Фотомонтаж. продолжение. (INFERNOS)
- Фильтры, картина из фотографий. (INFERNOS)
- Капли на бокале пива. (INFERNOS)
- Liquify. Пластика. (INFERNOS)
- Текст вдоль линии. (INFERNOS)
- Цветокоррекция, уровни и контраст. (INFERNOS)
- Коррекция старых фото. (INFERNOS)
- Коррекция слоя. (INFERNOS)
- Dobavlenie _nebritosti. Наращивание щетины. (INFERNOS)
- Ретушь. (INFERNOS)
- Смягчение морщин. (INFERNOS)
- Retush_s_ispolsovaniem_History_Brush. (INFERNOS)
- Navedenie_rezkosti. (INFERNOS)
- Наведение резкости, фильтры. (INFERNOS)
- Обработка. (INFERNOS) Материал не сохранился.
- Наведение резкости. (INFERNOS)
- Анимация. (INFERNOS) Материал не сохранился.
- Сложное выделение. (INFERNOS)
- Rabota_s_video. (INFERNOS)
- Создания текстуры. (INFERNOS)
- Выделение обьекта. (INFERNOS)
- Панорама. (INFERNOS)
- Коллаж из фотографий сюжетной макросьемки. (INFERNOS)
- Обработка фотографии. (INFERNOS)
- Простейшая рамка для фотографии. (INFERNOS)
- Создание исторической кисти. (INFERNOS)
- Устранение эффекта красных глаз. (INFERNOS)
- Создание эффекта зимы. (INFERNOS)
- Дьявольский взгляд. (INFERNOS)
- Коллаж female Лагерь Аватар. ( X1mera)

[Учебник] Архив

Singler — Tue, 28 May 2013 12:37:29 GMT

Тема содержит архив [Учебников] Photoshop, оформленных пользователями портала. Материал располагается по мере поступления.
Указывается название темы с ссылкой, краткое описание, автор темы, результат выполнения действий по учебнику. Не для обсуждений.

Звуковая дорожка. Создание эффекта звуковой дорожки (эквалайзера) как на этом юбе. (Twister)

Дождь в фотошопе. Создание эффекта дождя. (Twister)

Текстуры. Создание своих узоров для заливки юзербаров и т.д. (Tryne)

Волшебная ручка. Создание анимации, где волшебная ручка пишет слово "СКИДКА". (HoHkaJIOJI)

Бумажные чудеса. "Вырезаем из бумаги человечка". (Ps1x0z)

Токсичный текст. Создание токсического текста. (Ps1x0z)

Пришельцы среди нас. Создание "портрета" пришельца. (Kinder[Master])

Эквалайзер. Создание анимации эквалайзера. (Howaito)

Эффектное появление аватара. Анимация появления аватара. ([Scorpion])

Анимация Блика. Создание анимации блика на металлической повехности. ([Scorpion])

Соединения картинок. Объединение изображений двух картинок. (Bloodrog)

Текст в стиле "Хоррор". Текстовый эффект с грязной текстурой брызг. (Ta[K]eR)

Золотой текст. Создание текста "под золото". (Grabstein)

Выжигание текста лазером. Создание анимации выжигания букв лазером. (Falnis†er)

Пурпурный вихрь. Создание вихря (вид с верху). (Twister)

Эффект Электричества. Создание анимации электрического искрения. (Dispeller)

Магический меч. Наложение эффекта наложения чар на оружие. (Ps1x0z)

Эффект матрицы. Создание эффекта ниспадающего текста по фильму "Матрица". (trane294)

Сверкающее око. Создание анимации свечения глаз льва под вид автомобильных фар. ([Scorpion])

Граффити на машине. Нанесение граффити на кузов автомобиля. (darkblaze)

[Учебник] Магически текстовый эффект "Fire Energy".

GeRo — Thu, 23 May 2013 16:52:01 GMT

Design Magical Fire Energy Text Effect in Photoshop.

Вот предварительный просмотр конечного эффекта я имею для этого урока:

Автор: Michelle Vaullt.
Изначально урок был на английском языке.

Текстура Огня

Теги: эффект , энергия , огонь , Photoshop , текст , учебник , типография

Надеюсь, вам понравится этот урок, и найдете в нем много полезного.

[Урок] Paradise Signature(400x130)

Dispeller — Tue, 02 Apr 2013 05:39:49 GMT

В этом уроке я опишу как сделать вот такую сигу:

Процесс работы:
Шаг 1 - Берем любое изображение какое вы хотите(для такого же результата обязательно нужен render),создаем новый документ 400х130.
Вставляем в него наш render не уменьшая его габаритов и дублируем его,распологаем эти две копии как хотим главное чтобы цветовая гамма была у фона плавная а не с резкими переходами в другой цвет,далее мы берем инструмент Палец(Smudge) и плавно размазываем весь наш backround как хотим:

Шаг 2 - Вставляем наш render на новый слой и уменьшаем его свободной трансформацией(ctr+T)....маленький совет от меня,давно видел что некоторые не соблюдают пропорции картинки и сжимают её,так вот чтобы избежать сжимания картинки при свободной трансформации зажимаем клавишу shift и только при нажатой клавише уменьшаем изображение:

Шаг 3 - Дублируем наш уменьшенный render и ставим его ниже в панели слоев(тоесть за нашим основным)снова берем инструмент палец(Smudge)и размазываем дублированый слой,но не слишком далеко от основного,и ставим режим наложения на Color Dodge.Получился некий эффект подсветки главного render'a:

Шаг 4 - Создаем новый слой,помещаем его между нашими дублироваными render'ами,берем обычную круглую жесткую кисть(брать лучше такого цвета,который будет виден на вашем фоне,в моем случае это черный цвет)ставим круги кисточкой вокруг вашего render'a разных диаметров для красоты:

Шаг 5 - Берём еще раз не уменьшенный render,ставим его поверх нашей круглой кисти,кликаем правой кнопкой мыши по слою с не уменьшенным
render'ом и выбераем опцию Create Clipping Mask,двигаем слой с маской как вам хочется в результате получаем вот что:

Шаг 6 - Создаем новый слой поверх нашего основного render'a,снова берём кисточку и проделываем аналогичную операцию описанную в шагах
4 и 5:

Шаг 7 - Создаем новый слой за нашим render'ом,берем инструмент Pen Tool(hotkey P)создаем кривую линию как бы обвивающую наш render,
выбираем круглую жесткую кисть диаметром 2 пикселя,снова переключаемся на Pen Tool,нажимаем по нашей сиге правой кнопкой мышки,в появившемся меню выбераем опцию Stroke Path,выбераем Brush(кисть)и ставим галочку на опции Simulate Pressure,собственно получаем линию которую мы изогнули нашим Pen Tool'ом,заходим в настройки слоя и ставим Inner Glow и Outer Glow по желанию(желательно цвет внутри линии должен быть светлым,цвет снаружи должен быть похож на общую цветовую гамму нашего фона но немного светлее чтобы выделяться)вот что у вас должно было выйти:

Шаг 8 - Шаг 8 зависит в большинстве случаев от вашей фантазии и наличия отличных C4D(еффектов),располагать эффекты нужно вокруг нашего render'a можно как вам угодно,главное чтобы они не разбежались по всей сигнатуре,совет для тех кто знает что такое C4D но не может использовать их на сигнатуре из-за их черного фона,когда вставляем их в нашу работу обязательно меняем режим наложения на Linear Dodge или Color Dodge,так же если цвет C4D вам не очень подходит но очень нравятся его эффекты то вы можете подогнать цвет через меню вызываемое нажатием клавиш ctrl+u.В моём случае я использовал наложение Linear Dodge:

Шаг 9 - В этом шаге мы будем использовать различные Photo Filter's и Gradient Map's тут опять же роль играет ваша фантазия,советую использовать опции Selective Colors,Color Balance,Levels,Curves - для придания насыщенности вашей сигнатуре.После применения наших фильтров и прочих коррекций нашего изображения,мы должны сделать Apply Image(ctrl+alt+shift+e)предварительно нужно создать новый слой и только после этого нажимать написанный hotkey.Далее берем инструмент Burn Tool с такими настройками - Range:Midtones,Exposure:25%,этот инструмент поможет нам затемнить некоторые участки изображения для усиления эффекта от нашего render'a в моем случае это затемнение сделано с левой и правой строны нашего изображения:

Шаг 10 - Создаем новый слой и берём круглую жесткую кисть цвета похожего на наши свечения от C4D или просто какого нибудь мягкого цвета подходящего к фону и начинаем ставить кругляшки разного диаметра на наш фон не задевая и не перекрывая наш render,режим наложения этого слоя ставим на Overlay,поверх этого слоя создаем еще один слой и делаем похожую процедуру но диаметр кружков должен быть меньше и они должны соприкасаться с теми кружками что слоем ниже,цвет можно сделать такой же или чуть ярче чем у предыдущих,режим наложения слоя Overlay,по желанию кое какие части наших кружков можно удалить мягкой Eraser Tool(Стирательная резинка,Hotkey E):

Шаг 11 - Вспомним наши линии сделанные Pen Tool'ом,их эффект можно усилить,берем мягкую кисть диаметром в 5 пикселей(можно больше но не более 9)ставим несколько точек вдоль наших линий и ставим режим наложения слоя на Overlay,делается это всё на новом слое,для усиления эффекта слой можно продублировать:

Шаг 12 - Создаем новый слой,выбираем инструмент Brush(кисть) мягкую,диаметр кисти варьируется от 150 до 400,ставим вот такие настройки кисти
- Mode:Soft Light,Opacity:80%.Выбераем подходящее место для источника света,и ставим только 1 раз источник света чтобы не было так что наша композиция внезапно побелела,цвет кисти вы так же можете выбрать по желанию,советую ориентироваться на цвет вашего фона но только в несколько раз осветленный(ближе к белому):

Шаг 13 - Создаем новый слой и используем на нем инструмент Paint Bucket Tool(Заливка,Hotkey G),цвет заливки можете выбрать по желанию,в этой работе я использовал её как осветлитель общей картинки(если вам кажется что она и так достаточно светлая и яркая то вам не стоит это делать),ставим Opacity(Прозрачность)слоя на 10-20% и выбираем режим наложения Pin Light:

Шаг 14 - Создаем новый слой и делаем Apply Image(ctrl+shift+alt+e)выбираем подходящий текст к данной сигнатуре,не обязательно выбирать текст именно по тому какой стиль картинки или из какой игры она взята,можно придумать название под общую композицию которая у вас вышла в итоге.В данном работе композиция вышла довольно светлая и с привлекательным освещением,я назвал её Paradise(Рай),выбираем шрифт который вам нравится(советую без лишних наворотов красивый,точно и ровно написанный),ставим режим наложения шрифта на Overlay,если шрифт плохо видно можете продублировать слой с ним:

Шаг 15 - Заключительный шаг нашей работы,после того как мы сделали шрифт для нашей сигнатуры,делаем обводку(надеюсь оводку все научились делать ),после чего создаем новый слой и применяем Apply Image(ctrl+shift+alt+e)и применяем к нашей работе плагин который вы должны будете предварительно скачать - Topaz Clean v2.0. Настройки плагина вы можете выбрать по желанию,плагин легок в обращении так что я думаю вы разберетесь(применяется он для смягчения картинки,убирания лишнего шума).Конечный результат нашей работы:

Вот и всё друзья!!!

Урок приготовил Dispeller,специально для Дизайнерской мастерской сайта WoWJP.net

[Урок] Рисунок на пергаменте by Glebonus

Tryne — Mon, 25 Mar 2013 19:37:59 GMT

Приветствую дорогие начинающие и неначинающие фотошоперы=)

Сегодня я покажу вам как сделать рисунок на пергаменте.

1. Откроем фотошоп создадим файл 500х500

2. Затем откроем текстуру с пергаментом, Скачать её можно тут

3.Наносим его на наш слой.

4. Открываем любое вырезанное изображение я выбрал вот ето:

5. к слою с картинкой используем такой фильтр image/adjusments/ black and white ( скрин делать нестал потомучто и так понятно)

6. Копируем слой с картинкой Сtrl+J и етому слою ставим image/adjusments/invert

7.Применяем к слою Filter/blur/gaussian blur и blend mode ставим screen

8. Соеденяем два слоя с пристом и ставим blend mode на multiplay.

Окончательный вариант :

Всё работа готова

[Видео-Урок] Anime Signature | by DarKing

DarKing_ — Mon, 25 Feb 2013 13:24:25 GMT

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

Вот что у нас получиться:

Также учёл то что вы говорили на мой прошлый урок
и сделал не большой пак из текстур которые использовал также выложил туда PSD файл, саму работу в формате .png ну и логи того что я писал если что то чего то не понял.

Скачать пак

А также выкладываю сток из которого я делал работу.

Сток

Если остались вопросы, то задавайте их в комментариях ниже.

[Урок] Ulquiorra Cifer Signature

Sunmote — Wed, 20 Feb 2013 10:52:52 GMT

Итог:

[cut] [/cut]

p.s. Это мой первый урок. Сильно не бить :)

[Учебник] Создание дыма в тексте

PsMaster — Sun, 10 Feb 2013 05:41:39 GMT

Smoke Type

Шаг 1
Откройте фотошоп и создайте документ размером 1920х1200 пикселей.К картинке, используйте градиент с параметром radial и цветом #07090a - #202b35

Шаг 2
Теперь напечатайте какой-нибудь текст и примените к нему Filter>Blur>Motion Blur. И вот тут мы сталкиваемся с первыми трудностями – автор использует CS4, и у меня - владельца CS2 результаты «немного» отличаются от результатов автора. Поэтому в дальнейшем я буду писать параметры автора и свои. Параметры для Distance – 40, я же ставлю 20-25.

Шаг 3
Теперь добавим «дымчатости». Filter>Distort>Wave. Параметры, которые использует автор ниже на картинке, я почти оставил такими же, лишь слегка поиграл со значениями amplitude.

Шаг 4
Filter>Blur>Gaussian Blur со значением 10 (или 4). Создайте новую папку и запихните туда вашу картинку. Поменяйте Blend Mode группы на Color Dodge. Вуаля – мы получили довольно приятный эффект свечения.

Шаг 6
Создайте новую папку и слой в нем. Поменяйте Blend Mode на Color Dodge. Теперь добавьте дыма над нашим текстом(кисточки можно скачать здесь ). Цвет кисти должен быть белым.
Если вам кажется, что дым не слишком яркий, просто кликните дважды.

Шаг 7
Опять создайте новый слой и поместите его над бэкграундом. Заполните его черным цветом и примените Filter>Texture>Texturizer. 100% для значения Scaling и 4 для Relief. Для Texture используйте Canvas, а для Light – Top. Поставьте значение opacity – 10% Это придаст вашей картине легкий эффект потертости.

Шаг 8
В конце вы можете инвертировать ваше изображение (ctrl+i) и получите эффект похожий на дым от сгоревшей бумаги. А уж куда вы это примените – зависит от вашего воображения.
Автор: Fabio Sasso
Правки перевода: PsMaster изночальынй переводчик Tutti Frutti

Если , честно я этот урок не делал я использовал для других целей этот урок , жду ваших работ

[Видео-Учебник] Красивая заставка для рабочего стола

GanZu — Thu, 07 Feb 2013 17:53:34 GMT

Всем доброго времени суток, капался в просторах интернета и нашол очень красивое видео предаставляю вашему вниманию:
первым делом на нужно сделать вот это - первый пункт
после того как мы сделали первый пункт, делаем это - второй пункт
И получаеться очень красивый рисунок у меня получилось вот это:

[Урок] Простой и красивый анимированный баннер

Nomelody — Wed, 30 Jan 2013 16:59:07 GMT

Всем доброго времени суток.
Сегодня мы будем учиться делать анимированный юзербар или баннер.
Материалы для урока:

И так начнём:
Создаём файл любого размера, я создам 400х150:

Сперва заливаем всё чёрным цветом:

Дальше накладываем фон. Лично я выберу из стилей, которые можно скачать выше.

Во втором выделенном окне уберите обводку, лично мне больше нравиться без неё.
И так фон у нас готов, теперь наносим текст.
Я использовал шрифт "Urban Jungle".
На текст мы накладываем выделенный красным стиль.

Вот так у нас должно получиться.
Теперь начинаем рисовать анимацию. Для этого нам нужны в моём случае стрелочки. Они есть в стандартной палитре фигур Photoshop.
Выбираем инструмент "Произвольная фигура"
И открываем стрелки.

Дальше аккуратно рисуем 4 стрелки. По одной из каждого угла.
Вот что получится:

Объединяем все стрелки в один слой для удобства.
Теперь сделаем стрелки красивыми.
Накладываем стиль:

Ну что ж приступим к анимации.
И так открываем панель анимации:
Окно>Анимация.
Теперь делаем 4 копии слоя со стрелками и называем их Кадр 1 - Кадр 5.

Дальше создаём ещё 5 кадров анимации:

Теперь на 1ом кадре анимации выключаем все слои со стрелками:

На 2ом кадре включаем слой с названием "Кадр 1" и стираем стрелки оставляя только небольшую часть:

Теперь на 3ьем кадре анимации включаем слой "Кадр 2", выключаем слой "Кадр 1" и стираем стрелки оставляя часть чуть по больше:

По аналогии делаем так все анимационные кадры.
Теперь в настройках анимации ставим везде 0,1 сек, а на последнем кадре 0.5 сек:

Теперь выделяем все кадры анимации нажимая Ctrl + Клик ЛКМ.
Жмём Файл > Сохранить для Web и устройств.
И сохраняем с настройками как тут:

Если вы всё делали по уроку, то у вас всё получится. Пример готовой анимации смотрите у меня в подписи.
Если будут плюсы, то сделаю ещё уроки.