Красивое оформление фотографий на сайте PATO.R

Серия сообщений "Сайты для работы с фото":

Часть 1 - Для тех, кто не умеет работать в фотошопе
Часть 2 - Делаем деньги со своим фото
...
Часть 40 - Кропер - это фотошоп онлайн.
Часть 41 - Простой и понятный для всех генератор для создания анимации
Часть 42 - Красивое оформление фотографий на сайте PATO.R

ПромоШОУ - многофункциональная программа для создания эффектных видеопрезентаций

Судя по отзывам и по количеству посещений постов, в которых публикуются презентации, можно сделать вывод, что они нравятся очень многим блогерам ЛиРу. Презентации Павла Гивентера, которые он публикует в моем дневнике, выполнены в программе PowerPoint. Но сегодня я хотел бы рассказать о другой, не менее интересной программе, где так же можно монтировать презентации с музыкальным сопровождением, красивой анимацией и великолепными переходами. Презентации выполненные в этой программе могут смотреться намного эффектнее, чем те, которые были выполнены в программе PowerPoint. Эта программа называется ПромоШОУ и найти ее можно на сайте http://promoshow.su.

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

Программа имеет необыкновенно широкие возможности для редактирования презентаций: изменение и добавление фотографий, изменение стилей оформления, редактирования надписей, клипарта. А кроме того, в программу встроена система анализа эффективности загруженных на YouTube презентаций. Достоинств эта программа имеет больше чем достаточно.

А теперь, после общего ознакомления с программой, давайте рассмотрим как сделать красивую презентацию. Должен отметить, что программа русскоязычная, а посему работать в ней комфортно и очень просто. Мало того, при нажатии на кнопку "Новый проект" тут же сразу появляется окно "Как начать работу в программе "Промошоу", в котором последовательно описаны 5 шагов создания презентации. Но если этого будет недостаточно, то можно открыть Он-лайн учебник нажав на одноименную кнопку. С ним можно ознакомиться уже сейчас просмотрев видеоролик ниже.

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

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

Если в главном меню программы (Файл Правка Проект Слайд Настройки Справка) выбрать "Слайд" "Выбрать стиль для слайда" то мы окажемся в Менеджере стилей, где можно выбрать любой из понравившихся стилей и применить его как для одного слайда, так и Ко всем слайдам

Научиться работать в программе можно при условии, если она будет установлена на вашем компьютере. Чтобы скачать программу для презентаций ПромоШОУ, заходите на сайт. Объём программы, учитывая такие ее широкие возможности, совсем небольшой, всего 126 Мбт. Немного поработав с нею и получив необходимые навыки можно создавать, а также публиковать в интернете вот такие красивые презентации:

Серия сообщений "Софт":
Часть 1 - ПРОГРАММА Magic Particles
Часть 2 - Все полезности в дневнике Legionary
...
Часть 22 - Хороший видеоредактор для ВидеоМОНТАЖа
Часть 23 - Программа для печати оригинальных почтовых конвертов
Часть 24 - ПромоШОУ - многофункциональная программа для создания эффектных видеопрезентаций

Возможности программы Фото на документы

---

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

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

  Чтобы скачать фото на документы на компьютер достаточно зайти на сайт и нажать кнопку "Скачать". Установка программы на компьютер - процесс быстрый и простой. Вы сможете делать стандартные фото 3 x 4 без уголков или с уголками, подготавливать фотографии для внутреннего и заграничного паспортов, виз для разных стран мира, в том чисел и шенгенских, фото на пенсионное или водительское удостоверение и другие документы. Кстати, форматы можно добавлять и редактировать, что позволяет значительно расширять возможности данной программы. Программа позволяет менять фон фотографии, а также добавлять шаблоны одежды, что очень немаловажно для создания определенного статуса или имиджа.

  Скриншоты отчетливо и ясно показывают, как проста в использовании программа "Фото на документы Профи"!

Бесплатная говорящая книга по работе с PhotoShop

Анимация бабочки

 

Сегодня мы с вами будем анимировать крылья бабочки. Уроков на эту тему в и-нете  много, сама когда то училась по ним, но.. мне не нравится работать инструментом  -Деформация и фильтром Пластика при анимации крыла, т.к. края крыльев размываются, пропадает четкость.
Работаю с крыльями другим инструментом, «Америку» не открываю -  способ известный, просто делюсь с вами в уроках тем, чему сама научилась и показываю, как сама это делаю.

