Результаты поиска
Введите запрос, по завершению нажмите Enter.
ФорумБлогиМануалыНовые постыЛюди
  • Страница 1 из 1
  • 1
Форум » Уроки » Уроки Графики » Создание золотой медальки. (Урок по заказу пользователя -lisonok-)
Создание золотой медальки.
Отправлено 28.02.2012 - 13:351
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, вот вам мини-квест :D
Спасибо за внимание. Будут дополнения - пишите.
Профиль Личное сообщение Дом. страница icq Skype
709
Отправлено 28.02.2012 - 15:122
Нет аватара
uSite Team
3601 сообщениий
Мужчина
Quote (PhoEn-X)
Будут дополнения - пишите.

лучше встоить скриншоты в текст, ежели ссылки
По всем вопросам обращаемся на support@usite.su
Профиль Личное сообщение Дом. страница icq Skype
583
Отправлено 28.02.2012 - 15:143
Нет аватара
Пользователь
70 сообщений
Мужчина
Спасибо хороший урок вот что получилось
Профиль Личное сообщение Дом. страница icq Skype
7
Отправлено 28.02.2012 - 17:264
uSite Team
1689 сообщений
Мужчина
Zork, полный снимок экрана вставлять - бред. Юсайт просто растянется))
Хотя решил проблему :P
Профиль Личное сообщение Дом. страница icq Skype
709
Отправлено 28.02.2012 - 18:025
Бывалый
651 сообщениий
Мужчина
PhoEn-X, Под спойлер? Изображения автоматом вроде как уменьшаются? За урок спасибо, ставлю плюс.
Профиль Личное сообщение Дом. страница icq Skype
73
Отправлено 28.02.2012 - 18:256
Нет аватара
Designer
979 сообщений
Мужчина
Отлично, же!
Профиль Личное сообщение Дом. страница icq Skype
18
Отправлено 28.02.2012 - 18:497
Нет аватара
Бывалый
276 сообщений
Мужчина
Спасибо + за урок)
Профиль Личное сообщение Дом. страница icq Skype
54
Отправлено 28.02.2012 - 18:518
Нет аватара
Бывалый
626 сообщений
Мужчина

спасибо)
а вот попробывал сделать серебряную и бронзовую:
Профиль Личное сообщение Дом. страница icq Skype
60
Отправлено 28.02.2012 - 19:329
Нет аватара
uSite Team
3601 сообщениий
Мужчина
Quote (domenik)
Под спойлер

как раз таки лучше без него, с трубы не откроешь
По всем вопросам обращаемся на support@usite.su
Профиль Личное сообщение Дом. страница icq Skype
583
Отправлено 28.02.2012 - 19:3910
uSite Team
1689 сообщений
Мужчина
С трубы дорого заходить)) Сколько трафика с изображениями >.<
Профиль Личное сообщение Дом. страница icq Skype
709
Отправлено 28.02.2012 - 19:4011
Нет аватара
uSite Team
3601 сообщениий
Мужчина
Quote (PhoEn-X)
С трубы дорого заходить)) Сколько трафика с изображениями >.<

у кого-то анлим 0:)
По всем вопросам обращаемся на support@usite.su
Профиль Личное сообщение Дом. страница icq Skype
583
Отправлено 05.03.2012 - 02:2712
Нет аватара
Пользователь
22 сообщения
Мужчина
отличный урок
Профиль Личное сообщение Дом. страница icq Skype
0
Отправлено 05.03.2012 - 13:4613
uSite Team
1689 сообщений
Мужчина
Пасибо))
Профиль Личное сообщение Дом. страница icq Skype
709
Отправлено 15.03.2012 - 03:1714
Beginner
7 сообщений
Мужчина
без скриншотов не интересно читать не знаю что будет в конце
Профиль Личное сообщение Дом. страница icq Skype
8
Отправлено 15.03.2012 - 09:0115
Нет аватара
Бывалый
626 сообщений
Мужчина
скрины были, но куда-то делись(
Профиль Личное сообщение Дом. страница icq Skype
60
Отправлено 15.03.2012 - 18:2616
uSite Team
1689 сообщений
Мужчина
Пфф... вижу)) epic fail :D 1 скрипт остался, остальное удалено хостингом. Trololo
А нет, кто то исправил ссылки на изображения...
Профиль Личное сообщение Дом. страница icq Skype
709
Отправлено 15.03.2012 - 20:2317
Нет аватара
uSite Team
3601 сообщениий
Мужчина
домен не сформирован, все равно битые
залей куда угодно, я на сайт залью
По всем вопросам обращаемся на support@usite.su
Профиль Личное сообщение Дом. страница icq Skype
583
Отправлено 15.03.2012 - 22:5318
Нет аватара
uSite Team
535 сообщений
Мужчина
ай ай ай, так запрятать psd'шку :D
Я, честно говоря, целенаправленно знал где и как искать, но всё же было трудно:)
Профиль Личное сообщение Дом. страница icq Skype
114
Отправлено 16.03.2012 - 11:5919
uSite Team
1689 сообщений
Мужчина
Quote (PhoEn-X)
в уроке можно найти PSD, вот вам мини-квест
:p
Профиль Личное сообщение Дом. страница icq Skype
709
Отправлено 02.05.2012 - 22:0920
Нет аватара
Бывалый
692 сообщения
Мужчина
PhoEn-X, Полезный урок, спасибо)))
Профиль Личное сообщение Дом. страница icq Skype
97
iFrendly
Сообщение от пользователя iFrendly с отрицательной репутацией.
Вы можете просмотреть это или все сообщения данного пользователя.
Отправлено 08.07.2012 - 15:0522
Нет аватара
Beginner
26 сообщений
Мужчина
Прикольно! Надо как не будь попробовать!
Профиль Личное сообщение Дом. страница icq Skype
0
Форум » Уроки » Уроки Графики » Создание золотой медальки. (Урок по заказу пользователя -lisonok-)
  • Страница 1 из 1
  • 1
Поиск:
uSite.su © 2010-2024
Все права защищены.
Многогранность и сверхспособности сообщества uCoz заставляют задуматься даже самые стойкие умы веб-программирования, ведь лишь uSite способен предоставить ответы на самые сложные вопросы uCoz.
01RSS
Хостинг от uCozПользовательское соглашение и прочая информация