ФотошопСундучок
Начните свой путь в мир ФОТОШОПА сейчас!


БЕСПЛАТНЫЕ РАССЫЛКИ ВКОНТАКТЕ

(более 20 рассылок) 

 

 

Помощь сайту

Понравился сайт? Внесите вклад в его развитие, пожертвовав любую сумму.

Деньги пойдут на оплату серверов и на развитие сайта.

В примечании к платежу, при желании, укажите свои данные.

Меценаты

Присоединяйтесь в

Вход на сайт

Профиль

Кто на сайте

Сейчас один гость и ни одного зарегистрированного пользователя на сайте

 

 

 

 

 

 

Яндекс.Метрика

Создаём анимационную стрелку

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

Стрелка

Смотреть другие уроки по созданию анимации в фотошопе.

{smooth-scroll-top}

 

Создадим новый документ произвольного размера (сочетание клавиш - Ctrl+N), мои параметры Вы видите на скриншоте.

 

Окно нового документа


Выберем инструмент "Произвольная фигура" (U) в режиме контура (средняя иконка) и щёлкнем по чёрной стрелочке в поле "Фигура". В появившемся списке выберите понравившуюся Вам фигуру. Я выбрал стрелку.

 

Инструмент Пользовательская фигура


Рисуем в новом документе стрелочку.

 

Стрелка


В палитре "Слои" создаём три новых слоя, для чего достаточно нажать три раза на вторую справа иконку.

 

Палитра Слои

 

Выбираем инструмент "Кисть", щёлкаем правой кнопкой по новому документу со стрелочкой и в появившемся списке выбираем необходимую кисть. Я выбрал листочек. Устанавливаем цвет переднего плана (цвет, которым будет рисовать наша кисть), я выбрал красный.

 

Инструмент Кисть


Настраиваем кисть. Нажимаем F5, появляется палитра кистей. Прежде всего, делаем активным параметр "Форма отпечатка кисти" и убираем все галочки с других параметров, расположенных ниже. На вкладке "Форма отпечатка кисти" ползунок "Интервал" двигаем вправо и наблюдаем за изменениями внизу окна. Поставьте понравившийся Вам интервал, главное, чтобы листочки не прилипали друг к другу.

 

Палитра кистей


Ставим галочку "Динамика формы" и делаем активной эту вкладку. Здесь подвигайте все ползунки и поставьте их так, как Вам нравится (двигайте ползунок и внизу окна наблюдайте за изменениями). Как только всё настроили, нажимаем на крайнюю левую иконку внизу окна.

 

Палитра кистей


В появившемся окне "Имя кисти" даём название новой кисти и нажимаем "Да".

 

 Окно "Имя кисти"


В палитре "Слои" выключаем видимость всех слоёв, за исключением двух нижних. Делаем активным слой 1.

 

Палитра Слои


Переходим на вкладку "Контуры", щёлкаем правой кнопкой по рабочему контуру и в появившемся списке выбираем "Выполнить обводку контура" (перед выполнением этой операции у нас должен быть активным инструмент "Кисть").

 

Вкладка Контуры


Появляется окно "Выполнить обводку контура", в котором мы обязательно ставим галочку "Имитировать нажим" и нажимаем "Да".

 

Окно "Выполнить обводку контура"


Вот что у нас получилось на данном этапе.

 

Стрелочка


В палитре "Слои" делаем видимыми нижний слой и слой 2, видимость двух других отключаем. Делаем активным слой 2.

 

Палитра Слои


Опять переходим на вкладку "Контуры", щёлкаем правой кнопкой по рабочему контуру и в появившемся списке выбираем "Выполнить обводку контура" (перед выполнением этой операции у нас должен быть активным инструмент "Кисть").

 

Палитра Контуры


Те же операции делаем и для третьего слоя (видимые только нижний слой и слой 3, а потом делаем обводку контура). Вот так выглядит палитра "Слои". Выключаем видимость всех слоёв, кроме нижнего и делаем его активным.

 

Палитра Слои


Переходим на вкладку "Контуры" и нажимаем на третью слева иконку.

 

Палитра Контуры


Вместо контура появится выделение стрелочки.

 

Стрелка


Теперь я хочу, чтобы стрелочка была не белая, а имела бы, к примеру, какой-нибудь стиль. Нажимаем сочетание клавиш Ctrl+J. Наше выделение скопировалось на новый слой.

 

Палитра Слои


Переходим на вкладку "Стили" и подбираем понравившийся нам стиль (просто щёлкаем по квадратикам со стилями и смотрим на нашу стрелочку). Мне понравился стиль "Солнечные пятна".

 

Палитра Стили


Вот так выглядит стрелка после применения стиля.

 

Изображение стрелки


Сливаем слой со стрелкой и нижний слой - Ctrl+E (при активном слое со стрелкой).

 

Палитра Слои


Открываем палитру "Анимация" ("Окно - Анимация"). Щёлкаем по чёрной стрелочке, находящейся в верхнем правом углу. Появляется раскрывающийся список, в котором выбираем "Создать кадры из слоёв".

 

Палитра Анимация


Добавилось три кадра (первый стоит по умолчанию). Самый первый кадр нам не нужен, мы его просто перетаскиваем на значок мусорной корзины.

 

Палитра Анимация


Делаем активным первый кадр, а в палитре "Слои" - нижний и слой 1.

 

Палитры Слои и Анимация


Делаем активным второй кадр, а в палитре "Слои" - нижний и слой 2.

 

Палитры Слои и Анимация


Делаем активным третий кадр, а в палитре "Слои" - нижний и слой 3.

 

Палитры Слои и Анимация


Выделяем все три кадра (щёлкаем по кадрам при нажатой клавише Ctrl). Нажимаем на чёрную стрелочку в нижнем правом углу кадра и выбираем время задержки анимации. Я выбрал 0,2 сек. Всё, анимационная стрелочка готова. Щёлкаем по первому кадру и нажимаем на "Play" и любуемся получившейся анимацией. При желании можно изменить время задержки (как описано выше).

 

Палитра Анимация


Теперь сохраняем - Shift+Ctrl+Alt+S. В появившемся окне "Сохранить для веб и устройств" прежде всего, ставим формат Gif и количество цветов 256. Нажимаем "Сохранить".

 

Окно "Сохранить для веб и устройств"


В окне сохранения выбираем название файла и место сохранения и нажимаем "Сохранить".

 

Окно "Сохранить оптимизированный как"


Наша анимация готова!

Стрелка

{smooth-scroll-top}

Печать

Комментарии  

Тамара
0 # Тамара 27.05.2013 23:38
:woohoo: Спасибо за подробный отчет! очень хороший у вас сайт - наверное только с его помощью освою фотошоп))) Сделала свои первые стрелочки!
Ответить | Ответить с цитатой | Цитировать
Константин
0 # Константин 21.05.2012 05:12
Уважаемый admin, спасибо за урок!
Тут нет ничего сложного. Но подскажите новичку, как установить красную, как у Вас, указательную стрелку на подписку сайта.
Спасибо за скорый ответ!
Ответить | Ответить с цитатой | Цитировать
73PH_adminv15
0 # 73PH_adminv15 22.05.2012 13:28
Константин! Если Ваш сайт на Joomla, то могу подсказать.
Ответить | Ответить с цитатой | Цитировать
Константин
0 # Константин 23.05.2012 05:14
Спасибо, admin, за участие. У меня wordpress.
Но вот счастье - вчера поздно вечером,
после многонедельных поисков,
я раскопал, наконец-то, информацию,
как "водрузить" анимированную стрелку на подписку сайта.
Кстати, тоже нет ничего сложного.
Этот вопрос многих волнует и информация здесь: http:.....
Установил за пару минут :-). Правда, ещё надо доработать.
А позже закину картинку подарка за подписку на новости блога.
Приходите на смотрины :-)
Успеха всем, друзья!
Ответить | Ответить с цитатой | Цитировать
Галина
0 # Галина 13.12.2011 21:22
Спасибо за урок, но проблема такая: если ставить анимацию в слайд шоу (фильм ) то этот кадр смотрится не качественно среди других Что же делать?
Ответить | Ответить с цитатой | Цитировать
73PH_adminv15
0 # 73PH_adminv15 13.12.2011 22:34
Галина! Создавайте документ со стрелкой одинакового размера с другими фотографиями из Вашего слайд-шоу. При сохранении в формате GIF поставьте все параметры на максимальное качество. Мне кажется всё должно быть хорошо.
Ответить | Ответить с цитатой | Цитировать
Анна
0 # Анна 09.12.2011 12:59
Вы написали:
Открываем палитру "Анимация" ("Окно - Анимация").У меня нет в окне пункта "Анимация"
Ответить | Ответить с цитатой | Цитировать
73PH_adminv15
0 # 73PH_adminv15 10.12.2011 09:41
Анна! А какая у Вас версия фотошопа?
Ответить | Ответить с цитатой | Цитировать
73PH_adminv15
0 # 73PH_adminv15 01.08.2011 15:20
Алёнка и Андрей молодцы, так держать будущие фотошоп-мастера!
Ответить | Ответить с цитатой | Цитировать
Андрей
0 # Андрей 14.07.2011 18:00
Мне тоже 11 когда первые две анимации изделал стал делать уже самостоятельно :cheer:
Ответить | Ответить с цитатой | Цитировать
Алёнка
0 # Алёнка 08.06.2011 15:38
Мне 10, я хорошо владею фотошопом.Эту анимацию я сделала за 5 минут.Спасибо за урок! :cheer:
Ответить | Ответить с цитатой | Цитировать
машулька
0 # машулька 12.05.2011 18:29
:woohoo: :woohoo: :woohoo: :woohoo: :woohoo:
у мя все вышло!!!! мне всего 11 но эт моя 1 анимация ваще супер!!!!!!!!!!!! ссссссссссссссспппаа аассссссссииибббоооо ооо :-) :-) :-) :-) :-) :-) :-)
Ответить | Ответить с цитатой | Цитировать
73PH_adminv15
0 # 73PH_adminv15 12.05.2011 20:02
Машуля! Поздравляю! Если ты в 11 лет уже работаешь в фотошопе, а что же будет в 20?
Ответить | Ответить с цитатой | Цитировать

Добавить комментарий

Введите Ваше имя, или зарегистрируйтесь на сайте, что бы имя в ответах вставлялось автоматически: это займёт 2 минуты! После регистрации вы сможете редактировать свои сообщения и не придётся вводить подтверждение.
Ваш аватар к комментарию возможен, если вы зарегистрированы в системе Gravatar. Если нет - зарегистрируйтесь, это бесплатно.


Прикрепить фотографии

Популярные уроки сайта:

Prev Next

Как сделать фотошоп м…

Видеоуроки

Как сделать фотошоп макияж неразрушающим способом  Продолжение серии уроков по неразрушающей обработке фотографий в Photoshop. Предыдущие уроки Вы найдете по ссылкам под картинкой. В уроке «Как сделать фотошоп макияж неразрушающим способом» поговорим о...

Читать далее

Фон из фото

Уроки фотошопа коллажи

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

Читать далее

15 советов, как сделать…

Обработка фотографий в фотошопе

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

Читать далее

Обои облака

Уроки рисования в фотошопе

 Обои облака Всем привет! Сегодня мы будем рисовать с нуля обои облака для рабочего стола. Как часто вы любуетесь облаками, красотой неба? Предлагаю в этом уроке побыть художником, нарисовать собственные облака. Из урока...

Читать далее

Что такое неразрушающ…

Обработка фотографий в фотошопе

Что такое неразрушающая обработка? Для того, чтобы хорошо и эффективно работать в Photoshop, надо не просто знать какие есть инструменты, как они работают, какие приёмы применяются. Очень важно для эффективной работы выработать полезные...

Читать далее

Поп арт в фотошопе

Уроки рисования в фотошопе

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

Читать далее

Фон круги

Уроки рисования в фотошопе

Фон круги Всем привет! Сегодня будем создавать фон в виде кругов. Это интересная идея, например, для создания фона открытки, фона баннера, или просто для создания обоев. В уроке вы научитесь пользоваться инструментами Кисть, Заливка...

Читать далее

Рисуем штамп в фотошо…

Уроки рисования в фотошопе

Рисуем штамп в фотошопе  Всем привет! Сегодня мы будем рисовать штамп в фотошопе. Для чего это нужно? Цель создания штампа может быть разная, например, создание эскиза, или знака на сайт. Или, например, если вам нужна...

Читать далее

Эффекты для текста - з…

Уроки фотошопа текст

Эффекты для текста заклёпки Всем привет! В сегодняшнем уроке мы будем создавать эффекты для текста -  текст из заклепок. Урок прост в исполнении, но результат выглядит естественно и натурально. Текст выполненный в...

Читать далее

Эффект для текста в фо…

Уроки фотошопа текст

Эффект для текста в фотошоп "Расплавленный текст" Всем привет! В этом уроке разберемся с вами, как быстро и легко сделать яркий и огненный текст.  Сегодня создадим эффект для текста в фотошоп - "Расплавленный текст". В...

