В этом уроке я постараюсь ответить на вопросы, которые часто задают наши пользователи, а также выполню просьбу одного из них. А именно я расскажу как пользоваться слоями (как рисовать под объектом) и как поместить фотографию в уже готовую рамку. Я надеюсь что после этого урока вы будете иметь общее представление о работе со слоями и в будущем у вас возникнет меньше трудностей с этим. Урок рассчитан на совсем новичков и в нем используется только палитра Layers(Слои), инструмент Eraser Tool (Ластик) и инструмент Brush Tool (Кисть)

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

Для начала вставим фото в рамку, а потом еще что-нибудь дорисуем.

Шаг 1.

Откроем нужную рамку с помощью меню File>Open (Файл>Открыть) или с помощью комбинации клавиш Ctrl+O.

[650x392]

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

Шаг 2.

Открываем нужное фото и помещаем его в документ с рамкой.

Выбираем и открываем фотографию

[650x391]

Затем перетаскиваем его в документ с нашей рамкой. Для этого перетащите вкладку с вашим документ в любое место рабочей области.

[650x391]

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

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

[650x392]

Шаг 3.

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

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

Шаг 1.

Открываем ваше фото. Выбираем в меню File>Open(Файл>Открыть) или нажимаем Ctrl+O и выбираем нужный файл.

[362x533]

Шаг 2.

Изменим цвета на фотографии. Самым простым способом это сделать будет использования функции Image>Auto Color (Изображение>Автоцвет).

[362x533]

Цвета сразу стали более-менее естественные. Если вас устраивает такой вариант, то можно так и оставить. А если нет, то можно настроить вручную параметры изображения с помощью функций из меню Image>Adjustments (Изображение>Коррекция). Я применил функцию настройки яркости и контраста Image>Adjustments>Brightness/Contrast(Изображение>Коррекция>Яркость/Контрастность).

[342x158]

И вот что получилось.

[362x533]

Шаг 3.

Выровняем края фотографии. Выберем инструмент Crop Tool (Рамка), горячая клавиша C, и выделим часть фотографии, которую нужно обрезать.

[650x377]

То что останется за выделенной частью после применения этого инструмента обрежется.

[345x510]

Шаг 4.

Так как края нашей фотографии были неровные у нас остались пустые места по краям после обрезки. Можно было конечно обрезать так, чтобы этих пробелов не было, но тогда обрезались бы некоторые детали фото (например рукава детей, которые сидят по краям). Нам нужно заполнить эти пробелы. Используем для этого инструмент Stamp Tool (Штамп),горячая клавиша S. Чтобы воспользоваться этим инструментом надо сначала указать то место, с которого будет браться проба для заполнения нужно пространства.

Например возьмем пробу с области головы девушки,

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

Сначала хочу поблагодарить всех вас за ваши отзывы, вопросы и коментарии. Вы помагаете жить и развиваться нашему сайта. Я не могу отвечать в комментариях на все ваши Спасибы и поэтому решил сказать здесь. СПАСИБО всем кто учавствует в жизни сайта и всем кто еще придет к нам!)

Итак приступим к нашему уроку. Я буду создавать просто кнопку с надписью.

Шаг 1.

Создаем новый документ нужного вам размера. У меня размер документа 300Х300. Выбираем в меню File>New(Файл>Новый) или нажимаем Ctrl+N и в появившемся окошке поставим нужные вам размеры Width(Ширина) и Height (Высота).

[551x336]

Шаг 2.

Выберем фон для нашего документа. Здесь уже на ваше усмотрение… кому какой цвет нравится)

[650x377]

Шаг 3.

Выберем нужную форму будущей кнопки. Я выбрал прямоугольник с скругленными углами. Выбираем инструмент Rounded Rectangle Tool (Скругленный прямоугольник). И задаем в панели опций радиус скругления углов Radius(Радиус) равный 10.

[650x377]

Шаг 4.

Рисуем наш прямоугольник нужного размера.

[301x301]

Шаг 5.

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

[610x452]

Шаг 6.

Создадим белый кант вокруг прямоугольника. Для этого создаем новый слой Ctrl+Shift+N. Удерживая клавишу Ctrl нажимам по пиктограммке только что созданного слоя. Тем самым получим выделение. Затем в меню выберите Edit>Stroke (Редактирование>Выполнить обводку). В появившемся окошке выберите цвет обводки, толщину в 1px и нажмите

