Уроки Фотошопа: Работа с PSD и PNG шаблонами

 Уроки Фотошопа: Работа с PSD и PNG шаблонами

Многие не знают как работать с шаблонами PSD и PNG (костюмами, рамками). В этом уроке, на примере работы с рамочкой для фотографий, я покажу что и как делать с этими "загадочными" шаблонами в формате PSD и PNG.

Итак, поехали:

Первое что нам нужно - это сам шаблон (т.е. файл в формате PSD или PNG). В данный момент их полно в интернете. Можно скачать и с нашего сообщества в соответствующем разделе «Рамки» (Раздел с костюмами появится позже).

Теперь открываем этот шаблон в Photoshop. Файл – Открыть (File– Open)
Если слои отключены мы увидим следующую картину, а вернее чистый фон.

Включаем все слои, т.е. делаем их видимыми.

После включения всех слоев увидим рамку во всей красе.

Теперь открываем необходимую фотографию. Я выбрала эту.

Находясь на слое с фотографией выбираем Выделение – Выделить все (Select– All), далее Редактирование – Копировать (Edit– Copy). Закрываем фотографию. Находясь на нашей рамочке выбираем Редактирование – Вставить (Edit– Paste) и располагаем слой с ней (т.е. фотографией) под слоем с овальной рамкой.

Теперь необходимо подогнать размер фотографии под размер рамочки.

Выделяем слой с фотографией (кликните по нему в панели слоев), нажмите CTRL + T. Вокруг фотографии появится тонкая окантовка с узлами. Поставив курсор внутрь окантовки, либо на любой из узлов – можно изменить размер изображения, либо передвинуть его.

Не забываем нажимать галочку в правом верхнем углу программы. Окантовка с узлами исчезнет и появится ваше изображение в рамочке.

Вот и все!!!

Сохраняем файл (File - Save As). Если Вы сохраните в формате PSD - то сможете поменять что-либо в вашем творении, если сохраните в формате JPG - изменения будут невозможны.

Удачи Вам!!!

Перекидной винтажный календарь

Как и обещала, выкладываю шаблон перекидного календаря на 2011 год.

 Здесь были календари на 2011 год с кроликами

Здесь были календари на 2011 год с котятами

Размер каждого листа 1024х1448, формат PNG

Кликабельно до оригинального размера, есть возможность вставить любую фотографию (как это сделать читаем здесь)

Перекидные календари на 2011 год

Делюсь с Вами еще двумя перекидными календарями на 2011 год.

 Здесь были календари на 2011 год с кроликами

Здесь были календари на 2011 год с котятами

Здесь винтажный перекидной календарь

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

Размер 3508х2480 

Кликабельно до оригинального размера

Новогодние рамки с поздравлениями

Дело было вечером... делать было нечего...

Открыла я фотошоп и решила поизучать его немного ))

В итоге получилось 6 симпатичных новогодних рамок с готовыми поздравлениями

и местом для фотографии.

Формат PNG, кликабельны до оригинального размера. 

 Здесь были календари на 2011 год с кроликами

Здесь были календари на 2011 год с котятами

Здесь винтажный перекидной календарь

Здесь еще два перекидных календаря

Серия сообщений "Мои уроки":

Часть 1 - Урок от NATALI: Выделение при помощи быстрой маски
Часть 2 - Урок от NATALI:Использование маски на картинке
...
Часть 96 - Уроки от NATALI:Быстрое выделение маски в фотошопе
Часть 97 - Урок от NATALI:Учимся делать блики кистями
Часть 98 - Урок от NATALI:Быстрое удаление однотонного фона на картинке

Серия сообщений "Мои уроки":

Часть 1 - Урок от NATALI: Выделение при помощи быстрой маски
Часть 2 - Урок от NATALI:Использование маски на картинке
...
Часть 97 - Урок от NATALI:Учимся делать блики кистями
Часть 98 - Урок от NATALI:Быстрое удаление однотонного фона на картинке
Часть 99 - Урок от NATALI:Зимние эффекты плагином Альен Скин
Часть 100 - Бродилочка по МОИМ УРОКАМ

Урок от NATALI:Маленькие хитрости в фотошопе

Для того чтобы сделать картинку чёрно-белой и оставить на ней цветные элементы ,нужно проделать следующее

Серия сообщений "Мои уроки":

Часть 1 - Урок от NATALI: Выделение при помощи быстрой маски
Часть 2 - Урок от NATALI:Использование маски на картинке
...
Часть 98 - Урок от NATALI:Быстрое удаление однотонного фона на картинке
Часть 99 - Урок от NATALI:Зимние эффекты плагином Альен Скин
Часть 100 - Урок от NATALI:Движение волос фильтром EYE CANDY 4000

Один из способов сделать себе аватар для форума или гостевой книги.

Откройте Photoshop, выберите интересующее изображение.




Автор заакцентировал внимание на этом:
http://www.green-willow.ru/img/wp/text/2d/hedgehog.jpg

Смотреть дальше!

Arnusha

Серия сообщений "Уроки по Photoshop":
Часть 1 - Анимация с нуля.Урок первый.
Часть 2 - Анимация с нуля.Урок второй.Сохранение анимации.
...
Часть 23 - За штурвалом Photoshop
Часть 24 - Словарь фотошоп терминов
Часть 25 - Уроки Фотошоп.

ПАМЯТКА НАЧИНАЮЩИМ ФОТОШОППЕРАМ. Этот пост для тех, кто впервые столкнулся с фотошопом. Сразу возникает вопросы: с чего начать, где брать информацию? Не претендую на первенство, все это изучала сама, и если кому-то будет это полезным - буду рада. (Код каждой записи в первом комментарии к ней) КАКОЙ ВЫБРАТЬ ФШ. ПЕРЕВОД ОСНОВНЫХ КОМАНД Где и как скачать фотошоп CS2 Устанавливаем Adobe Photoshop 12 CS5 Adobe Photoshop CS5 12.0.3 + Adobe Illustrator CS5 15.0.1 Англо-русский словарь терминов ФШ Перевод терминов фотошопа Панель инструментов в ФШ Обзор панели ниструментов Горячие клавиши в ФШ О слоях (layers) РАБОТА СО СЛОЯМИ (для начинающих) Работа со слоями в ФШ Все о слоях Режимы наложения Учимся Слои в ФШ ЭТО НАДО ЗНАТЬ (УСТАНОВКА ИНСТРУМЕНТОВ ФШ) Что такое стили Как установить стили в ФШ Скачать стили ФШ Как установить шрифты в ФШ Скачать шрифты ФШ Кисти фотошоп - установка Устанавливаем кисти в ФШ Скачать кисти (бесплатно) Скачать кисти ФШ Используем плагин в ФШ ВСЕ О ГРАДИЕНТАХ КАК РАБОТАТЬ С КАРТИНКОЙ В ФШ Как изменить размер картинки Изменение размеров холста Поворот холста Как сделать рамку вокруг фото Как вырезать фигуру из картинки Использование маски слоя Вырезание объектов или как заменить фон Вырезаем волосы Превращение фото в фон Как сделать бесшовный фон Как пользоваться паттернами Как сделать узор (текстуру) в ФШ как сделать рамку Как сделать разделитель Анимированная переливающаяся рамка Простейшая анимация Обрезка, растушевка картинки. Вставляем фото в рамку. Как сделать рамку внутри фото Делаем кнопку Как сделать анимированный баннер Как написать текст из картинки Делаем видео рамку Как свернуть текст Делаем фон с сердечками Как сделать фон полупрозрачным Работа с текстом в ФШ Уроки "Эффекты с текстом" Уроки фотошоп Эффекты с текстом Анимация "Движение" ОТДЕЛЬНЫЙ ПЕРЕВОД ФИЛЬТРОВ Гламурное фото Плавная анимация движения Собирающийся текст Сундучок ФШ Водяной знак Переход от цвета к черно-белой фото Анимация "Открытие коробки" Анимация вращения Анимация "Снегопад" Как сделать снежинку Как сделать рамку в ФШ Мелькание в глазу Как применять экшен Устанавливаем новый экшен Кисти. Плагины. Шрифты. Экшены Используем шум и глиттеры Блинг Делаем рамки для ФШ Анимация с блингами Пишем "от руки" Крылья бабочки Анимация фонов 1 Анимация фонов 2 Как сделать крутящуюся звезду Делаем блестки в ФШ Загружаем глиттеры Пишем или рисуем глиттером Работа с фильтром "Шум" Анимация "Движение из стороны в сторону" Радиальное размытие Видеоуроки Уроки ФШ Крученый текст Красивое оформление фото Красивые губы Сияющие бабочки Артшопфото Делаем рамку в ФШ Все о фотошоп. Кисти деревьев и растений Скачать кисти абстрактные Скачать стили праздничные Рамки для ФШ Скачать формы для ФШ Экшен «Christmas Ball» Рамки ФШ Уроки ФШ Уроки Lady Olga ФШ для начинающих Где и как учиться ФШ Уроки ФШ Летающие бабочки Уроки ФШ Урок с линзой (Делаем аваторку) Сползающие капельки Популярные уроки ФШ Простейшая рамка Уроки для начинающих Уроки анимации Редактор спецэффектов Из черно-белой фотографии в цветную Коллаж-анимация "Военная хроника" Делаем текст из фото ДЕЛАЕМ БЕСШОВНЫЕ ОБОИ ДЕЛАЕМ ФОН ДЛЯ БЛОГА ГЛОБАТОР - уроки фотошоп ПРИМЕНЕНИЕ МАСКИ Интересный эффект с текстом ФОТОШОП-БРОДИЛКА БЫСТРАЯ МАСКА Эффект падения (анимация) Эффект свечения (анимация) ГЕНЕРАТОР ФОНОВ Вырезаем фрагмент из картинки Движение блика по намеченному пути МАНИПУЛЯЦИИ С ТЕКСТОМ КАК ВСТАВИТЬ ФОН (Pattern) В ФШ Как работать с маской КАК ПЕРЕНЕСТИ АНИМАЦИЮ НА КАРТИНКУ ПЕРЕВОД МАСОК из jpeg в png Анимированный дождь в ФШ ИСПОЛЬЗУЕМ ФОТО КАК ЗАДНИЙ ПЛАН Восстанавливающая кисть ВЫДЕЛЕНИЕ И ПЛАГИН АЛЬЕН СКИН УЧИМСЯ АНАМИРОВАТЬ БОКЕ ДЕЛАЕМ КОЛЛАЖ "ВАЛЬС ЦВЕТОВ" НАБОР ФИЛЬТРОВ ДЛЯ ФШ ПЛАГИН Eye Candy 4000 - набор из 23 фильтров КАК ВСТАВИТЬ ФОТО В РАМКУ ДЕЛАЕМ ЛЕНТУ АНИМАЦИЯ ВОДЫ ФИЛЬТРАМИ ФОТОШОП 10 МАЛОИЗВЕСТНЫХ ВОЗМОЖНОСТЕЙ ФШ Анимация глаз (бегающие огоньки) ДЕЛАЕМ СВОЙ ШТАМП Изучаем Adobe Photoshop CS5 Видео-уроки по Adobe Photoshop CS5 3D ЭФФЕКТ Движение с увеличением и поворотом Просто шикарные видео-уроки для новичков Ссылка Ссылка Ссылка Ссылка Инструмент "перо" в фотошопе Как эффектно разрезать фото Как убрать надпись с Gif-картинки Как сделать надпись "Добро пожаловать" Как изменить цвет объекта Как сделать коллаж с помощью текстуры Как использовать скрап-наборы в ФШ Плавная анимация или стереоэффект Движение с поворотами и пируэтами Фильтр Liquify — инструкция в картинках Работа с фильтром "Пластика" (оживление лепестков) Скачать фильтр, позволяющий делать всякие загогулины Установка дополнений к ФШ Уроки с сайтов Как сделать анимацию свечи Учимся создавать лучи Плавная анимация движения Мерцание (работаем кистями) Как перенести анимашку на картинку Закрученный текст Как соединить две картинки Слияние нескольких фото Выход из кадра Анимация движения Рассыпающийся текст Картинка в картинке Уроки фотошоп КАК РАЗРЕЗАТЬ КАРТИНКУ В ФШ КАК СДЕЛАТЬ РАМКУ В ФШ Пишем красиво (ко Дню Валентина) Движение заднего плана Как делать блинги Применение маски Дeлаем мигающие глазки Анимация - плавный переход между картинками Анимация - уроки фотошоп Делаем рамку с помощью фильтра "искажение" Как натянуть узор на объем Фантастические зрачки Фото в бокале Вырезаем с помощью Magic Wand Tool Фотомонтаж. Замена лица. Как вставить лицо в шаблон Как установить новый шрифт в ФШ Из брюнетки в блондинку Гламурный макияж в ФШ Оформление картинки блестящей рамочкой Как украсить фото Мозаичный эффект Отдельный перевод фильтров Применение маски Эффект стилизации "под гламур" Редактор спецэффектов Текст на прозрачном фоне Работа со ШТАМПОМ, как вставить ШРИФТЫ, меняем размер Моргающие глазки Бриллиантовая бабочка А бабочка крылышками бяк, бяк. бяк... Мини-картинка с надписью и анимацией Прыгаем по буквам Эффект прожектора Создаем рисунок карандашом Волшебный эффект в ФШ Девушка в сиянии луны Фото кусочками Появляющееся изображение Как сделать картинку в формате PNG Как сделать анимированный банер Анимация с использованием градиента ДЕЛАЕМ СВОЕ ОФОРМЛЕНИЕ Анимация фильтром Liguify Выбираем два цвета и делаеи анимацию Мини-картинка с надписью и анимацией Сюрреалистичный коллаж с девушкой Оживляем картинку в ФШ АНИМАЦИЯ БЛЕСТКАМИ Движение на картинке Красивый фотоэффект Цветной коллаж Как сделать свою печать в ФШ Пишем текст по кругу Как сделать баннер профессионально Анимация собирающейся картинки Как залить картинку глиттером Как сделать простую открытку Делаем фрукт с человеческим лицом Как сделать ОБОИ. Обои с бабочками Движение мигающих звездочек и точек Делаем оригинальную рамку для фото Эффект объемного изображения на фото Как нарисовать паутину в ФШ Создание коллажа из фотографий АНИМАЦИЯ ГЛИТТЕРАМИ Монтаж фото с помощью маски слоя СОЗДАНИЕ ЛОГОТИПА Коллаж в жанре сюжетной макросъемки Ручная коррекция тона фото Замена фона КАК ВСТАВИТЬ ЛИЦО В ФОТО НОВАЯ ФИГУРА БЕЗ СКАЛЬПЕЛЯ Работа с выделенными областями Трансформация выделения Имитация мягкого фокуса Анимацияволос фильтром ПЛАСТИКА Оживляем водопад СИЯНИЕ ЛУЧЕЙ АНИМАЦИЯ КАРТИНКИ ГЛИТТЕРАМИ Анимация "МЕРЦАНИЕ" ЛИСТАЕМ СТРАНИЦЫ ПОЛЕТ ПТИЦ Ретуширование. Удаление дефектов на лице МОРГАНИЕ С ПОМОЩЬЮ ФИЛЬТРА "ПЛАСТИКА" ФИЛЬТР - Alien Skin - Xenofex 2.1.1 for Photoshop Перелистывам страницы АНИМАЦИЯ - МЯГКОЕ ДВИЖЕНИЕ АНИМАЦИЯ - МЯГКОЕ ДВИЖЕНИЕ (другой урок) Блики инструментом "ОСВЕТЛИТЕЛЬ" Плагин LUCE Мерцание Разукрашиваем блестки Эффект разрезанной картинки Огненная игуана Слайд-шоу Перевод картинок в PNG с помощью каналов Как сделать загар в ФШ Падающий снег Пылающий автомобиль-призрак Фильтр для создания вуалей - Sinedots 2 Плагин ULEAD- GIF-X.Plugin 2.0 Установочные файлы для установки фильтров в ФШ Режимы - Умножение и Наложение СОЗДАНИЕ РЕАЛИСТИЧНОГО ПОТОКА СВЕТА КОМБИНИРОВАНИЕ ЦВЕТА И ОТТЕНКОВ СЕРОГО Анимация воды с помощью плагина Flood. КАК СДЕЛАТЬ РАЗРЕЗНУЮ РАМОЧКУ В ФШ Фотомонтаж ДЕЛАЕМ ЭФФЕКТЫ НА КОЛЛАЖЕ Делаем рамочки для фото ДЕЛАЕМ КОЛЛАЖ (урок для начинающих) Анимация с помощью рабочего контура Ссылка Ссылка Ссылка Ссылка Ссылка Ссылка Ссылка Ссылка Ссылка Ссылка Ссылка Ссылка Ссылка Ссылка Ссылка Ссылка Ссылка Ссылка Ссылка для вас Лариса Гурьянова

Серия сообщений "урок":
Часть 1 - Интересные и полезные ссылки
Часть 2 - Для изучения немецкого
...
Часть 98 - Картинка из кодов
Часть 99 - Как расположить табличку с картинками по центру страницы?
Часть 100 - Как сделать рамочку для текста самому.

ФОТОШОП для НАЧИНАЮЩИХ

Цель этого урока не научить новому приему анимации, а просто рассказать, как создается анимация в фотошопе. Так сказать, основы.
Для урока Вам понадобятся 3-4 статичные картинки (jpeg или png).
Я вырезала малыша отсюда

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

1. Создайте новый документ (Файл - Создать). Размер документа - на Ваше усмотрение.

2. С помощью инструмента "Перемещение" (или сочетанием клавиш Ctrl+C и Ctrl+V), перетащите Ваши картинки на документ.

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


Я специально сделала слой 0, который я переименую в "фон", т.к. в дальнейшей работе у Вас может появиться такая необходимость, делать анимацию на отдельных слоях, не трогая фон.
3. Отключаем "глазки" на всех слоях, кроме нижнего и фона.

4. Открываем панель "Анимация" (Окно - Анимация)

5. Создаем копию кадра, нажав на конвертик (см. скрин выше)
6. В панели слои выключаем видимость на слое 1 и включаем на слое 2

7. В панели "Анимация" - создаем копию второго кадра

8. В панели "Слои" - выключаем видимость на слое 2 и включаем на слое 3

9. В панели "Анимация" - создаем копию третьего кадра

10. В панели "Слои" - выключаем видимость на слое 3 и включаем на слое 4

11. В панели "Анимация" нажмите на "Воспроизведение". Кадры меняются очень быстро?
Выставим время.
12. Активируйте 1 кадр, кликнув на него. Чтобы выставить время сразу на всех кадрах, зажмите на клавиатуре клавишу "Shift" и кликните по последнему кадру.
Все кадры станут активными (синими). Теперь на любом кадре нажмите на крошечный треугольник

Выпадет вот такое меню:

Можно выбрать время на нем, нажав на нужные цифры, но мы рассмотрим такую ситуацию, когда нужного нам интервала времени нет, поэтому мы жмем на "Другое".
И в новом окошке выставляем свои цифры

Еще раз просматриваем результат. Если он Вас устраивает, сохраняем - Файл>Сохранить для Web и устройств(правая верхняя часть)


Если что-то не понятно, пишите а комментарии.

Серия сообщений "Фотошоп для начинающих":

Часть 1 - Простой фон
Часть 2 - Урок для начинающих: Анимация с помощью светокоррекции.
...
Часть 27 - Урок фотошопа CS5 для начинающих по работе с инструментом точечная восстанавливающая кисть.
Часть 28 - Как в фотошопе анимацию поставить на анимированную картинку
Часть 29 - Создание анимации в фотошопе.