Вступительная часть закончилась -  создаем новый документ размер 600х400 пикселей, фон прозрачный. Беру такой размер, чтобы все наглядно показать. Открываем бабочку, ее лучше брать в формате PNG, в и-нете  скачать таких бабочек не проблема – забили в поисковик запрос -  и выбирайте ))
Бабочка у нас открыта -  обводим правое крыло инструментом Лассо и скопируем его на новый слой

Нажимаем комбинацию клавиш Ctrl+T, чтобы вызвать Свободное трансформирование, и перемещаем центр относительно которого будем разворачивать крыло к середине туловища бабочки

/bestanimationgif.com/photoshop/bab-002.png"" target="_blank">http://bestanimationgif.com/photoshop/bab-002.png");background-repeat: no-repeat; background-attachment: scroll; background-clip: border-box; background-origin:padding-box; background-size: auto 100%; background-position: center center; text-align: center;">

 

Выбираем команду – Редактирование – Трансформирование – Перспектива

/bestanimationgif.com/photoshop/bab" target="_blank">http://bestanimationgif.com/photoshop/bab -003.png");background-repeat: no-repeat; background-attachment: scroll; background-clip: border-box; background-origin:padding-box; background-size: auto 100%; background-position: center center; text-align: center;">

 

Удерживая клавишу  Ctrl, осторожно тянем за нижний правый угол квадрата на себя

/bestanimationgif.com/photoshop/bab" target="_blank">http://bestanimationgif.com/photoshop/bab -004.png");background-repeat: no-repeat; background-attachment: scroll; background-clip: border-box; background-origin:padding-box; background-size: auto 100%; background-position: center center; text-align: center;">

 

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

/bestanimationgif.com/photoshop/bab" target="_blank">http://bestanimationgif.com/photoshop/bab -005.png");background-repeat: no-repeat; background-attachment: scroll; background-clip: border-box; background-origin:padding-box; background-size: auto 100%; background-position: center center; text-align: center;">

 

Объединяем два слоя с крыльями вместе и называем этот слой  -Взмах

Когда крыло поднимается от плоскости вверх, оно как бы зрительно уменьшается.
Что бы создать это уменьшение  – делаем активным слой Взмах, нажимаем Ctrl+T ,центр не трогаем -  и уменьшаем размер крыльев

/bestanimationgif.com/photoshop/bab" target="_blank">http://bestanimationgif.com/photoshop/bab -007.png");background-repeat: no-repeat; background-attachment: scroll; background-clip: border-box; background-origin:padding-box; background-size: auto 100%; background-position: center center; text-align: center;">

 

попробуйте включать этот слой и отключать , слой бабочки включен -  смотрите, как у нас уже оживает бабочка

/bestanimationgif.com/photoshop/bab-006.gif"" target="_blank">http://bestanimationgif.com/photoshop/bab-006.gif");background-repeat: no-repeat; background-attachment: scroll; background-clip: border-box; background-origin:padding-box; background-size: auto 100%; background-position: center center; text-align: center;">

 

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

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

Включаем видимость всех слоев , делаем активным слой с правым крылом  – нажимаем Ctrl+T, перемещаем центр к  середине туловища бабочки и, удерживая клавишу  Ctrl , тянем за нижний правый угол квадратик на себя

.

/bestanimationgif.com/photoshop/bab-008.png"" target="_blank">http://bestanimationgif.com/photoshop/bab-008.png");background-repeat: no-repeat; background-attachment: scroll; background-clip: border-box; background-origin:padding-box; background-size: auto 100%; background-position: center center; text-align: center;">

 

Делаем активным слой  левое крыло – нажимаем Ctrl+T, перемещаем центр к  середине туловища бабочки и, удерживая клавишу  Ctrl , тянем за нижний левый угол квадратик на себя

/bestanimationgif.com/photoshop/bab-009.png"" target="_blank">http://bestanimationgif.com/photoshop/bab-009.png");background-repeat: no-repeat; background-attachment: scroll; background-clip: border-box; background-origin:padding-box; background-size: auto 100%; background-position: center center; text-align: center;">

 

Отключаем видимость всех слоев, кроме  крыльев, которые мы поворачивали в плоскости и объединяем их

/bestanimationgif.com/photoshop/bab-010.png"" target="_blank">http://bestanimationgif.com/photoshop/bab-010.png");background-repeat: no-repeat; background-attachment: scroll; background-clip: border-box; background-origin:padding-box; background-size: auto 100%; background-position: center center; text-align: center;">

 

Слой с крыльями – активный  -нажимаем  Ctrl+T  и уменьшаем размер крыльев

/bestanimationgif.com/photoshop/bab-011.png"" target="_blank">http://bestanimationgif.com/photoshop/bab-011.png");background-repeat: no-repeat; background-attachment: scroll; background-clip: border-box; background-origin:padding-box; background-size: auto 100%; background-position: center center; text-align: center;">

 

Называем этот слой – Взмах -2, делаем копию слоя , отключаем  глазки на всех слоях, кроме слоя Взмах -2 копия,  выделяем Лассо по очереди каждое крыло, копируем их на новые слои ( слой Взмах-2 копия удаляем) – нажимаем – Ctrl+T  и опять каждое крыло поворачиваем в плоскости, не забывая переместить центр и удерживать клавишу  Ctrl, когда будем тянуть  за уголок

/bestanimationgif.com/photoshop/bab-012.png"" target="_blank">http://bestanimationgif.com/photoshop/bab-012.png");background-repeat: no-repeat; background-attachment: scroll; background-clip: border-box; background-origin:padding-box; background-size: auto 100%; background-position: center center; text-align: center;">

 

/bestanimationgif.com/photoshop/bab-013.png"" target="_blank">http://bestanimationgif.com/photoshop/bab-013.png");background-repeat: no-repeat; background-attachment: scroll; background-clip: border-box; background-origin:padding-box; background-size: auto 100%; background-position: center center; text-align: center;">

 

Объединяем эти два крыла в один слой, называем его взмах -3, нажимаем – Ctrl+T и уменьшаем размер крыльев

/bestanimationgif.com/photoshop/bab-014.png"" target="_blank">http://bestanimationgif.com/photoshop/bab-014.png");background-repeat: no-repeat; background-attachment: scroll; background-clip: border-box; background-origin:padding-box; background-size: auto 100%; background-position: center center; text-align: center;">

 

Можно было бы еще сделать один слой и повернуть крыло практически перпендикулярно к себе, но я думаю, что остановимся на вот этих слоях.

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

 

/bestanimationgif.com/photoshop/bab-015.png"" target="_blank">http://bestanimationgif.com/photoshop/bab-015.png");background-repeat: no-repeat; background-attachment: scroll; background-clip: border-box; background-origin:padding-box; background-size: auto 100%; background-position: center center; text-align: center;">

 

и скопируем его на новый слой

/bestanimationgif.com/photoshop/bab-016.png"" target="_blank">http://bestanimationgif.com/photoshop/bab-016.png");background-repeat: no-repeat; background-attachment: scroll; background-clip: border-box; background-origin:padding-box; background-size: auto 100%; background-position: center center; text-align: center;">

 

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

И так смотрим -  туловище у нас одно, а крыльев без туловища  у нас три – значит делаем еще две копии туловища и располагаем слои с ними под крыльями вот так

/bestanimationgif.com/photoshop/bab-017.png"" target="_blank">http://bestanimationgif.com/photoshop/bab-017.png");background-repeat: no-repeat; background-attachment: scroll; background-clip: border-box; background-origin:padding-box; background-size: auto 100%; background-position: center center; text-align: center;">

 

И теперь по очереди объединяем слой Взмах со слоем Туловище

У нас получилось  4 слоя, открываем анимационную панель и собираем анимацию – 1 кадр -1 слой, 2 кадр – 2 слой и т.д

Ставим задержку кадров 0,1 сек и смотрим, что у нас получилось

/bestanimationgif.com/photoshop/bab-018.gif"" target="_blank">http://bestanimationgif.com/photoshop/bab-018.gif");background-repeat: no-repeat; background-attachment: scroll; background-clip: border-box; background-origin:padding-box; background-size: auto 100%; background-position: center center; text-align: center;">

 

Крылья у нашей бабочки поднимаются вверх, а потом резко падают вниз,  возможно бабочки так и машут крыльями, я не знаю, но мы  сделаем ее движения более плавными, для этого в анимационной панели  выделим все кадры:  выделите первый кадр  – нажмите клавишу Shift и щелкните по последнему -  все кадры выделятся и продублируем их

