Cinemagraph Tutorial.  

(Синемаграф туториал - перевод статьи Fernando J Baez - Сinemagraph tutorial)

Cinemagraph больше чем просто фото, но не совсем видео.

Первый раз я увидел такого рода фотографии где-то неделю назад. Я наткнулся на два восхитительных блога, от Jamie Beck and Coco Rocha. Они делают эти потрясающие картинки, как они сами называют их "cinemagraph”.  

Cinemagraph это простой .gif файл с большей художественной выразительностью чем обычные .gif, которые ты обычно видишь. Для начала тебе нужна хорошая картинка, которая хорошо выглядит как непожвижное фото. Когда ты сочтешь, что композиция верная и все готово, попроси своих моделей стоять настолько неподвижно, насколько это возможно для тебя, чтобы снять видео в самом высоком разрешении твоей камеры. Не забудь использовать трипод, чтобы минимизировать дрожание камеры. Я снимаю 1080p при 25 fps, это поможет тебе получить более качественную картинку, когда ты работаешь с кадрами. 

Теперь, когда ты снял свое видео, открой Photoshop CS5, далее Файл - Открыть и найди свое видео. 

В панели анимации выбери нужные кадры, одной-двух секунд достаточно в большинстве случаев, но это решать тебе. Далее, когда ты выбрал, нажимай File - Export - Render Video. Затем переименуй файл и нажми Render. 

Теперь иди в File - Import - Video frame to layers (импортировать кадры видео в слои). Теперь в панели анимации есть кадры и в панели слоев есть все кадры, которым ты можешь создать маски и хорошенько отредактировать. Выбери первый кадр и в панели слоев будет виден только первый слой. Это будет неподвижная часть фотографии. Выбери второй кадр и в палитре (панели) слоев выбери и первый и второй слои. Сделай маску второму слою той части, которая должна двигаться. 

Проделай то же самое со всеми кадрами, только помни, что только те слои, которые видимые, появятся в этом конкретном кадре. 

Ты можешь просмотреть анимацию в любое время, нажав клавишу пробела. 

Чтобы сделать плавный переход в анимации, первый и последний кадры должны быть одинаковыми. Это легко можно сделать, как ты закончишь накладывать маски на слои. Выбери все кадры, скопируй и вставь их после оригинальных кадров. Теперь в меню панели анимации выбери Reverse frame (Обратить порядок кадров) и все готово. 

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

Чтобы сохранить анимацию, жми File - Save for web and device (сохранить для web и устройств), выбери gif, убедись, что повтор анимации поставлен на бесконечность. 

Вот и все, дело сделано. 

© Fernando J Baez 

P.S.

1. Выровнять дрожащие кадры в Photoshop можно командой Редактирование - Автоматическое выравнивание слоев. 

2. Обработать видео можно в MP4Cam2Avi или Virtual Dub, там же можно сохранить часть видео как avi файл или как серию изображений. File - Export - Image sequence… 

3. Снимая HD видео на Nokia N8, получаешь отличного качества картинку стандарта MPEG-4. Но без кодеков Quicktime такое видео не обработать.

Источник

ПРИМЕРЫ ОЖИВШИХ ФОТОГРАФИЙ

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

Применение такой кисти может быть самое разное.

Добавим пузырьки на готовое фото с котенком.

В другом варианте создадим фантастический фон для коллажа.

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

Командой "Файл - Создать" создаем новый файл с параметрами 500х500рх.

Заливаем черным цветом.

Добавляем новый слой.

На новом слое рисуем круг инструментом "Овальная область" при нажатой клавише Shift.

Заливаем выделенную область белым цветом.

Не снимаем выделение.

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

Обводка делается командой "Редактирование - Выполнить обводку". Цвет обводки - белый, толщина 1-2 рх, расположение - внутри.

На рисунке видна обводка при отключенном втором слое.

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

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

Смещаем область выделения на втором слое немного вверх и вправо.