Читать далее

Как улучшить снимок, …

Видеоуроки

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

Читать далее

Полуавтоматический с…

Видеоуроки

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

Читать далее

Яркая обработка фото

Фотошоп уроки эффекты

Яркая обработка фото  Всем привет! В уроке "Яркая обработка фото" мы будем добавлять яркости к фотографии. Яркие и сочные, "вкусные" цвета в кадре – необходимая вещь для Вашей фотографии. Сегодня на примере одного снимка рассмотрим...

Читать далее

Эффекты для текста в ф…

Уроки фотошопа текст

 Эффекты для текста в фотошопе "текст из воды" Всем привет! В сегодняшнем уроке мы будем создавать эффекты для текста в фотошопе - "текст из воды". Сначала мы создадим фон – добавим в работу...

Читать далее

Эффект масляной краск…

Фотошоп уроки эффекты

Эффект масляной краски Всем привет! В сегодняшнем уроке мы будем создавать эффект фильтра Масляная краска, используя другие фильтры фотошоп и корректирующие слои. Фильтр Масляная краска успел полюбиться многим.   Придаст вашей фотографии вид классической...

Читать далее

Текст золотом в фотош…

Уроки фотошопа текст

Текст золотом в фотошопе Всем привет! В сегодняшнем уроке мы будем создавать текст золотом в фотошопе с вкраплением бриллиантов. Из урока вы узнаете, как пользоваться инструментами Текст, Кисть, Перемещение и Перо, стилями слоя, научитесь...

Читать далее

Создание сферы в фото…

Уроки рисования в фотошопе

Создание сферы в фотошопе Всем привет! Сегодня мы будем рисовать сферу. В уроке вы научитесь пользоваться инструментами Заливка, Кисть, Овальная область, Прямоугольная область, Эллипс, Перемещение, фильтрами Размытие по Гауссу, Сферизация, Рябь, режимами наложения...

Читать далее

Коллаж Love is...

Уроки фотошопа коллажи

Коллаж Love is... Всем привет! Сегодня мы будем создавать коллаж в стиле вкладышей жевательной резинки «Love is…», популярной в 90-х годах прошлого столетия. Такой коллаж «Love is…»может быть прекрасным подарком любимому человеку...

Читать далее

Как нарисовать луну и …

Уроки рисования в фотошопе

Как нарисовать луну и звезды  Всем привет! В сегодняшнем уроке мы узнаем как нарисовать звезды и луну на фотографии. Из урока вы узнаете, как пользоваться инструментами Кисть, Рамка, Прямоугольная область, Перемещение, фильтрами Шум и...

Читать далее

Как рисовать огонь в ф…

Уроки рисования в фотошопе

Как рисовать огонь в фотошопе Всем привет! Сегодня мы будем рисовать огонь в фотошопе. Этот эффект очень прост в исполнении – мы буквально за несколько шагов получим довольно реалистичное изображение огня. Сначала мы применим к...

Читать далее

Эффект старой кинопле…

Фотошоп уроки эффекты

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

Читать далее

Поворот в фотошопе ин…

Видеоуроки

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

Читать далее

Палитра история в фот…

Видеоуроки

Палитра История в фотошопе Работать в фотошопе и не совершать ошибки, не всегда получается.  Где-то стерли лишнее, мазнули не в том месте, или не тот эффект наложили или переборщили с настройками. В любом...

Читать далее

Светлячки для фотошоп…

Уроки фотошопа текст

Светлячки для фотошопа Всем привет! Сегодня мы будем создавать текст из светлячков. В уроке вы научитесь пользоваться инструментами Кисть, Текст, Ластик, Перемещение, фильтром Облака, стилями слоя, режимами наложения слоев, корректирующими слоями, узнаете, как...

Читать далее

Как использовать инст…

Видеоуроки

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

Читать далее

Анимация текста в фот…

Уроки анимации в фотошопе

 Анимация текста фотошопе Всем привет! Сегодня мы будем создавать анимацию появляющегося текста. Сначала мы создадим фон и зальем его черным цветом. Затем установим шрифт из папки с исходниками, напишем текст и применим к...

Читать далее

Инструменты и палитры…

Видеоуроки

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

Читать далее

Соглашение / Оферта
Автор сайта: Накрошаев Олег, Все права защищены Copyright, © 2009-2018