Сегодня мы попробуем немного преобразить какую-нибудь фотографию. А именно сделаем более живой. Урок очень простой и думаю он ни у кого не вызовет трудностей. Основывается урок на использовании инструмента Pen Tool (Перо) либо Polygonal Lasso Tool (Полигональное лассо) плюс несколько несложных операций. Итак приступим.

Шаг 1.

Выбираем исходное изображение и открываем в Photoshop. Выберите такое изображение, на котором есть какой-то объект крупным планом. Я выбрал вот это изображение.

[650x488]

Выбираем в меню File>Open (Файл открыть) либо используем сочетание клавиш Ctrl+O и открываем наше изображение.

Шаг 2.

Выберем область фотографии, которая останется нетронутой. Выбираем инструмент Rectangular Tool (Прямоугольная область) и выделяем то, что должно остаться.

[650x391]

Шаг 3.

Сохраним наше выделение в каналах, чтобы потом мы могли его использовать. Для этого перейдите на вкладку Channels (Каналы) и нажмите на кнопочку Save Selection as Channel (Сохранить выделение как канал).

[321x242]

Шаг 4.

Выделим наш объект (цветок). Выделять можно не весь, а только ту часть, которая не входит в то что мы выделили в предыдущем шаге.

[650x391]

Шаг 5.

Скопируем то что только что выделили на новый слой. Для этого образуйте выделение из пути (если выделяли пером) и нажмите Ctrl+J. И то что было выделено окажется на новом слое.

Чтобы образовать выделение из нашего контура переходим на вкладку Paths (Контуры) и удерживая клавишу Ctrl кликаем по пиктограммке нашего контура.

[321x244]

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

[321x244]

Шаг 6.

Скопируем слой с оригинальным изображением. Нажмите Ctr+D, чтобы убрать выделение (если оно есть). Затем CTr+J чтобы создать дубликат.

[321x244]

Шаг

Совсем недавно мы создали на сайте новые раздела, где можно скачать различные дополнения к Adobe Photoshop. Пока материала в этих разделах не очень много, но скоро это будет исправлено) Я постараюсь добавлять новые материалы каждый день, главное что бы вы пользовались ими). Один из новых разделов это Шаблоны для фотомонтажа. Как их использовать я вам сегодня и расскажу.

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

Шаг 1.

Выбираем нужный шаблон и открываем его с помощью меню File>Open…(Файл>Открыть) Ctrl+O. Так как большинство шаблонов идут в формате PSD, то можете просто дважды щелкнуть на нужном psd-файле шаблона и он сам откроется в фотошопе. Я выбрал этот шаблон.

[650x391]

Здесь мы видим 2 слоя. Первый – это все кроме лица, а второй это воротник свитера.

Шаг 2.

Открываем свое фото, с которого будем брать лицо. Затем перетаскиваем слой с только что открытого фото в документ с шаблоном.

[650x391]

Шаг 3.

Вырезаем лицо персонажа. Обводим его либо инструментом Pen Tool (Перо), либо Polygonal Lasso Tool (Полигональное лассо). После того как выделили нужную часть жмем Ctrl+J, для того чтобы скопировать то что мы выделили на новый слой. Если выделяли пером, то сначала кликните удерживая клавишу Ctrl по пиктограммке контура во вкладке Paths( Контуры) либо нажмите правой кнопкой по контуру и выберите Make Selection…(Создать выделение…), чтобы получить выделение.

[650x391]

Шаг 4.

Поместим получившуюся часть тела между слоем с объектом и слоем с воротником от свитера. Слой, с которого мы вырезали часть можно отключить, чтобы не мешал. При необходимости подгонки размера, положения нажимаем Ctrl+T и подгоняем вырезанную часть тела под шаблон.

[315x242]

Шаг 5.

При необходимости с помощью инструмента Eraser Tool (Ластик)

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

Шаг 1.

С помощью команды меню File>Open…(Файл>Открыть) или сочетания клавиш Ctrl+O открываем изображение, которое должно получится в результате составления нескольких снимков Polaroid. Я взял вот такое изображение.

[650x454]

Шаг 2.

Продублируем наше изображение для дальнейших операций. Для этого перетащите слой с исходным изображение на кнопочку создания нового слоя (в палитре Layers (Слои)) либо нажмите Ctr+J.

