Форум Дом Друзей
Дом Друзей Жители Текстовая версия
Регистрируйтесь на форуме и получайте буэно за сообщения и посещение форума
Имя:
Пароль:
Запомнить: Скрытность:
Регистрация
 

Создание красивых значков

 
Ответить в эту темуОткрыть новую тему

*MIRANA*


сообщение 10.11.2009, 10:55
Сообщение #1
Здравствуйте. В этом уроке мы будем создавать значок.

Шаг 1.
Создаем новый документ 500х500px.
Выбираем инструмент Gradient Tool (G), выставляем тип градиента “Linear Gradient”, цвета например: #373637; #131313; и протягиваем наш градиент от правого верхнего в нижний левый угол.
Создаем новый слой (Shift+Ctrl+N), берем инструмент Elliptical Marquee Tool (M) , зажимаем клавишу “Shift” и создаем круглую зону выделения, закрашиваем ее любым цветом:
Уроки Photoshop - Создание красивых значков

Шаг 2.
В списке слоев правой кнопкой мыши щелкаем на слое с нашим кругом и выбираем “Blending Options…”, настраиваем все как на картинках ниже:
Уроки Photoshop - Создание красивых значков
Уроки Photoshop - Создание красивых значков
Уроки Photoshop - Создание красивых значков
Уроки Photoshop - Создание красивых значков
Уроки Photoshop - Создание красивых значков
Уроки Photoshop - Создание красивых значков

Шаг 3.
Выбираем Elliptical Marquee Tool (M) создаем овальное выделение как на рисунке ниже. Создаем новый слой, выбираем Gradient Tool (G), тип “Radial Gradient”, выбираем цвета заливки от белого к прозрачному и заливаем наше выделение. Отмечу, что конечную точку градиента нужно поставить за выделение, что бы градиент получился немного обрезанным:
Уроки Photoshop - Создание красивых значков

Шаг 4.
Нажмите “Ctrl+T” и расположите блик как показано ниже:
Уроки Photoshop - Создание красивых значков

Шаг 5.
Дублируем слой с бликом, теперь у нас их два, сделаем временно нижний блик невидимым. Теперь зажмите “Ctrl” и в списке слоев щелкните по иконке верхнего слоя, что бы выделить его. С помощью стрелок на клавиатуре, передвиньте выделение на 3-4 пикселя вниз и влево, после этого нажмите “Delete”, выберите инструмент Eraser Tool (E) и доработайте форму блика, как ниже:
Уроки Photoshop - Создание красивых значков

Шаг 6.
Сделайте видимым наш первый блик. Теперь дублируем слой со вторым (маленьким) бликом, нажимаем “Ctrl+T” и располагаем его в нижней левой части, как на рисунке:
Уроки Photoshop - Создание красивых значков

Шаг 7.
У меня нижний блик получился слишком белым и я решил уменьшить для слоя, значение параметра “Opacity” до 60%. Ну вот мы и создали основу для нашего значка. Так как в дальнейшем на значке нам нужно будет создать изображение, мы убираем основной цвет. Делается это легко, в списке слоев для первого (зеленого) слоя, выставите значение параметра “Fill” равное 0%, этот параметр находится прям под “Opacity”:
Уроки Photoshop - Создание красивых значков

Шаг 8.
Ну осталось только добавить на значок. Откройте файл с любым изображением (Ctrl+O), с помощью Move Tool (V) перенесите его на наш файл и в списке слоев разместите его под всеми слоями значка (естественно кроме фона):
Уроки Photoshop - Создание красивых значков

Шаг 9.
Теперь зажмите “Ctrl” и щелкните по слою с зеленым кругом, для его выделения. Теперь нажмите “Shift+Ctrl+I” для инверсии выделения, выберите слой с только что загруженным изображением и нажмите “Delete”. Ну вот и все!
Уроки Photoshop - Создание красивых значков
Уроки Photoshop - Создание красивых значков


Оригинал урока
Перевод:SandWicH

Это мои работы:

Уроки Photoshop - Создание красивых значков Уроки Photoshop - Создание красивых значков Уроки Photoshop - Создание красивых значков






Сообщение отредактировал *MIRANA* - 10.11.2009, 10:55


 
Подарки: [показать все]
offline  
+Ответить с цитированием данного сообщения




сообщение 10.11.2009, 12:39
Сообщение #2
Уроки Photoshop - Создание красивых значков Уроки Photoshop - Создание красивых значков Уроки Photoshop - Создание красивых значков Уроки Photoshop - Создание красивых значков Уроки Photoshop - Создание красивых значков Уроки Photoshop - Создание красивых значков Уроки Photoshop - Создание красивых значков Уроки Photoshop - Создание красивых значков Уроки Photoshop - Создание красивых значков Уроки Photoshop - Создание красивых значков Уроки Photoshop - Создание красивых значков Уроки Photoshop - Создание красивых значков Уроки Photoshop - Создание красивых значков Уроки Photoshop - Создание красивых значков Уроки Photoshop - Создание красивых значков Уроки Photoshop - Создание красивых значков Уроки Photoshop - Создание красивых значков Уроки Photoshop - Создание красивых значков


 
Подарки: [показать все]
*MIRANA*


+Ответить с цитированием данного сообщения
offline  



« Предыдущая тема · Уроки Photoshop · Следующая тема »
 

Ответить в эту темуОткрыть новую тему
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0

 





Рейтинг@Mail.ru Rambler's Top100 Яндекс цитирования Яндекс.Метрика


0.0245 сек.    --    9 запросов    GZIP включен
Русская версия Invision Power Board © 2017  IPS, Inc.
Лицензия зарегистрирована на: domdruzei.ru