Главная » Статьи » Уроки Фотошоп » Дизайн/Рисование |
рисуем iPad в фотошопе
Конечный результат: Шаг 1 Создайте новый документ размером 624×921 пикселей с разрешением 72dpi и белым фоном. Откройте это изображение и вставьте его в наш документ. Создайте новый слой (Create New Layer) и назовите его "Border”. Инструментом Прямоугольник с загруженными краями (Rounded Rectangle Tool) создайте фигуру с радиусом 22 пикселя цветом #434040. Режим инструмента – Заливка пикселей (Fill pixels). Сделайте выделение слоя "Border” (Ctrl+Click) и примените Сжатие (Modify – Contract) со значением 6 пикселей. Нажмите Delete. Сделайте выделение вырезанной части, создайте новый слой (Create New Layer) и залейте его чёрным цветом. Назовите этот слой "Black Glass”. Нарисуйте прямоугольник и назовите слой с ним "Screen”. Сейчас у Вас должно быть три слоя: Border Black Glass Screen Шаг 2 К слою "Border” примените следующие стили в меню Стилей слоя (Layer Style - Blending Options): Тиснение: Стиль – Внутренний скос, Метод – Плавный, Режим подсветки – Осветление, Режим тени – Умножение. Наложение цвета: Режим – Нормальный. Обводка: Положение – Внутри, Режим – Нормальный, Тип обводки – Цвет. Внутренняя тень: Режим – Умножение. Цвета градиента: #5b5c60 и #000000. Шаг 3 Вставьте обои ещё раз: Перетащите обои поверх слоя "Screen”. Нажмите Ctrl+Alt+G, чтобы создать обтравочную маску. Измените размер обоев, чтобы подогнать их под экран. Шаг 4 Нарисуйте прямоугольник и в режим Наклона (Transform – Skew) измените его, как показано ниже. Назовите слой "Dock”. Примените стиль Наложение градиента (Layer Style - Gradient Overlay): #454647 и #fafbfc. Понизьте Непрозрачность слоя до 58%. В верхней части экрана нарисуйте маленькую полоску чёрного цвета. Понизьте её Непрозрачность. Инструментом Карандаш (Pencil Tool) нарисуйте иконку заряда батареи. Шаг 5 Загрузите этот набор иконок. Расположите одну их них на области в нижней части экрана: Сделайте копию слоя с иконкой и примените Отражение по вертикали (Transform – Flip Vertical). Понизьте Непрозрачность слоя до 21% и примените стиль Наложение градиента (Layer Style - Gradient Overlay): Режим – Нормальный, Стиль – Линейный. Сделайте выделение нижней части иконки и удалите его. Повторите это для других иконок. Добавьте другие иконки на область экрана. Шаг 6 Теперь нужно создать кнопку по середине. Нарисуйте простой круг и внутри квадрат с закруглёнными углами с радиусом 2 пикселя. Примените стиль Наложение градиента (Layer Style - Gradient Overlay) к маленькому кругу: цвета - #4c4d51 и #060606. Потом примените градиент и белую обводку к квадрату. Понизьте Непрозрачность до 19%. Шаг 7 Инструментом Прямоугольник с закруглёнными углами (Rounded Rectangle Tool) с радиусом 2 пикселя создайте кнопки: Чтобы нарисуйте кнопку C, нужно создать простой закруглённый прямоугольник. Инструментом Добавить точку привязки (Add Anchor Point Tool) перетащите три точки одной стороны влево, чтобы создать изгиб. Расположите все кнопки позади слоя "Border”. Финальный результат: | |
Просмотров: 595
| Теги: |
Всего комментариев: 0 | |