Нажимаем клавишу "Delete".

От белого круга у нас останется тоненький полумесяц.

Сделаем внутренний край полумесяца размытым.

Не снимаем выделение.

Применяем команду "Выделение - Уточнить край" и выставляем параметр растушевки 25рх.

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

Параметр подбираем экспериментальным путем. В уроке выставляем 25рх.

Нажимаем клавишу "Delete" несколько раз (от 5 до 10 раз).

Визуально наблюдаем за изменениями, происходящим на рисунке при очередном нажатии на клавишу "Delete".

Внутренний край получился размытым, а внешний остался ровным и четким.

Добавим блик на поверхности пузырька.

Рисуем пятно белого цвета мягкой кистью размером 200рх.

Объединяем слои.

Делаем инверсию изображения командой "Изображение - Коррекция - Инверсия".

Форма отпечатка кисти готова. Сохраняем новую кисть командой "Редактирование - Определить кисть". Даем название кисти или просто сохраняем ее под номером. Новая кисть будет в конце списка.

Начнем фантазировать и рисовать пузырьки на картинках. Открываем новую картинку, например, цветы автора S.Tori.

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

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

Включаем панель "Кисти".

Увеличиваем интервал до 200%.

Добавляем параметры "Динамика формы".

Движок параметра "Колебание размера" поставим на 100%.

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

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

Добавим еще один слой и нарисуем новые пузырьки. Уменьшим непрозрачность на этом слое до 50%. Появится некотороя перспектива и глубина изображения.

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

Приступим к уроку:

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

Затем выбирается инструмент "Ластик", форма которого может быть в виде кляксы или какой-то фигуры размером не меньше 100 пикселов.

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

Последовательность действий:

Открываем исходное изображение с размерами, готовыми для печати.

1-1



Создаем дополнительный слой и заливаем его краской.

1-2



Выбираем инструмент ластик и его форму.

1-3



Форма ластика под номером 41 выбрана из набора кистей Assorted Brushes.

Уменьшаем непрозрачность дополнительного слоя до 70% и начинаем стирать лишние участки.

1-4



Затем восстанавливаем непрозрачность до 100% и видим готовый результат.

1-5



Таким же методом сделана вот такая поздравительная открытка:

1-6



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

1-7



В этом варианте использовалась кисть под номером 14 из исходного набора кистей.

1-8



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

  Источник урока

 

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

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

Открываем исходное изображение.

На палитре слоев добавим новый прозрачный слой, щелкнув по кнопочке "Создать новый слой".

На новом слое делаем прямоугольное выделение инструментом "прямоугольная область". Размер выделенной области будет определять размер фрагментов, на которые и будет разбиваться исходник.

Инструментом "Заливка" закрашиваем выделение белым цветом.

Не снимаем выделение.

Выбираем команду "Выделение - Модификация - Сжать".

Указываем в пикселях размер сжатия.

Нажимаем клавишу "Delete", чтобы удалить внутреннюю часть и получить в итоге рамочку (прямоугольный фрагмент).

Для выразительности добавим к прямоугольному фрагменту эффект слоя "Обводка" черного цвета с толщиной линии 2 пикселя.

Сделаем копию слоя с фрагментом.

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

Встаем на первый слой с фрагментом и ластиком стираем краешек рамочки, который высвечивается на верхнем фрагменте.

Делаем копию слоя с верхним фрагментом. Инструментом "Перемещение" сдвинем фрагмент на новое место на изображении.

Стираем часть второго фрагмента и так далее.

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

Итоговый результат:

Посмотрите как выглядит палитра слоев для этого урока.

Отключаем "глазик" на слое с фоном. Встаем на любой слой с фрагментами. Щелкаем правой кнопкой мышки. В контекстном меню выбираем пункт "Объединить видимые".

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

Получается фотоколлаж, если добавить отдельно взятое фото, как, например, на этой картинке.

