Загрузка. Пожалуйста, подождите...

  • Главная
  • Уроки фотошоп
  • Скачать клипарт
  • Кисти для фотошопа
  • Actions для Photoshop
  • Веб дизайн шаблоны
  • Е-журналы и книги
  • Добавить новость

Меню
Главная »  Уроки фотошоп »  Скачать клипарт »  Кисти для фотошопа »  Actions для Photoshop »  PSD исходники »  Шрифты »  Веб дизайн шаблоны »  Векторный клипарт »  Обои, заставки »  Е-журналы и книги »  Программы »  Фильмы »  Музыка »  Игры »  Для Мобильных »  Разное, юмор »  Обратная связь »  Добавить новость

Знакомства

Опубликовоно новостей:
Облако тегов
png, Template Monster, авторские работы, аниме, арт, вампиры, вектор, воины, воительницы, восток, гламур, девушки, дизайн, еда, женщины, животные, иллюстратор, иллюстрации, картинки, кисти, Клипарт, люди, новый год, портфолио, праздник, растр, растровый клипарт, рисованная графика, рождество, сердце, сказки, фентези, фото, фотосток, фотошоп, фэнтези, художник, цветы, Шаблон, шаблон фотосайта

Показать все теги
Друзья сайта
Все для NOKIA 5800, 5230, N8, C7, E7, C6-01

Ремонт квартиры своими руками!

Обсуждение на форуме

Знакомства

Работа с градиентами в фотошоп (0)




Работа с градиентами в фотошоп


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


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

Работа с градиентами в фотошоп



Создайте новый файл с размерами 1000 на 800 пикселей.

Сразу же нам понадобятся направляющие, они перетаскиваются из полей рулеток, которые находятся по левому и верхнему краю открытого файла. Что включить или скрыть их отображение, используется команда View – Rulers. Либо комбинацией клавиш Ctrl+R. Направляющие просто перетягиваются мышкой, из полей рулеток. Что бы их полностью убрать, необходимо перетащить направляющую, обратно на поле рулетки.


Расположите по центру, крест на крест две направляющие. После этого создайте новый слой и сделайте активным, инструмент Elliptical Marquee Tool. Подведите указатель к центру направляющих, зажмите клавишу Alt и Shift, и растяните выделение в форме круга, размером 1/3 к ширине полотна файла. Залейте выделенную область белым цветом, используя инструмент Paint Bucket Tool(заливка).

Работа с градиентами в фотошоп



Смотрите далее, нажмите ПОДРОБНЕЕ




Теперь можно снять выделение комбинацией Ctrl+ D. Далее необходимо применить градиентный стиль к этому слою. Команда Layer – Layer Style –Gradient Overlay. Теперь можно настроить этот стиль примерно так как показано на рисунке. Надо выбрать стиль градиента Reflected, далее щелкнуть на полоске изображения градиента.

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

Работа с градиентами в фотошоп



После настройке градиента нажмите ок, не закрывая окно Layer Style, сделайте активной вкладку Inner Glow, выставите настройки, как показаны на рисунке и нажмите ок.

Работа с градиентами в фотошоп


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


Работа с градиентами в фотошоп


Далее создадим новый слой, и на нем от центра направляющих, растянем следующие выделение, диаметром меньше первого. И зальем его белым цветом.


Работа с градиентами в фотошоп



Снимаем выделение, и применяем, как и в первом случае, градиентный стиль, а вместо стиля Inner Glow, применим стиль Outer Glow.


Работа с градиентами в фотошоп


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


Работа с градиентами в фотошоп


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


Работа с градиентами в фотошоп


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


Работа с градиентами в фотошоп


После этого можно создать любую текстовую надпись при помощи инструмента Horizontal Type Tool(горизонтальный текст), настроив необходимую величину и стиль шрифта. Когда надпись будет готова, ее необходимо перевести в растр. Сделайте на текстовом слое в палитре слоев, правый клик, и появившемся меню выбирайте команду Rasterize Layer.


Работа с градиентами в фотошоп


Далее, в палитре слоев создайте папку, выделите все слои, кроме Background, и перетащите их в созданную папку.

Работа с градиентами в фотошоп



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

Работа с градиентами в фотошоп



Работа с градиентами в фотошоп



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


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


Работа с градиентами в фотошоп


Далее надо добавить направляющие для создания самого корпуса. Создавать корпус будим при помощи инструмента Pen Tool «перо», ( Внимание! На панели параметров, должна быть включена иконка Paths). Для этого в Adobe Photoshop, создадим новый слой между двух наших папок.


Работа с градиентами в фотошоп


Как создавать рисунок в фотошопе при помощи «пера», подробно рассказано здесь. Просто ставим четыре точки, и при помощи инструмента Convert Point Tool «конвентирование узлов», в нижних узловых точках надо вытянуть так называемые «вектора» и потянув за них, придать низу, форму дуги.

Работа с градиентами в фотошоп


В каждой узловой точке, находятся два вектора, для редактирования двух сторон, в данном случае используется только один из векторов узловой точки.
После редактирования контура, делаем в любом месте правый клик и в появившемся окне выберем команду Fill Path. В появившемся списке, выбираем Foreground Color(на панели инструментов, должен быть цвет переднего плана – белый) и нажимаем окей. Получается заливка белого цвета. Теперь на изображении делаем снова правый клик, и окошке выбираем команду Delete Path, векторный контур исчезнет.
К слою нашего корпуса применим градиентный стиль и стиль Inner Glow.

Работа с градиентами в фотошоп



Работа с градиентами в фотошоп


Собственно жестяная банка готова, можно сделать боковую этикетку с любой надписью или рисунком.
Трансформировать текст, для боковой этикетки можно при помощи команды Layer-Type- Warp Text. И выбрать в окошке Warp Text, нужный стиль, в данном случае это стиль Arch.

Работа с градиентами в фотошоп



Работа с градиентами в фотошоп


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


Копирование материалов сайта разрешается с обязательной ссылкой на источник http://fleshkniga.com





 

Автор материала: admin | 25-08-2010, 00:27 | Просмотров новости Работа с градиентами в фотошоп: 4512

Похожие новости
  • Обработка текста в фотошоп
  • Веб дизайн. Кнопки навигации, стиль web 2.0
  • Как сделать декоративную рамку для фото в фотошоп
  • Рисунок в фотошопе, с помощью инструментов создания контуров
  • Как сделать коллаж с помощью техники «альт-клик»
  • Login
    Логин
    Пароль
     
    Datalife Engine
    Регистрация
    Восстановление пароля
    Поиск
    Поиск
    место
    Голосование
    Каким редактором вы пользуетесь
    Adobe Photoshop CS
    Adobe Photoshop CS3
    Adobe Photoshop CS4
    Другое
    Социалки

    Наши партнеры:

    Анализ сайта бесплатно Rambler's Top100 МЕТА - Украина. Рейтинг сайтов»  Уpoки фoтoшoп»  Дизайн by Nika Krejda »  Все материалы на данном сайте размещаются пользователями, они  предназначены для ознакомления и удовлетворения любопытства, без цели коммерческого использования. Все права на публикуемые графические, аудио, видео, и текстовые материалы принадлежат их владельцам. Администрация не несёт ответственности за материалы, размещённые на этом ресурсе. Администрация сайта не несет ответственность за их использование.  Если Вы считаете, что какой-либо из материалов нарушает Ваши права, свяжитесь с Администрацией