|
Создание золотой медальки.
|
|
uSite Team
1689 сообщений
Мужчина
|
Сегодня я расскажу как сделать золотую медальку. Что нужно для урока:
• Рабочая версия Adobe Photoshop (версия программы не важна)
• Голова из плеч
• Руки (желательно 2шт, тоже из плеч)
• 15 минут свободного времени
p.s. при указании размера, например, 100x120 пикселей имеется ввиду 100 пикселей в ширину и 120 в высоту. ПКМ - Правая кнопка мыши, ЛКМ - Левая кнопка мыши.
Итак, приступим.
Шаг 1. Создаем документ размерами 56x56 пикселей. Выбираем инструмент Rounded Rectalgle Tool (Активация кнопкой U) и настраиваем по Скриншоту и создаем объект.
Шаг 2. Вверху сайта идем в Image ---> Canvas Size
(Активация комбинацией клавиш Alt+Ctrl+C) и задаем размер холста 66x70 пикселей
Шаг 3. Наводим курсор на слой с нашим объектом (название слоя по стандарту - Shape 1), нажимаем ПКМ и выбираем из списка Blending Options
Появилось окно стилей слоя.
Шаг 4. В появившемся окне активируем галочку напротив Gradient Overlay и нажимаем на эту надпись. Настраиваем по изображениям:
После этого нажимаем на полосу градиента (как показано на скриншоте) и настраиваем цвета:
Теперь проделываем аналогичную операцию со Stroke (обводка):
И добавляем внутреннюю тень Inner Shadow:
После всего этого нажимаем кнопку OK вверху справа.
Шаг 5. Дублируем наш слой Shape 1 выделив этот слой и нажав комбинацию клавиш Ctrl+J. В результате появился такой же слой но с именем Shape 1 copy.
Создаем новый слой.Layer ---> New ---> Layer
Теперь выделяем наш новый слой (по стандарту должен называться Layer 1) и слой Shape 1 copy
После того как вы выделили оба слоя (зажав Ctrl или Shift) нажимаем комбинацию клавиш Ctrl+E для того, чтобы объединить оба слоя. Полученный слой Layer 1 помещаем (путем перетаскивания) под Shape 1
И ставим заливку - Fill на 0% для слоя Layer 1:
Шаг 6. Наводим курсор на слой Layer 1. Далее ПКМ ---> Blending Options. Добавляем тень Drop Shadow и настраиваем все по следующему изображению:
Шаг 7. Сохраняем изображение Stars, открываем его в Adobe Photoshop'е и копируем этот слой в наш документ с медалькой)).
Шаг 8. Зажав Ctrl нажимаем ЛКМ на выделенную красным цветом область:
Появилось выделение. Нажимаем 1 раз на наш слой со звездами и нажимаем внизу на иконку создания "маски":
Теперь у слоя со звездами должна появиться "маска".
Шаг 9. Ставим заливку Fill для слоя со звездами на 0%. На этом же слое ПКМ ---> Blending Options. Добавляем Color Overlay со следующими настройками:
Так же добавим Inner Shadow:
Еще добавим для более красивого эффекта вдавленности Drop Shadow:
Шаг 10. Дублируем слой Layer 1, нажав ПКМ ---> Duplicate Layer:
Во всплывшем окне вписываем имя слоя Layer 1.1 Теперь для этого слоя ПКМ ---> Blending Options и добавим Drop Shadow со следующими настройками:
Если вы все сделали точно по уроку, то у вас получится вот такая медалька:
p.s. Если какие - то моменты не понятны, то в уроке можно найти PSD, вот вам мини-квест 
Спасибо за внимание. Будут дополнения - пишите.
|
|
|
|
|
|
uSite Team
3601 сообщениий
Мужчина
|
Quote (PhoEn-X) Будут дополнения - пишите.
лучше встоить скриншоты в текст, ежели ссылки
По всем вопросам обращаемся на support@usite.su
|
|
|
|
|
|
Пользователь
70 сообщений
Мужчина
|
Спасибо хороший урок вот что получилось
|
|
|
|
|
|
uSite Team
1689 сообщений
Мужчина
|
Zork, полный снимок экрана вставлять - бред. Юсайт просто растянется))
Хотя решил проблему :P
|
|
|
|
|
|
Бывалый
651 сообщениий
Мужчина
|
PhoEn-X, Под спойлер? Изображения автоматом вроде как уменьшаются? За урок спасибо, ставлю плюс.
|
|
|
|
|
|
Designer
979 сообщений
Мужчина
|
Отлично, же!
|
|
|
|
|
|
Бывалый
276 сообщений
Мужчина
|
Спасибо + за урок)
|
|
|
|
|
|
Бывалый
626 сообщений
Мужчина
|
спасибо)
а вот попробывал сделать серебряную и бронзовую:
  |
|
|
|
|
|
uSite Team
3601 сообщениий
Мужчина
|
Quote (domenik) Под спойлер
как раз таки лучше без него, с трубы не откроешь
По всем вопросам обращаемся на support@usite.su
|
|
|
|
|
|
uSite Team
1689 сообщений
Мужчина
|
С трубы дорого заходить)) Сколько трафика с изображениями >.<
|
|
|
|
|
|
uSite Team
3601 сообщениий
Мужчина
|
Quote (PhoEn-X) С трубы дорого заходить)) Сколько трафика с изображениями >.<
у кого-то анлим 
По всем вопросам обращаемся на support@usite.su
|
|
|
|
|
|
Пользователь
22 сообщения
Мужчина
|
отличный урок
|
|
|
|
|
|
uSite Team
1689 сообщений
Мужчина
|
Пасибо))
|
|
|
|
|
|
Beginner
7 сообщений
Мужчина
|
без скриншотов не интересно читать не знаю что будет в конце
|
|
|
|
|
|
Бывалый
626 сообщений
Мужчина
|
скрины были, но куда-то делись(
|
|
|
|
|
|
uSite Team
1689 сообщений
Мужчина
|
Пфф... вижу)) epic fail 1 скрипт остался, остальное удалено хостингом. Trololo
А нет, кто то исправил ссылки на изображения...
|
|
|
|
|
|
uSite Team
3601 сообщениий
Мужчина
|
домен не сформирован, все равно битые
залей куда угодно, я на сайт залью
По всем вопросам обращаемся на support@usite.su
|
|
|
|
|
|
uSite Team
535 сообщений
Мужчина
|
ай ай ай, так запрятать psd'шку
Я, честно говоря, целенаправленно знал где и как искать, но всё же было трудно:)
|
|
|
|
|
|
uSite Team
1689 сообщений
Мужчина
|
Quote (PhoEn-X) в уроке можно найти PSD, вот вам мини-квест  |
|
|
|
|
|
Бывалый
692 сообщения
Мужчина
|
PhoEn-X, Полезный урок, спасибо)))
|
|
|
|
|
|
|
Сообщение от пользователя iFrendly с отрицательной репутацией.
Вы можете просмотреть это или все сообщения данного пользователя. |
Бывалый
1721 сообщениий
Мужчина
|
-lisonok-, Супер!
|
|
|
|
|
|
Beginner
26 сообщений
Мужчина
|
Прикольно! Надо как не будь попробовать!
|
|
|
|
|
|