Я бы назвала такой вариант "эффект присутствия". Фото девушки как бы относится к серии фотографий с острова Фиджи, хотя она там еще не была.

ИСТОЧНИК : "Простые уроки фотошопа для начинающих"

Изменить цветовой спектр на фото можно с помощью команды "Изображение / Коррекция / Подобрать цвет."

Посмотрим практический пример.

Открываем исходное фото. Для урока я взяла фото с сайта "ivenzia-art".

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

Если хотите сделать фото в так называемом ванильном цвете, то второе изображение должно быть нежно розовым. Открываем картинку с розовыми цветами на розовом фоне.

Таким образом, на рабочем столе программы Adobe Photoshop должно быть одновременно открыто два изображения.

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

Выбираем команду колоризации "Изображение / Коррекция / Подобрать цвет."

Откроется окно "Подобрать цвет", в котором в окне просмотра будет исходное активное изображение.

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

Параметры в верхней части - "Светимость - Интенсивность цветов - Ослабить" будут зависеть от конретных изображений, с которыми Вы работаете.

Сравним произошедшие перемены с нашим фото до и после колоризации:

Для этого же фото сделаем колоризацию с использованием картинки с желтым фоном и с голубым фоном.

Получились такие варианты колоризации:

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

Первоначальное размещение урока на САЙТЕ

В программе Adobe Photoshop CS5 появился новый инструмент "Микс-кисть", который имитирует рисование настоящей кистью с разной толщиной щетины и формы.

На панели инструментов из списка кистей выбираем "Микс-кисть".

Как и для обычной кисти выбираем форму и размер.

Щелкаем по кнопочке "Включение/Выключение панели кисти" и на открытой панели "Кисть" можем сделать дополнительные настройки.

Обратим внимание на новые параметры.

Можно самим выставлять "Влажность" кисти, режим "Смешивание" и "Нажим", а можно воспользоваться готовыми наборами.

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

Продублируем слой.

Рисовать будем на копии, что бы было с чем сравнить.

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

Получился вот такой вариант.

Для большей достоверности добавим текстуру к слою.

Хорошая картина заслуживает достойного оформления в красивой раме, не правда ли?

Каждый может стать художником, стоит только захотеть.

ИСТОЧНИК

WooCons

Glyphish

Project Icons

Iconic

Retina Display Icon Set

iconSweets

Social Media Icon Set

Sanscons

Default Icon

• Mojoworld Generator: Быстрый старт



• Использование простой функции примитивов



• MojoWorld: Рендеринг на многоядерном процессоре



• Первые шаги



• Создаем Луну



• Текстура поверхности планеты. Часть 1



• Текстура поверхности планеты. Часть 2



• Работа с редактором материала. Часть 1



• Работа с редактором материала. Часть 2



• Простая анимация в Mojoworld



• Навигация, сохранение файла мира и рендеринг

Вот, к примеру, скрин одного из них:

Это нынче очень модно, шероховатый фон и вдавленный/выпуклый текст меню, подписей и всего, чего хотите.

Воспроизвести такой эффект крайне сложно, но мы все же попробуем.

1. Откроем новый документ и зальем фон любым цветом, отличным от белого.

Допустим это будет темно-серый фон.

2. Пишем любой текст любым шрифтом, при этом цвет его должен быть светлее нашего фона.

3. Дублируем в панели слоев наш текст и, кликнув два раза мышкой на буковке Т, выбираем тексту цвет более темный, чем фон.

4. Выбираем инструмент Move Tool или жмем на клавишу V.

Теперь один раз жмем на кнопку стрелочку вверх и один раз вправо. Или вниз и влево или как угодно. Наш верхний текст должен сместиться по осям Х и У на один пиксель.

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

Ваш Svyat Lee

pixlr.com/editor/

Практически онлайн-версия фотошопа.

Можно обрезать изображение, изменить размеры, сделать размытие или навести резкость.

