Как в фотошопе сделать двухстороннюю открытку. Создаем яркую поздравительную открытку в фотошоп
Цель урока : Использование полученных знаний на практике, создание собственной открытки.
Задачи:
- обучающие - повторить, закрепить и углубить знания учащихся, познакомить с новыми способами выделения объектов;
- развивающие – развить творческие способности.
- воспитывающие – развитие усидчивости, внимательности, самостоятельности.
Программное обеспечение: программа для обработки растровых изображений Аdоbе Photoshop CS.
Формы организации работы на уроке: практикум.
Оснащение:
- компьютерный класс;
- интерактивная доска;
- программное обеспечение;
- Интернет.
Ход урока.
Организационный момент: проверка наличия отсутствующих на уроке, объявление темы урока.
Задача урока: Создать открытку-виньетку
Объяснение задания.
В этом уроке мы будем учится делать открытку. В зависимости от того чем вы ее "наполните" - это может быть и новогодняя открытка, и с днем рождения и т.д.
Например:
Рисунок 1
Рисунок 2
Для этого урока нам понадобятся фон, рамка-виньеточка с вензельками, шрифты, красивые кисточки, клипарты для украшения. На предыдущих уроках были найдены и загружены в Photoshop красивые шрифты и кисточки-завитки. Заранее были приготовлены следующие элементы:
Рисунок 3
рамка-виньеточка с вензельками
Рисунок 4
кисточки-завитки и шрифты.
Для начала создайте новый файл с желаемым размером. В этом уроке я использую размер А4. Переверните холст на 90 градусов. Откройте файл с фоном и перетащите фон на ваш новый файл.
Рисунок 5
С помощью клавиш Ctrl+T (свободная трансформация) установите нужные размеры фона.
Рисунок 6
Открытку можно сделать с фотографией и без. На этом уроке сделаем с фотографией. Для оформления выреза под фото будем работать с рамкой-виньеткой. Кроме этого можно использовать все что угодно - просто овалы(прямоугольники) маски, формы и т.д.
Откройте файл с рамочкой с вензелями. Переведите изображение в RGB(Изображение->Режим->RGB), так как файл с рамочкой имеет расширение GIF. Чтобы вставить рамочку на открытку нужно вырезать ее. Для этого сделайте следующее:
Нажмите Выделение-Цветовой ряд. Откроется окошко настройки параметров.
Рисунок 7
Выберите пипеточку с "+" и кликайте по нашей черной рамке, затем выбираете пипетку с "-" и кликаете по белому фону.. Для наглядности поставьте Выбор просмотра - "Черно-белый". Все, что будет выделено отмечается белым, оттенки серого - это эти тона будут полупрозрачны, черное - останется невыделенным. Когда результат нас устроит нажмите ОК. Таким образом выделяется вся рамка. Чтобы удалить не нужный нам белый фон нажмите Выделение- Инвертировать выделение (все белое выделится) и нажмите Delete.
Рисунок 8
Затем еще раз инвертируйте выделение и перетащите рамку на файл со слоем. С помощью клавиш Ctrl+T увеличиваем размеры рамки, применяем к этому слою любой стиль. Можно наложить цвет, тиснение, внешнее свечение, внутренняя тень и просто тень и т.д.
Рисунок 9
Теперь сделайте еще слой, возьмите понравившуюся вам кисть и нарисуйте посередине открытки "линию" - т.е. разделите открытку пополам. Например, берете завитки рисуете один сверху, один снизу. Выделяете, клавишами Ctrl+T делаете трансформацию. Я отразила их, перевернула нижний. Эти оба завитка сделала размером 700. В середину вставила еще один размером 500. Наложила на этот слой цвет.
Рисунок 10
Выделяем любым способом, создаем новый корректирующий слой "Цветовой тон/Насыщенность" - делай все, что хотим, дергаем ползунки пока результат нас не удовлетворит. В данном случае я уменьшила насыщенность и увеличила яркость.
Переходим на слой с рамочкой, кликаем внутри нее Волшебной палочкой и, удерживая нажатой клавишу Shift, во всех местах внутри завитков, где мы хотим, чтоб было видно фото. Затем расширяем на пару пикселей выделение. Переходим на слой с фоном и нажимаем Delete.
Рисунок 11
Вам нужно будет создать собственную открытку – виньетку. На работу дается 2 часа. На этом уроке вы начнете, дома продолжите, а на следующем уроке заканчиваете.
Практическая работа.
Учащиеся начинают работу над собственной открыткой. Используя имеющиеся файлы и средства Интернет, готовят необходимый материал для открытки.
Домашняя работа.
В открытку должна быть вставлена фотография. Для этого необходимо подготовить нужную фотографию и в электронном виде принести на следующий урок. Продолжить работу над открыткой.
2. Выбираем в палитре цветов на панели черный цвет (1), берем инструмент эллипс (2) с такими параметрами (3) и рисуем овал, отступив от верхнего левого угла 1 клеточку, чтобы остались чистые границы. Получаем овал, залитый черным цветом. Внимательнее с настройками инструмента, иначе овал может остаться бесцветным.
3. Затем клик правой кнопкой по слою — растрировать слой. Края у овала становятся ровными.
4. Открываете в фотошопе картинку. У меня будет такая, вы можете подобрать свою.
5. Переносим картинку на подготовленный черный овал. Стоим на слое с кошками, идем на верхней панели в Выделение — Всё. Затем Редактирование — Скопировать. Переходим в слоях на слой с овалом. Редактирование — Вставить. Кошки появились на овале. Расположим их в центре с помощью инструмента Перемещение (самый верхний инструмент) и уменьшим в размере. Для этого идем в Редактирование — Свободное трансформирование, появляется рамочка с маркерами. Зажимаем на клавиатуре клавишу Shift и подтягивам картинку внутрь попеременно за угловые маркеры. Теперь немного опустим картинку вниз, просто зажав левую кнопку мыши и двигая всю картинку, так как сверху место нам понадобится для текста открытки. Enter — Применить.
6. Теперь начинаем работать с нашим овалом. В панели слоев у нас 2 слоя, переименованные соответственно в слой Овал и слой Кошки. Встаем на слой Овал, идем на верхней панели в Окно и выпадающем окне выбираем Стили-открылось окно стилей. Если у вас еще нет никаких стилей в фотошопе, кроме родных, вы можете скачать стили по моим ссылкам под Рубрикой или найти подходящие в интернете. Как добавлять стили в фотошоп я рассказывала в одном из моих .
7. Теперь, стоя на слое Овал просто попеременно кликаем на подходящие по цветовой гамме стили, чтобы сочеталось с Кошками. Я остановилась вот на таком, коричневом, он неплохо сочетается с кошками и отвечает моей задумке, потому что я хочу сделать открытку «Спокойной ночи». При выборе стиля, не забывайте, что картинку будете сохранять в PNG и поэтому стиль не должен быть с широкой большой тенью, иначе после сохранения тень будет видна на любом фоне, как совершенно черная. Я выбрала стиль, где совсем нет тени. Вообще, я считаю, что стилей много не бывает. Я постоянно ищи или делаю сама новые, а чтобы не перегружать фотошоп, я одни стили убираю, а другие ставлю.
8. Зато кошкам точно надо добавить тени, чтобы они смотрелись более объемно. Идем в Параметры наложения и в выпадающем окне выбираем тень вот с такими значениями и жмем ОК.
9. Создаем новый слой, нажимая на значок (4) в панели слоев и ставим его вверху всех слоев. Затем выбираем инструмент Эллипс (5) вот с такими параметрами (6) и рисуем на картинке фигуру, по которой у нас будет располагаться текст.
10. Мы с вами напишем простое пожелание: Спокойной ночи! Выбираем инструмент горизонтальный Текст (7), черный цвет в палитре и подводим мышку к нарисованному овалу — вы увидите на овале искривленный крестик, клик левой кнопкой мыши в том месте, откуда по нашему мнению должен начинаться этот текст. Не страшно, если вы немного не угадаете и надпись уедет далеко вправо или наоборот окажется короткой. Дальше мы все подправим.
11. Подбираем подходящий шрифт и размер шрифта. Если все же ваш текст встал неровно, то идем на верхней панели в Редактирование — Свободное трансформирование и за уголок поворачиваем текст вправо или влево, кому куда требуется. Нажимаем Enter.
12. Чтобы убрать ненужный уже контур, идем на панели слоев в Контуры и кликаем левой кнопкой мышки по пустому месту. Контур исчез. Возвращаемся в Слои.
13. Теперь уже к тексту применим подходящий стиль точно так же, как делали с овалом. Создаем новый слой и на нем пишем инструментом Текст свое имя или ник, к которому также можно применить стиль.
моей подруги Олечки Коноваловой. Наша открытка в общем-то готова. Проверим размер открытки. Идем в верхней панели в Изображение — Размер изображения и по ширине ставим 500 пикселей- это вполне достаточный размер для обычной открытки. Файл — Сохранить как и сохраняем в PNG. Идем и любуемся.
Нравится открытка? Тогда можно посылать друзьям. А кто не очень удовлетворен, предлагаю перейти со мной к , где я научу вас немножко оживлять этих чудесных котиков и наша открытка станет анимационной.
Скачать урок фотошопа можно бесплатно, с Яндекс Диска, вместе с описанием урока.
Удачного творчества!
Специально для наступающих праздников Рождества и Нового года, я подготовил этот замечательный урок по созданию яркой поздравительной открытки. Эта работа очень проста, и ее под силу сделать даже начинающему пользователю Adobe Photoshop и, прежде чем начать, я предлагаю вам взглянуть на окончательный результат
Шаг 1
Создайте новый документ размером 1500 × 1500 пикселей с разрешением 72dpi, цвета RVB 8bits.
Затем добавьте новый слой: Меню - Слои (Layer) - Новый (New) - Слой (Layer) (Ctrl + Shift + N) и залейте градиентом, перейдя в главное меню - Слои (Layer) - Новый слой- заливка (New Fill Layer) - Г радиент (Gradient)
Шаг 2
Затем, откройте и вставьте в наш документ над слоем с градиентом следующее изображение:
Измените Режим наложения слоя на Линейный осветлитель (добавить) (Linear Dodge)
Шаг 3
Теперь возьмите Инструмент Перо (Pen Tool) (P) в режиме Слой-Фигура (Shape layers) и нарисуйте следующую форму:
Добавьте вторую форму, как на изображении ниже:
Выделите оба слоя с фигурами, и объедините их, нажав Ctrl + E (или кликните правой кнопкой мыши и в выпадающем меню выберите Объединить слои (Merge layers)), а затем щелкните правой кнопкой мыши по слою и перейдите в Параметры наложения (Blending Options), перейдите в стиль слоя Наложение градиента (Gradient Overlay) и выставите настройки как на изображении ниже:
Шаг 4
Теперь возьмите Инструмент Многоугольник (Polygon Tool), в настройках многоугольника поставьте галочку Звезда, поставить 5 для сторон (Sides) и 60% для глубины лучей (Indent Sides By).
Затем нарисуйте пятиконечную звезду, как на изображении ниже:
Щелкните правой кнопкой мыши по слою и перейдите в Параметры наложения (Blending Options) и выставите настройки как на изображении ниже:
Перейдите в стиль слоя Обводка , выберите цвет # b3e3ee, и выставите следующие настройки:
Повторите предыдущие действия, чтобы создать вторую звезду в центре.
Шаг 5
Теперь, для нового объединенного слоя с формами и фигурой создайте размытие: перейдите в Меню - Фильтр (Filter) - Размытие (Blur) - Размытие в движении (Motion Blur) и выставите следующие настройки:
Затем создайте еще одно размытие, перейдя в Меню - Фильтр (Filter) - Размытие (Blur) - Размытие по Гауссу (Gaussian Blur)
Теперь, поместите слой с размытием ниже слоев с первичными формами и слегка сдвиньте.
Шаг 6
Возьмите Инструмент Палец (Smudge Tool), и, используя инструмент размером около 79 пикселей и интенсивностью 50%, попытайтесь придать вашему размытию более резкие формы.
Шаг 7
После этого, создайте новый слой, выше всех слоев: главное меню - Слои (Layer) - Новый (New) - Слой (Layer) (Ctrl + Shift + N), возьмите Инструмент Кисть (Brush Tool) (B), круглую от 2 до 5 пикселей и нарисуйте точки белого и синего # 4495c4 цвета, чтобы получить эффект, подобный этому:
Продублируйте слой, и слегка уменьшить размер.
Примечание переводчика: Для изменения размера, воспользуйтесь Инструментом Трансформации: Редактирование (Edit) - Трансформирование (Transform) - Масштабирование (Scale).
Шаг 8
А затем, щелкните правой кнопкой мыши по слою и перейдите в Параметры наложения (Blending Options), перейдите в стили слоя Внешнее свечение (Outer Glow) с цветом #e6f1f7 и Наложение цвета (Color Overlay) с цветом #b3e3ee; выставите настройки как на изображениях ниже:
Продублируйте слой несколько раз и расположите эти слои, как на изображении ниже:
Шаг 9
Создайте еще один слой, выберите кисть Звезды, и добавьте несколько крупных звезд.
Примечание переводчика : Чтобы загрузить кисть из архива перейдите в Редактирование (Edit) - Наборы (Presets) - Управление наборами (Preset Manager), выбрать тип набора: кисть - загрузить-выбрать распакованный файл ABR с кистью Звезды - загрузить.
Для этого слоя, с крупными звездами, настройте стили слоя Внешнее свечение (Outer Glow) и Наложение цвета (Color Overlay ), как мы это делали выше.
Шаг 10
Теперь напишите текст, используя шрифт «Indenture English»
Примечание переводчика: для установки нового шрифта, щелкните по нему правой кнопкой мыши, и из появившегося списка выберите пункт Установить. Теперь, он появился у вас в программе Adobe Photoshop.
А затем щелкните правой кнопкой мыши по слою и перейдите в Параметры наложения (Blending Options), перейдите в следующие стили слоя:
Стиль слоя Внутренняя тень (Inner Shadow):
Стиль слоя Внешнее свечение (Outer Glow) с цветом # deecf7:
Внутреннее свечение (Inner Glow):
Стиль слоя Глянец (Satin):
Стиль слоя Наложение градиента (Gradient Overlay):
Стиль слоя Обводка (Stroke) с цветом # 1580b9:
И получаем следующий результат:
Сделайте то же самое для второй части текста.
Шаг 11
Создайте новый слой, снова с помощью Инструмента Кисть (Brush Tool) (B) Звезда, добавьте сверкающие звезды на тексте.
Примечание переводчика: Для этого слоя, расположенного над текстом, настройте стили слоя Внешнее свечение (Outer Glow) и Наложение цвета (Color Overlay ), как мы это делали выше, для слоев со звездами. Или скопируйте стили слоя: зажмите клавишу ALT и перетащит е эффекты со слоя со звездами, на нужный слой.
Шаг 12
Наконец, добавьте корректирующий слой поверх всех слоев: Слои (Layers) - Новый Корректирующий слой (New adjustment layer) - Карта градиента (Gradient Map), выберите градиент Синий, Красный, Желтый, и измените режим смешивания слоя на Перекрытие (Overlay), и уменьшите его непрозрачность (Opacity) до 12%.
И вот, конечный результат - наша красивая новогодняя открытка!
Сегодня открываю новую рубрику по работе в фотошопе для начинающих — и первый урок посвящён тому, как сделать открытку в фотошопе.
На его основе можете делать всё что угодно — баннеры, картинки для постов, аватарки.
У меня стоит фотошоп CS6 и все уроки я буду проводить в нём.
Также мне хотелось этим постом сделать приятное автору дружественного блога, о чём читаем ниже...
Поздравляю Игоря с Днём Рождения!
Почему я решила создать эту рубрику — да нежданчик подкрался незаметно - на дружественном блоге Игоря Черноморца в комментариях к его посту о создании баннера все сильно ко мне приставали (прям, как в молодости!) — покажи, да покажи, как там работать — в фотошопе. А я девушка скромная — что буду ломаться — взяла и показала...
Для этого пришлось за два дня освоить новую программу FastStone Capture — очень простенькая и без технических прибамбасов! Легко сняла видео с экрана как я шаг за шагом делаю поздравительную открытку в фотошопе — для Игоря Черноморца, у которого праздник - день варенья.
Игорь — принимай подарок, пришлось глубокую летнюю, знойную лень отправить в пень, и сделать не только открытку, но и урок о её создании! Вытираю пот со лба натруженной рукой.
Были и мытарства в процессе творчества — снятое видео получилось хорошего качества, но...
Но! Звука почти не было. Пришлось загрузить файл в Camtasia Studio и увеличить громкость звуковой дорожки. Так я одним махом убила две программы для создания видео с экрана. Как получилось — судить вам...
А я просто радуюсь:
— Ура!!! Я справилась.
Надеюсь, что вам будет полезно, интересно и этим я помогу начать работать в моём любимом фотошопе.
Хочешь открытку — делай, как я!
В видео я немного оговорилась с размером — сказала ширина — 60, высота — 400, а на самом деле в создаваемой открытке размер 600*400 пикселей.
Ну, и я слишком медленно всё показываю в этом моём первом фильме — половину кадров можно бы вырезать, но я — побоялась, что не справлюсь с редактированием и решила выставить всё, как есть.
Смотрим и рукоплещем: ай, да я, ай, да Галка, молодец! Как солёный огурец!
Во втором уроке (он уже готов и завтра выложу на блог), я всю ночь вырезала разные кусочки видео и аудио дорожек, добавила заставку (пока без музычки) — то есть, чуть увереннее почувствовала себя в программе по съёмке и редактированию видео. Надеюсь, что вы меня простите за не профессионализм — первый блин всегда комом, а тут — целый блинище!
Короче, пока народ наслаждается летом, я осваиваю новые навыки. И мне это очень нравится — совсем не сплю ночами.
Если вы хотите попробовать сделать подобную открытку, можете скачать с моего Яндекс.Диска дополнительные файлы- исходники и попробовать сделать такую же красоту под моим чутким руководством. А если что-либо будет не понятно — спрашивайте в комментариях, я с удовольствием вам помогу!
Создадим новый документ, зальем цветом #BEB095 .
Материалы для урока:
Текстура
Вы можете найти любую модель, которая вам нравится. Я выбрал фотографию этой леди. Предварительно вырезал ее инструментом Перо . Дублируйте слой с девушкой, нажмите Ctrl+T - отразить по горизонтали и немного увеличьте в размере. Разместите девушек примерно так:
Открываем текстуру, переносим ее на фон (под слои с девушками), изменяем режим наложения на Умножение .
Теперь открываем картинку с деревом, используем инструмент Волшебная палочка , чтобы вырезать дерево из фона.
Перемещаем дерево на фон, устанавливаем режим смешивания Затемнение основы .
Открываем палитру Кистей, выбираем эту кисть (загрузить кисть можно из архива)
Цвет кисти белый. Применяем кисть на картинке. На четырех отдельных слоях рисуем кистью и с помощью Ctrl+T поворачиваем элемент, чтобы получилась вот такая рамочка:
Нажимаем Ctrl+E, чтобы слить эти четыре слоя. Перейдем Слои - Стиль слоя - Параметры наложения - Внешнее свечение , чтобы кисть засверкала. Устанавливаем: непрозрачность - 35%, размах - 2%, размер - 5 пикс., диапазон - 50%:
Создаем новый слой. Используя мягкую кисть черного цвета 200px, пройдитесь по форме нашей рамочки так, как на рисунке. Переместим этот слой под слой с рамочкой.
Пройдемся фигурной кистью еще раз или дублируем слой с нашей рамкой и немного сместим ее:
Перейдем в Слои - Новый корректирующий слой - Карта градиента . Ставим режим Мягкий свет . Непрозрачность 40%. Нажимаем "Да".