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


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

[Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Модератор форума: _1_, Mystikal, Любанечка  
Весенний Форум. Общение на любые темы » Уроки Photoshop и Image Ready » Уроки Photoshop » Рисуем стильный ipod в Photoshop
Рисуем стильный ipod в Photoshop
]V[o]{ш@Дата: Среда, 14.04.2010, 14:50 | Сообщение # 1
Свой человек
Группа: Пользователи
Сообщений: 270
Репутация: 99
Подарки: 5
Статус: Оффлайн
Автор: Hai
Перевод: ]V[o]{ш@ aka {phil}LEMON
Источник: How to Create a Stylish Media Player in Photoshop

(картинки кликабельны)

Вот что должно получиться

Шаг 1

Для начала создадим новый слой, как показано на рисунке 1a, и зальем его любым цветом. Теперь перейдем в Blending Options (Параметры наложения) и поставим значения которые показаны на рисунке 1b

Шаг 2
Создаем новую папку, которую назовем "ipod". В этой папке создадим слой, который тоже назовем "ipod". Клавишей "U" призовите инструмент "Прямоугольник" и нарисуйте такую же фигуру, как показано на рисунке 2a (в параметре фигуры должен быть выбран "Контур" ). Выберите Pen Tool (инструмент "Перо") и кликните по нашей форме. После этого поставьте Пером четыре точки так, как показано на рисунке. В середине верхней стороны прямоугольника поставьте точку, опять же смотрим на рисунок, зажимая Ctrl, двигаем курсор вверх, делая небольшую дугу (рис. 2b). То же самое делаем и с нижней стороной прямоугольника (рис. 2с). После проведенных манипуляций зажмите Ctrl + Enter, чтобы выделить фигуру, и залейте ее белым цветом (рис. 2d)

Шаг 3
Откройте нашему ipod'у Blending Options и выставите те же параметры, что показаны на рисунке 3а. Создайте новый слой и назовите его “light ipod”. Используя Rectangular Marquee Tool (M), сделайте прямоугольное выделение и залейте его белым (рис. 3b). Непрозрачность будет 30% (3с)

Шаг 4
Создайте еще один слой с названием “screen bg”. С помощью Round Rectangle (радиусом 5px) нарисуйте фигуру, как на рисунке 4а (цвет черный) и установите параметры, как на рисунке 4b

Шаг 5
Используя Rectangular Marquee Tool создайте выделение (рис. 5а). Копируйте это выделение (CTRL + J) и назовите этот слой "screen bg light". Непрозрачность 30% (5b). Параметры наложения слоя выставите как на картинке 5с.

Шаг 6
А теперь создайте еще один слой и назовите его “screen”. Используя наше знакомое Rectangular Marquee Tool, сделайте выделение аккурат по середке экрана ipod'а, ну и залейте его черным (рис. 6a). Blending Options как на рисунке 6b

Шаг 7
С помощью Polygon Lasso Tool сделайте выделения вида "треугольник" (рис. 7а). Нажмите CTRL + J, чтобы копировать выделение и назовите этот новый слой “light screen”. Blending Options на рисунке 7b, Opacity 30%

Шаг 8
И снова создайте новый слой с названием “button bg”. Используя Elliptical Marquee Tool () нужно сделать круглое выделение и залить его белым (рис 8а). Ну и опять таки устанавливаем Blending Options, как на рисунке 8b и 8с.

Шаг 9
И опять создадим новый слой и назовем его “circle”. И опять-таки используем Elliptical Marquee Tool, чтобы создать маааааасенький кружочек, который зальем белым (9а). Blending Options на рисунке 9b и 9с. Ну, и напоследок, нарисуйте иконки-кнопки (рис. 9d)

Шаг 10

А вот теперь самое интересное -- наушники!

Создайте новый слой (для удобства он не должен входить в папку "ipod"), назовите его “right earpiece”. С помощью Elliptical Marquee Tool и Pen Tool (P) рисуем наушник как показано на рисунке 10а (каждый этап -- новый слой!). Как все будет нарисованно идите в Blending Options и к каждому слою установите следующие параметры (рис. 10b, 10c, 10d)

Шаг 11
А вот теперь создадим новый документ 20Х20 px (background -- transparent). Выберете Custom Shape Tool, диагональные полосы (рис. 11а). Залейте их черным (рис. 11b). Ну а потом прямой наводкой в Edit > Define, где зададите новый узор “diagonal”. Закройте этот документ, можно не сохранять.

Шаг 12
Возвращаемся к наушникам. И опять создадим новый слой и назовем его “right 06”. Зажав Ctrl, на слое “right 03” выделим кружок. Select > Modify > Contract, Contract - 2 px. А теперь в Edit > Fill в Contents выбрать Pattern, где в списке находим наши “diagonal”, которые и выбираем.

Шаг 13
Теперь делаем левый наушник. Как по мне, так проще копировать правый наушник и отзеркалить, но автор предпочитает делать его с нуля, а кто я такой, чтобы спорить с автором? О_о Поэтому, следуем инструкциям автора урока и рисуем левый наушник, так же как мы рисовали правый.

Шаг 14
"Прячем" слой с левым наушником за ipod. Создаем новый слой “shadow left” и делаем как на рисунке:

Шаг 15
И опять создаем новый слой, который называем “line”. Pen Tool'ом рисуем загогулину как на рисунке 15а. А потом выберем радикально черную круглую кисточку размером 4 px. Нажав клавишу "U", кликаем правой кнопкой мыши, чтобы вызвать менюшку, в которой выберем Stroke Path, чтобы нарисовать черную линию (15b). Blending Options на рисунке 15с.

Шаг 16
Зажав Ctrl + J, дублируем слой с линией, переименуем этот слой в “line shadow”. Спустите его чуть ниже оригинального слоя с линией, Непрозрачность на 40%.

Шаг 17
Создайте новую папку и назовите ее “shadow”. Используя Brush Tool, Pen Tool и Elliptical Marquee Tool рисуйте как показано на следующих картинках:

В итоге получаем наш ipod.


MystikalДата: Воскресенье, 18.04.2010, 13:29 | Сообщение # 2
Mafia avatarochki
Группа: Проверенные
Сообщений: 563
Репутация: 114
Подарки: 2
Статус: Оффлайн
Урок конечно сложный и красивый, но какой в нем смысл? Не проще ли просто скачать картинку? Но ты все равно молодец! Тебе + smile

Можно не любить геев, но не любить футбол - не возможно


]V[o]{ш@Дата: Воскресенье, 18.04.2010, 17:00 | Сообщение # 3
Свой человек
Группа: Пользователи
Сообщений: 270
Репутация: 99
Подарки: 5
Статус: Оффлайн
Практика, практика и еще раз практика =) Если хочешь нормально освоить фотошоп необходимо хотя бы раз в неделю делать сложные уроки и пытаться самому что-нибудь нарисовать или сколлажировать =)

Да и отработка разных умений и навыков не помешает =)


MystikalДата: Воскресенье, 18.04.2010, 19:10 | Сообщение # 4
Mafia avatarochki
Группа: Проверенные
Сообщений: 563
Репутация: 114
Подарки: 2
Статус: Оффлайн
Quote (|V|o|{ш@)
Практика, практика и еще раз практика =) Если хочешь нормально освоить фотошоп необходимо хотя бы раз в неделю делать сложные уроки и пытаться самому что-нибудь нарисовать или сколлажировать =)
Да и отработка разных умений и навыков не помешает =)

Ну я и говорю, что практического применения ему нет, а вот отточить мастерство - это святое biggrin


Можно не любить геев, но не любить футбол - не возможно


]V[o]{ш@Дата: Понедельник, 19.04.2010, 16:38 | Сообщение # 5
Свой человек
Группа: Пользователи
Сообщений: 270
Репутация: 99
Подарки: 5
Статус: Оффлайн
Ну, рано или поздно всегда настает такой момент, когда проще что-то самому нарисовать, чем картинку искать... happy

eLineДата: Четверг, 22.04.2010, 19:16 | Сообщение # 6
V.I.P.
Группа: Проверенные
Сообщений: 964
Репутация: 208
Подарки: 14
Статус: Оффлайн
подобные уроки для тех людей, которые зарабатывают тем, что отрисовывают любые объекты (данное направление получило название техдизайн), которые потом включают в свои проекты, создавая всё с нуля, или тем, кто хочет узнать больше о том, как нужно отрисовывать, накладывать свет и т.п.

увы, здесь это мало кому нужно.
эм. вообще никому.


- разработка и создание сайтов!
zhugan66666Дата: Четверг, 22.04.2010, 20:37 | Сообщение # 7
V.I.P.
Группа: Пользователи
Сообщений: 1169
Репутация: 78
Подарки: 9
Статус: Оффлайн
мне нужно мну друг попросил на мутить штоб на экране айпода была нарисована картинка но вот тока я не умею делать что бы было похоже чот именно в айподе картинка

ПодсолнушекДата: Четверг, 22.04.2010, 20:52 | Сообщение # 8
Хранитель
Группа: Пользователи
Сообщений: 1413
Репутация: 262
Подарки: 65
Статус: Оффлайн
Если бы руки не из задницы росли, то сделала=) happy Мне это интересно happy
madkamalovДата: Вторник, 23.11.2010, 21:06 | Сообщение # 9
Новичок
Группа: Пользователи
Сообщений: 1
Репутация: 0
Подарки: 0
Статус: Оффлайн
во нада будет попробывать

бу
Весенний Форум. Общение на любые темы » Уроки Photoshop и Image Ready » Уроки Photoshop » Рисуем стильный ipod в Photoshop
  • Страница 1 из 1
  • 1
Поиск:

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

Мини-чат:


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