/bestanimationgif.com/photoshop/bab-019.png"" target="_blank">http://bestanimationgif.com/photoshop/bab-019.png");background-repeat: no-repeat; background-attachment: scroll; background-clip: border-box; background-origin:padding-box; background-size: auto 100%; background-position: center center; text-align: center;">

 

У нас с вами в этой анимации две основные точки -  первая – это полный размах крыльев бабочки ( 1- слой) и вторая точка -  наивысшее поднятие крыла ( 4 – слой).
Нам надо, чтобы бабочка сначала крылья поднимала -  это кусочек анимации с 1 по 4 кадр, а потом их опускала. Но продублировав кадры в анимации, мы опять же получаем  поднятие крыльев. Для того, чтобы в следующих кадрах бабочка крылья опускала, нам надо кадры перевернуть в обратном порядке – вот для этого и существует команда  -Реверс или Обратный порядок кадров.

/bestanimationgif.com/photoshop/bab-020.png"" target="_blank">http://bestanimationgif.com/photoshop/bab-020.png");background-repeat: no-repeat; background-attachment: scroll; background-clip: border-box; background-origin:padding-box; background-size: auto 100%; background-position: center center; text-align: center;">

 

Ставим на  1,4,5 и 8 кадрах задержку в  0,13 сек, на остальных – 0,1 сек и смотрим на нашу бабочку

/bestanimationgif.com/photoshop/bab-021.gif"" target="_blank">http://bestanimationgif.com/photoshop/bab-021.gif");background-repeat: no-repeat; background-attachment: scroll; background-clip: border-box; background-origin:padding-box; background-size: auto 100%; background-position: center center; text-align: center;">

 

Но такая бабочка подойдет лишь для оформления рамочки,  на цветах обычно они сидят по другому.  Попробуем бабочку  немного развернуть, для этого я ее уменьшу в размерах
( чтобы уменьшить в размерах все слои сразу -  выделите их все, нажмите Ctrl+T и удерживая клавишу  Shift  за уголок квадрата уменьшайте размер)

/bestanimationgif.com/photoshop/bab-022.gif"" target="_blank">http://bestanimationgif.com/photoshop/bab-022.gif");background-repeat: no-repeat; background-attachment: scroll; background-clip: border-box; background-origin:padding-box; background-size: auto 100%; background-position: center center; text-align: center;">

 

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

/bestanimationgif.com/photoshop/bab-023.gif"" target="_blank">http://bestanimationgif.com/photoshop/bab-023.gif");background-repeat: no-repeat; background-attachment: scroll; background-clip: border-box; background-origin:padding-box; background-size: auto 100%; background-position: center center; text-align: center;">

 

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

[/more]

Искрящаяся анимация в photoshop.



16-05-2008, 21:04
Искрящаяся анимация в photoshop. - уроки фотошоп
Категория: Уроки Adobe Photoshop
>>>>>>>>>>>>>>>>

Учебники по Фотошопу

Магический шар

Далее>>>

Водяной знак в Photoshop

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

Итак, приступим к уроку. Создадим в Photoshop новый файл (Ctrl+N) размером 400х200 пикселей с прозрачным фоном.




Возмем инструмент

Установка и активация плагина AlienSkin Eye Candy v6.0

Этот урок принадлежит DiZa-74
Все "спасибо" адресуйте автору!

Многие из нас знают как установить плагин, но не всегда могут правильно его активировать, много вопросов возникло по установке плагинов серии AlienSkin, поэтому сейчас на примере плагина

AlienSkin Eye Candy v6.0 мы рассмотрим процесс установки, а самое главное процесс активации.

Смотрим дальше...

Как установить плагины в программе Adobe Photoshop

Серия сообщений "фильтры и плагины, доп.программы":

Часть 1 - Xenofex 2.0
Часть 2 - Photoshop Vertus Fluid Mask v3.0.8
...
Часть 97 - 26 фильтров в VM Distortion
Часть 98 - Установка и активация плагина AlienSkin Eye Candy v6.0
Часть 99 - Как установить плагины в программе Adobe Photoshop
Часть 100 - Знаменитые фильтры KPT 6 для Фотошопа