-Поиск по дневнику

Поиск сообщений в Cristianna

 -Подписка по e-mail

 

 -Интересы

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 05.10.2009
Записей:
Комментариев:
Написано: 22





Web 2.0 - Стеклянный текст с отражением

Понедельник, 26 Октября 2009 г. 21:35 + в цитатник

Урок Adobe Photoshop по приданию тексту "стеклянного" эффекта и по созданию отражения.
Данный прием часто используется при создании логотипов в стиле Web 2.0.

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

Теперь напишем необходимый текст, предварительно выбрав желаемый цвет (хотя его можно изменить и после)

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


Вводим значение 2 пикселя. Получится следующее.


Дальше выбираем инструмент Овальная область и нажимаем на иконку Пересечение с выделенной областью


Рисуем овальную область примерно как на рисунке.


 Должно получиться следующее.


Теперь с помощью инструмента Градиент (цвет от белого к прозрачному) зальем выделенную область. Дополнительно можно поэксперементировать с прозрачностью слоя в палитре слоев.


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


Дальше добавим к этому слою Слой-маску.


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


Информация взята с сайта www.alldesign.biz

 


Метки:  

Как сделать свой узор в Фотошоп

Понедельник, 05 Октября 2009 г. 16:27 + в цитатник

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

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

Откроем новый документ, для начала 1x3 pix, фон прозрачный, увеличим до 1600% и выберем инструмент «Карандаш» (Pencil Tool), цвет чёрный.

Для того, чтобы сохранить изображение, как образец для дальнейшей работы, заходим в меню Редактирование\Определить узор (Edit\Define pattern), присваиваете вашему узору имя и сохраняете. Ваш узор появится в палитре узоров в самом низу. Теперь вам не составит большого труда воспользоваться созданным узором Редактирование\Выполнить заливку (Edit\ Fill) (Shft+F5)

Ниже приведены примеры:




Информация взята с сайта photoshop-master.ru 


Метки:  

изменяем оттенок волос

Понедельник, 05 Октября 2009 г. 15:31 + в цитатник

 Из
в

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


 

Убеждаемся, что он стоит в режиме RGB (Изображение-Режим-RGB)

Создем новый слой
и ставим его на режим "Мягкий свет".


Теперь берем инструмент "Кисть"
Берем мягкую, подходящую по размеру к фотографии.


Начинаем аккуратно закрашивать волосы.Можно использовать несколько разных оттенков - все зависит от вашей фантазии +)


 

Сохраняем.Все

Информация взята с сайта dreamlandspace.com


Метки:  

урок колоризации # 1

Понедельник, 05 Октября 2009 г. 15:20 + в цитатник

Урок длинный из-за большого количества картинок!Ничего сложного нет, справится и новичок!

Из
в

Все знают, что уроки по колоризации очень просты, но требуют много времени и последовательных действий.При этом нужно точно задавать цифры в настройках.Но как быть, если хочется сделать целую коллекцию аватаров с колоризацией?Очень просто!Нужно всего лишь записать операцию, один раз задать все настройки, чтобы потом обрабатывать изображения одним кликом.Итак, начнем.
Этот эффект лучше всего использовать на изображениях, в которых присутствуют красный и синий цвета.
Откройте ваше изображение.Если собирайтесь уменьшить его до размера аватара и подкорректировать качество, то сделайте это сейчас.
Для записи операции сначала достанем палитру "Операции":

Создадим новую папку с действиями

Теперь приступим непосредственно к записи операции.Нажимаем кнопку

В палитре слоев создаем новый корректирующий слой - "Выборочная коррекция цвета".



Выставили?НЕ ЖМЕМ клавишу "ОК"!Теперь в выпадающем списке цветов выбираем желтые цвета и выставляем настройки для него:






Теперь жмем кнопк "Ок".
Опять создаем новый корректирующий слой - "Выборочная коррекция цвета"(всего таких слоев будет 5):




Жмем ОК.
Опять создаем новый корректирующий слой - "Выборочная коррекция цвета".Настройки:
 
 


 


 

Жмем ОК.
Опять создаем новый корректирующий слой - "Выборочная коррекция цвета".Настройки:
 


 


Жмем ОК.
Опять создаем новый корректирующий слой - "Выборочная коррекция цвета".Настройки:
 





Жмем ОК.

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

Если картинка получилось слишком красной, то поэкспериментируйте - поиграйте с видимостью и прозрачностью слоев.

Информация взята с сайта dreamlandspace.com


Метки:  

Меняем цвет глаз

Понедельник, 05 Октября 2009 г. 14:45 + в цитатник

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

Шаг 2
Создаем новый слой и в свойствах слоя выбираем color. Теперь выберем инструмент Marquee tool для выделения глаза, а затем Polygon lasso tool удерживая клавишу ALT выбираем как показано на рисунке, таким образом, мы уберем выделение, которое не относится к зрачку глаза.

