Интернет уже пестрит заголовками статей о выпуске на рынок нового гаджета от Apple. iPad представляет собой нечто нового образа провождения времени в сети Интернет. На сегодняшний день каждому дизайнеру в наборе всегда пригодится иконка этого новшества. Так что давайте не будем терять времени, запустим Photoshop и начнем ее рисовать.
Иконка будет представлять собой простую лицевую сторону iPad. Давайте приступим к работе, руководствуясь официальным сайтом Apple.
Создайте новый документ и используйте инструмент создания прямоугольника с закругленными углами. Установите радиус угла на 20 пикселей и залейте прямоугольник белым цветом.
CTRL+клик по миниатюре слоя для того, чтобы создать выделение. Затем, откройте меню Select > Modify > Contract и введите параметр 3 пикселя. Создайте новый слой и залейте это выделение черным цветом.
Двойной клик по первому слою, где мы сделали белый прямоугольник, чтобы перейти в параметры изменения стилей слоя. Добавьте к слой внутреннее свечение со значением в 3 пикселя, а режим смешивания установите на Normal.
Далее двойной клик по слою с черным прямоугольником. На этот раз добавьте эффект внешнего свечения, используя светло-серый цвет, и также установите значение на 3 пикселя, а режим смешивания на Normal.
С помощью инструмента создания прямоугольного выделения нарисуйте тоненькие кнопки в 1 пиксель в верхней части и сбоку корпуса для того, чтобы имитировать кнопки блокировки и отключения звука. Залейте их градацией плавного серого оттенка.
Для создания кнопки регулятора громкости, нарисуйте более широкий прямоугольник, а затем с помощью инструмента создания эллиптического выделения, удалите то, что находится внутри прямоугольника.
Дисплей iPad обычно представляет собой нечто вроде яркой фоновой картинки. Фотография с flickr от Arnar Valdimarsson, Creative Commons, отлично подойдет для этого. Используйте инструмент создания выделения для того, чтобы вырезать подходящий для нашего дисплея фрагмент.
Определите центр корпуса гаджета с помощью линейки, и затем нарисуйте окружность при помощи инструмента создания эллиптического выделения. Залейте эту окружность градацией от черного к серому цвету, чтобы имитировать глубину кнопки.
Нарисуйте квадрат карандашом в 1 пиксель на новом слое, затем удалите его углы при помощи ластика. Понизьте уровень плотности до 25%.
Ни один продукт Apple не обойдется без отражений и бликов. CTRL+клик на миниатюре слоя с корпусом для того, чтобы создать выделение. Затем, залейте его градацией белого от правого верхнего угла. Понизьте уровень плотности слоя насколько понадобится, и передвиньте его в верхнюю часть слоя так, чтобы подлежащие элементы оказались под воздействием эффекта свечения.
Что касается интерфейса iPad. Сделайте тонкое выделение в верхней части дисплея и залейте его черным цветом, тем самым имитируя строку загрузки. Понизьте уровень плотности так, чтобы сквозь элемент был виден фон.
Возьмите карандаш и нарисуйте простой индикатор батареи, а затем сделайте простой выделение элементов текста.
Залейте прямоугольное выделение в нижней части дисплея серым цветом, а затем нажмите CTRL+T. Кликните правой кнопкой и выберите опцию перспективы, затем передвиньте верхние углы немного внутрь, чтобы имитировать панель iPad.
Дважды кликните по слою с панелью, чтобы открыть меню редактирования стилей слоя. Примените наложение градации от темно-серого к светло-серому, а затем обратно к темно-серому по горизонтальному направлению.
Примените эффект внутренней тени, чтобы создать объем. Установите параметры на светло-серый цвет и режим смешивания на normal. Установите угол -90 градусов, дистанцию на 1 пиксель, загрязнение на 27%, а размер на 2 пикселя.
Воспользуйтесь ручкой для того, чтобы нарисовать плавную фигуру вдоль панели. Закончите фигуру неровными точками по направлению к началу. Залейте фигуру белым цветом и установите уровень плотности на 13%.
CTRL+клик по слою с панелью для того, чтобы создать выделение. Нажмите CTRL+Shift+I для того, чтобы инвертировать выделение, а затем удалите все, что находится за пределами панели на слое с отражением.
Теперь все, чего не хватает дисплею – нескольких иконок. В примере был использован привлекательный набор иконок в стиле Apple от дизайнера с Deviant Art – Ikon. Скачайте подборку и разместите иконки на дисплее.
Примените стиль тени к иконке, используя параметры значения плотности равному 50%, значение дистанции 2 пикселя и значение размера в 9 пикселей. Кликните правой кнопкой по слою и скопируйте стиль слоя, а затем примените его ко всем остальным иконкам.
Выделите 4 иконки и скопируйте слои. Нажмите CTRL+E для того, чтобы соединить эти слои вместе, а затем нажмите CTRL+T для создания трансформации. Кликните правой и выберите опцию вертикального переворота, а затем расположите их так, чтобы имитировать отражение. Добавьте маску слоя и немного затемните изображение отражения, используя мягкую кисть или градацию, а затем понизьте уровень плотности слоя так, чтобы иконки стали похожи на отражения.
И вот, наша иконка iPad готова. Не забудьте также скопировать все что получилось в итоге, перевернуть и имитировать тень всего гаджета.
Раздел: Образование и Изучение Нет комментариев
Уроки Photoshop: Рисуем детальную иконку Apple iPad в Фотошоп
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Подробности здесь
Опубликовал Mysterious Master Прочитано (раз): 17044 | Нет комментариев
Источник материала / оригинал статьи Распечатать
Источник материала / оригинал статьи Распечатать