Этот урок покажет Вам как заставить сердце биться при помощи Photoshop и Image Ready.Этот урок покажет Вам как заставить сердце биться при помощи Photoshop и Image Ready . Информация из этого урока может служить для создания различных открыток, начиная от дня святого Валентина и заканчивая днем рождения. Ваши друзья и родные будут приятно удивлены.
1. Создайте новый документ размером 300 x 300px . Возьмите инструмент Произвольная фигура (Custom Shape tool), переключитесь на слой-фигура (Shape Layers) и выберите сердце из списка фигур. Установите основной цвет (foreground color) #FD7FA3 . Теперь нарисуйте сердце, которое должно занимать большую часть пространства в окне. Расположите его в центре документа.
2. Добавьте Cтиль слою — Тень (Drop Shadow).
Внутренняя Тень (Inner Shadow).
Внутреннее свечение (Inner Glow).
Наложение градиента (Gradient Overlay).
Внешнее свечение
(Outer Glow).
Глянец (Satin).
У Вас должно получиться нечто подобное:
3. Сделайте три копии слоя с сердцем. Используя свободную трансформацию (Free Transform Tool) установите размер первой копии 95% от оригинала, второй 90% и третьей 85% , а первоначальное изображения оставьте без изменений.
4. Теперь переходим в Image Ready (Ctrl+Shift+M). Откройте панель анимации (Окно — Анимация), а затем нажмите на маленький треугольник в правом верхнем углу панели. Там выберите пункт Создать кадры из слоев (Make Frame from Layers). Cлой с фоном переместите в корзину.
*Если у вас Photoshop CS3 и выше, то откройте Окно> Анимация и выпоните 4 шаг
5.
Выберите второй кадр и нажмите на Создать дубликат текущего кадра
(Duplicate current frame). Затем перетащите слой в конец анимационной ленты. Повторите процедуру для третьего сердца.
Вы должны получить 6 кадров. Теперь установите время задержки 0,05
секунд для первого кадра и 0,1
секунды для четвертого. Сохраните Вашу работу и наслаждайтесь результатом.
Всем доброго настроения! И вот я снова здесь, публикую для Вас, дорогие мои читатели блога Домовёнок-Арт, уроки фотошоп для начинающих. И поскольку совсем немного осталось до дня всех влюбленных, то сегодняшний урок будет посвящено именно этому празднику: мы будем создавать валентинку в фотошопе .
Сразу оговорюсь: данный урок является лишь первой частью классной открытки или обоев для рабочего стола ко Дню всех влюбленных. Но обо всем по порядку.
Итак, открываем программу Adobe Photoshop и создаем новый документ размером 1280х1024 пикс. (по размеру монитора, ведь мы же делаем обои ко дню всех влюбленных), разрешение 72 пикс/см, цветовой режим RGB.
Выбираем инструмент Произвольная фигура , находим вверху в настройках инструмента изображение сердца (Черви называется).
Если у Вас такой фигуры нет, то ее нужно загрузить из стандартной библиотеки фотошопа. Для этого жмем на маленький треугольничек в правом верхнем углу и выбираем внизу вкладку Все.
Прежде, чем рисовать, устанавливаем основной цвет в панели инструментов. Я пока выбрала цвет 870404 , но в процессе создания мы его, если что, сможем подкорректировать.
Итак, рисуем небольшое сердечко. Обратите внимание на настройку Выполнить заливку пикселов , маленький квадратик.
Давайте сделаем объемное сердце, для чего дважды кликаем по слою в Панели слоев или идем в меню Слои-Стиль слоя-Параметры наложения. Теперь устанавливаем следующие настройки, показанные на скриншотах (для увеличения нажмите на изображение):
Создаем новый слой. А также загружаем выделение сердечка: зажав клавишу С trl , кликаем по иконке слоя в панели справа.
Выбираем инструмент Градиент , устанавливаем цвета, как на рисунке. Режим наложения нормальный , Линейный градиент . Проводим вертикально инструментом сверху вниз.
Меняем режим наложения слоя на Насыщенность
Создаем еще один слой Слой 3 . Вновь выбираем Произвольную фигуру и рисуем сердце белого цвета, немного меньшего размера.
Жмем сочетание клавиш Ctrl+ T , вызывая тем самым Произвольную трансформацию слоя. Правой кнопкой мыши выбираем функцию Деформация , появится сетка из 9 прямоугольников. Зажимая по очереди нужные прямоугольники, перетаскиваем и растягиваем изображение, как показано на скриншоте. Как только результат устроит, жмем Enter .
Нам нужно отсечь нижнюю острую часть маленького сердечка. Я это сделала при помощи инструмента Перо . Как им пользоваться, я рассказывала в статье о . Рисуем контур этим инструментом, закрыв его, правой клавишей образуем выделенную область с растушевкой 1 пикс. Инвертируем выделение сочетанием клавиш Shift+ Ctrl+ i или через меню Выделение –Инверсия . Теперь осталось лишь стереть все лишнее при помощи Ластика или просто нажав на клавишу Del
Отменяем выделение комбинацией клавиш Ctrl+D . И опять загружаем выделение большого сердца (см. выше). При этом находимся на Слое 3 . Идем в меню Фильтр – Размытие – Размытие по Гауссу и устанавливаем следующие настройки
Меняем режим смешивания слоя на Перекрытие , а прозрачность снижаем до 47%.
Самый главный элемент для будущей валентинки в фотошопе готов.
Итак, в сегодняшнем уроке фотошоп для начинающих мы создали такое пылающее объемное сердце, которое станет основной фигурой для нашей будущей валентинки. В следующем уроке я обязательно покажу, как сделать красивую открытку — .
А я Вам желаю успешно освоить создание этого сердечка, ведь впереди нас ждет еще более интересная работа! До скорого!
Ваш Домовёнок Елена.
Всякие разные новости:
Вкусные идеи для Вас.
В этом уроке я покажу очень простой способ, как нарисовать сердце в фотошопе
. Этим способом сердце в
фотошопе
делается очень быстро, рассказывать дольше, чем сделать.
Создадим сердце на прозрачном фоне, чтобы потом можно было вставить его в открытку. В результате получится вот такая картинка.
1-Файл-создать, 500 на 500, фон прозрачный.
2-На панели инструментов выбрать инструмент "овальная область" и нарисовать круг.
Об инструментах выделения можно посмотреть .
3-Редактирование-выполнить заливку. В появившемся окне нажать на галочку и выбрать слово "цвет", затем в другом окне, передвигая бегунок, выбрать, например, красным цвет.
4- Круг станет красным.
5-Выделение-отменить выделение. Теперь половину круга нужно убрать.
6-Инструментом "прямоугольная область" выделить половину круга.
7- На клавиатуре нажать Delete. Половина круга исчезнет.
8-Выделение-отменить выделение. Из оставшейся части будем формировать половинку сердца.
9-Редактирование-трансформирование-деформация.
Сформировать половинку сердца.(Нажать мышкой на маячок и, не отпуская левой кнопки мыши, потянуть маячок вниз. Затем сдвинуть часть круга снизу, чтобы получилась половинка сердца.)
10-На клавиатуре нажать Enter, чтобы применить трансформирование.
Теперь нужно сделать сердце целым, для этого скопируем имеющийся слой.
11-Слой-создать дубликат слоя. В окне слоев появился еще слой.
12-Редактирование-трансформирование-отразить по горизонтали. (Верхний слой, в окне слоев, активный.)
13-На панели инструментов выбрать "перемещение" и передвинуть созданный дубликат слоя вправо.
Сердце стало целым, но его части на двух слоях. Их нужно объединить.
14-Окно слоев выглядит так.
15-Слой-объединить с предыдущим. В окне слоев слои объединились в один.
Теперь, чтобы сделать сердце более объемным, зальем его градиентом. Для этого создадим свой градиент.
16-На вертикальной панели инструментов нажать на значок градиента. Затем кликнуть вверху, на горизонтальной панели, по полоске градиента.
Появится окно "редактор градиентов". Добавим на полосу градиента пять маячков.
17-Кликнуть левой кнопкой мыши рядом с первым маячком и, не отпуская левую кнопку мыши, передвинуть вправо. Появится еще один маячок. Таким образом сделать еще четыре и распределить по всей полосе.
18-Первый маячок оставим белым. Кликнуть по второму маячку, затем по полоске "цвет".
В появившемся окне цветов выбрать цвет f7aaaa
20-Кликнуть по третьему маячку и по полосе "цвет", выбрать цвет f43f3f.
21-Кликнуть по четвертому маячку, для него выбрать цвет f12222.
22-Для пятого маячка -цвет dd1010.
23-Для шестого-цвет cd0909.
24-И для последнего- b90f12.
У нас получится вот такой красивый градиент.
25-Градиент готов, кликнуть в этом окошке ok.
26-На горизонтальной панели выбрать значок "линейный градиент"
Н овый документ 800x600 . Белая заливка.В ыберем инструмент Ellipse-tool (находится под Type tool ) и нарисуем держа Shift окружность. Гордо крикнем: "Мама! Иди посматри, у меня тут ВЕКТОР! "...после объятий и поздравлений от вашей семьи, растолкаем собравшихся от нашего рабочего места, и продолжим.
В
ыберем Convert Point tool
... будем надеятся
что никто не увидит вашего позора, когда вы прочитав эти
строки, озираясь по комнате, начнете судорожно тыкаться
в поисках этого инструмента...
Т
еперь посмотрим на скриншот и повторим действия
для трансформации нашей фигуры в сердце...
СОВЕТ: пробуйте в работе Direct Selection Tool
и Path Selection Tool
.... привыкайте, без них никак.
В результате пары минут стараний у вас должен получится
будущий орган серДце.
Щ елкаем правой клавишей мыши по нашей фигуре любым инструментов для работы с "вектором" (Например тем же Convert Point tool ) и выбираем Make Selection . Feather Radius=0
З альем выделение красным цветом.
Shift+Ctrl+J вырежем выделение в новый слой.
С оздадим копию этого слоя. итак у нас имеется 3 слоя: background, layer1, Layer 1 copy. Переключаемся на работу в верхнем слое Layer 1 copy.
В ы наверное замечали на своем рабочем месте палитрочку Color-Swatches-Styles и всегда ее закрывали... возвращайте ее!
Б удем использовать встроенные Styles для создания объема нашему сердечку. Произведите Reset Styles (треугольничек в кружочке справа от надписи Styles ), необязательно лишь бы вы нашли стиль под названием Blue Glass (Button)... это то что выбрал из стилей я.
БАБАХ!
ура выглядеть стало лучше, появился объем,
однако на органе появилась синюшность... однако мертвит,
и вы бегом кидаетесь в Hue\Saturation
крутите ползунки
а эффект неизменен! Ну... глюк!... в голове открылся люк.
Вы применили стиль. Стиль дал нашему изображению Effect
.
И тут указан цвет. Его и поменяем. Дважды щелкните по
изображению буковки f
(палитра Layers правее от
надписи Layer 1 copy)... Зайдите в Color Overlay
и установите красный цвет... Зайдем в Inner Glow
и понизим Opacity
до 30%
. Поиграем с настройкой
Shading
в разделе Bevel and Emboss
... поставим
Angle=150 Altitude=64
Судорожно жмем ОК
...
Н у ведь неплохо? Согласитесь во второй раз вы сходу все это проделаете за пару минут! Слой Layer1 вам пригодится для того чтобы сделать фильтром Gaussian Blur размывочку под нашим сердечком... ну тут просто ваша фантазия как подразмыть края нашего изображения чтобы небыло резкого цветового перехода... Думаю справитесь. Это обычная рутина.
Но предположим мы захотим разнообразить наш рисунок добавив эффект CHROME из пакета EYE Candy 4000 , чтобы в день Святого Валентина совершенно поразить свою девушку эффектом неземной красоты...
Д елаем копию нашего слоя Layer 1 copy. Теперь у нас 4 слоя верхний=Layer 1 copy 2. На нем выполним правым щелчком Clear Layer Style .
Eye Candy4000 CHROME . Я выберу Reflection map = Brick Wall и расширю Bewel Width до 1.35 . Жмем ОК .
П рисвоим этому слою режим Color Dodge и поставим Fill=80% (внимание! именно Fill а не Opacity ).
З айдем на слой background и закрасим оставшуюся оконтовку сердца белой кистью.
ВУАЛЯ! Конечно стоит поманипулировать с настройками чтобы получить еще более сногсшибательное сердечко ко Дню Святого Валентина.
Кликните по кнопкам, как показано на рисунке:
В левой части панели параметров выбираем тип фигуры. Чтобы использовать фигуру в качестве контейнера для нашего текста, следует выбрать тип "Контуры" (Paths). Обращаю Ваше внимание, что в версии Фотошопа CS6 и версиях CS5 и ниже имеются небольшое отличие в выборе типа фигуры, на рисунке я показал выбор для обеих типов версий:
Теперь, наконец, начнём рисовать контур. Кликните левой клавишей мыши в желаемой части документа и протащите курсор для создания контура.
Для того, чтобы контур сохранял начальные пропорции, зажмите клавишу Shift. Если Вам необходимо изменить положение формы в процессе её создания , зажмите клавишу "Пробел" и переместите форму, затем отпустите "Пробел" и продолжите рисование. У меня получилось вот что:
Теперь я немного изменю положение формы. Для этого воспользуюсь инструментом "Свободная трансформация", активировав его нажатием комбинации клавиш Ctrl+T. Потянув за боковые маркеры, я наклонил сердечко:
Для применения действия инструмента нажмите Enter.
Теперь выбираем инструмент "Текст" (Type Tool), выбираем шрифт, как я указал в начале статьи, в примере применяется шрифт Freestyl , цвет и размер задаём в зависимости от вкуса и задач.
Кликаем по кнопке включения панели символов/абзаца, где выбираем вкладку "Абзац" и задаём положение "По центру" для того, чтобы текст заполнил всю форму по ширине:
Теперь осталось ввести текст. Наводим курсор внутрь формы, пои этом Вы увидите, как вокруг курсора появится пунктирная рамка:
Кликните в любом месте контура и начинайте вводить текст. Вы увидите, как текст ограничивается контуром. Кроме того, текст можно вводить не вручную, а вставить из буфера обмена. У меня получилось это:
После того, как Вы закончили вводит текст, нажмите на галочку на панели параметров:
Ну вот, собственно и всё. Посмотрите ещё раз на готовый результат:
