Рисуем LCD-экран - Школа Photoshop
Экран в фотошоп Фотошоп треснувший экран

Рисуем LCD-экран

19.03.2008Категория урока: Рисование

Подойдет для дизайна Вашего сайта или других футуристических работ (кстати, такие «экранчики» применялись в скинах для winampa).

Фотошоп треснувший экран

Приблизительное время выполнения: 7 минут

Создайте новый слой и иструментом Polygonal Lasso выделите область, как на рисунке (прибл. 180px в высоту).

Фотошоп треснувший экран

Затем Select > Modify > Smooth > 25 и нажимаем ОК. Заливаем выделение цветом #D0D2C7

Фотошоп треснувший экран

Применяем стиль слоя Inner Glow с настройками:

Blend mode: normal
opacity: 22%
Size: 18px

Далее Inner Shadow с непрозрачностью (opacity) 44%, size: 7, distance: 8 и кликаем ОК

Рисуем lcd в фотошопе

Создайте новый слой. Выберите Elleptical Marquee и установите его режим в позицию intersect (вверху на панели опций инструмента). Нарисуйте окружность над уже существующим выделением, чтобы получить что-то похожее на это:

Как нарисовать в фотошопе экран?

Залейте выделение белым цветом и понизьте непрозрачность этого слоя до 40% и снимите выделение.

Зажмите CTRL и кликните по иконке первого слоя (тот, который содержит серую фигуру), чтобы выделить его содержимое. Создайте новый слой и Select > Modify > Contract > 5px. После этого Select > Modify > Smooth > 5px. Залейте выделение белым цветом. Опять Select > Modify > Contract > 5px и нажмите DELETE

Как нарисовать в фотошопе экран?

Установите режим смешивания для верхнего слоя на Overlay и установите его непрозрачность в позицию 35%

Как нарисовать в фотошопе экран?

Создайте новый слой над слоем Background и залейте его градиентом, как на рисунке:

Двухстрочный lcd экран

Выделите верхнюю половину этого слоя и создайте новый. Инструментом градиент (от цвета к прозрачности — foreground to transparent) протащите линию снизу вверх, чтобы получить такую заливку:

Selest modify contrfct

Зажмите CTRL и клкните по иконке слоя с серой формой. Создайте под ним новый слой и Select > Modify > Expand > 5px. Выберите темно-серый цвет и залейте выделение градиентом сверху вниз

Selest modify contrfct

Выберите белый цвет и залейте градиентом тот же слой, но уже снизу вверх. Для слоя с серой формой примените стиль Outer Glow:

Blend mode: normal
Opacity: 57%
size: 7 pix

Экран в фотошоп

Готово! Экран в фотошоп

Источник: http://www.project09.com/tutorials/photoshop/LCD-Screen/








Смотрите также:

Понравился урок? Поделитесь им в социальных сетях:



4 комментария(-ев) к уроку “Рисуем LCD-экран”

  1. Необычный урок, нравится.

    Аниматор

  2. Да необычно, но плезно

    дядя Валентин

  3. Ну в принципе, те, кто прочитали предыдущие уроки, смогут выполнить эти и сами, но вобще неплохо. :???:

    Sheena

  4. Отличный урок, выглядит весьма сочно, но количество действий, помоему, многовато

    Ярослав

Прокомментировать урок

 


Rambler's Top100