Поиск по сайту domohozyiki.ru
Расширенный поиск

Мастер-классы

Валентинка

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

Введение в ФШ CS 4

Введение в ФШ CS 4

Убираем красные глаза

Убираем красные глаза

Это интересно!

Кливия

Кливия

Красавица кливия попала в Англию из жаркой и засушливой Южной Африки в 1894 г. Растение сразу покорило чопорных английских леди своими страстными яркими цветами и жизнеутверждающей зеленью листьев.

Валентинка

Валентинка 12.02.2011 | Школа Photoshop
Мастер-класс

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

Открываем программу Photoshop, создаем новый документ, выбирая меню «Файл > Создать…» размером 700х430 пикс. и с разрешением 72 пикс./дюйм. На панели инструментов выбираем «Прямоугольник» и выделяем им наше рабочее окно для создания фона документа. Прямоугольник масштабируем по нашему окну, щелчком правой кнопки мыши выбрав пункт «Свободное трансформирование контура». Тянем за средние маркеры трансформации, привязав прямоугольник к границам документа.

2.gif

На панели «Слои» щелкаем дважды левой кнопкой мыши на нашем слое. Открывается окно «Стиль слоя». Выбираем стиль «Наложение градиента», выставляем значения, как показано на рисунке. Щелкаем левой кнопкой мыши на градиенте, появится окно «Редактор градиентов». Настраиваем контрольные точки в полосе градиента. Для этого щелкаем левой кнопкой мыши по точке, внизу появляется ее цвет, щелкаем по нему левой кнопкой мыши, при этом высвечивается окно «Выберите цвет». В этом окне в специальное поле вставляем номер цвета и нажимаем «OK». На рисунке приведены номера цветов для каждой контрольной точки. Для создания новой точки щелкаем левой кнопкой мыши между точками. Для удаления контрольной точки выделяем ее и нажимаем клавишу «Delete» на клавиатуре. Когда цвета всех контрольных точек настроены, нажимаем «OK».

1.jpg

У нас появилась градиентная заливка фона.

3.jpg

Вставляем текстуру в дубликат слоя. Для этого щелкаем по нашему слою правой кнопкой мыши и выбираем пункт «Создать дубликат слоя…». Нажимаем «OK».

4.jpg
 

Выделяем наш слой-копию, щелкаем дважды левой кнопкой мыши. В окне «Стиль слоя» выбираем стиль «Наложение узора». Нажимаем на стрелочку справа от пункта «Узор» и добавляем «Природные узоры».

5.jpg

Выбираем текстуру, ставим непрозрачность на 20 %. Нажимаем «OK».

6.jpg

У нас получился очень приятный фон.

7.jpg

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

image015.jpg

Выбираем нужную форму. Удерживаем нажатой клавишу «Shift» для создания выбранной фигуры.

8.jpg

Теперь нам необходимо выделить края фигуры. Выделяем слой с фигурой, выбираем инструмент «Угол».

9.jpg

Щелкаем левой кнопкой мыши внутри фигуры – края выделились. Щелкаем правой кнопкой мыши и выбираем «Образовать выделенную область…». Нажимаем «OK».

10.jpg

У нас появилось выделение. Не снимая выделения, создаем новый слой иконкой внизу программы и в новом слое заходим в меню «Редактирование > Выполнить обводку…».

 11.jpg

Выбираем для обводки белый цвет и ширину в пикс., как на картинке.

12.jpg

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

13.jpg

Размываем внутренний контур фигуры. Заходим в меню «Фильтр > Размытие > Размытие по Гауссу…».

14.jpg

Теперь выделение с фигуры можно снять в меню «Выделение > Отменить выделение». Слой с размытым контуром дублируем несколько раз до получения желаемого результата. Выделяем эти слои один за другим, удерживая «Ctrl», и щелкаем левой кнопкой мыши. Затем правый щелчок мышкой – «Объединить слои».

16.jpg

Открываем «Стиль слоя» нашей фигуры. В «Наложении градиента» ставим значения, как показано на рисунке.

17.jpg

Для насыщенности цвета фигуры создаем дополнительно 2-3 дубликата и объединяем слои.

После этого снова открываем «Стиль слоя». Настраиваем параметры «Наложение градиента» и «Тень».


19.jpg

20.jpg

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

21.jpg

Получилось оригинальное сердце. Создаем дубликат слоя, масштабируем его и вставляем в середину сердца.

22.jpg

Переходим к следующему элементу. Создаем векторную фигуру инструментом «Перо».

25.jpg

Для редактирования фигуры выбираем инструмент «Угол».

23.jpg

Чтобы отредактировать фигуру, щелкаем мышкой по опорной точке и вытягиваем из нее две векторные направляющие. Эти направляющие передвигаем, создавая нашу форму. Если нам необходимо передвинуть опорную точку, удерживаем «Ctrl» на клавиатуре и перетаскиваем мышкой точку. Для создания новой точки выбираем инструмент «Перо+» (добавить опорную точку), для удаления – «Перо-» (удалить опорную точку). Работая со всеми этими инструментами, создаем нашу векторную фигуру.

24.jpg

Следующим этапом будет выделение контура фигуры, которое мы рассмотрели в начале урока на примере фигуры цветка. В меню «Редактирование > Выполнить обводку…» выбираем ширину обводки, равную 3 пикс. Делаем размытие по Гауссу. Создаем дубликаты фигуры для насыщенности, объединяем слои. Заходим в «Стиль слоя», настраиваем градиент.

26.jpg

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

27.jpg

Создадим для композиции еще несколько векторных фигур аналогичным способом.

28.jpg

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

29.jpg

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

30.jpg

Пишем текст. Настраиваем его размер, шрифт, жирность в настройках текста.

31.jpg

Заходим в «Стиль слоя» текста и настраиваем параметры так, как показано на картинке.

32.jpg

33.jpg

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

В итоге получилась очень красивая валентинка!

34.jpg

Метки: фотошоп , уроки фотошоп , фотошоп для начинающих , обучение фотошопу , школа Photoshop , уроки Photoshop , обучение Photoshop , практический урок фотошоп , валентинка в фотошопе , Валентинка в Photoshop



Жемчуг
Теги: фотошоп, уроки фотошоп, фотошоп для начинающих, обучение фотошопу, школа Photoshop, уроки Photoshop, обучение Photoshop, практический урок фотошоп, валентинка в фотошопе, Валентинка в Photoshop
Количество показов: 18
Автор: Роман Макаренко
Опубликовано статей: 2

Возврат к списку

Рейтинг: Алмаз
  1. Рейтинг
    0 0 0 0 1

Елена Вилкова, 12.02.2011 17:20:09
Очень здорово! smilethumbs
Эмма , 12.02.2011 16:13:25
smilethumbs