Можно работать с масками и слоями. Есть фильтры, цветокоррекция и история редактирования.



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

Открываете файлы, редактируете, сохраняете.



Интерфейс на русском, можно выбрать другой язык.

 

pixlr.com/o-matic/

Другой раздел на том же сайте.

Добавляет к вашим фотографиям готовые фильтры и эффекты.

Большой выбор фильтров, рамок и текстур.

 

pixlr.com/express/

Ещё один раздел оттуда же.

Здесь можно изменить размер картинки, обрезать или развернуть.

Но главное здесь - эффекты.

Часть готовых эффектов из предыдущего раздела + хорошие инструменты для цветокорекции, в том числе убирание красных глаз и отбеливание зубов : )

 

коллекции текстур

lostandtaken.com/gallery

Автор сайта Caleb Kimbrough делает текстуры и выкладывает их в свободное пользование.



В галерее есть сортировка по категориям, можно найти много интересного : )

Там же есть уроки по созданию текстур, на английском.

Smashing Texture Contest Results

Часть текстур выложена на странице (мотайте вниз), часть можно найти через рубрикатор в верхней части страницы.

Очень много всего.

 

100 Beautiful Free Textures

Кожа, металл, бумага, стекло и многое другое.

Stone and Concrete Textures

Камень и бетон

2000 Absolutely Free Textures

Сборник самых разных текстур

Photoshop Textures на brusheezy.com

Огромное количество текстур.



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

 

valleysinthevinyl.com

zentextures.com

Текстуры дерева, бумаги, песка, камней и не только.



Под логотипом находится список разделов.

subtlepatterns.com

Легкие минималистичные текстуры.



Можно скачать все текстуры одним файлом.

 

ftg.projectdd.jp/

Простые черно-белые текстуры.



Звездочки, полоски, цветочки, клеточки и кружочки в нескольких вариантах.

 

Источник

Создайте новый документ. Затем с помощью инструмента Gradient Tool создайте радиальный градиент от #26acf5 к #093c7b. Получится довольно приятный фон:

Выбираем инструмент Type Tool, шрифт Museo Sans 500 и создаем надпись. Для наглядности я создам только одну букву, но большого размера:

Измените параметр Fill слоя с текстом до 0. Теперь щелкните два раза мышью по слою с текстом или перейдите Layer > Layer Style > Blending Options, чтобы перейти в окно редактирования стилей слоя. Примените следующие стили:

Drop Shadow

Inner Shadow

Bevel and Emboss

И вот, что у нас получится:

Окончательный результат

P. S.

А теперь несколько примеров на разных фонах:

P. P. S.

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

Заголовок урока совпадает с названием новой команды в Adobe Photoshop CS5.

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

Посмотрим как она работает.

Обычный размер фото для печати 10х15см. Создадим новый документ с такими размерами. Это будет наш шаблон.

В качестве фона захотелось использовать готовую сказочную картинку.

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

Если будем просто увеличивать размер картинки по горизонтали - получим искаженные пропорции.

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

Команда "Редактирование - Масштабирование с учетом содержания" поможет сохранить от изменения выделенные фрагменты при увеличении общего размера изображения.

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

Сохраняем выделение командой "Выделение - Сохранить выделенную область".

Даем название выделению "ДОМИК" и нажимаем "ОК".

Убираем выделение, нажав "Ctrl + D".

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

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

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

Защищенные области останутся также без изменений.

Добавим на фон свое фото и получим сказочную композицию.

Источник урока

Стандартный размер аватарки - 100х100 рх или 120х120 рх. Разрешение - обычное для интернета - 72рх/дюйм.

Открываем в Potoshop CS5 любую картинку или фото, из которого будем делать аватарку.

Мне нравятся картинки в стиле арт. Для примера взяла одну из работ Brooke Gilletti.

Выбираем для работы инструмент "Рамка". 

Выставляем размеры рамки, то есть размеры нашей аватарки: 120х120пикс. с разрешением 72 пикс/дюйм.