[237x237]

Шаг 3.

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

[650x391]

Затем нажимаем Ctrl+T и подгоняем размер фона под размер нашего документа.

[650x391]

Шаг 4.

Создаем новый слой (этот слой будет напечатанной областью снимка). Затем выбираем инструмент Rectangular Marquee Tool (Прямоугольная область) и выделяем небольшую часть нашей картинки.

[650x462]

Потом нажимаем клавишу D чтобы сбросить цвета на черный и белый и жмем Alt+Del, чтобы залить черным цветом выделенную область.

[237x236]

Шаг 5.

Далее удерживая клавишу Alt подводим курсор между верхним слоем с нашим изображением и слоем с черным прямоугольничком. Курсор должен смениться на два кружочка со стрелочкой. Если курсор сменился , кликаем левой кнопкой мыши. Или нажимаем правой кнопкой мыши по слою с копией нашего изображения (у нас это Layer 1 copy) и выбираем в появившемся меню

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

Шаг 1.

Создаем новый документ 800х600 px. Вы выбирайте размер в зависимости от размера вашей фотографии. Если вы собираетесь использовать результат в интернете, то не делайте очень большой размер документа. Или уменьшите потом размер вашего изображения.

Шаг 2.

Создадим фон (так сказать лист бумаги) для нашей фотографии. Создаем новый слой Shift+Ctrl+N. Затем выбираем в панели инструментов выбираем инструмент Rectangular Marquee Tool (Прямоугольная область) и рисуем прямоугольник нужного нам размера.

[650x391]

Затем возьмите инструмент Gradient Tool (Градиент) и установите для него следующие настройки:

[439x499]

Теперь протяните градиент от нижнего правого угла вашего выделения в верхний левый угол.

[650x516]

Более подробно о работе с градиентом рассказано в предыдущем уроке.

Шаг 3.

Вставляем в документ свое изображение. Как это делается вы можете найти в предыдущих уроках.

[650x395]

Шаг 4.

Подгоняем изображение под наш фон. Чтобы добавить эффект того что наша фотография напечатана на бумаге нам надо создать область печати, т.е. вокруг фотографии должна быть рамка. Если выделение у вас не пропало то выберите в меню Select>Modify>Contract… (Выделение>Модификация>Сжать…) и введите в поле Contract by (Сжать на) значение 8. А если пропало то сначала кликните по пиктограмме слоя из шага 2 удерживая клавишу Ctrl.

[274x104]

Далее создаем маску слоя. Для этого выбираем в меню Layer>Layer Mask>Reveal

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

Шаг 1.

Создадим документ нужного нам размера. Как создать новый документ вы можете прочесть в нашем уроке. Я создал документ 600х600pxpx. Если хотите можете выбрать нужный вам размер.

Шаг 2.

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

[286x375]

1. выберите инструмент Gradient Tool (Градиент) в панели инструментов или с помощью горячей клавиши G.


2. в панели опций кликните по окошку с градиентом.

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

[439x499]

В этом окне кликая по нижним маркерам (те которые темно-синий и светло-синий) выбираем нужный цвет (указан рядом с маркером). Если у вас получается прозрачная область вместо нужного цвета, то кликая по верхним маркерам в настройках Stops (Контрольные точки) значение Opacity (Непрозрачность) установите на 100%.

Если непонятно как выбрать именно такой цвет то смотрите на картинку ниже:

[558x375]

После того как вы кликнули по одному из маркеров у вас появится такое окно. Здесь в выделенное окошечко напишите значение цвета, которое у нас написано рядом с маркером. Все. Жмите ОК и идем дальше.

Если вы получили нужные вам цвета подтверждаем свой выбор нажатием кнопки ОК.

Теперь нанесем свой градиент на созданный нами документ. Лучше всего сначала создать новый и слой (Layer>New>Layer…(Слой>Новый>Слой…) либо с помощью комбинации клавиш Shift+Ctrl+N. Или с помощью кнопочки Create a New Layer (Создать новый слой) в панели Layers (Слои)) и экспериментировать на нем, так как вы всегда сможете удалить его и сделать другой.

Чтобы нанести градиент нужно определиться где он начнется и где закончится, а также с его направлением. Кликаем и удерживаем левую кнопку мыши чтобы установить начало градиента и не отпуская