Новые сообщения · Участники · Правила форума · Поиск
  • Страница 1 из 1
  • 1
Форум о uCoz и Web » Компьютерная графика » Уроки фотошопа » Стеклянные иконки
Стеклянные иконки
SleepWalkerДата: Понедельник, 23.06.2008, 18:41 | Сообщение # 1
Admin
Сообщений: 5493
Репутация: 487
Социальная репутация:

Статус: Offline
Стеклянные иконки

Вот какой конечный вариант

Шаг 1. Для начала создаем изображение 128*128.
Заливаем его нужный фоном или оставляем прозрачный фон.
Создаем новый слой (ctrl+shift+N).
Далее выбираем инструмент "скругленный прямоугольник" (shift+U несколько раз пока не попадем на то что нам нужно).

Задаем скругление 10 пикселей.
Выставляем его в режим вектора как показано на рисунке.

При зажатой клавиже shift рисуем скругленный прямоугольник на слое что мы создали.
Нажимаем ctrl+enter для преобразования контура в выделение и заливаем любым цветом (на данный момент цвет не важен).
Должно получится что-такое:

Шаг 2. Создаем тень для полученного скругленного прямоугольника.
В свойствах слоя задаем следующие параметры тени:

Налаживаем градиент (цвет вы можете выбирать сами - поэкспереминтируйте).
например, используем следующий градиент:

Можно также наложить любую текстуру (я использовал текстуру 4*2 пикселя, где половину высоты занимает черный цвет, а другую половину прозрачные пиксели, таким образом я получил линии):

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

Шаг 3. Создаем еще один слой на котором мы размещаем текс или рисунок.
Это может быть цветной рисунок/текст или одноцветный рисунок/текст. Я использовал простой одноцветный рисунок и добавил ему тень.

Далее в свойствах слоя выставляем параметры тени:

Цвет тени выбирайте исходя из цвета фона.

Шаг 4. Создание блика.
Создаем еще один слой где изпользуя инструмент "скругленный прямоугольник" (уже просто U) рисуем контур с скруглением 9 пикселей и отступами по боках от "основного тела" иконки порядка 1-2 пикселя.
Нажимаем ctrl+enter для преобразования контура в выделение и заливаем его полупрозрачным градиентом (от белого до прозрачного).
Должно получится как на рисунке:

Далее используя инструмент "pen" (нажимаем "P"), отрисовуем дугу среза по середине иконки. Должно получится что похожее как на рисунке.
Нажимаем ctrl+enter для преобразования контура в выделение и удаляем лишний градиент (del).

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

Вот мы и рассмотрели, способ как сделать такую иконку)
Удачи)

Как установить кнопки социальных сетей?


Разделы: Уроки фотошоп | Эффекты | Дизайн | Обработка фото | Основы Photoshop
Time Waits For No One
 
ironkissДата: Понедельник, 23.06.2008, 22:28 | Сообщение # 2
Лейтенант
Сообщений: 49
Репутация: 9
Социальная репутация:

Статус: Offline
класс.. ток я себе английский фотошоп поставил, а тут уж уроки на русском :),
все, ставлю оба фотошопа)

Спамеров ненавижу!
 
SleepWalkerДата: Понедельник, 23.06.2008, 22:47 | Сообщение # 3
Admin
Сообщений: 5493
Репутация: 487
Социальная репутация:

Статус: Offline
гы. ето просто нефарт был...
мне понравился урок, а оказалось что там рус версия..
у меня тоже два фотошопа, только у меня один CS а второй CS3 оба англ версии...просто бывает иногда надо воспользоватся ImageReady бо до мну не дошло как открывать анимацию в 10 фотошопе. она у мну одним кадром открывается.

Time Waits For No One
 
$triKeДата: Пятница, 11.07.2008, 16:16 | Сообщение # 4
Сержант
Сообщений: 21
Репутация: 1
Социальная репутация:

Статус: Offline

Я конешно перевернул градиент потомучто я цвета не слишком насыщенные выбрал!!! cry

Добавлено (11.07.2008, 16:16)
---------------------------------------------
Нормал???



Сообщение отредактировал $triKe - Пятница, 11.07.2008, 16:16
 
SleepWalkerДата: Пятница, 11.07.2008, 18:36 | Сообщение # 5
Admin
Сообщений: 5493
Репутация: 487
Социальная репутация:

Статус: Offline
конечно))

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

Time Waits For No One
 
$triKeДата: Суббота, 12.07.2008, 15:18 | Сообщение # 6
Сержант
Сообщений: 21
Репутация: 1
Социальная репутация:

Статус: Offline
Я понял!! biggrin
просто цвета правда не насыщенные!!! angry

 
-=NEX=-Дата: Понедельник, 28.07.2008, 15:55 | Сообщение # 7
Майор
Сообщений: 95
Репутация: 5
Социальная репутация:

Статус: Offline
А вот моя ,но я делал не по уроку с урока взял только идею cool


требуюются Модераторы

Сообщение отредактировал -=NEX=- - Понедельник, 28.07.2008, 15:56
 
SleepWalkerДата: Понедельник, 28.07.2008, 16:10 | Сообщение # 8
Admin
Сообщений: 5493
Репутация: 487
Социальная репутация:

Статус: Offline
чтоль и мне нарисовать какуюто....
Time Waits For No One
 
small199230Дата: Вторник, 12.04.2011, 01:22 | Сообщение # 9
Рядовой
Сообщений: 3
Репутация: 0
Социальная репутация:

Статус: Offline

Вот что получилось у меня))
 
small199230Дата: Вторник, 12.04.2011, 05:32 | Сообщение # 10
Рядовой
Сообщений: 3
Репутация: 0
Социальная репутация:

Статус: Offline
Вот ещё ))


Сообщение отредактировал small199230 - Вторник, 12.04.2011, 05:35
 
small199230Дата: Вторник, 12.04.2011, 15:32 | Сообщение # 11
Рядовой
Сообщений: 3
Репутация: 0
Социальная репутация:

Статус: Offline
Так получилось что я сохранил png с белым фоном! И только потос сделал его прозрачный поэтому есть маленькие косяки!
А глобус я и не говрил что мой! Это тупо дефолтные фигуры
 
Форум о uCoz и Web » Компьютерная графика » Уроки фотошопа » Стеклянные иконки
  • Страница 1 из 1
  • 1
Поиск: