Страница 1 из 212»
Форум Studio AD » Графика » Уроки Adobe Photoshop » Рисуем iMac ака ябловизор (векторная графика, применение стилей, промышленный дизайн)
Рисуем iMac ака ябловизор
Aleko
Дата: Понедельник, 19.10.2009, 20:46 | Сообщение # 1
Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1618
Получено оценок: 167
Нарисовать кошерный ябловизор уже пытались в этом уроке. Не вышло. По сему выкладываю свою версию создания данного девайса.

Шаг 1

Создаем новый документ с белым фоном и размером 850 на 850 пикселей. Почему размер такой? Потому что так захотела моя левая пятка.. ну и потому, что удобнее рисовать на большом холсте чем на маленьком.

Шаг 2

Хватаем вот такой вот тул rounded_rectangle и на новом слое рисуем большой прямоугольник с радиусом угла - 30 пикселей. Цвет его должен быть #c5c6c8. Называем слой "ябловизор". Вот как он должен выглядеть:

Шаг 3

Назначаем стиль для ябловизора. Сам стиль указан на скрине ниже. Результат его применения там же:

Шаг 4

Делаем новый слой выше ябловизора и рисуем яблоэкран. Яблоэкран у нас будет состоять из ещё одного прямоугольника. На этот раз радиус края должен быть 23 пикселя. Вот так вот:

Шаг 5

Применяем стили к экрану (в обоих случая градиент от белого-видимого к белому-прозрачному):

Вот результат:

Шаг 6

Теперь нам нужно нарисовать правильный и красивый блик. Для этого дублируйте слой яблоэкрана. Нажмите Ctrl+I чтобы из черного слой стал белым. Щелкните правой кнопкой мыши по получившемуся слою на панели слоев и выберите Clear Layer Style. Теперь сделайте с помощью polygonal_lasso вот такое выделение и нажмите Delete. Затем нажмите сочетание клавиш Ctrl+Alt+G чтобы связать этот слой со слоем яблоэкрана. Назовите слой "Яблоблик". Вот что у вас должно быть (на скрине создано выделение и уже нажата клавиша Delete):

Шаг 7

Ставим параметр Fill для яблоблика на 0%. Применяем к блику стили (градиент слева на право: прозрачность 38%, белый - прозрачность 0% белый):


Вот результат:

Шаг 8

Создаем изображение на яблоэкране. Качаем файл с оригинальной стенобумагой из osX (если ссылка сдохла - ищите в гугле) и размещаем его на слое поверх блика и яблоэкрана. Называем слой "Стенобумага". Подгоняем до нужных размеров вот так:

Применяем к стенобумаге стили:

Продолжение урока в следующем посте...

Прикрепления: 7606024.jpg(8Kb) · 1953076.jpg(40Kb) · 0967689.jpg(9Kb) · 8492068.jpg(50Kb) · 7014401.jpg(10Kb) · 9354278.jpg(19Kb) · 6096732.jpg(44Kb) · 4962195.jpg(14Kb) · 5188358.jpg(46Kb) · 3727477.jpg(48Kb)


Бесплатные обои.
  
Aleko
Дата: Понедельник, 19.10.2009, 21:58 | Сообщение # 2
Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1618
Получено оценок: 167
Вот что должно выйти после применения стилей:

Шаг 9

Теперь зафигачим логотип. Качаем вот это яблочко, помещаем его на самый верхний слой и уменьшаем до приемлемого размера:

Далее к яблочку применяем точно такое же свечение как и к яблоэкрану в шаге 5. И сразу рисуем блик. Для этого выполняем вот такой набор действий: Ctrl+клик левой кнопкой мыши по слою с яблоком на панели слоев (создаст выделение слоя), затем Select > Modify > Contract... 3 пикселя. Это уменьшит наше выделение. Создаем новый слой. Называем его "Яблологоблик" и затем выбираем Edit > Fill белым цветом. И затем, так же как было с Яблобликом, берем polygonal_lasso и обрезаем ненужный кусок блика. Получаем:

Применяем к блику градиент (Fill слоя ставим на 0):

Получаем:

Такс. С этим закончили. Осталась яблоножка.

Шаг 10

Рисуем яблоножку. Создаем новый слой под ябловизором и называем слой яблоножка. На этом слое с помощью pen рисуем вот такую фигуру серого (#808080) цвета:

Затем применяем к ней жесточайший градиент. Все настройки и цвета ниже:

Получаем:

Шаг 11

Дублируем только что созданный слой. Снова щелкаем правой кнопкой мыши по получившемуся слою на панели слоев и выбираем Clear Layer Style. Затем fill слоя ставим на 0% и применяем к слою вот такие стили:

Продолжение в следующем посте.

Прикрепления: 5696730.jpg(46Kb) · 7344386.jpg(47Kb) · 1148350.jpg(48Kb) · 7399472.jpg(28Kb) · 0594241.jpg(72Kb) · 8746953.jpg(73Kb) · 2220630.jpg(30Kb) · 1917790.jpg(44Kb) · 7148624.jpg(74Kb) · 4848317.jpg(55Kb)


Бесплатные обои.
  
Aleko
Дата: Понедельник, 19.10.2009, 22:14 | Сообщение # 3
Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1618
Получено оценок: 167
Дубликат слоя даст нам овальный блик на ножке. Вот результат:

Шаг 12

Придаем яблоножке объем. Рисуем с помощью pen вот такую фигуру на новом слое под ножкой. Цвет вообще не важен:

Стилизуем созданный слой:

Получаем:

Шаг 13

Бликуем слой с яблоножкиным объемом. Для этого дублируем его. Очищаем от присвоенных стилей (ну вы помните, мы так уже 2 раза делдали), ставим fill на 0% и применяем стили:

В итоге получаем блик, который уже очень похож на реальный. Вот результат всего урока:

А вот сцыль на полное изображение 850 на 850 пикселей.

Бонус: PSD файл с уроком

Автор Aleko.

Прикрепления: 6764609.jpg(74Kb) · 9219271.jpg(75Kb) · 9107018.jpg(30Kb) · 4995069.jpg(56Kb) · 0926856.jpg(75Kb) · 5624823.jpg(60Kb) · 9766914.jpg(33Kb) · 4104809.jpg(75Kb) · 5670139.jpg(132Kb) · 9460645.png(7Kb)


Бесплатные обои.
  
GlebLozhkovoy
Дата: Понедельник, 19.10.2009, 22:33 | Сообщение # 4
говорун
Группа: Проверенные
Пользователь №: 255
Сообщений: 116
Как настоящий 0_о грацио!
  
Aleko
Дата: Понедельник, 19.10.2009, 22:37 | Сообщение # 5
Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1618
Получено оценок: 167
GlebLozhkovoy, спасибо.

Бесплатные обои.
  
MadeMan
Дата: Понедельник, 19.10.2009, 22:45 | Сообщение # 6
говорун
Группа: Проверенные
Пользователь №: 25
Сообщений: 185
Получено оценок: 6
Вот пока что сделал, но еще в процессе)
Прикрепления: 8800000.png(18Kb)
  
MadeMan
Дата: Понедельник, 19.10.2009, 23:13 | Сообщение # 7
говорун
Группа: Проверенные
Пользователь №: 25
Сообщений: 185
Получено оценок: 6
Далее)
Прикрепления: 3727739.png(337Kb)
  
MadeMan
Дата: Вторник, 20.10.2009, 20:47 | Сообщение # 8
говорун
Группа: Проверенные
Пользователь №: 25
Сообщений: 185
Получено оценок: 6
Вот мой результат:

Прикрепления: 9295948.png(356Kb)
  
vladko95
Дата: Вторник, 20.10.2009, 21:07 | Сообщение # 9
говорун
Группа: Проверенные
Пользователь №: 51
Сообщений: 121
Получено оценок: 6
во блин айс)
  
Aleko
Дата: Вторник, 20.10.2009, 23:42 | Сообщение # 10
Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1618
Получено оценок: 167
MadeMan, молодец

Бесплатные обои.
  
MadeMan
Дата: Среда, 21.10.2009, 00:40 | Сообщение # 11
говорун
Группа: Проверенные
Пользователь №: 25
Сообщений: 185
Получено оценок: 6
Aleko, спасибо)
  
ColdFire
Дата: Пятница, 23.10.2009, 14:32 | Сообщение # 12
говорун
Группа: Проверенные
Пользователь №: 85
Сообщений: 123
Получено оценок: 7
Aleko, шикарно! Дали бы мне фотку и эту картинку, хрен бы догадался где фотожаба :D
  
Aleko
Дата: Пятница, 23.10.2009, 21:14 | Сообщение # 13
Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1618
Получено оценок: 167
ColdFire, спасибо. Но на сайте Apple не фотки а рендеры.

Бесплатные обои.
  
DSC
Дата: Понедельник, 16.11.2009, 11:36 | Сообщение # 14
спикер
Группа: Проверенные
Пользователь №: 127
Сообщений: 511
Получено оценок: 41
Приколитесь, лазая по инету, набрёл на это:
Прикрепления: 3238267.jpg(49Kb)


aka Latro
  
Aleko
Дата: Воскресенье, 29.11.2009, 02:20 | Сообщение # 15
Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1618
Получено оценок: 167
Опубликовал урок на демиарте: http://demiart.ru/forum/index.php?showtopic=111901

Бесплатные обои.
  
-iX-
Дата: Воскресенье, 27.12.2009, 07:27 | Сообщение # 16
молчун
Группа: Пользователи
Пользователь №: 724
Сообщений: 1
Очень хороший урок, спасибо. Вот так у меня получилось:

Прикрепления: 9476063.jpg(51Kb)
  
Aleko
Дата: Воскресенье, 27.12.2009, 10:19 | Сообщение # 17
Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1618
Получено оценок: 167
-iX-, спасибо, у вас отличный результат!

Бесплатные обои.
  
ComZ
Дата: Понедельник, 11.01.2010, 11:22 | Сообщение # 18
молчун
Группа: Пользователи
Пользователь №: 912
Сообщений: 3
супер урок. Спасибо!
  
Aves
Дата: Среда, 13.01.2010, 02:00 | Сообщение # 19
молчун
Группа: Пользователи
Пользователь №: 947
Сообщений: 6
Спасибо большое за урок. Убило много времени. Вот мой результат с моими же обоями внутри :)

Если хочешь добиться чего-то серьёзного, просто убеди в этом себя. ©Aves

Сообщение отредактировал Aves - Среда, 13.01.2010, 02:01
  
vladimir
Дата: Среда, 13.01.2010, 15:54 | Сообщение # 20
Группа: Удаленные
Aves, не ждал тебя тут видеть ;)
  
Форум Studio AD » Графика » Уроки Adobe Photoshop » Рисуем iMac ака ябловизор (векторная графика, применение стилей, промышленный дизайн)
Страница 1 из 212»
Поиск:
Реклама
Вы можете купить iMac в интернет магазине
У нас можно купить iMac Core i5 2.5GHz QC / 4GB / 500GB.
© Studioad.ru 2006 · 2010. Использование материалов форума на сторонних ресурсах без прямой обратной ссылки строго запрещено. Хостинг от uCoz.