Показаны сообщения с ярлыком эффект. Показать все сообщения
Показаны сообщения с ярлыком эффект. Показать все сообщения

пятница, 17 апреля 2009 г.

меняем тон фота

открываем любое фото в фотошоп в моем случае фото девушки
Нажимаем изображение-коррекция -цветовой тон(CTRL+U) насыщенность ставим минус60 жмем ок.Жмем изображение коррекция-кривые (ctrl-m) устанавливаем параметры как на картинке цвет выбираем красный жмем сtrl-m выбираем зеленный цвет выставляем параметры как на рисунке
жмем сtrl-m цвет ставим синии жмем сtrl-m выбираем RGB ПАРАметры можно выставитьлюбые как вам больше нравится в моем случае получилось

пятница, 9 января 2009 г.

Кнопка для сайта с портретом

Очередной пост блога посвящен созданию еще одного спецэффекта фотошоп, взятого из журнала, автором которого является Скотт Келби. Отличный урок фотошоп, я думаю должен заинтересовать дизайнеров сайта. Урок фотошоп предполагает создание кнопки на сайт или блог с изображением своего портрета, на кнопку в дальнейшем можно прикрутить ссылку на контактные данные.
Создайте новый документ в режиме RGB, размеры можете взять на усмотрение (в примере 500Х500пк). Щелкните на образце основного цвета в палитре инструментов фотошоп и в появившемся диалоговом окне задайте красный цвет. Выполните заливку документа красным цветом - в верхнем меню фотошоп (редактировать - выполнить заливку).

Нажимайте комбинацию клавиш Shift+M, пока не быберете инструмент "овальная область" и удерживая клавишу Shift, нарисуйте выделенную область по центру:
Откройте фотографию или изображение, которое Вы хотели бы разместить на кнопке. Нажмите комбинацию Ctrl+A, чтобы выделить все фото по контуру, а затем Ctrl+С скопировав тем самым ее в буфер обмена. Вернитесь к документу с красным фоном (выделение не должно быть снято).

В верхнем меню фотошоп нажмите (редактировать - вклеить в), в результате чего фотография должна отобразиться в круглом окне документа. О размерах и положении фото пока не беспокойтесь, их можно будет изменить потом:
Нажмите Ctrl и удерживая ее, щелкните в палитре слоев фотошоп на значке маски слоя (черный квадрат с белым кругом), как показано ниже на скриншоте - этим мы добавим выделение по окружности для будующей кнопки сайта:
В палитре слоев фотошоп создайте новый слой, щелкну снизу на значке создания слоя и залейте его красным цветом (редактирование - выполнить заливку). Сделайте еще одну копию слоя нажав комбинацию клавиш Ctrl+J. В результате должно получиться еще 2 одинаковых слоя в панели слоев фотошоп:
Активным должен быть слой-3, он отмечен синим на скриншоте. В палитре слоев фотошоп, примените спецэффект тиснение к этому слою, щелкнув на значке активации эффектов. Параметры задайте следующие: глубина=300%; размер и смягчение=14; угол установите=135гр:
Нажмите ОК, вот уже станет похоже на кнопку для сайта, фотошоп может творить чудеса при определенных усилиях. В этой части урока фотошоп, к кнопке были добавлены блики и тени. Есил у Вас слетело выделение кнопки по контуру, то восстановите его, удерживая Ctrl нажмите на самом верхнем слое-3.

Применим к кнопке эффект сжатия, в верхнем меню фотошоп (выделение - модификация - сжать...), установите значение где-то 12-15 и нажмите ОК:

В результате контур выделяющий кнопку, слегка углубится внутрь от краев будующей кнопки:
В панели инструментов фотошоп, активируйте "прямоугольная область" (на клавиатуре М). После чего удерживая нажатой клавишу Alt, отсеките прямоугольником 3/4 выделенного круга. Когда отпустите кнопку мышки, должно остаться выделенно только 1/4 часть.
Перейдите к панели слоев фотошоп и щелкните на слое-2, расположенном ниже под слоем с которым Вы только что работали. Нажмите Delete, а затем комбинацию клавиш Ctrl+D, чтобы снять выделение. Фотография пока еще не будет видна, чтобы она появилась в панели слоев фотошоп - нажмите на слой-3, который выше и уберите заливку до 0:

Теперь фотография должна появиться.
При активном слое-3, придайте кнопке для сайта эффект тени по Вашему усмотрению (меню эффектов активируется в панели слоев фотошоп):
Теперь можно написать надпись на кнопке для сайта, это может быть что угодно (номер аськи или телефон, адрес электронной почты и так далее). Активируйте в панели инструментов фотошоп - инструмент "горизонтальный текст" (на клавиатуре Т) и сделайте надпись на кнопке:
Теперь упорядочим положение нашей фотографии, для этого сделайте активным слой с фото, щелкнув по нему в панели слоев фотошоп и выбрав инструмент "перемещение" (на клавиатуре V), передвигайте мышкой фотографию, пока не добьетесь желаемого эффекта.

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

среда, 7 января 2009 г.

Надпись на плакате

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

Начнем урок спецэффекта с текстом, созданием нового документа в программе, для этого в верхнем меню фотошоп нажмите вкладку (файл - новый...), задайте размеры документа (ширина 600, высота 400). Цвет по умолчанию должен быть белый.

Активируйте инструмент "текст" в панели инструментов фотошоп или на клавиатуре нажмите Т. Сделайте надпись красного цвета, слово может быть любым - это уже на Ваше усмотрение. Размер текста установите 100пт, если у Вас нет по умолчанию такого размера, то забейте его ручками в верхнем меню фотошоп в окошко установки размера текста.
Откройте новую фотографию из своей коллекции, лучше всего для выполнения этого спецэффекта подойдет фотография с содержанием большого количекства разных линий или мелких деталей, я выбрал вот такую:
В верхнем меню фотошоп, выберете команду (изображение - коррекция - изогелия...) и перемещайте ползунок влево, пока не получите вот такое отображение черно-белых цветов, затем можете нажать ОК:
Возьмите инструмент фотошоп "волшебная палочка" (на клавиатуре W), и щелкните  в любом месте на темном участке изображения, в результате чего произойдет выделение черного цвета.

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

Остался практически завершающий этап создания спецэффекта с текстом, активируйте инструмент фотошопа "перемещение" (на клавиатуре V) и перетащите черно белое изображение прямо в документ с текстом:

Далее нужно подогнать размеры черно-белого изображения к размерам документа с текстом, для этого нажмите комбинацию клавишь Ctrl+T, появится выделенная рамка. Удерживая Shift, мышкой подгоните 2 документа под один размер, передвигая за уголок черно-белое изображение, после чего нажмите Enter.

Задайте в качестве основного цвета фотошоп - белый, производится нажатием клавиши сначала D, потом Х на клавиатуре. Необходимо вырезать все черные участки превратив их в белые - это выполняется нажатием комбинации клавишь Shift+Alt+Delete, после чего получите готовый спецэффект с текстом:

Для полного окончания эффекта, объедините фотографию с надписью нажав Ctrl+G. Если Вас не устроит положение белых пятен на тексте, всегда можно инструментом "перемещение" в фотошопе изменить положение.

вторник, 6 января 2009 г.

Спецэффект фотошоп - рывок из фото

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

Для дальнейшей работы нам понадобится инструмент "Магнитное лассо", активируйте его в панели инструментов фотошоп (на клавиатуре L). Аккуратно выделите объект, который будет выступать в будующем за пределы основного фона фотографии - в данном примере это две женщины.
Скопируйте выделенный объект на отдельный слой, нажав Ctrl+J. В панели слоев фотошоп, щелкните мышкой на слое-1 (слой с полным изображением), чтобы активировать его, теперь поработаем с ним:

Активируйте инструмент прямоугольная область в панели инструментов фотошоп (на клавиатуре М) и выделите тот участок фотографии, который вы хотели бы оставить как задний план, а все остальное впоследствии отсекется:
В верхнем меню фотошоп нажмите вкладку - выделение - инверсия, чтобы выделить все кроме необходимой области. Удалите лишний фон нажав Delete и снимите выделение комбинацией клавишь Ctrl+D. Вот что должно получиться в результате выполненных действий в фотошопе:
 
Применим эффекты обводки и тени к полученному изображению, не забывайте, что мы работаем со слоем-1. В панели слоев фотошоп щелкните 2 раза мышкой по слою-1, появится панель применения эффектов и установите параметры обводки и тени соответственно, как показано на скриншотах:
Вот уже спецэффект фотошоп начинает приобретать задуманные черты. Не забываем и про женщин, добавим им реалистичности, применив к ним тоже эффект тени фотошоп. Для этого прямо в панели слоев мышкой перетащите на иконку слоя-2 вкладышь с эффектом тени слоя-1. Урок выполнен, в результате получили отличное фото.

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

понедельник, 5 января 2009 г.

Эффект отражения текста

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

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

Создаем новый документ, в верхнем меню фотошоп (файл - новый...), задайте ему размеры 400х200 пикселей.

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



Когда текст будет готов, сделайте копию слоя с текстом используя комбинацию клавишь Ctrl+J. В панели слоев фотошопа, у Вас должно быть 3 слоя:



Теперь перевернем текс расположенный на скопированном слое, в верхнем меню фотошоп (редактирование - трансформирование - отразить по вертикали):
В результате текст на втором слое перевернется, теперь нам нужно опустить его ниже. Активируйте инструмент "перемещение" (клавиша V), щелкните мышкой на текст и удерживая кнопку опустите отражение ниже основного:

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



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

Активируйте инструмент "ластик" в панели инструментов фотошоп (на клавиатуре Е), установите значение непрозрачности для ластика около 70% (в верхнем меню фотошоп), края должны быть мягкие.
Нажав и удерживая клавишу Shift проведите по нижнему краю отражения текста, тм самым слегка затирая половину отражения:

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