Hi, all!

Сегодня мы должны будем открыть программу Adobe Photoshop, и рисовать, рисовать, рисовать.

— Рисовать то что?
— Будем рисовать пиксельный iPhone.

Для начала откройте Photoshop. Далее, ищем изображение для «срисовки», для себя уже выбрал картинку iPhon`а.

Переходим к Photoshop`у. Создаем новый документ. Задаем любую ширину и высоту, лиж-бы вы поместилось, например у меня: 550×550px. Заливаем фон белым цветом, вставляем изображение оригинального айфона. Создаем слой и присваиваем ему имя "black_block". Лассо выделяем область 47×74px, заливаем черным цветом (#000000). Дабы закруглить этот слой, создаем слой, выделяем 5×5px облась, через «Редактирование → Выполнить обводку» вносим следующие параметры:

Клонируем слой до 4-х штук, и переносим каждый к своему углу. Должно получиться:

Для скругления углов будем использовать «Ластик»:Кисть: 1px;
Размер: Карандаш
Переходим к слою "black_block". Увеличиваем масштаб до предела, ластиком осторожно стираем области:

Тоже самое с остальными углами.

Когда все сделаете, отлючайте вспомогательные стили, и должно получиться:

Как нарисовали макет для телефона, переходим к рисованию кнопки. Будем использовать «Лассо „Овальная область“».

Создаем папку "button", в ней слой "bg", заливаем выделение цветом #02080c. Передвигаем в нужное место и придаем стили:

Рисуем светлый контур. Карандаш → скрин:

Прозрачность: 8%

Рисуем такую иконку:

Цвет кисти: #6d6d6d

Создаем папку "display", в ней "bg". Выделяем область 38×48px, заливаем #020d14 цветом. Стили:

Обводка: толщина 1px, цвет #272727

Получится:

Создаем папку "dyn", в ней слой "bg". Карандаш → Рисуем 6px черную черту, создаем второй слой "light", и рисуем следующее:

Ниже папки "dyn" создаем слой "gradient". См. скрин:

Создаем контур. Выделить самый первый слой "black_block", перейти «Выделение → Модификации → Сжать»:

Не снимая выделения, «Правая кнопка мыши → Инверсия выделенной области». Переходим к слою "gradient", жмём delete.

К «прямолинейному лоссо». Выделяем область:

Жмем delete. Переносим наложение слоя "light" на «Мякгий свет», 100% прозрачности.

Переходим к бликам. Карандаш → Рисуем:

Переходим к финальному шагу. Выделяем слой "black_block", далее в «Выделение → Модификации → Расширить»:

Ниже всех слоев создаем слой "band", заливаем его белым цветом, снимаем выделение. Настраиваем стили слоя:

В итоге, немного по эксперементировав у меня получилось:

UPD: 3 версии iPhone: