DesigNonstop - О дизайне без остановки » Мои уроки

Создаем в фотошопе текстурный Твиттер фон из большой фотографии

Наташа Клевер — Fri, 26 Aug 2011 21:01:45 +0000

Сегодня попробуем поэкспериментировать с крупной фотографией и текстурным фоном. Сначала создадим сам текстурный фон в виде решетчатого узора и шума. Потом обесцветим фотографию, применим к ней фильтр «Аппликация» и поменяем режим наложения слоя. На следующем этапе мы на новом слое раскрасим картинку разными яркими цветами и поменяем режим наложения, чтобы получился красивый эффект. В конце добавим рукописную надпись «Follow me» в левом верхнем углу и крупный декоративный вензель.

Создаем в фотошопе Твиттер фон из работ художника Томаса Коула

Наташа Клевер — Sat, 21 May 2011 21:01:03 +0000

Мне давно хотелось сделать какой-нибудь Твиттер фон, состоящий из классических работ художника. Для этой цели я выбрала замечательные вдохновенные пейзажи Томаса Коула. Сначала мы просто вставим все картинки в один документ в фотошопе и расположим их в наиболее подходящем порядке. Потом делаем плавный переход между картинками с помощью слоя-маски и градиента. Потом воспользуемся гранжевой кистью, чтобы скрыть места соединений. И под конец украсим композицию вензелем.

Создаем в фотошопе акварельный постер с крадущимся тигром

Наташа Клевер — Tue, 25 Jan 2011 21:01:30 +0000

Сегодня мы попробуем поколдовать с замечательными акварельными кисточками для создания постера с крадущимся тигром. Сначала мы заготовим текстуру для фона, потом вырежем тигра и придадим ему эффект рисунка, потом художественно расставим акварельные кляксы, далее воспользуемся фотографией с пейзажем и обработаем ее для применения в качестве фона. И в заключении создадим красивую гранжевую надпись.

Создаем в фотошопе новогодний праздничный постер к 2011 году

Наташа Клевер — Sun, 19 Dec 2010 21:01:08 +0000

В преддверии Нового Года давайте сделаем праздничный новогодний коллаж из елочных игрушек, еловых веток, гирлянд, конфетти и красиво написанного текста. Для этого мы обработаем основную фоновую фотографию, вырежем гирлянды и используем еще одну зимнюю текстуру. Потом напишем тексты 2011 и Happy New Year и украсим их стилями слоя. И в довершении взбрызнем наш постер россыпью сверкающих звезд.

Создаем в фотошопе сумрачный стильный постер из двух фотографий

Наташа Клевер — Tue, 24 Aug 2010 21:01:47 +0000

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

Шаг 1.
Создаем в фотошопе новый документ размером 1440х850. Заливаем его темно-серым цветом #0е0е0е.

Шаг 2.
«Фильтр» > «Шум» > «Добавить шум…» со значениями Количество: 4, Распределение: равномерное, монохромный.

Шаг 3.
«Фильтр» > «Размытие» > «Размытие в движении…» со значениями Угол: 45 градусов, Смещение: 10 пикс.

Шаг 4.
Делаем дубликат предыдущего слоя, трансформируем его по горизонтали, меняем режим наложения на «Замена темным» (Darken) и объединяем этот слой с предыдущим.

Шаг 5.
«Фильтр» > «Резкость» > «Умная резкость…» со значениями Эффект: 500%, радиус:1.

Шаг 6.
Берем любую подходящую картинку. Я выбрала эту. Вставляем ее в наш документ и трансформируем, чтобы она совпала по высоте с фоном.

Шаг 7.
Делаем дубликат предыдущего слоя. Идем «Фильтр» > «Галерея фильтров…» > «Эскиз» > «Почтовая бумага», настройки, как на рисунке ниже.

Шаг 8.
«Изображение» > «Коррекция» > «Уровни…» и там смещаем серый ползунок влево.

Шаг 9.
Меняем режим наложения слоя на «Замена темным» (Darken). Потом объединяем этот слой с предыдущим, цветным слоем.

Шаг 10.
Добавляем к этому слою слой-маску (щелкаем по соответствующему значку внизу палитры слоев), потом выбираем инструмент «Градиент» от черного к белому и, удерживая Shift, проводим с правого края к центру картинки. Мы должны получить плавный переход между картинкой и фоном.

Шаг 11.
Открываем в фотошопе вторую картинку, например эту. Трансформируем ее, чтобы она по высоте совпала с фоном и перекрывала нашу первую картинку с домами.

Шаг 12.
Идем «Фильтр» > «Галерея фильтров…» > «Эскиз» > «Почтовая бумага», параметр тонового баланса 23, зернистость 0, рельефность 0.

Шаг 13.
Теперь «Изображение» > «Коррекция» > «Уровни…» и там смещаем серый ползунок влево до получения эффекта, как на рисунке ниже.

Шаг 14.
Снижаем прозрачность слоя до 13%. Добавляем к этому слою слой-маску (щелкаем по соответствующему значку внизу палитры слоев), потом выбираем инструмент «Градиент» от черного к белому и, удерживая Shift, проводим с левого края к центру картинки. Мы должны получить плавный переход между картинками. Теперь можно еще раз трансформировать изображение деревьев, чтобы картинки лучше совпадали.

Шаг 15.
Теперь на новом слое можно добавить декоративные круги с вырезанной серединой. Цвет #f5ac4a, режим наложение «Перекрытие» (Overlay). В просвете деревьев, за кругами на новом слое можно добавить серо-голубого цвета #939fab. Используем для этого большую мягкую кисть.

Финал
Изображение в большом размере можно скачать здесь. Жмем по кнопке со словом «Download». А так будет выглядеть наш фон в самом Твиттере. Предпочтительный цвет сайдбара #f9bc6b.

А вот еще интересное:

Обрабатываем в фотошопе фотографию для получения HDR эффекта

Наташа Клевер — Mon, 26 Jul 2010 21:01:11 +0000

Суть HDR (High Dynamic Range) эффекта заключается в том, что с помощью различных манипуляций проводится коррекция светлых и темных участков на изображении (расширяется их диапазон). В результате чего можно увидеть практически все мельчайшие детали, а все краски и оттенки на фотографии становятся богатыми и насыщенными. Это один вариант HDR эффекта.

Еще один, так сказать, экстремальный вариант HDR эффекта – это когда фотография превращается в арт объект и приобретает излишнюю художественную вычурность с помощью завышенной яркости и насыщенности.

После просмотра множества уроков и техник по достижению HDR эффекта, я остановилась на таком вот варианте, который и представила ниже. Следует также отметить, что этот алгоритм можно варьировать в зависимости от исходной фотографии с помощью значений прозрачности слоя и других настроек.

Шаг 1.
Открываем в фотошопе любую картинку, к которой хотим применить HDR эффект. Я воспользовалась этой фотографией.

Шаг 2.
Делаем дубликат слоя. В основном меню выбираем «Изображение» > «Коррекция» > «Света/Тени…» Устанавливаем значения, как на рисунке ниже.

Фотография будет выглядеть так.

Шаг 3.
Делаем дубликат предыдущего слоя. Выбираем режим наложения «Осветление основы».

Шаг 4.
Теперь выделим белый цвет на фотографии. В меню выбираем «Выделение» > «Цветовой диапазон…». Обратите внимание, основной и фоновый цвет должны быть белый/черный.

Должно получиться такое вот выделение белого цвета.

Теперь добавляем слой-маску. Для этого щелкаем по значку «Добавить векторную маску» внизу на панели инструментов. Снижаем прозрачность слоя до 40%.

Шаг 5.
Делаем дубликат предыдущего слоя и меняем режим наложения на «Линейный затемнитель».

Шаг 6.
Делаем дубликат предыдущего слоя. Удаляем с него слой-маску (щелкаем по значку маски и правой кнопкой мыши в меню выбираем пункт «Удалить»). Меняем режим наложения на «Перекрытие», прозрачность слоя устанавливаем 75%.

Шаг 7.
Создаем новый слой. Выбираем в меню «Фильтр» > «Рендеринг» > «Облака».

Меняем режим наложение на «Перекрытие». Прозрачность слоя 50%.

Шаг 8.
Создаем новый слой, заливаем его 50% серым цветом. В меню выбираем «Фильтр» > «Шум» > «Добавить шум…». Меняем режим наложение на «Перекрытие». Ставим прозрачность слоя 60%.

Финал
Для наглядности сравним. Это до применения эффекта. Щелкните по картинке, чтобы посмотреть изображение в большом размере.

А это фотография после применения HDR эффекта. Щелкните по картинке, чтобы посмотреть изображение в большом размере.

А вот еще интересное:

Создаем фон для Твиттера из фотографии с океанскими волнами

Наташа Клевер — Sat, 26 Jun 2010 21:01:17 +0000

В сегодняшнем уроке, в котором мы будем делать фон для Твиттера, мы постараемся хитрым образом обыграть линию правого края блока с записями. Для этого мы сделаем ее неровной и стилизуем под океанские волны. В качестве основного фона Твиттера используем красивую фотографию с океанскими волнами, которую украсим звездочками и изображением рыбки.

Шаг 1.
Создаем в фотошопе новый документ размером 1440х850 пикс. Берем любую фотографию с океанскими волнами.

Шаг 2.
Увеличиваем фотографии яркость и контрастность.

Шаг 3.
Создаем дубликат слоя и накладываем его сверху режимом наложения «Перекрытие». Снижаем прозрачность до 50%. Картинка стала ярче и насыщеннее.

Шаг 4.
На новом слое выделяем область где-то посередине картинки. Выбираем инструмент градиент от белого к прозрачному и многократно проводим мышкой от правого края выделения в сторону левого. С правой стороны должен получиться сплошной белый фон, который постепенно сходит на нет.

Шаг 5.
На этом шаге на новый слой копируем кусок картинки с волной шириной около 400 пикс, трансформируем его по горизонтали и устанавливаем его с правой стороны под слоем с белым градиентом.

Шаг 6.
Теперь воспользуемся такой вот кисточкой. Я ее сохранила в png формате. Скачать можно здесь.

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

Шаг 7.
Создаем новый слой. Выбираем инструмент «Кисть». Выбираем изображение звездочки. Меняем размер на 50 пикс.

Шаг 8.
Теперь настроим кисть. Нажимаем F5 и вызываем палитру настроек. Идем в закладку «Рассеивание» и устанавливаем значения, как на рисунке ниже.

Шаг 9.
Проводим кисточкой по участку с водой в левом нижнем углу картинки.

Шаг 10.
Воспользуемся еще одной кисточкой с изображением рыбы. Я ее тоже сохранила в png формате. Скачать можно здесь.

Шаг 11.
Красим рыбу в белый цвет, переворачиваем как нужно и устанавливаем изображение слева на воду.

Финал
Изображение в большом размере можно скачать здесь. Жмем по кнопке со словом “Download”.

А так будет выглядеть наш фон в самом Твиттере. Предпочтительный цвет сайдбара белый.

А вот еще интересное:

Создаем фон для Твиттера в стиле пэчворк со стежками и стразами

Наташа Клевер — Wed, 26 May 2010 21:01:43 +0000

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

Шаг 1.
Создаем в фотошопе новый документ размером 1440х850 пикс, заливаем его белым цветом. Теперь наша задача нарисовать несколько произвольных геометрических фигур. Для этого мы воспользуемся инструментом «Перо». На новом слое этим инструментом задаем несколько точек, соединив их в замкнутый треугольник.

Шаг 2.
Теперь выбираем инструмент «Угол». Щелкаем по точке в вершине треугольника, делая ее активной, и регулируя лучи, выходящие из точки, задаем искривление сторон для нашей фигуры.

Шаг 3.
Вызываем через основное меню «Окно» -> «Контуры» и выбираем операцию «Выполнить заливку контура основным цветом» (иконка слева). Основной цвет должен быть черным. После того, как треугольник стал черным, мы удаляем контур, нажав на иконку справа.

Шаг 4.
Подобным образом делаем еще пять произвольных фигур. Должно получиться что-то типа, как на рисунке ниже. Серым я выделила фигуру, чтобы она не сливалась с двумя соседними.

Шаг 5.
Те шесть фигур, которые у нас уже были к 4 Шагу, мы сразу заливаем каким-нибудь ярким цветом. И следим, чтобы эти слои оставались сверху. А для остального пространства мы будем каждый раз на новом слое выделяем инструментом «Прямолинейное лассо» участок фона и заливать его цветом. Верхние шесть слоев будут все прикрывать неровности выделения. И поэтому, в конечном счете, должно получится, как на рисунке ниже.

Шаг 6.
Теперь воспользуемся этой замечательной коллекцией текстур кожи. Берем понравившуюся текстуру и накладываем ее поверх одного из 13 цветных лоскутков. Выделяем этот лоскутик, инвертируем выделение и на слое с соответствующей текстурой удаляем все лишнее, выходящее за пределы формы лоскутика. А дальше экспериментируем с режимами наложения текстуры на основной слой. В основном я использовала либо «Умножение», либо «Перекрытие».

Шаг 7.
На этом шаге мы сделаем фактурные швы. Создаем новый слой поверх слоев с цветным кусочком и текстурой кожи. Щелкнув с Ctrl по цветному слою, выделяем контуры лоскутка, вокруг которого мы будем делать стежки. Теперь вызываем через меню «Окно» -> «Контуры» и щелкаем по значку «Сделать из выделенной области рабочий контур». Пунктирная линия выделения должна превратиться в контур.

Шаг 8.
Выбираем инструмент «Кисть» (клавиша с буквой B) и в базовом наборе выбираем стандартную кисть «Трава».

Шаг 9.
Теперь нажимаем F5 и вызывает палитру для настройки кистей. Выставляем настройки, как на рисунке ниже.

Шаг 10.
После этого на палитре «Контуры» нажимаем иконку «Выполнить обводку контура кистью». И потом удаляем контур, нажав на иконку справа. Для того, чтобы сделать шов более насыщенным, делаем дубликат слоя со стежками и объединяем его с предыдущим слоем. Шов станет более заметным.

Шаг 11.
Повторяем Шаги с 7 по 10 для шести основных фигур (См. Шаг 4).

Шаг 12.
Теперь сделаем центральный цветок. Воспользуемся инструментом «Произвольная фигура» (клавиша с буквой U), фигура «Трилистник». Создаем форму, трансформируем ее по горизонтали, устанавливаем на место в центр.

Шаг 13.
Применяем к цветку все те же манипуляции, что и для основных лоскутков. Заливаем цветом, на новом слое накладываем текстуру, потом делаем стежки вокруг фигуры.

Шаг 14.
Теперь займемся укарашательством. Я взяла готовый элемент в виде декоративного цветка и наложила его режимом наложения «Умножение».

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

Финал
В итоге имеем такой вот фон для Твиттера в стиле пэчворк со стразами. Для того, чтобы посмотреть или скачать большое изображение, нажмите на картинку ниже. Вы перейдете на сайт, где можно скачать картинку на свой компьютер.

А так этот постер будет выглядеть в качестве фона для Твиттера.

А вот еще интересное:

Создаем фон для Твиттера с изображением городских домов и яркого солнца

Наташа Клевер — Fri, 16 Apr 2010 21:01:26 +0000

На создание этого фона для Твиттера меня вдохновили кисти с изображениями линий городских горизонтов с силуэтами домов. Сначала мы художественно оформим эти силуэты. Потом наложим пару градиентов, потом нарисуем облака и яркое солнце на небе и под конец добавим немного веселости с помощью бейджика, забавной рожицы и надписи.

Шаг 1.
Создаем в фотошопе новый документ размером 1440х850 пикс, заливаем его светло голубым цветом #d0e5fe.

Шаг 2.
Далее я использовала кисти с изображениями городского горизонта. Потом я их всех объединила в этой картинке, в png формате. Файл можно скачать и сразу вставить изображения в наш основной документ в фотошопе. Заливаем первое изображение черным цветом, второе изображение #527dae, третью картинку заливаем цветом #95c2eb. Должно получиться так.

Шаг 3.
Применим фильтр «Шум» к дальнему изображение домов со значением 1, распределение – по Гауссу, монохромный. Теперь применим к этому изображению стиль слоя «Внутренняя тень» с параметрами: цвет #95c2eb, режим «Умножение», угол 120 градусов, прозрачность 75%, смещение 5, размер 10.

Потом применим к среднему изображению стиль слоя «Внутренняя тень» с параметрами: цвет #527dae, режим «Умножение», угол 120 градусов, прозрачность 20%, смещение 9. Должно получиться как на рисунке ниже.

Шаг 4.
На новом слое выделяем область от низа документа до нижнего края картинки с изображением черных домов. Заливаем эту область градиентом от черного цвета к цвету #0d1a28.

Шаг 5.
Теперь нарисуем окошки на домах. Выбираем стандартную квадратную кисть размером 6, цвет #a3bad4 и в произвольном порядке на новом слое делаем окошки на домах. Потом снизим прозрачность слоя до 36%.

Шаг 6.
На этом шаге создаем новый слой позади всех слоев с домами. На нем выделяем область сверху до линии домов, как на рисунке ниже. И накладываем на эту область градиент от белого (снизу) к прозрачному (наверх). Должна получиться белая дымка за домами.

Шаг 7.
Теперь сделаем облака на небе. Вы можете выбрать любые подходящие для этого кисти. Я выбрала такие. Цвет белый. Облако справа я положила режимом наложения «Мягкий свет», чтобы оно было менее заметно.

Шаг 8.
Теперь нарисуем яркое солнце. На новом слое рисуем круг и заливаем его белым. Сразу же делаем дубликат слоя. На нижнем слое применяем стиль слоя «Внешнее свечение» с параметрами: режим наложения «Экран», непрозрачность 100%, цвет белый, размер 10.

Переходим к верхнему слою с солнцем и применяем к нему стиль слоя «Внешнее свечение» с параметрами: режим наложения «Экран», непрозрачность 75%, цвет белый, размах 22, размер 98. Потом стиль слоя «Внутреннее свечение» с параметрами: режим наложения «Экран», непрозрачность 75%, цвет белый, на краях, размер 35. И потом стиль слоя «Глянец», с параметрами, как на рисунке ниже. Цвет #fffd33.

Шаг 9.
После этого создаем еще один слой ниже слоев с солнцем. Выбираем кисть с расходящимися лучами солнца и рисуем лучи. Потом слегка размываем лучи по Гауссу и ластиком стираем резкие края лучей. Уменьшаем прозрачность слоя до 13%. После всех манипуляций солнце должно быть как на рисунке ниже.

Шаг 10.
Теперь можно добавить бейджик со смешной рожицей и надписью. Сам бейджик – это готовый клипарт клипарт, у которого я поменяла цвет с помощью «Изображение» -> «Коррекция» -> «Цветовой тон/Насыщенность» (Тонирование) поменяла цветовую гамму. Ну а потом добавила смешную рожицу, декоративный элемент и надпись.

Финал.
У нас получился такой вот симпатичный постер. Для того, чтобы посмотреть или скачать большое изображение, нажмите на картинку ниже. Вы перейдете на сайт, где еще раз нажмите на картинку и, если хотите, сохраните на своем компьютере.

А так этот постер будет выглядеть в качестве фона для Твиттера.

А вот еще интересное:

Берем фотографию восхода солнца и делаем из нее стильный фон для Твиттера

Наташа Клевер — Sun, 28 Mar 2010 21:01:03 +0000

Сегодня мы возьмем изображение с восходом солнца и с помощью нескольких нехитрых приемов превратим фотографию в стильный фон для Твиттера. В этом нам помогут цветовые настройки изображения, популярная кисть с расходящимися лучами солнца и манипуляции с режимами наложения слоя. В итоге обычная фотография расцветет новыми красками и станет украшением для вашего Твиттера.

Шаг 1.
Возьмем любую фотографию восхода солнца. Желательно, чтобы солнце располагалось посередине фотографии. Я выбрала эту. Размер картинки 1440х850.

Шаг 2.
Дальше вдохнем в фотографию побольше красок с помощью Насыщенности, Яркости и Контрастности. Сначала «Изображение»> «Коррекция»> «Яркость/Контрастность..» со значениями, как на рисунке ниже.

Потом «Изображение»> «Коррекция»> «Цветовой тон/Насыщенность…» со значениями, как на рисунке ниже.

Должно получиться такое вот веселое изображение.

Шаг 3.
На этой стадии нам потребуется кисть с изображением расходящихся лучей. Если на вашем компьютере нет такой, то подходящую можно найти здесь. Далее выбираем белый цвет и на новом слое щелкаем кистью с изображением лучей. Трансформируем изображение лучей (Ctrl+t) так, чтобы лучи касались боковых сторон основной картинки. Устанавливаем лучи по линии горизонта. Ставим «Прозрачность слоя» 50% и режим наложения «Перекрытие».

Шаг 4.
Добавим зеленого цвета пальмам на переднем плане. Для этого создаем новый слой, выбираем мягкую кисть достаточно большого диаметра и зеленым цветом (#45d505) начинаем закрашивать пальмы.

Шаг 5.
После этого зададим слою с зеленым цветом «Прозрачность слоя» 50% и режим наложения «Перекрытие». Должен получиться такой результат.

Финал
Изображение в большом размере можно скачать здесь. Жмем по оранжевой иконке рядом со словом «Download». Картинку можно использовать как фон для Твиттера. Выглядеть это будет вот так. Предпочтительный цвет сайдбара #fff150.

Другие симпатичные фоны для вашего Твиттера можно скачать здесь.

А вот еще интересное:

Создаем яркий постер при помощи кистей с завитушками и нескольких фотографий

Наташа Клевер — Fri, 12 Feb 2010 21:01:27 +0000

Этот постер-календарь я делала для февральской подборки, которую ежемесячно устраивает Smashing Magazine. Там же можно скачать этот постер в больших размерах. А в этом уроке я описала способ, с помощью которого можно делать фигурными края у фотографий и совмещать их в единый коллаж. Выглядит это эффектно, а делается совсем просто. Главное немного терпения!

Результат
Так будет выглядить наш постер после всех манипуляций.

Шаг 1. Определимся с основными кистями
В этой работе я использовала 5 основных кистей с завитушками. Такие, как на рисунке ниже. Вы можете использовать абсолютно любые кисти с завитушками, которые есть у вас на компьютере. Не обязательно один в один, как здесь. Выбирайте на ваше усмотрение.

Шаг 2. Делаем решетку из завитушек
Создаем в фотошопе документ размером 1100х688. Заливаем его белым цветом. Размер документа может быть и больше, под ваше разрешение монитора.

Теперь начинаем укладывать наши кисти. Цвет черный. Поворачиваем их по горизонтали, по вертикали, на 45 градусов вперед и назад. Кисти обязательно должны касаться друг друга краями!

После всех усилий у меня получилась вот такая решетка из 19 ячеек. В ней задействовано 28 кистей и все они собраны в одну папку.

Шаг 3. Делаем заготовку
Двигаемся дальше. Теперь нам надо сделать заготовку, с которой мы будем постоянно работать дальше. Для этого мы все 28 кистей в папке объединим в один слой. Делаем дубликат с этого слоя и назовем его «Решетка». Отключим его. Он нам пригодится позже.

Потом создаем новый слой, заливаем его белым цветом. Поверх него должен находиться слой с оригиналом решетки. Объединяем эти два слоя. Получилась черная решетка на белом фоне. Это и будет нашей заготовкой.

Шаг 4. Определимся с фотографиями
Теперь можно выбрать фотографии, которыми мы будем заполнять ячейки у решетки. Здесь опять все на ваше усмотрение. Выбирайте любые. Важен сам принцип. Я использовала всего 12 фотографий. 5 фото с текстурами, 4 с изображениями животных и 3 видовых фотографии.

Шаг 5. Заполняем ячейки фотографиями
Здесь нам пригодится заготовка из шага 3. Мы открываем в фотошопе фотографию, например с солнечным пейзажем. Вставляем ее в наш основной документ. Уменьшаем ее, так, чтобы она была чуть больше размера ячейки.

Затем идем на слой с заготовкой. Берем инструмент «Волшебная палочка» (допуск 10, сглаживание и смежные пиксели отмечены галочками) и щелкаем мышкой внутри ячейки. Так мы выделили нужную нам область. Возвращаемся обратно на слой с природой. Инвертируем выделение (Shify+Ctrl+I) и удаляем лишнее вокруг фотографии.

Теперь мы будем постепенно заполнять фотографиями каждую ячейку. То есть каждый раз мы будем выделять область ячейки с помощью заготовки и удалять область вокруг фотографии. Фотографии можно усилить с помощью «Яркости» и «Контрасности».

Шаг 6. Делаем белую решетку
После того, как все ячейки заполнены (пару ячеек я все-таки оставила белыми), мы отключаем слой с заготовкой. И включаем слой с черной «Решеткой» (см. Шаг 3).

Сразу же делаем дубликат слоя и на дубликате задаем стиль слоя «Наложение цвета» – белый и «Внешнее свечение» – размер 5. Теперь возвращаемся к черной решетке и делаем размытие по Гауссу со значением 1. Задаем прозрачность слоя 60%.

Шаг 7. Делаем календарь
Сначала сделаем год. Пишем 2010 шрифтом «Thwack«, размер 120, цвет белый. Копируем слой 2010. Нижний слой растрируем и применяем к нему 3d эффект. Подойдет фильтр «Extrude» плагина Alien Skin.

Верхнему тексту зададим цвет ff96d3. И наложим стиль слоя: обводка белая, внутри; внутренняя тень – размер – 7, смещение – 5, цвет – черный, режим – умножение; наложение узора – умножение. После этого положим тень под цифрами.

Теперь сама календарная сетка. Можно взять готовый образец, можно самим написать белым цветом. Потом растрируем текст и с помощью «Редактирование» -> «Трансформирование» -> «Перспектива» укладываем текст вдоль деревянных линий. То же самое делаем со словом «February».

Шаг 8. Украшаем звездами и дымом
Теперь можно украсить наш постер. Я использовала кисть с изображением звезд. Можно взять любую другую кисть с небольшим элементом.

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

Шаг 9. Накладываем градиент
В заключение поверх всех слоев создаем новый слой и накладываем на него градиент с цветами, как на рисунке ниже. Потом выбираем режим наложения «Цветность».

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

А вот еще интересное:

Создаем эффектный постер с изображением стрелка, летящей пули и автомобиля

Наташа Клевер — Wed, 06 Jan 2010 21:01:15 +0000

Сегодня мы сделаем постер с изображением стрелка, летящей пули и автомобиля на фоне городского пейзажа. В работе я использовала картинки, которые нашла в различных фотобанках, несколько кистей и несложные приемы работы в фотошопе. Всего за 15 шагов мы получим такой вот постер, который я с удовольствием поставила как фон для своего Твиттера.

Рисуем городской квартал
Шаг 1.
Начнем с того, что создадим новый файл размером 950х690 пикс. Зальем его темно синим цветом (#17152b). Далее возьмем вот такую вот кисть, как на Рисунке 2, и оформим края нашего холста с трех сторон. Цвет кисти #04030b, размер большой, около 1800 пикс. Фон готов.

Шаг 2
Создадим край поворачивающей дороги. Делается это просто. На новом слое рисуем белый овал размером 880х400 пикс. Выделяем его, сдвигаем выделение вправо на 25-30 пикс (Рис.3) и удаляем выделенную область. Оставшийся полумесяц сдвигаем влево, чтобы его край уходил за границу холста. (Рис.4)

Шаг 3
Теперь применим к этому элементу «Стиль слоя». Два раза щелкаем по слою и выбираем пункт «Внутренняя тень». Задаем параметры, как на рисунке ниже, цвет – #a2a0c0.

Шаг 4
Нарисуем дома. Возьмем кисть, как на Рисунке 5, размер 600 пикс, цвет #edd46e и на новом слое создадим изображение. Передвинем его так, чтобы правый край домов совпадал с правым краем дороги. Теперь выделим незакрашенный участок между нижним краем домов и полукругом дороги и зальем его тем же цветом, что и дома. Смотрим Рисунок 6.

Шаг 5
Слегка затемним левый край домов. Для этого на новом слое выделяем прямоугольник размером 130х300 пикс и заливаем его градиентом от черного к безцветному (Рис.7). Потом добавим немного шума «Фильтр» -> «Шум» -> «Добавить шум…» со значением 3. Установим слой с градиентом на нужное место и подрежем нижнюю часть по линии дороги. Верхнюю часть слегка сотрем крупным «Ластиком», чтобы не было резкого края. (Рис.8)

Шаг 6
Добавим элемент с завитушками. (Рис.9) Я нашла большеразмерную картинку здесь. Открываем ее в фотошопе, щелкаем «Волшебной палочкой» по черному цвету, копируем выделенную область и вставляем на новом слое в нашем файле. Уменьшаем картинку до приемлемого размера, поворачиваем ее по горизонтали и кладем с режимом наложения «Мягкий свет». (Рис.10)

Шаг 7
Теперь воспользуемся еще одной кисточкой с изображением домов, но уже с окошками. (Рис.11) Размер около 400 пикс, цвет белый. На новом слое создаем изображение и тоже кладем с режимом наложения «Мягкий свет». (Рис.12) Слегка подрезаем нижний край по линии дороги.

Создаем рисованное изображение стрелка
Шаг 8
Теперь займемся стрелком. Большую картинку я также нашла здесь. Открываем картинку в фотошопе, слегка поворачиваем ее (Рис.13) и вырезаем по контуру. Сзади я положила слой с черной заливкой. (Рис.14) Теперь делаем дубликат слоя с фигурой стрелка. Применяем режим наложения «Осветление основы». Инвертируем изображение «Изображение» -> «Коррекция» -> «Инверсия» или Ctrl+I и размываем по Гауссу «Фильтр» -> «Размытие» -> «Размытие по Гауссу…» со значением 8. (Рис.15)

Шаг 9
Следующим шагом создаем новый корректирующи слой «Слой» -> «Новый корректирующий слой» -> «Изогелия…». Сдвигаем ползунок со значением порога яркости вправо к значению 200. (Рис.16) Теперь раскрасим изображение. Создадим новый слой с режимом наложение «Умножение». Уже на нем раскрашиваем одежду цветами на свое усмотрение. (Рис.17)

В итоге у меня получилось 5 слоев: черный фон, слой оригинал с вырезанной фигурой, слой с размытием по Гауссу, слой изогелия и слой раскраска. Собираем все эти слои в группу. Потом щелкаем по слою с верезанной фигурой, чтобы получился выделенный контур стрелка. И после этого объединяем группу (Правая кнопка мыши на слое с группой и «Объединить группу»). Теперь копируем выделенный контур и вставляем его в наш основной файл. (Рис.18)

Шаг 10
Здесь мы масштабируем изображение до нужного размера и трансформируем по горизонтали. Поставим фигуру на место. Добавим пару штрихов кистью, чтобы дать блик на брюках. Берем цвет брюк и на новом слое проводим штрих кистью, размываем его и применяем режим наложенния «Умножение» (Рис. 19)

Рисуем пулю и треснутое стеклоШаг 11
Берем кисть, как на Рисунке 20, размером 900 пикс и создаемем на новом слое изображение треснутого стекла. Теперь займемся пулей. Я взяла изображение здесь. Потом вырезала изображение одной пули и немного поколдовала с яркостью, контрасностью и насыщенностью. После чего сделала надпись по кругу. (Рис.21) Для этого на новом слое выделяем круг нужного размера. Открываем инструмент «Контуры» и внизу панели щелкаем по значку «Сделать из выделенной области рабочий контур». Теперь активируем инструмент «Текст» и пишем по кругу текст.

Стилизуем атомобильШаг 12
Теперь займемся автомобилем. Большую картинку я нашла
здесь. Далее в новом файле вырезаем картинку по контуру. (Рис.22)

Шаг13
Вставляем вырезанное изображение в наш файл и масштабируем до нужного размера. Теперь применим «Фильтр» -> «Имитация» -> «Очерченные края». Толщина краев 2, Интенсивность 1, Постеризация 2. (Рис.23)

Шаг 14
Еще два момента. Выберем сухую кисть, размер 63 пикс, цвет черный и проведем штрих под носом машины, чтобы сымитировать асфальт. Теперь зажжем фары. Технология такая же, как и в шаге 5. Только вместо черного цвета в градиенте ставим желтый цвет, а вместо прямоугольника выбираем вытянутый овал. Поворачиваем под нужным углом и делаем дубликаты слоя на каждую фару.

Рисуем след протектора и тени
Шаг 15
Используем первую кисть, (Рис.25) чтобы положить тень за стрелком. Цвет черный, размер 300 пикс. Потом используем кисть с изображением протектора. Цвет белый, размер 459 пикс. По краям слегка подотрем «Ластиком». И напоследок положим режимом наложение «Перекрытие» звезды. Цвет белый, размер 183 пикс.(Рис.26)

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

А вот еще интересное:

Создаем картинку в векторном абстрактном стиле, используя инструмент «Пластика»

Наташа Клевер — Mon, 28 Dec 2009 16:18:03 +0000

У меня всегда вызывали восторг дизайнерские работы, выполненные в векторном абстрактном стиле. И тут, увидев этот замечательный урок на Web Designer Wall, я тут же загорелась желанием сделать что-то подобное. Получилось, не так изысканно, как у мастера с Web Designer Wall. Но направление и технику я немного поняла. Посмотрим, как это вышло пошагово.

Открываем программу Фотошоп. Основной инструмент, который мы будем использовать – это фильтр «Пластика». В меню выбираем «Фильтр» -> «Пластика» и попадаем в диалоговое окошко. Главное здесь сразу выставить нужные Параметры инструмента. У меня стоят следующие значения: «Размер кисти» – 226, «Плотность кисти» – 15, «Нажим кисти» – 100. Единственный параметр, который я меняла – это размер кисти. Немного больше или немного меньше, в зависимости от фигуры, к которой применяется фильтр. Инструмент, который нам будет нужен – «Деформация» в левом верхнем углу.

Шаг 1.
Создаем новый докумет размером 600х733 пикселей. Заливаем его градиентом и рисуем пару-тройку кругов на усмотрение. Один из них также зальем градиентом.

Шаг 2.
Теперь, собственно начнем применять фильтр «Пластика». Нарисуем достаточно большой прямоугольник, зальем его цветом. Применим к нему фильтр, как на рисунке. Потом сверху положим еще один круг белого цвета.

Шаг 3.
Создаем черно-малиновую полосу во всю ширину документа и деформируем ее. Потом поворачиваем на 45 градусов. Делаем копию этой фигуры и прстраиваем ее так, чтобы получившаяся фигура заняла все пространство по диагонали.

Шаг 4.
Эта фигура особо сильно изменилась после моих движений мышкой. Сначала я создала прямоугольник, потом я применила к нему стиль с градиентом. После я сохранила фигуру как новый смарт-объект (щелкнуть правой кнопкой мыши по слою и выбрать «Преобразовать в смарт-объект»). И только после этого применила деформацию. С полученной фигуры сделала дубликат слоя, сдвинула вверх и перевернула его немного по часовой стрелке.

Шаг 5.
Рисуем четыре произвольных круга и дефомируем их. Должен получиться любопытный результат.

Шаг 6.
Для такой красивой фигуры сначала рисуем четыре белых полосы во всю ширину документа, а потом их деформируем.

Шаг 7.
Здесь я рисовала по одной линии, сначала черного, а потом белого. Техника точно такая же, как и в предыдущем шаге. Я сделала четыре белых и две черных ленты.

Шаг 8.
Это яркое пятно желтого цвета получилось из овала. Сначала применила к нему стиль с градиентом. После я сохранила фигуру как новый смарт-объект (щелкнуть правой кнопкой мыши по слою и выбрать «Преобразовать в смарт-объект»). И только после этого применила деформацию. В итоге получился вот такой вот замысловатый узор. Для того, чтобы посмотреть в большом размере, щелкните по последней картинке.

А вот еще интересное: