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

:

В данном уроке создадим свадебный макет сайта. Макет получится простеньким, зато быстро ;).

свадебный макет сайта в фотошопе

move

Шаг 1. Создаем новый документ (Ctrl+N) размером 760*770 пикселей. Помещаем в этот файл картинку со стока и перемещаем её в нужное место с помощью Инструмента Move (Перемещение (V)).

gradient overlay

Шаг 2. Далее, давайте добавим красивые свадебные фотографии и разместим их на слайдах. Чтобы переместить используем Инструмент Move, а для изменения Масштаба и Поворота Инструмент Free Transform (Свободная Трансформация (Ctrl+T)).

rectangle tool

Шаг 3. Выбираем Инструмент Rectangle Tool (Прямоугольник (U)) и рисуем им прямоугольник #dfdac7 цвета. После этого применим к слою с прямоугольником Стиль Слоя (Layer Styles) — Outer Glow (Внешнее Свечение), выбрав соответствующую кнопочку внизу Палитры Слоев.

прямоугольник
outer glow

прямоугольник со свечением копируем прямоугольник

Шаг 4. Для следующего шага нам понадобятся гранжевые кисти, их можно скачать с сайта Mud brush*|*brush-mania. com. Загружаем их в Фотошоп, создаем новый слой (Ctrl+Shift+Alt+N) и рисуем Инструментом Brush Tool (Кисть) (выбрав новые кисти) некую текстуру (см. рисунок). Режим Смешивания (Blending Mode) для данного слоя ставим Overlay (Перекрытие).

brush
рисуем текстуру

Шаг 5. Копируем прямоугольник и помещаем так, как показано на рисунке. Текстуру можно изменить, можно оставить.

rectangle
молодожены

Шаг 6. Рисуем ещё один прямоугольник #3a3a3a цвета. После этого украшаем его цветком и молодоженами.

type
текст

Шаг 7. Выбираем Инструмент Horizontal Type Tool (Горизонтальный Текст (T)) и добавляем текст на наш макет.

custom shape tool
произвольная фигура
цветочки

Шаг 8. Осталось совсем немного. Выбираем Инструмент Custom Shape Tool (Произвольная фигура (U)) и добавляем какие-нибудь красивые декоративные элементы (мы выбрали цветочки).

свадебный макет сайта

Шаг 9. Добавим ещё пару фоток и всё! Наш свадебный макет сайта готов!/td>

:

В этом уроке мы узнаем, как сделать текстуру дерева в Фотошопе. Всего несколько легких шагов и у вас будет прекрасная текстура.

текстура дерева в photoshop

add noise
motion blur

Шаг 1. Начинаем с открытия нового файла (Ctrl+N) размером 612*612 пикселей. Создаем в нем новый слой (Ctrl+Shift+N) и заливаем его #765838 цветом. Применим «шумовой» фильтр Filter>Noise>Add Noise (Фильтр>Шум>Добавить шум) и фильтр «размытия» Filter>Blur>Motion Blur (Фильтр>Размытие>Размытие в движении) с такими параметрами. Шаг 2. Скорректируем Яркость/Контрастность, для этого идем Image>Ajustments>Brigtness/Contrast (Изображение>Коррекция>Яркость/Контрастность) и задем значения для Brightness -15, для Contrast +50.

canvas size

Шаг 3. Удалим лишнее по краям, идем Image>Canvas Size (Изображение>Размер холста (Ctrl+Alt+C)), задаем Ширину (width)512px, Высоту (height)512px, Ancor (Расположение) — в Центре.

filter cloud

Шаг 4. Создаем новый слой (Ctrl+Shift+N) и задаем для Основного (foreground) цвета — #442f1d, для Фона (background)Белый. Далее идем Filter>Render>Clouds (Фильтр>Рендеринг>Облака). Режим Смешивания (Blending Mode) для слоя ставим Multiplay (Умножение), Opacity (Непрозрачность)50%. Шаг 5. Создаем новый слой и заливаем его белым цветом. Далее идем Filter>Noise>Add Noise и выставляем Amount=96, Distribution=Uniform и ставим галку у пункта Monocromatic. Режим Смешивания для слоя — Overlay (Перекрытие), Непрозрачность (Opacity)10%. Шаг 6. Сделаем несколько царапин, для этого берем Кисть (Brush (B)), диаметром 2 пикселя, Непрозрачностью (opacity)11%, и на новом слое рисуем несколько произвольных линий.

define pattern

Шаг 7. Создаем новый слой, затем рисуем выделение, как на рисунке внизу и заливаем его черным.

деревянная текстура в фотошопе Передвигаем выделение немного вниз и заливаем белым. Нажимаем Ctrl+D, чтобы снять выделение и идем Filter>Blur>Gaussian Blur (Фильтр>Размытие>Размытие по Гауссу), радиус размытия ставим 1.5. Режим Смешивания (Blending Mode) для данного слоя ставим Soft Light (Мягкий свет). Делаем копию этого слоя и перемещаем её вниз. Все наша деревянная текстура готова!

:

Создадим интересный текстовый плакат в Фотошопе. Всего 11 простых шагов.

постер в фотошоп

фотка со стока
открываем фотку

Шаг 1. Открываем (Ctrl+O) в Фотошопе произвольную фотографию. Какая именно это будет фотка не особо важно, лишь бы она была разноцветна и подходила по цветовой гамме. Мы скачали фотку отсюда.

размытие по гауссу

Шаг 2. Идем в Filter>Blur>Gaussian Blur (Фильтр>Размытие>Размытие по Гауссу) и выставляем радиус размытия (radius) почти на максимум, так чтобы остались только переливы цветов.

каменная текстура

Шаг 3. Берем текстуру камня (здесь, например) и кладем её на новый слой, расположенный над слоем с фоткой.

soft light

Шаг 4. Обесцвечиваем текстуру (Ctrl+Shift+U), меняем Режим Cмешивания (Blending Mode) на Soft Light (Мягкий свет) и уменьшаем Непрозрачность (Opacity) слоя.

пишем слово в фотошопе

Шаг 5. Теперь, с помощью Инструмента Текст (Type Tool (T)) пишем произвольное слово любым шрифтом. У нас это слово — SPOON, а шрифт — Helvetica Condensed Black.

free transform

Шаг 6. Нажимаем Ctrl+T (вызываем Инструмент «Свободная Трансформация») и, удерживая Shift, поворачиваем слово на 45 градусов. Режим Смешивания (Blending Mode) для слоя с текстом выставляем Soft Light (Мягкий Свет), чтобы сквозь него просвечивалась каменная текстура.

перемещаем тест
изменяем размер

Шаг 7. Помещаем слово в левый верхний угол, так чтобы оно даже выходило за видимую область. Удерживая клавишу Alt, делаем несколько копий слова, и с помощью Ctrl+T (Инструмент Свободная Трансформация) меняем их размер.

поворот в фотошоп

Шаг 8. Следующую копию поворачиваем на 90 градусов и заполняем им пространство между двумя словами.

пишем текст в фотошопе

Шаг 9. Продолжаем поворачивать и масштабировать слова, не забывая про необходимость выравнивания по направляющим и заполнение пустот.

free transform
заполняем пустоты

пишем текст в фотошоп

Шаг 10. Также стоит позаботиться о равномерной плотности расположения слов — не должно быть мест создающих нежелательный фокус.

свободная трансформация
text

пишем текст

Шаг 11. Вот мы и заполнили все пространство текстом

модный постер в photoshop Вот в общем то и все. Осталось только сделать, при желании, маленькие финальные штришки, и наш модный, но легкий в создании постер готов!