DesigNonstop - О дизайне без остановки » Новичкам

Как в фотошопе создать расходящиеся солнечные лучи

Наташа Клевер — Wed, 01 Feb 2012 21:01:04 +0000

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

Как в фотошопе создать несколько кнопок навигационного меню

Наташа Клевер — Sat, 07 Jan 2012 21:01:05 +0000

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

Как в фотошопе написать текст по кругу с помощью инструмента Контуры

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

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

Создаем в фотошопе простую кнопку в нажатом и отжатом состоянии

Наташа Клевер — Tue, 01 Nov 2011 21:01:12 +0000

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

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

Наташа Клевер — Mon, 17 Oct 2011 21:01:09 +0000

Очень простой и эффектный урок от Designerfreelance, в котором с помощью слоя-маски создается оригинальный пиксельный эффект для фотографии. Сначала выберем подходящую фотографию, потом на новом слое закрасим большой мягкой кистью некоторую область. Далее более прозрачной кистью закрашиваем область побольше. Далее создаем новый белый слой и объединяем его со слоем с мазками кисти, инвертируем этот слой и создаем слой-маску для слоя с фотографией. Затем применим фильтр «Мозаика» для фотографии и после этого наложим перекрытием текстуру с эффектом боке.

Создаем в фотошопе красную ленточку с надписью и звездами

Наташа Клевер — Wed, 05 Oct 2011 21:01:52 +0000

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

Создаем в фотошопе флажок, свешивающийся с края страницы

Наташа Клевер — Wed, 07 Sep 2011 21:01:41 +0000

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

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

Наташа Клевер — Wed, 03 Aug 2011 21:01:10 +0000

Очень полезный урок, в котором мы будем делать линованный стикер с текстом, приклеенный кусочком скотча. За идею спасибо Premiumpixels, который радует нас своими дизайнерскими изысками. Сначала мы создадим белый лист бумаги, применим к нему пару стилей слоя и разлинуем его голубыми и красными полосками. Потом мы сделаем декоративную тень, выглядывающую из-под листочка. Далее напишем и отформатируем текст. И под конец создадим реалистичный кусочек скотча.

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

Наташа Клевер — Wed, 06 Jul 2011 21:01:25 +0000

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

Создаем в фотошопе паттерн для клетчатого шотландского узора

Наташа Клевер — Mon, 06 Jun 2011 21:01:39 +0000

Очень симпатичный урок от Vandelaydesign в котором рассказывается о том, как сделать модный клетчатый узок. К слову сказать, клетчатый или шотландский узор переживает сейчас второе рождение. На многих недавно появившихся сайтах можно запросто встретить такой клетчатый бэкграунд. Причем смотрится это современно и нетривиально. А делается узор очень просто. Сначала закрашиваются полоски, потом делается дубликат слоя и поворачивается по часовой стрелке, потом снижаем прозрачность и украшаем вспомогательным пиксельным узором.

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

Наташа Клевер — Fri, 06 May 2011 21:01:54 +0000

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

Создаем в фотошопе реалистичную слезу, бегущую по лицу

Наташа Клевер — Sun, 03 Apr 2011 21:01:14 +0000

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

Как в фотошопе реалистично пометить штрихкодом лимонную кожуру

Наташа Клевер — Thu, 03 Mar 2011 21:01:58 +0000

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

Создаем в фотошопе реалистичную виниловую ретро пластинку

Наташа Клевер — Thu, 03 Feb 2011 21:01:22 +0000

Симпатичный урок от Webdesigndev, в котором мы за несколько шагов сделаем реалистичную виниловую ретро пластинку. Сначала мы создадим круг, потом применим к нему сначала фильтр «Шум», а потом фильтр «Радиальное размытие» и получим характерные бороздки поверхности пластинки. Дальше наложим блик на поверхности, потом сделаем бумажную наклейку, немного украсим ее и в конце добавим отверстие в центре пластинки.

Как в фотошопе за несколько шагов создать гранжевый фон

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

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

Простой способ создать в фотошопе стильный гранжевый штамп

Наташа Клевер — Tue, 07 Dec 2010 21:01:51 +0000

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

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

Наташа Клевер — Sun, 07 Nov 2010 21:01:52 +0000

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

Создаем в фотошопе стильную мерцающую эмблему из текста

Наташа Клевер — Thu, 07 Oct 2010 21:01:41 +0000

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

Шаг 1.
Создаем в фотошопе новый документ размером 800х600 пикс. Воспользуемся этой текстурой в качестве бэкграунда. Вставляем ее в наш документ.

Шаг 2.
Любым шрифтом (в этом уроке использован шрифт Trajan) пишем произвольные буквы. В данном случае Q9. Размер 425px.

Шаг 3.
Дальше два раза щелкаем по слою с текстом и вызываем диалоговое окошко «Стиль слоя». Далее мы будем последовательно задавать параметры для каждой вкладки. Начнем с вкладки «Тень» (Drop Shadow). Устанавливаем параметры, как на рисунке ниже. Режим наложения – «Умножение» (Multiply).

Шаг 4.
Потом переходим к закладке «Внутреннее свечение» (Inner Glow). Устанавливаем параметры, как на рисунке ниже. Режим наложения – «Осветление основы» (Color Dodge), Метод (Technique) – «Мягкий» (Softer), цвет – #bee6ff.

Шаг 5.
Потом переходим к закладке «Тиснение» (Bevel and Emboss). Устанавливаем параметры, как на рисунке ниже. Стиль (Style) – «Внутренний скос» (Inner Bevel), Метод (Technique) – «Жесткая огранка» (Chisel Hard), Режим подсветки – «Осветление основы» (Color Dodge), Режим тени – «Умножение» (Multiply).

Шаг 6.
В закладке «Тиснение» (Bevel and Emboss) переходим на страничку «Контур» (Contour). Устанавливаем параметры, как на рисунке ниже.

Шаг 7.
Теперь займемся закладкой «Глянец» (Satin). Устанавливаем параметры, как на рисунке ниже. Режим наложения «Затемнение основы» (Color Burn), цвет черный.

Шаг 8.
Переходим к закладке «Наложение градиента» (Gradient Overlay). Устанавливаем параметры, как на рисунке ниже. Режим наложения – «Нормальный» (Nornal), Стиль (Style) – «Линейный» (Linear).

Цвета для градиента устанавливаем следующие (слева направо, в скобках указана «Позиция» (Location) для каждого цвета в процентах): #323030 (1%), #939495 (18%), #605a5a (34%), #6e7072 (48%), #aaadb0 (71%), #747272 (99%).

Шаг 9.
Переходим к закладке «Обводка» (Stroke). Устанавливаем параметры, как на рисунке ниже. Положение – «Внутри» (Inside), Режим наложения – «Нормальный» (Normal), Тип обводки (Fill Type) – «Градиент» (Gradient).

Цвета для градиента следующие (слева-направо, в скобках указана «Позиция» (Location) для каждого цвета в процентах): #d0dfea (0%), #a19e9e (52%), #95afcf (100%).

В итоге получился такой вот результат.

Финал
В заключение зададим немного объема. Для этого создадим новый слой, ниже слоя с текстом, нажав Ctrl + Shift + N. Находясь на этом слое, удерживаем Ctrl, щелкаем по слою с текстом, тем самым выделяя текст. Потом заливаем наше выделение черным цветом. Потом в меню выбираем «Фильтр» (Filter) > «Размытие» (Blur) > «Размытие в движении» (Motion Blur) со значениями «Угол» (Angle) -45%, «Смещение» (Distance) – 10 пикселей. Потом немного сдвигаем этот слой вправо и вниз, чтобы он стал более видимым из-за слоя с текстом. Наша эмблема готова.

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

Как в фотошопе за несколько шагов сделать бесшовную текстуру

Наташа Клевер — Tue, 07 Sep 2010 21:01:02 +0000

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

Шаг 1.
Создаем в фотошопе новый документ размером 800х800 пикс.

Заливаем его цветом #80ac4b.

Шаг 2.
В новом документе создадим кисть с эффектом боке. Для этого выбираем большую жесткую кисть черного цвета. Создаем новый слой и щелкаем ей в центре документа. Задаем стилем слоя небольшое внешнее свечение тоже черного цвета. Потом отключаем задний фон и идем в меню «Редактирование» (Edit) > «Определить кисть» (Define Brush) и сохраняем нашу кисть.

Возвращаемся в наш основной документ. Нажимаем F5 и в настройках кисти устанавливаем следующие параметры: «Динамика формы» (Shape dynamics) > «Колебание размера» (Size Jitter) – 18%, «Рассеиваие» (Scatter) > «Рассеивание» (Scatter) – 789%, «Другая динамика» (Other dynamics) > «Колебание непрозрачности» (Opacity Jitter) – 100%.

Шаг 3.
Теперь выбираем инструмент «Кисть» (Brush) и белым цветом, аккуратными штрихами добавляем круги на зеленый фон. Должно получиться приблизительно так.

Шаг 4.
Теперь главное действие. В меню выбираем «Фильтр» (Filter) > «Другие» (Other) > «Сдвиг» (Offset). Выбираем значения, как на рисунке ниже.

Шаг 5.
На этом шаге выбираем жесткую кисть цвета фона #80ac4b и вручную аккуратно закрашиваем недоделанные круги. Должны остаться только целые круги. Смотрим рисунок ниже.

Шаг 6.
Теперь опять выбираем созданную нами кисть, настраиваем ее как в Шаге 2 (Динамика формы, Колебание размера и Рассеивание) и короткими, аккуратными штрихами добавляем кругов в центр документа. Следим за тем, чтобы круги не попадали на края квадрата, а добавлялись только в центре.

Шаг 7.
Наш бесшовный паттерн готов. Теперь можно уменьшить его до приемлемых размеров и в меню «Редактирование» (Edit) > «Определить узор» (Define Pattern) можно добавить новый узор и использовать его для заливки фона.

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

Делаем в фотошопе плавный переход между двумя фотографиями

Наташа Клевер — Sat, 07 Aug 2010 21:01:08 +0000

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

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

Шаг 2.
Для верхней фотографии мы добавляем векторную маску, щелкнув по соответствующей иконке внизу палитры слоев. После этого мы на панели инструментов выбираем инструмент «Градиент».

И устанавливаем стандартный градиент от черного к белому.

Шаг 3.
Теперь протягиваем градиент от правого края к левому.

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

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