Design resources

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Шаг 1. Создаем новый документ (Ctrl+N) размером 750*750 пикселей. Выбираем Инструмент Gradient Tool (Градиент (G)) и закрашиваем линейным градиентом документ, цвета для градиента задаем такие: #FFFFFF (белый), #759CC3, #02143A.

Шаг 2. Создаем новый слой (Ctrl+Shift+N) и называем его Snow Body. Опять выбираем Инструмент Градиент и задаем для него: тип — Радиальный, цвета — #FFFFFF, #B8B7BD и #FFFFFF. Теперь, рисуем круговое выделение (с помощью Инструмента Овальная область (Ellipse Marquee (M))) и заливаем его градиентом, чтобы получилось, как на рисунке внизу. Снимаем выделение (Ctrl+D) и, находясь на слое с шаром, идем Filter>Noise>Add Noise (Фильтр>Шум>Добавить шум). Параметры для фильтра: Amount (количество) — 2, Distribution (распределение) — по Гауссу, ставим галку у «Monochromatic (Монохромный)».

Шаг 3. Создаем новый слой, называем его Snow Head и повторяем для него предыдущие шаги с шаром, только круг делаем чуть меньше (см. рисунок).

Шаг 4. После этого, создаем ещё один новый слой, называем его Scarf и, используя Инструмент Pen tool (Перо (P)), рисуем замкнутую кривую где-то в области шеи у снеговика. Эта кривая будет изображать шарф. Выбираем Палитру Paths (Контуры) и нажимаем на кнопочку Load path as Selection (Загрузить контур, как выделенную область) внизу Палитры. После этого идем обратно на Палитру Слоев (Layers) и, находясь на слое с шарфом, заливаем (Shift+F5) его красным (#9F0004).

Шаг 5. Добавим складки. Для этого, создаем новый слой и называем его Scarf Folds. Выбираем Инструмент Lasso (Лассо (L)) и создаем выделение, как на рисунке внизу. После этого, выбрав мягкую Кисть (Brush (B)), диаметра 50 px и цвета #4F0101, рисуем складку в нижней части выделения. Для остальных складок повторяем процеуру.

Шаг 6. Создаем новый слой и называем его Snow Cap. Повторяем действия, которые мы производили рисуя голову, только для Градиента используем следующие цвета: #870203, #210102 и #870203. После этого, рисуем выделение, как на рисунке внизу, чтобы выделить лишнее у шапки и нажимаем Del.

Шаг 7. Создаем новый слой и называем его Eyes. Рисуем два кружка и заливаем их черным. После этого идем в Стили Слоя (Layer Styles), а там в Drop Shadow (Тень) и задаем: Opacity (непрозрачность) — 30%, Distance (смещение) — 3, Size (размер) — 0, остальные параметры пусть будут, как были «по-умолчанию».

Шаг 8. Рисуем нос. Создаем опять новый слой, называем его Noise и рисуем с помощью Pen Tool замкнутую кривую, которая будет у нас носом у снеговика. Переводим контур в выделение и заливаем его линейным Градиентом (цвета: #FFB036 и #FE2E00). После этого, если захотите, можете немного затупить его, добавив оранжевый кружок и стерев Ластиком (Eraser Tool) лишнее. Осталось только добавить Тень от носа, для этого: создаем новый слой (Nose Shadow), выделем область под тень с помощью Polygonal Lasso Tool и заливаем её черным цветом. Непрозрачность (Opacity) данного слоя ставим на 20%.

Шаг 9. Теперь, давайте нарисуем прикольные меховые шарики. Для этого, для начала, подготовим Кисть (Brush). Выбираем Кисть Dune Grass (Осока) из набора кистей «по-умолчанию» и в Палитре Brushes (Кисти (F5)) задаем следующие параметры:

Шаг 10. Создаем новый слой (Furball), задаем Foreground (основной) цвет — #9b0004, размер Кисти ставим на 20 пикселей и рисуем шарик, как на картинке внизу. Потом, на отдельный слой, копируем наш шарик (Ctrl+J) и перемещаем этот новый слой под слой с головой на Палитре Слоев. При необходимости, меняем размер шарика (Ctrl+T). Аналогичным образом добавляем шарики на шапочку и шарфик.

Шаг 11. Снеговичок готов. Добавим снежной атмосферы. Создаем новый слой (Snow Dust) и, Кистью Dry Brush (белого цвета, размером около 30 пикселей), рисуем снег на шапочке и меховых шариках снеговика. После этого, создаем ещё один новый слой (Snow Floor) и, выбрав белую Кисть, рисуем снег на земле около снеговика. Поменяв цвет Кисти на #CCCCCC (серый), добавляем немного теней.

Шаг 12. Ну вот и всё! Можно ещё добавить снежики, но это уже по желанию.