Шаг 3
Используя Radial gradient, зальем наш зрачок светло-голубым или темно-синим градиентом.

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

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

Шаг 6

В свойствах нашего металлического слоя, выбираем Overlay. Затем нам нужно подобрать цвет нашего металла так, чтобы он сливался с цветом нашего лица. Для этого выбираем в меню Image > Adjust > Hue/Saturation и перемещая ползунки, добиваемся нужного нам эффекта. Не забудьте поставить галочку Colorize

 

Шаг 7
Следующим шагом, нам нужно добавить отражение нашему глазу. Мы использовали следующую картинку:
 


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


Шаг 9
Теперь нам нужно сгладить наше изображение, для этого выбираем Layer > Flatten Image. Затем выбираем инструмент Dodge tool и используем его для того, чтобы украсить области в пределах нашего глаза.
 


Шаг 10
В этом шаге, нам нужно добавить лучей, которые излучает наш глаз. Скопируем наш слой Layer > Duplicate Layer и переместим скопированное изображение так, чтобы глаз находился в центре холста.
 


Шаг 11
Применим фильтр Filter > Blur > Radial Blur с параметрами best, zoom. Увеличим наше изображение до 100%, после того, как ненужная нам часть была стерта, перемещаем наш глаз обратно.
 


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


 

Информация взята с сайта web-silver.ru


Метки:  

Проблема с русскими шрифтами в Photoshop

Понедельник, 05 Октября 2009 г. 14:24 + в цитатник

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


Данная проблема очень легко решается!

Очень много вебмастеров на сайтах и форумах, которые посвящены графическому редактору Adobe Photoshop, задают примерно такой вопрос: "Как распознать кириллицу в Photoshop?"

Ответ прост, для этого нужно сделать следующие операции:

1. Пуск --> Выполнить --> regedit
2. Затем выбираем папку в следующем порядке: HKEY_LOCAL_MACHINE --> SYSTEM --> CurrentControlSet --> Control --> Nls --> CodePage
3. Нужно исправить: 1252 - cp_1252.nls на cp_1251.nls.
4. Перегружаем компьтер.

P.S. Если у вас установлена операционная система Windows NT, то 1252 нужно изменить на значение c_1251.nls и после этого перезагрузить компьютер.


Информация взята с сайта web-silver.ru 


Метки:  

Новичкам: автоматизируем работу графического редактора Photoshop

Понедельник, 05 Октября 2009 г. 14:09 + в цитатник

 Во время работы с графическим редактором довольно часто приходится по нескольку раз повторять одни и же действия: сохранять определенное количество документов, добавлять фильтры и эффекты слоев, производить цветовую и тоновую коррекции. Чтобы сэкономить время, а заодно и силы пользователя, в Photoshop предусмотрена палитра "Actions" (Действия), позволяющая записывать и применять последовательность определенных команд (действий), выполняемых с изображением. Также с помощью данной палитры вы сможете задать сочетание так называемых "горячих" клавиш для быстрой активации какой-либо команды.

 Поскольку "Actions" является одной из двенадцати "плавающих" палитр, позволяющих не загромождать рабочее пространство Photoshop, не стоит удивляться, если после запуска программы вы не обнаружите палитру в правой части рабочего окна. Для запуска палитры, зайдите в меню "Window" (Окно) и выберите пункт "Actions". Для быстрого вызова палитры воспользуйтесь сочетанием клавиш Alt+F9.

Познакомимся с интерфейсом палитры "Actions". В нижней части палитры расположены 6 кнопок, с помощью которых пользователь может управлять процессом создания действий. Каждая из этих кнопок выполняет определенную функцию. Например, нажав на "Запись" вы создадите последовательность команд, а "Стоп" завершит запись. За удаление действия отвечает кнопка с изображением корзины. Возможно создание новой записи и набора действий.





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

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



Для перехода из обычного режима в кнопочный, нажмите на кнопку, расположенную в верхнем правом углу палитры "Actions". Откроется контекстное меню, в котором необходимо установить флажок напротив пункта "Button Mode" (Кнопочный режим). Для возврата к настройкам по умолчанию достаточно убрать галочку с пункта "Button Mode".

Вместо заключения

Палитра "Actions" помогает максимально автоматизировать процесс создания, обработки и редактирования изображений в прграмме Adobe Photoshop. Изучение палитры лучше начать с создания и записи элементарных действий, а уже потом переходить к более сложным операциям.
 

Информация взята с сайта web-silver.ru


Метки:  

Дневник Cristianna

Понедельник, 05 Октября 2009 г. 11:42 + в цитатник
Добро пожаловать.Писать про этот днев ничего пожалуй не буду тут и так все понятно.


Поиск сообщений в Cristianna
Страницы: [1] Календарь