Вы вошли как Гость Группа "Гости"Приветствую Вас Гость RSS  
Главная


Форма входа
E-mail:
Пароль:

[Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 6
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • »
Модератор форума: _1_, Mystikal, Любанечка  
Весенний Форум. Общение на любые темы » Уроки Photoshop и Image Ready » Уроки Photoshop » Создание красивых значков
Создание красивых значков
Spirit_of_loveДата: Понедельник, 09.06.2008, 20:51 | Сообщение # 1
ДУХ ЛЮБВИ
Группа: Пользователи
Сообщений: 2501
Репутация: 105
Подарки: 8
Статус: Оффлайн
Здравствуйте. В этом уроке мы будем создавать значок.

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

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





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

Шаг 4.
Нажмите “Ctrl+T” и расположите блик как показано ниже:

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

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

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

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

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

А вот что получилось у меня :

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


Spirit_of_loveДата: Среда, 11.06.2008, 00:56 | Сообщение # 2
ДУХ ЛЮБВИ
Группа: Пользователи
Сообщений: 2501
Репутация: 105
Подарки: 8
Статус: Оффлайн
А вот и анимированный значок... smile



XinortinДата: Среда, 11.06.2008, 03:02 | Сообщение # 3
Новичок
Группа: Пользователи
Сообщений: 9
Репутация: 2
Подарки: 0
Статус: Оффлайн
Классный Урок Очень Спасибо
вот у меня получилось
XinortinДата: Среда, 11.06.2008, 03:05 | Сообщение # 4
Новичок
Группа: Пользователи
Сообщений: 9
Репутация: 2
Подарки: 0
Статус: Оффлайн
А Можно ли эти значки Сделать Без Фона а просто Кружочек ?
PR_91Дата: Среда, 11.06.2008, 10:44 | Сообщение # 5
Эксперт
Группа: Пользователи
Сообщений: 763
Репутация: 66
Подарки: 1
Статус: Оффлайн


You can not kill what you did not create...© Corey Taylor
KamillaДата: Пятница, 27.06.2008, 12:07 | Сообщение # 6
Завсегдатай
Группа: Пользователи
Сообщений: 112
Репутация: 9
Подарки: 0
Статус: Оффлайн
Очень красиво Spirit_of_love, молодчинка))))правда а можно сделать без фона?
можно тебя попросить сделать такой значек мне с моим фото?:) плиззззз happy
ElvenStarДата: Пятница, 27.06.2008, 13:34 | Сообщение # 7
Эксперт
Группа: Пользователи
Сообщений: 653
Репутация: 51
Подарки: 3
Статус: Оффлайн
ой все разобралась)) спс за урок



KamillaДата: Пятница, 11.07.2008, 21:18 | Сообщение # 8
Завсегдатай
Группа: Пользователи
Сообщений: 112
Репутация: 9
Подарки: 0
Статус: Оффлайн
Spirit_of_love, воть http://i059.radikal.ru/0807/a3/795d8985c231.jpg biggrin
Spirit_of_loveДата: Пятница, 11.07.2008, 21:35 | Сообщение # 9
ДУХ ЛЮБВИ
Группа: Пользователи
Сообщений: 2501
Репутация: 105
Подарки: 8
Статус: Оффлайн
Kamilla, Вот.. держи ...



dark_punk_girlДата: Суббота, 12.07.2008, 11:15 | Сообщение # 10
Бывалый
Группа: Пользователи
Сообщений: 59
Репутация: 3
Подарки: 0
Статус: Оффлайн
Можно вопросик, я с градиентами что-то запуталась. Как сделать переход от белого к прозрачному?

Весенний Форум. Общение на любые темы » Уроки Photoshop и Image Ready » Уроки Photoshop » Создание красивых значков
  • Страница 1 из 6
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • »
Поиск:

Сегодня к нам заходили:

Мини-чат:


Аватарочка © 2024
Сайт управляется системой uCoz