Сайт Льва Волкова
  
· Коралл - это спресованные скелеты крошечных морских животных. Скелет полипа растет снаружи его тела, после смерти - остается.
 
      На главную  
 Личное
  Статьи
  Задачи 
 Ссылки
 АТ-531
www.levvol.ru    
 

Волков Л.А.

        УРОКИ PHOTOSHOP: SIM КАРТА

SIM-карта (от англ. Subscriber Identification Module) — идентификационный модуль абонента, применяемый в мобильной связи.

Основная функция SIM-карты - хранение идентификационной информации об аккаунте, что позволяет абоненту легко и быстро менять сотовые аппараты, не меняя при этом своего аккаунта, просто переставив свою SIM-карту в другой телефон.

Нарисуем средствами PhotoShop SIM-карту. Создадим новый документ (Ctrl+N) в режиме RGB с разрешением 72 ppi (pixels per inch), размером 500 х 300 px, Background contents: White -белый. Нажмем сочетание клавиш Ctrl H, для включения сетки.

Настроить сетку можно нажав <Edit> в верхнем меню, далее в выпавшем меню <Preferences> и затем в выпавшем меню <Guides, Grid & Slices...>.

Создадим новый слой: внизу палитры Layers щелкнем левой клавишей мыши по изображению листочка с загнутым уголком. Последовательно нажимая сочетание клавиш Shift U, установим инструмент Rounded Rectangle Tool. В появившемся верхнем меню установим Radius 30 px, режим Paths. Установим цвет переднего плана #94d492. Пользуясь инструментом Rounded Rectangle Tool и глядя на сетку (одинаковые отступы от краев листа), нарисуем основу будущей SIM карты - путь (Path). Теперь включим палитру Paths и внизу этой палитры щелкнем левой кнопкой мыши по третьей слева иконке - Load Path as a selection. На рисунке появится выделение.

Последовательно нажимая сочетание клавиш Shift L, выберем инструмент Polygonal Lasso Tool .
В верхнем меню инструмента Polygonal Lasso Tool установим режим Substract from Selection

В правом нижнем углу пути вырежем угол, пользуемся сеткой, при этом желательно увеличить изображение Ctrl +. При рисовании треугольного выделения пользуемся клавишей Shift и инструментом Polygonal Lasso Tool.

Нажимая сочетание клавиш Shift G, выберем инструмент Paint Bucket Tool (ведерко с краской). Зальем выделение выбранным нами цветом #94d492. Снимем выделение, нажав Ctrl D. Оствим активным слой с картой - Layer 1. При необходимости применим инструмент Eraser Tool (ластик), подчистим в вырезанном уголке.

Для активного слоя установим стили, щелкнем по второй справа иконке внизу палитры Layers - Add a layer style. В выпавшем меню выберем Blending Options. В новом окне последовательно установим следующие опции:

  • Drop Shadow: изменим параметры Distance=0 px, Spred=0 px, Size=16px, остальные параметры не изменяем;
  • Bevel and Emboss: Inner Bevel, Size=0 px, Soften= 2px, остальные параметры не меняем.

Щелкнем ОК. Нажмем сочетание клавиш Ctrl H, чтобы временно снять сетку и полюбоваться работой.

Вернем сетку Ctrl H. Создадти новый слой, внизу палитры Layers щелкнем левой клавишей мыши по изображению листочка с загнутым уголком. Последовательно нажимая сочетание клавиш Shift U, установим инструмент Rounded Rectangle Tool. В появившемся верхнем меню установим Radius 60 px, режим Paths. Нарисуем контактную площадку. Включим палитру Paths и внизу этой палитры щелкнем левой кнопкой мыши по третьей слева иконке - Load Path as a selection. На рисунке появится выделение. Зальем это выделение белым цветом (это временно). Нажав Ctrl D, снимем выделение. При необходимости сдвинем этот слой по месту, используя инструмент Moove Tool (клавиши Ctrl V) и клавиши стрелок на клавиатуре вверх, вниз, влево, вправо.

Для активного слоя Layer 2 установим стили, щелкнем по второй справа иконке внизу палитры Layers - Add a layer style. В выпавшем меню выберем Blending Options. В новом окне последовательно установим следующие опции:

  • Bevel and Emboss: Inner Shadow, Size=2 px, Soften=0 px, остальные параметры не меняем;
  • Gradient Overlay: Color установим в соответствием с рисунком, Angle=40°

Чтобы в настройке градиента создать третий указатель, надо щелкнуть левой клавишей мыши под линейкой цветов в нужном месте. Левый указатель - на уровне 50%, средний - 75%, правый - 100%.

Создадим новый слой Layer 3. Сетка должна быть включена. Нажимая последовательно сочетание клавиш Shift M, выберем инструмент Elliptical Marquee Tool. Нарисуем эллиптическое выделение. Далее в верхнем меню выберем опцию <Edit>, в выпавшем меню щелкнем по опции <Stroke>. Установим параметры Width=1px, Color=#403510, Center. Щелкнем по ОК.

При необходимости сдвинем слой в нужную позицию. Установим цвет переднего плана #403510. Применим инструмент Pencil (Shift B), установив толщину линии 1 px. Нарисуем в слое Layer 3 линии контактной площадки, при необходимости применяя инструмент Eraser (ластик) и для проведения ровных горизонтальных и вертикальных линий удерживая нажатой клавишу Shift. Изображение лучше увеличить Ctrl + и рисовать по сетке, включая и отключая ее. Далее установим стили, щелкнем по второй справа иконке внизу палитры Layers - Add a layer style. В выпавшем меню выберем Blending Options. В новом окне установим следующие опции: Style=Emboss, Depth=1%, Size=1 px, Soften=1 px, остальные параметры не меняем. Щелкнем ОК.

Возьмем инструмент Horizontal Type Tool (клавиша T). Параметры текста: шрифт Tahoma, Regular Size=14 pt. Smooth. Введем произвольные ряды цифр. Далее растеризуем текст, щелкнув по названию слоя в палитре Layer 4, в выпавшем меню щелкнем по опции Rasterize. Установим прозрачность слоя Opacity=10%.

Теперь сделаем активным слой Layer 1, щелкнув по нему в палитре Layers. Создадим новый слой Layer 4. Далее, используя инструмент Pen (Перо) - Shift P, нарисуем путь (Path) на новом слое.

Включим палитру Paths и внизу этой палитры щелкнем левой кнопкой мыши по третьей слева иконке - Load Path as a selection. На рисунке появится выделение. Зальем это выделение цветом #ccffaa. Установим прозрачность слоя Layer 4 Opacity=25%.



Источник: http://hv-designs.co.uk/2008/03/23/custom-sim-cards-tutorial/