Поздравительная открытка в фотошопе

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

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

Ну что же... Не будем тянуть резину — начнем рисовать! :)

Граффити в Контакте в виде поздравительной открытки в фотошопе

1. Создаем новое изображение размером, равным размеру граффити в Контакте (586x293 px):

2. С помощью инструмента Paint Bucket Tool заливаем фон голубым цветом (#33ccff — код цвета, вводится он в окошке Color Picker, которое открывается по клику на квадратике Set foreground color, который находится снизу на панели инструментов):

3. Добавим текст белого цвета. Так как мы рисуем поздравительную открытку, то и текст будет соответствующий. Для этого выбираем инструмент Horizontal Type Tool и шрифт по вкусу (я выбрал шрифт Segoe Print (стандартный шрифт из Windows Vista, ссылка на скачивание внизу страницы) со следующими настройками):

... и пишем любой текст (желательно покороче):

4. Сделаем наш текст пушистым :) Для этого придется немного поработать кисточкой.

Сразу создадим новый слой (для этого кликните по кнопке Create a new layer, находящейся на панели слоев (Layers) снизу; или в главном меню выберите Layer —> New —> Layer...).

Выбираем инструмент Brush Tool, выбираем обычную кисть круглого профиля (в стандартном наборе Basic Brushes) диаметром 1px:

... и делаем вокруг букв вот такие короткие штрихи белого цвета:

В результате должно получится что-то такое:

5. Добавим к тексту отражение. Делается это очень просто. Сразу нужно создать копию двух слоев — слоя с текстом и слоя с «волосками» (делается это так: выделяем два слоя (удерживая клавишу Ctrl кликаем на панели слоев (Layers) сразу по имени первого слоя, после по имени второго) и перетягиваем их на иконку для создания нового слоя (Create a new layer)), за тем отразить их по-вертикали (выбрав в меню Edit —> Transform —> Flip Vertical) и сдвинуть вниз:

Немного сожмем отражение по-вертикали (выбрав в меню Edit —> Free Transform):

Так как это отражение, то оно должно быть прозрачным, при чем не равномерно (должно происходить увеличение прозрачности при удалении от объекта).

Данный эффект в фотошопе делается очень просто — с помощью наложения маски на слой. Для этого выбираем инструмент Gradient Tool:

Тип градиента — черно-белый (что бы открыть окошко с настройками градиента, кликните по полоске с градиентом, которая находится на панели Options):

Накладывать маску будем к обоим слоям (текст и «волоски»), по этому сразу сгруппируем их (удерживая Ctrl выберите на панели слоев (Layers) два слоя и перетащите их на иконку ввиде папки — Create a new group):

И лишь после этого добавим к группе маску (кликнув сразу по имени группы, после по иконке Add layer mask — на панели слоев) и зальем ее черно-белым градиентом снизу вверх (сразу кликнув на панели слоев (Layers) по эскизу маски, после залив ее градиентом в окошке для рисования):

В результате должно получиться такое отражение:

6. По такому же принципу добавим еще несколько элементов к нашей будущей поздравительной открытке (можно, например, добавить еще какой-нибудь текст, символ, или автофигуру (инструмент Custom Shape Tool)) — я добавил смайлик:

7. Теперь нарисуем зеркальную поверхность, в которой, собственно, и отражается наш текст (без нее он висит в воздухе).

Делается это так: сразу же над слоем с синим фоном создаем новый слой, выбираем инструмент Rectangle Tool и рисуем прямоугольник любого цвета (ширина — на весь рисунок; высота: от самого низа до, примерно, середины надписи):

К слою с прямоугольником добавим несколько эффектов. Делается это в окошке Layer Style (что бы открыть это окошко, на панели слоев (Layers) кликните по слою правой клавишей и в появившемся меню выберите Blending Options...; или кликните по слою и после на панели слоев снизу нажмите на кнопку «fx» (Add a layer style...) и в появившемся меню выберите Blending Options...).

В Layer Style выставим следующие настройки:

На вкладке Gradient Overlay выставим следующие параметры градиента (сверху указана непрозрачность, в процентах; снизу — код цвета (в данном случае белый)):

А на вкладке Stroke следующим образом настроим обводку:

Жмем OK и... О Боже, под ногами появилась земля! =)

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

Делается он очень просто — с помощью стандартной кисти круглого профиля рисуются кружочки разного размера и прозрачности (при чем, с увеличением размера кружков их прозрачность должна увеличиваться).

Значит так... Создаем новый слой, размещаем его между фоновым слоем (синего цвета) и слоем с зеркальной поверхностью.

Выбираем кисть покрупнее, непрозрачность выставляем в 15%...20% (делается это на панели Options) и рисуем кружки, расположив их в хаотичном порядке:

За тем рисуем кружки кистью маленького размера, непрозрачность выставляем примерно в 80% (можно на том же слое, а можно и на новом — как Вам удобнее):

Снова и снова рисуем кружки разных размеров и прозрачности. В итоге моя поздравительная открытка приняла такой-вот зимний вид:

А сейчас... Ммм... Все помнят как нужно расписывать ручку? =) Вот... Сейчас мы просто «замажем» кистью среднего размера (непрозрачность ставим очень небольшую — примерно 10%) все, что мы нарисовали:

9. Добавим блеск. Просто выбираем набор кистей Assorted Brushes:

В нем выбираем такую-вот кисть:

... и кликаем, кликаем, кликаем :), пока не почувствуем, что... достаточно:

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

Выполним овальное выделение (с помощью инструмента Elliptical Marquee Tool) — овал должен быть большим, по этому на рисунке ниже вы видите лишь часть его верхней дуги:

Инвертируем выделение (Select —> Inverse):

С помощью Paint Bucket Tool зальем его любым цветом:

Зайдем в Layer Style и выставим следующие значения:

На вкладке Gradient Overlay настроим градиент:

В итогде должен получиться такой блик:

11. Фон вокруг граффити в Контакте белого цвета. Будет красиво смотреться, если у граффити не будет четких границ. По этому сделаем плавный переход нашей открытки в белый фон Контакта.

Для этого создадим новый слой, разместим его над всеми остальными и зальем белым цветом (с помощью Paint Bucket Tool):

В Layer Style данного слоя выполним следующие настройки:

На вкладке Inner Glow добавим внутреннее свечение белого цвета:

Жмем OK и получаем желаемый эффект:

12. А теперь добавим к поздравительной открытке еще один элемент — еще одну надпись (это может быть, например, имя человека, которого вы поздравляете, Ваши копирайты, или название любимого сайта ;) ).

Для этого создадим новый слой, разместим его под слоем с внутренним свечением (который мы создали в предыдущем пункте).

Выберем инструмент Rectangle Tool:

... и нарисуем на новом слое широкую полоску любого цвета:

Настроим Layer Style таким-вот образом:

Здесь у нас внешнее свечение (вкладка Outer Glow):

На вкладке Color Overlay закрасим прямоугольник голубым полупрозрачным цветом:

И добавим обводку (вкладка Stroke):

Получилась вот такая подложка под текст:

Выбираем инструмент Horizontal Type Tool и вбиваем желаемый текст (цвет букв, опять же, любой):

И снова открываем Layer Style и делаем так:

... и еще так:

... и вот так вот:

В итоге надпись приняла следующий вид:

Повернем ее (с помощью Edit —> Free Transform) и разместим в каком-нибудь углу. Вот мы и получили финальный вариант поздравительной открытки — граффити для Контакта:

13. Кому не нравится открытка голубого цвета — можете легко изменить ее цвет на другой, по вкусу (на то он и фотошоп). Многие девушки, например, любят розовый.

Ну что, перекрасим в розовый? (*тут девушки кричат и аплодируют* — прим. редактора) :) Вот как это делается: на панели слоев (Layers) кликаем по имени самого верхнего слоя, за тем кликаем по кнопке Create new fill or adjustment layer (находится она на панели слоев снизу). В появившемся меню выбираем Hue/Saturation:

Должен создаться новый слой (с такой же иконкой, как на кнопке Create new fill or adjustment layer):

... и открыться панель Adjustment, на которой измените настройки следующим образом:

... и можете наблюдать ту же поздравительную открытку, но в розовых тонах:

Вот и весь урок. Возможно, кому-то картинка покажется слишком светлой — сделать ее темнее будет совсем не сложно (так же, как в начале пункта 13, но вместо Hue/Saturation выбирайте Brightness/Contrast).

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

PS: Урок создавался в Adobe Photoshop CS4 Extended, но и полностью совместим с более ранними версиями фотошопа. Если у Вас что-то не получилось - задавайте свои вопросы в комментариях к уроку. Желаю творческих идей! ;)