Разделы уроков Фотошопа

Adobe Photoshop Обработка фото

Обработка фото с помощью Фотошопа.

Adobe Photoshop Компютерная графика

Создание компьютерной графики
с помощью Фотошопа.

Adobe Photoshop Спецэффекты с текстом

Спецэффекты с текстом при помощи Photoshop'a.

Adobe Photoshop Спецэффекты

Спецэффекты при мощных
возможностях Adobe Photoshop.

Adobe Photoshop Дизайн

Создание Дизайна с помощью Фотошопа.

Adobe Photoshop Анимация

Создание Анимации используя Фотошоп.

Adobe Photoshop Коллажирование

Коллажирование с помощью Фотошопа.

Adobe Photoshop Зимние спецэффекты

Создание зимних спецэффектов
в Adobe Photoshop

В этом простеньком уроке Фотошопа вы узнаете, как подготовить свою фотографию для размещения на сайте.

У меня есть фото называется "Веселые горнолыжники", размер его 2496 х 1664 px:

Как подготовить фото для сайта в Фотошопе

Предположим, что нужно вырезать из фото Кота Базилио (слева в мохнатой шубке с табличкой "СЛИПОЙ")/

Берем инструмент прямоугольное выделение Как подготовить фото для сайта в Фотошопе с параметром "Нормальный" и выделяем такую форму, какую вам нужно получить, например, по грудь или по живот, а может и по коленки...

Как подготовить фото для сайта в Фотошопе

Нажимаем горячие клавиши Ctrl + C (копировать), Ctrl + N (создать новый документ) и в конце Ctrl + V (вставить).

Как видите фото ваше вставилось, но размер его слишком большой!

Как подготовить фото для сайта в Фотошопе

Заходим в меню Изображение - Размер изображения (Image - Image Size).
Появляется такая табличка, где вы можете изменить размеры фото.

Пока они такие:

Как подготовить фото для сайта в Фотошопе

Нам нужно фото размером 80х100 пикселей.
Для этого в окошке "ширина" изменим параметр на 80. Высота при этом пропорционально подгонится сама.

Как подготовить фото для сайта в Фотошопе

Ну вот, не угадала на 1 px :(

Для того, чтобы соблюсти ГОСТ в 80 на 100 идем дальше:
Берем инструмент Прямоугольная область выделения (Rectangular Marquee) Как подготовить фото для сайта в Фотошопе с параметром Заданный размер (Fixed Size) и устанавливаем размер выделения 80 на 100.

Вот и выделение без одного пикселя.

Как подготовить фото для сайта в Фотошопе

Снова любимые операции Ctrl + C, Ctrl + N, Ctrl + V и у вас готово фото для использования на веб страничке.
Было бы неплохо еще правильно его сохранить!
Меню Файл > Сохранить для Web... (File > Save for Web).
Подгоняем размер и качество, чтобы размер был маленький, но качество фото хорошим.
Для JPG подойдет Высокое (High), 60.
ОК!

Как подготовить фото для сайта в Фотошопе

Вот и все, успехов!
Ссылка на источник;
Дата публикации: 20-11-2011 | Количество просмотров: 337

Нет Фотошопа? Не беда! Используйте Фотошоп Онлайн.
Если у вас нет установленного Фотошопа на компьютере или вы не хотите его устанавливать, вы можете использовать бесплатный Фотошоп онлайн который пусть и не может полностью заменить оригинал, но позволит реализовать большинство фото задач которые могут стоять в режиме онлайн.

 html-cсылка на публикацию: 
 BB-cсылка на публикацию: 
 Прямая ссылка на публикацию: 

    Другие уроки Фотошопа по теме:

 
 
 

Курс для начинающих
по программе
Adobe Photoshop

Если Вы совсем новичок по работе с графикой и хотите в короткий срок овладеть программой Adobe Photoshop, мы рекомендуем вам начать изучение со следующих разделов:

Учебник по Adobe Photoshop

Инструменты Adobe Photoshop

 
 
 
RSS-лента сайта PhotoshopLessons.ru

Вы можете подписаться на обновление сайта PhotoshopLessons, т.е. на новые бесплатные уроки Фотошопа по почте:

 
 
 
 
↓Поиск по сайту↓