Это рубрика lessons.

:

Нарисуем в Фотошопе яркую розовую симку. При желании, вы конечно можете окрасить её в любой другой цвет.

рисуем сим-карту в фотошопе

rounded rectangle tool

Шаг 1. Создаем новый документ (Ctrl+N) и рисуем в нем Прямоугольник со скругленными углами (Rounded Rectangle Tool (U)).

drop shadow

Шаг 2. Применяем к этой фигуре следующие Стили Слоя (Layer Styles) (чтобы их вызвать просто нажимаем по соответствующей кнопке внизу Палитры Слоев):

bevel and embos
gradient overlay прямоугольник со скругленными углами

Шаг 3. Выбираем тот же Инструмент и рисуем квадрат (для этого при рисовании удерживаем Shift) внутри прямоугольника, как показано на рисунке:
желтый квадрат

Шаг 4. К нему то же применим Стили Слоя:
bevel and embos

gradient overlay
stroke квадрат со скруглеными углами

Шаг 5. Теперь, выбираем Инструмент Pen (Перо (P)), задаем для него толщину 1 пиксель и Черный цвет, и проводим линию (на новом слое):
pen tool

Шаг 6. Продолжаем рисовать линии (каждую помещаем на новый слой).
перо

линия
line

проводим линию.
прямая линия рисуем линию

Шаг 7. Теперь, к каждой линии применим следующие Стили Слоя (можно применить сперва к одной потом скопировать эти Стили и вставить к другим линиям):
bevel and embos тиснение

Шаг 8. Осталось только с помощью Пера (на новом слое, находящемся на самом верху на Панели Слоев) нарисовать кривую, как на картинке внизу, залить её белым и поставить Opacity (непрозрачность) для данного слоя на 10%.
симка

Остальное по желанию, можно добавить текст (Text Tool (T)), повернуть симку (Ctrl+T) и добавить другие симки, чтобы получилась такая замечательная картинка
разноцветные сим карты

:

Если есть прекрасное фото, но как будто на нем чего-то не хватает. Может быть это радуга? Так давайте же нарисуем ее с помощью Фотошопа. Причем очень быстро.

оригинальная фотка радуга на фотке

фоновый слой
новый слой
переименовываем слой

Шаг 1. Открываем фотографию (Ctrl+O) в Фотошопе (и видим, что наша фотка находится на слое Background на Панели Слоев) и создаем новый пустой слой (нажав на соответствующую кнопку внизу Панели Слоев). Новый слой будет автоматически назван Layer1, дважды кликнув по имени слоя, получаем возможность переименовывать его и называем его Rainbow.

gradient
gradient picker
gradient editor
special effects
append
russells rainbow

Шаг 2. Выбираем Инструмент Градиент Gradient tool на Панели Инструментов и кликаем по Градиентой шкале на Панели Свойств инструмента. В появившемся окне Gradient Editor (Редактор Градиентов) идем по стрелочке и выбираем пункт Special Effects и кликаем по Append. В Редакторе Градиентов появилась возможность выбора градиента типа Радуга (Rainbow).

radial gradient

Шаг 3. Меняем тип Градиента на Radial Gradient (Радиальный Градиент).

градиент
радуга

Шаг 4. Пришло время нарисовать саму радугу. С выбранным градиентом типа Russells Rainbow и Radial Gradient, проводим градиент, как показано на рисунке внизу (чтобы горизонтальная линия была абсолютно горизонтальной, при ее рисовании удерживаем клавишу Shift).

screen
радуга

Шаг 5. Находясь на слое с радугой меняем Режим Смешивания (Blending Mode) данного слоя на Осветление (Screen).

blur
rainbow

Шаг 6. Размоем слишком резкие очертания радуги, для этого идем Filter>Blur>Gaussian Blur (Фильтр>Размытие>Размытие по Гауссу). Параметры размытия выставляем любые подходящие, мы поставили такие:

маска слоя
layer mask

Шаг 7. Чтобы оставить радугу только в нужных местах, добаляем к слою с ней Маску слоя, для этого нажимаем соответствующую кнопочку на Панели слоев.

градиент
gradient editor
linear gradient

Шаг 8. Находясь на маске слоя, нажимаем клавишу D, чтобы установить цвета “по-умолчанию” и выбираем градиент “Foreground to Background” (от основного цвета к фоновому). Тип градиента – Linear Gradient.

вертикальный градиент
радуга

Шаг 9. Проводим (удерживая Shift) градиентом

opacity
радуга
дублируем слой

Шаг 10. Дублируем слой с радугой (Ctrl+J) и уменьшаем Непрозрачность (Opacity) этого слоя до 70%. Повторяем процедуру.

move
rainbow

Шаг 11. Выбираем Инструмент Move (Перемещение (M)) и переносим чуть влево вторую копию радуги.

размытие

Шаг 12. Размываем эту дублирующую радугу. Для этого можно просто нажать Ctrl+F, чтобы повторить предущий фильтр (т. к. это было размытие, то оно и повторится).

group
группируем

Шаг 13. Группируем слои с основной радугой, для этого выделяем эти два слоя (удерживая Shift) и нажимаем Ctrl+G.

маска слоя
группируем

Шаг 14. Добавляем маску слоя к этой группе.

кисть
стираем радугу
радуга на фото

Шаг 15. Выбираем Инструмент Brush tool (Кисть (B)), черного цвета, мягкую и стираем лишнюю радугу. Ну вот и все! Наша радугв готова.

:

Создадим макет для бизнес сайта за 10 минут с помощью Фотошопа.

макет сайта

создание сайта

Шаг 1. Создаем новый файл в Фотошопе, размером 960px на 900px и белым фоном. В верхней части макета рисуем прямоугольник (размер: 961px на 95px, цвет#303123).

color overlay
outer glow
навигация на сайте

Шаг 2. После этого добавляем логотип и навигацию. У нас для логотипа использовался шрифт Bauhaus93, но он не является свободнораспространяемым. Вы же можете использовать свои шрифты или воспользоваться одним из бесплатных шрифтов, например, с этого сайта dafont. com. Для навигации будем использовать серый цвет для текста и прямоугольник со скругленными краями для выделения пунктов меню. Для этого прямоугольника используем следующие Стили Слоя (Color Overlay, Outer Glow)

inner glow
gradient overlay
фиксированный размер
шапка сайта

Шаг 3. Переходим к шапке сайта. Для этого опять рисуем прямоугольник (под серым прямоугольником) размером 960 на 234 пикселей со следующими Стиля Слоев: Inner Glow и Gradient Overlay (см. рисунок, для градиента используем цвета – #fc6200 и #ff9e40). Обратите внимание, что для при рисовании прямоугольной фигуры можно просто задать фиксированный размер фигуры (см. рисунок).

шапка сайта

Шаг 4. Добавим тест и картинки на шапку. Также можно украсить её с помощью Кистей с этого сайта BrushMix. com.

gradient overlay

detailed gradient overlay

Шаг 5. Добавляем основное наполнение сайта. Для этого опять рисуем прямоугольную область размером 960px и 530px и применяем к ней следующие Стили Слоя

макет сайта бизнес тематики

Шаг 6. Осталось только создать подвал. Рисуем прямоугольник (цвет – #303123, размер – 960px на 46px) и заполняем его необходимой информацией. Ну вот и всё! Наш бизнес-макет готов. Правда легко и быстро :).