Выделяем рамкой фрагмент на картинке, который хотели бы видеть на аватарке и нажимаем Enter

Выделенная область превратится в новое изображение с указанными выше параметрами.

Дорисуем рамку, чтобы считать работу законченной.

Слой с аватаркой защищен от изменений замочком. Превратим его в обыкновенный слой.

Щелкаем по слою два раза и соглашаемся с новым названием "Слой 0".

К обычному слою можно применить различные стили.

Кнопочка "Добавить стиль слоя" на палитре слоев стала доступной.

Из списка стилей выбираем "Обводка".

Толщину и цвет обводки выставляем как захотим.

Чтобы размер аватарки не нарушался, параметр "Положение" ставим "Внутри".

В примере толщина обводки 3 пикселя.

                                    желтая обводка или зеленая    

Сохраняем законченный вариант аватарки командой "Файл - Сохранить для Web и устройств".

Для параметра сохранения "Высокое качество JPEG" размер сохраняемого файла

в рассмотренном примере уменьшился с 56,3К до 8,233К. Время загрузки - 2 сек.

Источник

Начнём с создания Нового документа (например 1280х800pix), фон #361426.

Выбираем инструмент Овальное выделение (Eliptical Marquee Tool) и располагаем его следующим образом (Select-Transform Selection).

Переходим в режим быстрой маски (Edit in Quick mask mode,Q), выбираем фильтр Гауссово размытие (Gaussian Blur) и ставим нужную степень растушевки – примерно 85pix. Возвращаемся в стандартный режим (Edit in Standart mode,Q).

Создаем Новый слой и заливаем его любым цветом.

Применяем к Новому слою Стиль – Градиент (Layer-Layer Style-Gradient Overlay).

Не закрывая окно стиля слоя, сдвигаем центр градиента вправо вниз (хватаем центр градиента - ЛКМ и тянем куда надо))).

Можно поиграть с непрозрачностью (Opacity) слоя с градиентом, но для этого заливку (Fill) самого слоя нужно опустить до нуля.

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

При помощи инструмента Перо (Pen Tool) рисуем кривые, контур лучше сохранить, вдруг поправить надо будет (панель Контуры – Paths, двойной клик на рабочем контуре).

Создаём Новый слой,  ставим цвет  #9f6fc8 и, при активном инструменте Direct Selection Tool , кликаем ПКМ и выбираем в выпадающем меню Обводка Контура… (Stroke Path…). Затем, в появившемся окне ставим галочку Имитировать нажим (Simulate Pressure). Диаметр Кисти я поставила примерно 7pix.

Полученный слой я назвала Линии и снизила его Непрозрачность(Opacity) до 80%.

Теперь, рисуем Веточку из белых кругов.

Путь распределения можно нарисовать или от руки, или при помощи пера. Количество кругов и шаг изменения размера – на ваше усмотрение.

Я постепенно уменьшала размер кисти (от 35pix до 8pix), делая по одному мазку (клавиши { } на клавиатуре).

Добавляем Внутреннее свечение (стиль слоя).

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

Для этого, кликаем ПКМ на Стиле слоя в палитре слоёв и выбираем Создать слой (Create Layer). Затем, объединяем два слоя (Веточка и слой с розовой заливкой) в один.

Копируем, изменяем размер и распределяем полученные веточки примерно так:

На скриншоте я убрала видимость слоя с фоновым градиентом для удобства распределения и рисования веточек.

Сливаем слои с веточками в один (можно оставить копии отдельных слоев).

К полученному слою применяем Стиль Наружное свечение. Почему к объединенному слою? Потому, что у всех веточек, независимо от их размера, свечение наружу будет одинаковое.

Приступаем к созданию цветов. Я увеличила масштаб просмотра документа примерно до 80-85 % , чтобы удобнее было рисовать. Размер цветов и бутонов будем потом уменьшать.

Снова используем Инструмент Перо (Pen). Рисуем Контур.

Создаём Новый слой и выбираем белый цвет, диаметр Кисти 5-7pix. И снова, при активном инструменте Direct Selection Tool, кликаем ПКМ, выбираем Обводка Контура… (Stroke Path…), в выпадающем окне ставим галочку Имитировать нажим (Simulate Pressure) -1. Этот слой можно назвать Контур.

Создаем ещё один слой и делаем Заливку по контуру (Fill Path…). Цвет переднего плана (Set foreground color) белый - 2. Этот слой можно назвать Заливка.

Видимость слоя с заливкой убираем.

Мы нарисовали центральный лепесток.

Работаем дальше.

Рисуем следующий лепесток. Принцип такой же.

У полученных слоёв скрываем видимость. Продолжаем.

Получился боковой лепесток. Видимость полученных слоёв так же можно пока скрыть.

Начинаем создавать красоту… )))

Переходим на слой Заливки Центрального лепестка.

Для начала сделаем маску для создания белой полупрозрачной заливки лепестков.

Выбираем инструмент Овальное выделение (Eliptical Marquee Tool), ставим степень растушевки (Feather) 15pix и располагаем его следующим образом (Select-Transform Selection) – см. скриншот.

Нажимаем на кнопку (внизу панели слоёв) - Добавить маску слоя (Add vector mask), инвертируем её – Ctrl+I. Вот что получается.

Теперь, применяем Стиль слоя Внутреннее свечение.

Нам необходимо кое-что поправить в настройках слоя. Для этого открываем окно Blending Options… (либо через стили слоя, либо двойной клик по слою, есть ещё способы…) и ставим галочку напротив функции Layer Mask Hides Effects. Это значит, что границу перехода Стиля видно не будет.

Теперь, прижимая клавишу Alt, перетаскиваем маску со слоя с Заливкой на слой Контур Центрального лепестка. Нижняя часть обводки полностью исчезла. Так не пойдет ))) Возьмём кисточку большого диаметра, помягче, с непрозрачностью 50% и один раз мазнём по маске слоя. Кисть белая, чтобы восстановить немного видимость контура.

Применяем Стиль  – Наружное свечение к слою Контур (тоже ставим галочку в Blending Options…):

Теперь мы просто будем копировать свойства слоёв и маски Центрального лепестка на другие лепестки. А потом скопируем и сами готовые лепестки.

1 - Находясь на слое Заливка (центрального лепестка), прижимаем ПКМ и выбираем в выпадающем меню Копировать стили слоя (Copy Layer Style). Потом переходим на слои с Заливками других лепестков и вставляем эти стили слоя (Paste Layer Style). То же самое со слоем Контур.

Маску копируем так: прижимаем Alt и тащим маску на нужный слой (с Заливки на Заливку, с Контура на Контур).

Главное ничего не перепутать ))))

Распределяем боковые лепестки, как показано на скриншоте - 2.

Для лепестка на переднем плане я немного сдвинула маску слоя (убрав значок замочка между иконкой слоя и иконой маски) - 3.

Копируем все слои лепестков (кроме центрального) и отзеркаливаем по горизонтали.

Цветок готов!

Экспериментируйте со степенью непрозрачности заливок, контуров, настройками стилей слоя, расположением лепестков друг над другом….. то есть простор для творчества!

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

Копируем все лепестки и делаем из них бутон. Здесь, удобнее избавиться от лишнего количества слоёв – я объединила слои Контур-Заливка и у меня осталось 9 слоёв – Лепестков.

Из центрального и 4-х боковых лепестков собираем бутон. А всё остальное удаляем.

Объединяем слои цветка и слои бутона (в итоге 2 слоя: цветок и бутон).

Поехали дальше.

При помощи овального выделения или другим способом рисуем на Новом слое белый круг и применяем к этому слоя следующие Стили:

Копируем светящуюся точку и переносим её под цветок. Сливаем вместе слои: Точка-Цветок, Точка-Бутон. Делаем необходимое количество копий Цветка и Бутона и распределяем по рисунку.

Я немного подкорректировала направление Линий с Веточками и месторасположение фонового градиента.

И напоследок добавим на наши обои ещё что-нибудь интересненькое….

Рисуем на Новом слое прямоугольник, цвет #fc4fe5. Ставим Заливку (Fill) этого слоя на 25%, а Непрозрачность (Opacity) на 80%. Применяем Стили слоя:

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

Теперь при помощи Трансформации – Деформация (Edit-Transform-Warp) создаём различные замысловатые фигуры. Деформация – это очень интересный инструмент, надо потренироваться и набить руку, чтобы рисовать всякие чудеса )))

«Непонятности» я расположила таким образом – см. скриншот.

Снижаем Непрозрачность (Opacity) этих слоёв до 60% и заменяем режим наложения на Осветление (Screen).

Добавив маски слоя, скрываем часть «Непонятностей». Рисуем черной кистью.

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

Всё готово!

Удачи в жизни и творчестве!

PIROGOVADESIGN

Данный урок подготовлен для Вас командой сайта http://www.photoshop-master.ru

Шаг 1. Подготовка документа в Photoshop.

Создайте новый документ в  Photoshop (Ctrl + N). Автор использует размер 600 * 400, но вы можете создать документ больше, если вам это необходимо.

Шаг 2. Выбор шрифта.

Автор урока большой поклонник всех шрифтов, которые были популярные еще в 50-х годах, так что его выбор пал на шрифт "Белло".  Введите слово, которое вам нужно с большой буквы и  задайте кегль 188пт.

Шаг 3. Добавление стилей слоя.

Теперь, когда ваш текстовый слой по-прежнему активен, добавим стили слоя.  Перейдите в меню Слои – Стиль слоя (Layer- Layer Styles), и примените следующие настройки ...

Прим переводчика: вызвать стили слоя можно просто кликнув дважды по слою.

Тень:

Внутренняя тень:

Теперь добавим наложение узора. Автор использовал свой узор, а у вас тоже есть возможность выбрать для узора что-нибудь своё или воспользоваться стандартными.

Прим. переводчика: если уж очень нужен узор именно как в уроке, то присмотревшись на скриншот, можно сделать такой же. Создать документ в 5 пикс., увеличить его на максимум и инструментом карандаш проставить цвета как на скрине.

В создании собственного узора Вам поможет эта статья.

Теперь добавим обводку с градиентом, чтобы добавить тексту глубины.

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

Шаг 4. Фон.

Чтобы наш текст смотрелся интереснее, мы изменим немного фон, придав ему некоторую глубину. Активируйте слой с фоном и добавьте ему стили слоя.  Перейдите в меню Слои – Стиль слоя (Layer- Layer Styles), и примените следующие настройки ...

Для градиента, используйте следующие цвета:

1. # 667c85

2. # 475e68

Результат.

Шаг 5. Добавление бликов.

Нажмите "Ctrl" и кликните по миниатюре слоя с текстом в палитре слоев, таким образом, загрузится выделение текста.

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

Теперь овальным выделением (Elliptical Marquee) нарисуйте овал как на скриншоте ниже.

Перейдите в меню Выделение – Инверсия  (Select- Inverse), чтобы инвертировать выделение и нажмите " delete" . Это оставит блеск только на верхней части текста:

Режим наложения этого слоя установите на Перекрытие (Overlay). Это сделает блик более естественным.

Шаг 6. Заставим текст искриться.

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

Создайте новый слой поверх остальных. Используйте инструмент Кисть  (Brush Tool) 27пикс. с мягкими краями, белого цвета и хаотично нарисуйте несколько точек по краям текста.

Совет: рисуйте точки по светлым краям текста, это повысит световой эффект.

У вас должно получиться  вот так:

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

