Мир Интернета взорвался новостями о запуске планшета Apple на прошлой неделе. Названный iPad , он призван принести еще одну революцию в то, как люди получают доступ к Интернету. Значок iPad был бы разумным дополнением к инструментарию ресурсов любого веб-дизайнера, поэтому давайте запустим Photoshop и создадим нашу собственную детальную графическую иконку iPad.
Значок, который мы будем создавать, имеет типичный вид спереди iPad. Используя сайт Apple для справки, давайте начнем.
Создайте новый документ и используйте инструмент Rounded Rectangle Tool, чтобы нарисовать портретную фигуру на новом слое. Установите угловой радиус до 20 пикселей, а заливку — до белого.
Нажмите CMD на миниатюре слоя, чтобы загрузить выделение, затем выберите «Выделение»> «Изменить»> «Контракт» и введите 3 пикселя. Создайте новый слой и заполните этот новый выбор черным.
Дважды щелкните первый слой с белым прямоугольником, чтобы открыть параметры стиля слоя. Добавьте серый Inner Glow размером всего 3 пикселя с режимом наложения Normal.
Затем дважды щелкните слой черного прямоугольника. На этот раз добавьте Outer Glow, используя более светлый серый цвет, также установленный на 3 пикселя и режим смешивания нормальный.
Используйте инструмент Rectangular Marquee Tool, чтобы нарисовать тонкие кнопки размером 1 пиксель по верхнему краю и сбоку корпуса, чтобы обозначить переключатели блокировки и отключения звука. Заполните их тонким серым градиентом.
Чтобы создать кнопку регулировки громкости, нарисуйте для начала более толстый прямоугольник, затем используйте инструмент Elliptical Marquee Tool для удаления центральной части.
На главном экране iPad часто присутствует яркая графика фоновых обоев. Удивительное фонда фото из пользователя Flickr Arnar Valdimarsson подходит pefectly. Используйте инструмент выделения, чтобы обрезать фотографию до размеров экрана.
Перетащите направляющую, чтобы определить центр корпуса iPad, затем нарисуйте круг с помощью Elliptical Marquee Tool. Заполните этот круг градиентом от черного к серому, чтобы имитировать глубину кнопки.
На новом слое используйте инструмент «Карандаш» размером 1 пиксель, чтобы нарисовать квадрат, а затем удалите четыре угла с помощью ластика. Уменьшите непрозрачность до 25%, чтобы смешать значок.
Ни один продукт Apple не будет полным без его отражений и бросков света. Нажмите CMD на миниатюре основного тела, чтобы загрузить выделение, затем заполните его белым градиентом, охватывающим верхний правый угол. Уменьшите непрозрачность этого слоя, чтобы он подходил, и переместите его на вершину стека слоев, чтобы на свет подействовали все нижележащие элементы.
На основной интерфейс iPad. Нарисуйте тонкое выделение в верхней части экрана и залейте черным, чтобы воссоздать строку состояния. Уменьшите непрозрачность, чтобы фон просвечивал.
Используйте карандашный инструмент, чтобы нарисовать простой значок батареи, затем добавьте простой выбор текстовых элементов.
Заполните прямоугольное выделение серым цветом внизу экрана, затем нажмите CMD-T для преобразования. Щелкните правой кнопкой мыши и выберите параметр «Перспектива», затем переместите верхние углы внутрь, чтобы создать базовую форму док-станции iPad.
Дважды щелкните на панели Dock, чтобы добавить новые стили слоя. Добавьте градиент от темно-серого до светло-серого, а затем обратно к темно-серому. Установите это, чтобы бежать горизонтально через док.
Добавьте Inner Shadow, чтобы представить крошечный край дока. Установите параметры на светло-серый с обычным режимом наложения. Используйте угол -90 градусов, расстояние 1px, дроссель около 27% и размер 2px.
Используйте Pen Tool, чтобы нарисовать плавную плавную форму через док. Завершите форму с грубыми точками назад к началу. Залейте это белым и уменьшите непрозрачность до 13%.
CMD-нажмите на слой док-станции, чтобы загрузить выделение. Нажмите CMD-Shift-I, чтобы инвертировать выделение, затем удалите избыток из отражающего слоя дока.
Все, что нужно интерфейсу iPad, — это коллекция иконок. Я нашел этот фантастический набор иконок в стиле Apple от дизайнера Deviant Art Ikon . Загрузите подборку и начните раскладывать сетку значков на экране iPad.
Добавьте Drop Shadow к одному из значков, используя настройки около 50% непрозрачности, 2px расстояния и 9px размера. Щелкните правой кнопкой мыши слой и скопируйте стиль слоя, затем вставьте этот стиль в следующие слои значков.
Выберите четыре иконки док-станции и дублируйте слои. Нажмите CMD-E, чтобы объединить эти слои, а затем нажмите CMD-T для преобразования. Щелкните правой кнопкой мыши и выберите опцию, чтобы перевернуть вертикально, затем поместите на место как отражения. Добавьте маску слоя и затемните отражения мягкой кистью или градиентом, затем уменьшите непрозрачность, чтобы удовлетворить.
На этом иконка iPad завершена. Не забудьте добавить обязательное отражение поверхности, скопировав весь выделенный фрагмент, затем переверните и поместите на нижней стороне корпуса iPad.
Все это звучит как слишком тяжелая работа? Ну, вы всегда можете скачать мой готовый набор иконок для iPad, который я бесплатно разместил на Line25.com: бесплатный набор иконок Apple iPad для дизайна вашего сайта
 (Пока оценок нет) Загрузка... |