Вот и всё. Мы подошли к концу урока, и вы успели научиться такому стильному эффекту!

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

Автор: loreleiwebdesign

Переводчик: Рыбка.

Ссылка на источник

Данный урок подготовлен для Вас командой сайта http://www.photoshop-master.ru

Урок по работе с программой будет основан на флэш-заголовке из вот этого дневника

Скачать программу можно тут

Скачали, установили, открыли.

При старте поверх окон откроется дополнительное окошко с выбором: Blank document, Album, Banner, Navigation Button. Выбираем первый вариант.

Предварительно у нас должен быть сделан рисунок в фотошопе. Я сделал такой, размером 836х109:

В верхней панели находим закладку Insert - Image и выбираем наше изображение.

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

Я решил, что заголовок должен вести на сайт http://bulgarland.ru, поэтому нажимаем на правую кнопку мыши на изображении (всплывет подсказка Shape) и выбираем в выпадающем списке Element Properties. Откроется вспомогательное окно. В первой закладке кликаем на Edit Action в следующем Open URL, вписываем в поле адрес, куда должно переадрисовываться при нажатии и в  поле Target выбираем blank.

Я взял из готовых анимаций волны. Они находятся в правой вертикальной панели, в Backgrounds - Dynamik. Два раза кливаем на файлике Wave.glm. Растягиваем на всю длину нашего документа и немного приплюснем.

Теперь поместим необходимый текст. Снова идем в верхнюю панель Insert - Text. Сразу выбираем необходимый шрифт потому, что после это отредактировать не удастся. Выбрали, в самом верхнем поле ввели нужный текст и нажали ОК. Немаловажная вещь: чтобы перемещать наш текст и растягивать/сжимать его, нужно попасть курсором в одну из букв. Если курсор на пустом/прозрачном месте, этот слой не редактируем. Установили текст в нужном месте. Теперь в верхней панели находим кнопку Add effect. Кликаем и получаем три набора - для входа, анимации и выхода. То есть в первом наборе эффекты появления текста, во втором как он будет играть на странице и в следующем, как закончится.

Например, в первом наборе (Entrance) выбираем эффект Zoom in. Понятно из названия, что текст из ничего станет увеличиваться. Выбираем себе произвольное количество эффектов входа, анимации  и выхода. После выбора первого эффекта, у нас появится их список. Кликнем правой кнопкой на надписи Text и выберем Config

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

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

Для просмотра получающегося флэша надо использовать кнопку Preview - это зеленый треугольничек в самой верхней панели.

Итак, мы создали нашу анимацию, теперь сохраним ее.

Это просто: File - Export Movie

Файл сохранится в формате swf. Чтобы, к примеру, поместить его в заголовок дневника, нужно его где-то выложить. Например, создать закрытую от всех запись или, как сделал я, скинуть в корневую директорию любого сайта. На "народе", к примеру.

После этого заходим "настройки", "эпиграф дневника" и пишем там в квадратных скобках flash=836,109,адрес_места_где_находится_файл/имя_файл.swf

Цифры в начале, это размер нашей, сделанной в фотошопе основной картинки.

Можно, к примеру, наделать кнопок и положить их поверх основной картинки. Присвоив каждой путь к определенному место в Сети, как рассказано выше. Вариантов много. Все в ваших руках!

Точно такие же и еще более красивые вы сможете рисовать, используя программу Incendia.

Весит она 15 мб и абсолютно бесплатна.

В пакет входят инсталлятор и pdf файл с документацией на русском языке.

Скачать можно тут

Уроки по программе можно посмотреть тут:

Создаем радужную ракушку

Фрактальная пирамида из разноцветных шариков

Черный жемчуг

Ветка папортника на фоне неба

Постарался покрутить их во всех ракурсах, но если кому-то понадобится еще какой-то, какого здесь нет - напишите в личку.

Всего 20 штук. Формат JPG. Размер: 946х675

Скачать можно тут