Как создать документ (изображение) в фотошопе. Как создать в фотошопе картинку


Как создать документ (изображение) в фотошопе

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

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

Вообще, по-научному, в фотошопе принято говорить Создать документ, но в обиходе все же под этим подразумевается создание изображения.

Итак, чтобы создать картинку в фотошопе с чистого листа, нужно перейти в меню Файл и выбрать команду Создать или воспользоватся сочетанием клавиш Ctrl+N.

После этого откроется диалоговое окно «Новый», в котором вы увидите обилие различных настроек.

Разберемся со всеми предлагаемыми настройками

Имя

Придумайте любое имя для вашей картинки (по умолчанию – «Без имени -1»). Оно будет использоваться при сохранении файла, а также отображаться в наименовании вкладки на одноименной панели.

Набор

Это поле по своему принципу действия напоминает команду Управление наборами — она предоставляет возможность выбрать сохраненные пользовательские настройки или набор параметров установленный по умолчанию.

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

Один раз введя все настройки, нажмите кнопку Сохранить набор параметров, расположенную в правой части окна.

Затем появится еще одно окно — «Набор параметров нового документа», в котором можно присвоить любое имя данному набору.

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

Размер, Ширина и Высота

По умолчанию, при создании документа стоит набор «Заказная». Это означает, что вы сами можете ввести какую ширину и высоту документа хотите получить. При этом параметр Размер не активен, то есть его нельзя изменить. Но стоит выбрать из выпадающего списка наборов что-нибудь из стандартных, как этот параметр сразу станет активен, причем для каждого из наборов будет свои параметры размера.

Например, я выбрал набор Международные форматы бумаги. Параметр Размер стал активным и теперь из его выпадающего списка я могу выбрать такие размеры:

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

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

Примечание

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

Если вам действительно нужно работать с различными единицами измерения, удерживайте клавишу Shift при выборе второй единицы измерения, чтобы игнорировать второе поле.

Разрешение

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

При создании изображения, которое будет просматриваться только на экране (в окне браузера и тп.), введите значение 72 пикселя на дюйм. Если вы собираетесь распечатать изображение дома, установите разрешение не менее 150 пикселов на дюйм. Если документ будет отправлен на профессиональный принтер, поставьте 300 пикселов на дюйм.

После того, как будут введены значения в поля Ширина, Высота и Разрешение, фотошоп вычислит размер файла и отобразит данное значение в нижнем правом углу окна.

Чем больше размер изображения и его разрешение, тем больше будет в итоге весить файл.

Цветовой режим

Описание содержания этого поля я вынес в отдельную статью — в каких цветовых режимах можно создать изображение в фотошопе.

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

Правее есть другое поле — битовая глубина. Она определяет, сколько цветовой информации содержит данное изображение. Чем больше битовая глубина, тем больше цветов может отображаться в изображении. Узнайте подробнее о том, что такое битовая глубина.

Содержимое фона

В этом поле можно установить цвет стартового фона документа. Из раскрывающегося списка можно выбрать три варианта:

  1. Белый. Этот цвет фона установлен в фотошопе по умолчанию, то есть, если вы ничего не будете менять, то новая картинка будет создаваться с белого листа.
  2. Цвет фона. На панели инструментов есть индикатор основного и фонового цветов. Тот цвет, что стоит в квадратике фонового цвета, и будет стартовым фоном вашего нового документа.
  3. Прозрачный. Этот параметр позволяет начать создание картинки с прозрачного фона, то есть не содержащего не единого пикселя цвета. Прозрачность в фотошопе отображается в виде серо-белой шахматной доски.

Совет

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

Если вы не можете спокойно смотреть на шахматную доску независимо от того, как она выглядит, отключите ее, выбрав в раскрывающемся списке Размер сетки вариант Не показывать.

Дополнительные параметры

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

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

Пиксельная пропорция. Это настройка определяет форму пикселов, меняя их размеры и пропорции. Она получила свое название от термина пропорция — отношение между шириной и высотой изображения (например, 16:9). Изначально в программе фотошоп выбран вариант Квадратные пиксели. Хотя квадратные пиксели хороши для фотографий, распечатанных изображений и использования на экране, они выглядят грубыми и искаженными в видео, которое склонно делать объекты низкими и толстыми.

Итак, вы открыли окно «Новый», ввели все необходимые настройки, а теперь жмите на кнопку ОК с правой стороны окна. В результате на рабочем пространстве появится чистый лист, на котором вам предстоит создать свою картинку.

Заметили ошибку в тексте - выделите ее и нажмите Ctrl + Enter. Спасибо!

psand.ru

8 шагов к созданию рисунка в Фотошоп

Рисование воображаемого мира, созданного на основе истории почти всегда долгий и кропотливый процесс. В этом уроке вы узнаете несколько шагов к достижению такого результата!

В свободное время я придумал волшебный мир, который назвал «Мир Тосора» (в параллельной вселенной существует бессмертный и всемогущий лорд Тосор. Он благоразумен и справедлив, и хранит Тосор мир и гармонию в этом мире).

В этом уроке я покажу вам, как я создавал первый рисунок из серии «Мир Тосора». Я также покажу несколько техник расположения света и теней, и упомяну правильное кадрирование и композицию хорошего рисунка.

Шаг 1. Композиция

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

Чтобы создать хорошую композицию, следует правильно разделить предметы на ‘передний план’, ‘главный объект’ и ’фон’.

Чтобы создать ощущение глубины, следует сделать предметы переднего плана более темными, а объекты фона, напротив, светлыми.

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

Шаг 2. Свет и тень

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

Я экспериментирую с освещением, чтобы достичь наилучшего результата.

Шаг 3. Цвет

Я понимаю, что, когда дело доходит до цвета, хочется попробовать все и сразу, но давайте не сходить с ума. Начать можно в красном/желтом спектре.

Я решил сделать обмундирование главного персонажа красным, и этот мой выбор повлияет на все элементы изображения. Как вы можете увидеть на первом изображении, результат пока не слишком впечатляющий. Но, когда я добавил шерсти более контрастного цвета животному на втором изображении, начал появляться кое-какой результат.

Следующим шагом я покажу вам свои техники для рисования шерсти и меха.

Первоначальный выбор цвета повлияет на всю работу.

Шаг 4. Трава, волосы, мех и шерсть

В общем и целом, в этом процессе есть два шага: создание волос и их «расчесывание». 

В примере А, я нарисовал волосы, торчащие в разных направлениях, при помощи кисти Dune grass. Далее, я начинаю «укладывать» волосы при помощи инструмента Палец (Smudge Tool).

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

На рисунке B, я хотел получить гладкие волосы. Я добавил контрастность и убрал мелкие волоски.

На рисунке D, я решил добавить волосам немного кудрявости. Еще, я добавил больше света, чтобы они выглядели более пушистыми, нежели просто гладкими.

На рисунке Е шерсть выглядит плотнее и гуще, и именно такую шерсть я хочу на моем животном.

Шаг 5. Задний фон

На этом этапе я начинаю работу с фоном. Я изобразил основные формы и цвета местности, пока не задумываясь над интерпретацией изображения.

На второй картинке, я подключаю историю и сюжет. Я хотел сделать так, чтобы долина выглядела волшебной. У Тосора должно перехватывать дыхание, когда он с вершины холма смотрит на свои владения, но, также, долина должна выглядеть гармонично.

Свет, опять же, является самой важной частью изображения. Так как я уже решил, что свет на персонажа будет падать сзади, для фона я решил выбрать сцену заката.

Основные цвета я выбираю из пурпурного спектра, но солнечный свет я делаю желтым. Я добавил облака из моей библиотеки и все немного подкорректировал.

Шаг 6. Детализация

Теперь я приступаю к деталям! Я нарисовал броню животному, добавил теней на дереве, а также, как вы заметили, добавил еще одно маленькое создание на нем.

На этом этапе нужно приостановиться, и показать работу тому, кто ничего не знает о компьютерной графике. Я называю такого наблюдателя «человек с улицы». Почему? Только такой человек даст вам свое искреннее мнение. Мой друг, например, отметил животное на дереве и странную форму рогов большого чудища. Он не понял, что за животное сидит на дереве, и форма рогов показалась ему слишком странной. Нет нужды объяснять ему, почему все именно так, - этими вещами придется пожертвовать.

В процессе детализирования перед нами лежит множество вариантов, но помните, что не все они одинаково хороши.

Рога

В этой части я попробовал нарисовать два разных варианта рогов. Вариант А выглядит, как рога горного козла, и на создании смотрится достаточно неплохо. В варианте В, я хотел создать новый вид животного Бубалус, который существует во вселенной Тосора – месте, где природа совершенно другая. 

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

Птица Хупи

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

Я отрегулировал пропорции Тосора, и как следует прорисовал его волосы и головной убор. Я так прорисовал рога, добавив затенения и текстуру.

На дереве на переднем плане, я нарисовал мистическую птицу Хупи. На голове у нее красивые длинные перья. Создание небольшое, поэтому оно не отвлекает наблюдателя. Добавить такую деталь чтобы не отвлекать внимание от главного персонажа не так-то просто.

Тосор

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

Вот так выглядит мое финальное изображение:

Шаг 8. Кадрирование

Самая важная наша цель – уравновесить рисунок, и обратить внимание наблюдателя на самую важную его часть – в моем случае, на Тосора. Я использую золотое сечение, основанное на последовательности Фибоначчи, и для меня этот вариант идеален!

Автор: Rabie Rahou

photoshop-master.ru

Как сделать картинку своими руками в фотошопе,создать картинку

Здравствуйте, друзья! Вас приветствует Геннадий Королев  с темой как сделать картинку своими руками в фотошопе.

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

 

 

Создать картинку красивую и запоминающуюся в начале вашей статьи — это хороший способ понравится поисковым системам и читателям . Читайте дальше и  вы узнаете, как сделать  картинку своими руками в фотошопе.

Вы можете посмотреть видео урок Как сделать картинку своими руками в фотошопе? или прочитать статью.

 

 

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

Появляется окно создания нового документа .Заполняем поля  - Имя (Сюда лучше название вашего будущего изображения, желательно включить ключевые слова), ставим ширину и высоту 500х400 в пикселях (в зависимости от вашего шаблона можете поставить свои числа) .Остальное, как на рисунке ниже. Нажимаем ОК.

 

Появляется  наш новый документ, но он нам нужен для удобства в новом окне. Поэтому Кликаем по вкладке правой кнопкой и в выпадающем меню мы выбираем Переместить в новое окно

 

Вот теперь можно создать картинку на этом холсте. Но для этого нужно его покрасить в цвет своего блога. У меня это серый цвет. Идем в инструменты, выбираем кисть,

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

Жесткость оставляем 1%, получится круглая кисть достаточно большого диаметра, чтобы быстро покрасить наш фон. Осталось выбрать цвет. Идем влево вниз в палитру инструментов и нажимаем на первый квадрат.

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

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

Можете сделать наоборот или выделить не прямоугольную область, а овальную  или какую –либо другую. Не бойтесь отличиться от других, включите свою фантазию!

Затем опять выбираем кисть, цвет белый и закрашиваем наш прямоугольник в белый цвет. Идем в параметры Выделение – Отменить выделение. Рамка для создания картины готова.

Далее используем инструмент Текст (По умолчанию Горизонтальный текст), наводим на нижнюю часть прямоугольника, два раза кликаем. Появляется курсор текста, вводим нужный текст. Если нужно, меняем размер(Р) и шрифт (Ш) в выпадающем меню.

 

Если нужно применяем инструмент Текст два раза, для верхней строки и для нижней строки отдельно. Перемещение текста осуществляется инструментом , расположенном самым первым (П ) слева.

Аналогично можно сделать надпись внутри белого прямоугольника в виде адреса вашего сайта.

Изменить цвет подписи можно так. Инструменты Текст – выделить нужную область текста, нажать на квадратик. Появится палитра цветов, выбираете цвет – ОК, и в окне Слои нажимаете строчку со слоем текста.

 

Теперь, чтобы ответить на вопрос  “Как сделать картинку своими руками в фотошопе?”  нам нужно вставить изображение. Будем считать, что какой-то рисунок вы уже скачали из Интернета. Для тех, кто не знает как, коротко объясняю:

Заходите на поисковик (Я больше люблю Яндекс) в раздел картинки. Вводите запрос . Здесь нужно подумать, что вы хотите изобразить на своей персональной картине. Варианты, чтобы создать картинку могут быть разные:

-  всего одно изображение (самое простое)

-  2-3 изображения рядом

- сложный коллаж (для продвинутых пользователей)

Рассмотрим самый простой вариант для новичков – одно изображение. В поисковый запрос можно ввести как название статьи , для которой вы делаете картинку, так и свой запрос.

Например я делаю картинку к  этой статье Как сделать картинку своими руками в фотошопе.

Я подумал, чтобы создать картинку нужно найти рисунок с художником. Мой поисковый запрос  Яндексу был – художник.

Нажимаете на рисунок, выбираете подходящий размер, кликаете правой кнопкой – Сохранить объект и сохраняете в определенную папку на вашем компьютере. Сразу советы по оптимизации картинок:

- сохраняйте под своим названием, в котором присутствует ключевое слово

- из всех вариантов выбирайте тот, который меньше «весит» при одинаковом размере

- лучше всего подходят картинки на белом фоне

Теперь сам процесс установки картинки в нужное место. Идем в меню Файл – Открыть , выбираем на компьютере сохраненный рисунок – Открыть. Если выскакивает окно Отсутствие встроенного профиля, ставьте выбор на втором варианте – ОК.

Появиться ваш рисунок, но в том же окне. Надо в другом, как это делать мы уже знаем. Жмем на вкладку правой кнопкой – Переместить в новое окно. Появится новое окно с нужным нам рисунком.

Нажимаем на инструмент Перемещения , наводим курсор на картинку, кликаем и, не отпуская левую кнопку перетаскиваем на подготовленный шаблон, отпускаем.

 

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

Как видно наш рисунок не подходит по размеру. Изменяем размер, можно через меню Редактирование – Трансформирование – Масштабирование.

Я лично делаю проще, нажимаете на рисунок , затем горячие клавиши CTRL – T и задаете нужный размер двигая уголок. Выделение снимается кнопкой Перемещения или кнопкой Enter.

Изображение на месте, надписи тоже. Если что не нравится, используйте инструмент Перемещения .

Есть еще один важный момент для дизайна, правильный подбор цвета текста. Желательно использовать не более трех цветов, цвета брать из самого рисунка.

Для этого используется инструмент Пипетка. Пошаговый план :

- нажимаем кнопку Текст

- два раза кликаем левой кнопкой мыши на тексте и выделяем нужную часть или слово

- нажимаем на квадратик внизу слева или вверху

- появится изображение курсора в виде пипетки, подводите ее к части рисунка и кликаете по выбранному цвету

- ОК

 

- Снимаем выделение, щелкая по слою текста в окне Слои.

Тоже делаем с цветом других частей текста. Можете создать картинку с различными вариантами цвета текста и выбрать наиболее подходящий к дизайну вашего блога.

Последний момент, сохраните картинку в двух форматах JPG и PSD. Первое это непосредственно рисунок для вставки в вашу статью и второе , как шаблон для создания других подобных рисунков.

Для сохранения рисунка идете в меню Файл – Сохранить для Web и устройств. Появится окно с вариантами сохранения. Для выбора сделайте 4 варианта, и возьмите среднее качестсво (например 26-40)и какой-то средний показатель  веса рисунка (например 20-40K) формата JPEG.Сохранить.

 

Если хотите, можете выбрать свои настройки.

После этого сохраните свой проект Файл – Сохранить как и выбирайте папку, где будет храниться. Этот сохраненный проект в формате PSD нужен, чтобы в дальнейшем не делать всю картинку заново для новых статей на блоге, а использовать шаблон.

Вы будете только менять сам рисунок, название и цвет текста . Как это делать, посмотрите в видео-уроке.

Все, теперь вы знаете Как сделать картинку своими руками в фотошопе,  можете применять на практике. Если что не поняли – пишите в комментариях.

Другие варианты как создать картинку,  я собираюсь  дать в будущей статье. Чтобы не пропустить ее появление, а также новые конкурсы и кроссворды, советую получать новости блога на свой email.

P.S. Для расслабления  послушайте  прикольную песенку про попу.

Похожие статьи
 

Получил полезную информацию? Поделись с друзьями в :

Нажимая на кнопку, вы даете согласие на рассылку, обработку персональных данных и соглашаетесь c политикой конфиденциальности

korolevgg.com

10 простых приемов в Photoshop для начинающих

Photoshop – безусловно невероятная программа, которая поможет воплотить все ваши креативные идеи и предоставит множество полезных инструментов для этого. Он прекрасно подойдет для ретуши фотографий перед публикацией на сайте. Если вы только начинаете работать с Photoshop и хотите научиться использовать его в работе над дизайном сайта, эта статья как раз для вас. Ниже вы найдете несколько полезных советов по обработке фотографий.

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

 

Трансформирование

Если вы хотите изменить размер изображения, развернуть, зеркально отобразить или растянуть его, нажмите Редактировать и затем выберите инструмент Трансформирование, чтобы применить желаемый эффект. Чтобы сделать это действие совсем простым, используйте горячие клавиши Ctrl + T, – по краям изображения появится выделение зоны, в пределах которой вы будете работать. Теперь вы можете изменять размер изображения. Самым простым способом будет захватить курсором один из углов и вывести его за пределы изображения, держа нажатой клавишу Shift. Когда закончите, просто нажмите Enter. Чтобы растянуть изображение, нажмите Ctrl + T и кликните правой кнопкой мыши. Появится всплывающее окно, в котором вы сможете выбрать, хотите ли вы повернуть изображение или растянуть его. После завершения изменений нажмите Enter.

Подобным образом можно искажать и менять наклон изображения: нажмите Ctrl + T и расположите курсор над углом, который вы хотите растянуть. Нажмите Ctrl, держа курсором угол изображения, и перетащите в нужное вам место. Затем нажмите Enter.

Изменение единиц измерения

Быстрый способ перейти на другие единицы измерения – поместить курсор на одной из линеек (нажмите Ctrl + R, чтобы показать или спрятать их) и, нажав правую кнопку мыши, выберите нужные единицы. Выбор здесь велик: от сантиметров до пикселей, миллиметров, точек и процентов.

 

Инструмент «магнитное лассо» (Magnetic Lasso Tool)

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

 

Инструмент «волшебная палочка» (Magic Wand Tool)

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

Выберите волшебную палочку в панели инструментов и кликните в той области, которую вы хотите выделить. Предварительно активируйте функцию “Добавление к выделенной области” в верхней панели (иконка с двумя квадратами, англ. – Add to selection), чтобы можно было добавлять цвета и тона к уже существующему выделению.

Используя инструмент «волшебная палочка», можно выделить и удалить небо над Манхеттеном

Инструмент «произвольная фигура» (Custom Shape Tool)

В панели инструментов предлагается набор базовых форм для добавления, таких как квадрат, линия, круг, эллипс и т.д. Однако, если вы хотите расширить существующий выбор, вы можете использовать инструмент “произвольная фигура” (или Custom Shape Tool). Его иконка напоминает мультяшное чудище (но лишь напоминает!), и вы легко найдете ее среди возможных вариантов. После нажатия по ней вы увидите все варианты предлагаемых форм.

Миниатюры каждой фигуры вы увидите справа от иконки «произвольная фигура». Выбор велик, но вы сможете найти еще больше вариантов, нажав на маленький треугольник внутри панели. Если вам нужны баннеры, облачко с текстом и все возможные формы стрелок, – этот инструмент как раз для вас.

 

Корректирующий слой (Adjustment Layers)

Для чего бы вы ни использовали Photoshop, будь это изменение цвета изображения, усиление четкости или контраста, всегда используйте корректирующие слои. Большое преимущество корректирующих слоев в том, что изменения применяются к отдельному слою, так что вы всегда сможете отменить правки или посмотреть, какой вариант смотрится лучше. Инструмент «корректирующий слой» вы найдете в нижней части панели слоев (черно-белая круглая иконка).

Усиливайте четкость и изменяйте ваши снимки при помощи корректирующих слоев

Стили слоев

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

Вы сможете выбрать из большого числа эффектов: обводка, свечение, добавление тени и многое другое – стоит лишь кликнуть мышкой. Главное не перестараться. Используя слишком много эффектов, вы рискуете придать вашей фотографии дешевый вид.

К любому предмету или тексту можно легко добавить тень

Точечная восстанавливающая кисть (Spot Healing Brush Tool)

О применении этого инструмента можно догадаться по его названию: он сделает лучше любой объект на вашей фотографии. Если на вашем снимке есть пятно, дефект или родинка, которые вы хотели бы убрать, этот инструмент поможет вам избавиться от них. Он же поможет сделать кожу на фотографии идеально чистой. Просто наведите кисть на место, которое вы хотите поправить, выбрав кисть больше области правки, и кликните по нему. Photoshop автоматически подставит на это место кусочек из прилегаемой области и сгладит края, так что вам больше ничего не придется делать.

Всего один клик – и вы избавитесь от лишних пятен

Инструмент «осветлитель» (Dodge Tool)

«Осветлитель» делает ярче пиксели в области, на которой вы его используете. Это отличный способ избавиться от эффекта «красных глаз». Выберите мягкую кисть инструмента «Осветлитель», в панели настроек установите подсвечивание (англ. – Exposure) на 20%. Затем аккуратно заштрихуйте область глаза. Будьте осторожны и не перестарайтесь, иначе ваша модель станет похожа на пришельца. Пары штрихов будет достаточно, чтобы добиться желаемого эффекта.

 

Инструмент «размытие» (Blur Tool)

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

Инструменты «Осветление» и «Затемнение» могут значительно изменить вид ваших снимков. Тем более если добавить к ним корректирующие слои

 

Готовы создать свой неповторимый сайт? Посмотрите наши бесплатные шаблоны, выберите свой, и начинайте творить!

ru.wix.com

Создаем картинку природы в Фотошопе

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

Что нам потребуется:

Для начала создадим новый файл (Ctrl+N) со следующими параметрами:

Теперь у нас есть новый файл, давайте зададим ему фон. Для этого мы используем текстуру «Grunge 6» из архива. Откройте ее в Фотошопе и поместите в документ. С помощью Transform Tool (Ctrl+T) уменьшите текстуру под размер документа и переверните ее. Идите в Image>Adjustments>Curves и примените небольшую кривую как на картинке ниже. Назовите этот слой «Текстура», создайте группу под названием «Фон» и переместите слой в группу.

Теперь откройте картинку с рукой, держащей грязь. Так как у этой фотографии белый фон, мы можем использовать Magic Wand Selection Tool (Ctrl+W). Кликните в любом месте на белый цвет, затем идите в Select>Inverse, для того чтобы отразить выделение руки.

Теперь используйте Move tool (V) и переместите руку в вашу композицию. Переместите этот слой в группу под название «Рука». После того как мы это сделали, уменьшите с помощью Transform tool (T) и поместите руку по центру композиции. Дублируйте слов и поменяйте режим смешивания на «Overlay». Затем идите в Image>Adjustments>Birghtness/Contrast. Примените яркость 95 и контраст 25. Объедините два слоя и используйте Eraser tool (E), чтобы стереть растение. У вас должно получиться следующее:

Сейчас мы разместим дерево так, чтобы казалось, что оно растет из грязи на руке. Откроем картинку с деревом и поместим на нашу композицию. Используйте Transform tool (T), чтобы уменьшить размер дерева:

Создайте группу «Дерево» и переместите слой в него. Удостоверьтесь, что режим смешивания группы — Pass Through, а слоя с деревом — Multiply. У вас должно получиться следующее:

Сейчас мы должны немного стереть фрагменты фотографии с деревом, используя Eraser tool (E).

На картинке: Для того чтобы стереть стороны дерева, используйте кисть с Жесткостью 0 и оставьте немного пространства вокруг дерева. Не стирайте все в области грязи, используйте тонкую кисть между рукой и деревом

Скопируйте слой с деревом и назначьте режим смешивания «Color Dodge». Вы можете заметить белое свечение вокруг дерева, именно поэтому мы не стирали близко к дереву шагом ранее.

Теперь мы добавим немного света нашему дереву. Создайте группу и назовите ее «Освещение». Затем создайте новый слой и назовите его «Освещение дерева». Используя кисть с Жесткостью 0. Удостоверьтесь, что ваш цвет белый и нарисуйте два пятна как на картинке:

Поменяйте режим смешивания на «Overlay»

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

Поменяйте режим смешивания на «Screen». Удостоверьтесь, что этот слой размещен в группе под названием «Небо». Это помогает вам организовать слои и не путаться в них.

Откройте картинку с совой, но перед тем как разместить ее мы вырежем сову, используя Quick Mask.

Двойной клик

Выберете brush tool (B). Назначьте жесткость около 50% и проведите контур совы.

После этого используйте Fill либо большую кисть, чтобы заполнить птицу.

Используйте Magic Wand tool и выберете красный цвет. Это будет контур совы.

Заметка: Для того чтобы спрятать Маску, на панели Слоев, кликните «Channels». Последний канал будет вашей маской. Просто кликните на глаз и маска исчезнет.

Затем кликните правой клавишей на мышке на Сове и выберете Refine Edge. Примените следующие настройки:

Переместите сову в нашу композицию и уменьшите ее с помощью Tranform Tool (Ctrl+T). Разместите ее в левом верхнем углу. Создайте группу и назовите ее «Совы» и назовите слой, который мы переместили Сова 1.

После этого мы добавим небольшой эффект. Идите в Image>Adjustments>Levels и примените следующие настройки:

Скопируйте слой «Сова 1» и назовите его «Сова 2». Примените к этому слою Edit>Transform>Flip Horizontal. Примените Transform tool (Ctrl+T), чтобы уменьшить сову. Удостоверьтесь, что слой «Сова 2» находится под слоем «Сова 1». Разместите вторую сову как на картинке:

Примените фильтр ко второй сове. Идите в Image>Adjustments>Photo Filter.

Идите в группу «Дерево» и выберете первый слой. Используя Burn tool, добавьте немного теней на грязи.

Давайте добавим еще немного света. Создайте новый свет и поместите его под группу «Освещение». Выберете большую кисть с жесткостью 0. Я выбрал следующие цвета: #9921b3 и #f8fb25. Нарисуйте как на картинке:

Поменяйте режим смешивания этого слоя на «Linear light».

Вернемся немного назад и отретушируем руку. Для этого выберете Color Dodge tool, поставьте прозрачность 85% и диапазон Shadows.

После этого ваша рука должна выглядеть более светлой.

Сейчас мы сделай последнее редактирование облаков. Выберете слой с облаками и выберете Eraser tool (E). Используя большую кисть с жесткостью 0, сотрите вокруг облаков.

У вас должно получиться что-то вроде этого.

Заметка: Я так же подвинул две совы немного выше используя Transform tool.

Теперь добавим немного текста. Я использовал шрифт Century Gothic. Цвет текста — черный, размер — 100 px, напишите «the greenhouse effect». Назначьте режим смешивания Soft light.

Наконец, сделаем крышу над слово greenhouse. Используя «Rectangle tool», создайте прямоугольник и скопируйте его. Используя Transform tool, поверните его на 45 градусов. Разместите их рядом и объедините два слоя. Должно получиться вот так:

Передвиньте их, используя Transform tool, уменьшите и поместите над текстом. Режим смешивания — Overlay, прозрачность — 25%

pavel.shimansky.ru

Как сделать картинку в Фотошопе. Как сделать логотип в Фотошопе

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

Чтобы созданное изображение выглядело аккуратно и привлекало внимание необходимо знать, как пользоваться инструментами кадрирования, выделения, а также уметь проводить цветокоррекцию и работу с фильтрами. Мы предлагаем рассмотреть процесс создания таких изображений в Adobe Photoshop, купить который у нас можно по доступной цене.

Как сделать картинку в Фотошопе

Чтобы создать новое изображение во вкладке «Файл» выберите «Создать» и детально ознакомьтесь с параметрами создания документа (изображения). Необходимо задать имя файла, чтобы потом легко найти его в папке сохранения. В графе набор параметров есть возможность самостоятельно задать параметры инструмента, его размер, разрешение или цветовые настройки. Если вы собираетесь использовать изображение для распечатки на обычном принтере, установите разрешение не менее 150 пикселей на дюйм.

Размер документа можно указать в поле «Ширина» и «Высота». Если вам нужно установить определённый размер бумаги, например A6, выберите в строке «Размер» один из предложенных форматов. Цветовой режим очень важен при создания картинки, однако, чтобы правильно его выставить, необходимо знать, для чего вы будете использовать созданное изображение. В зависимости от цели можно выбрать цвета RGB, CMYK, LAB, битовый формат или градации серого.

Как сделать визитку в Фотошопе

Для создания визитки, прежде всего, установите размер документа, который вас устроит. Можно установить его в дюймах, например 55 мм. в ширину и 90 мм. в высоту. Так как визитка после создания будет распечатываться на профессиональном принтере, установите разрешение не менее 300 пикселей на дюйм. Также не забудьте указать цветовой режим картинки, для печати подойдёт CMYK.

Нужно создать дополнительный фоновый слой для правильной работы с изображением. Указывая размеры изображения, нужно учесть некоторое количество свободного пространства под обрезку визиток. Эти данные можно указать в размере холста. Либо сразу добавьте примерно по 5-6 мм. к размерам при создании документа. Чтобы важная информация располагалась ближе к центру, ограничьте поля с помощью размерной сетки или установите параметры для вспомогательных линий. Далее можете приступать к созданию визитки, размещать изображение, надпись и другие элементы.

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

Укажите в настройках желаемые размеры логотипа и цветовой режим, в котором он будет создаваться. Чтобы создать эффектную надпись с торговым знаком, например, необходимо правильно подобрать цвет фона, сделать, например, красивую текстуру. Вы можете попробовать применить различные фильтры для фона. Для этого перейдите во вкладку «Фильтр» и выберите нужный. При создании фирменного знака воспользуйтесь инструментом обводки для создания красивого контура рисунка.

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

Как сделать печать в Фотошопе

Чтобы изготовить печать в Фотошопе, например, для поздравительной грамоты и открытки нужно использовать стандартный шрифт, оформить надпись в рамку строгой геометрической формы и выровнять слова для читабельности надписи. Создайте новый документ и сделайте необходимые надписи. Выберите цвет надписи, который и будет цветом печати.

Поменяйте в параметрах текста отображение размера букв со 100% на 200%. Для этого во вкладке «Окно» перейдите в пункт «Символ». Если надписей несколько, можно создать два слоя. Затем деформируйте оба слоя, выбрав искажение текста «Дугой». Более просто способ, это сделать одну надпись и деформировать ее. Затем создайте копию слоя и трансформируйте его, создав «Поворот на 180».

Как сделать баннер в Фотошопе

Для создания баннера создайте новый документ и задайте нужные размеры. Стандартный рекламный баннер для сайта имеет размер 468*68 пикселей. Однако можно задать и другие параметры, если вам нужен больший или меньший размер. Далее вы можете использовать любые инструменты для создания красивого изображения.

Чтобы сделать красивый фон поработайте с текстурами, фильтрами, не забывайте при этом делать дубликаты слоев, и давать им имена, чтобы ориентироваться. Рекламный баннер должен привлекать внимание, поэтому сделайте надпись контрастной, можете воспользоваться обводкой текста. Учтите, добавляя картинку к надписи на баннере, она должна соответствовать теме баннера.

Как сделать коллаж в Фотошопе

Коллаж представляет собой несколько изображений, размещенных на фоне, возможно с добавлением тематических элементов, надписей и многого другого. Чтобы создать коллаж, подберите несколько картинок или фото, которые хотите разместить на изображении. Создайте фон нужного цвета. Можно применить текстуры и фильтры для создания более интересного эффекта.

Чтобы добавить изображения на фон откройте их в редакторе. Каждое фото выделите, и нажмите во вкладке «Редактирование» пункт «Копировать». Затем откройте вкладку с фоном коллажа и нажмите «Вставить». Затем воспользуйтесь инструментом «Перемещение» и поместите картинку на место. Если нужно изменить ракурс фото примените к нему трансформирование.

Как создать Gif-анимацию в Photoshop

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

Прежде чем приступать к созданию анимации, найдите изображение, которое вы хотите преобразовать и обязательно удалите его из основного фона. После вырезания объекта из фона его нужно будет преобразовать в смарт-объект. Для этого кликните на слое с изображением дважды и укажите «Преобразовать в смарт-объект». После преобразования вам понадобится инструмент «Марионеточная деформация», который расположен во вкладке «Редактирование». Чтобы анимация была плавной, делайте большее количество кадров.

Как сделать видео в Фотошопе

Чтобы создать видео необходимо иметь несколько изображений, которые будут последовательно располагаться на шкале времени и создавать эффект движения. Такое видео немногим отличается от создания анимации. Еще одним способом является самостоятельное создание картинок, из которых будет создаваться видеоролик.

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

www.softmagazin.ru

Как сделать картинку в Photoshop

Тема урока: как сделать картинку в Photoshop. В качестве примера сделаем картинку для обложки книги. Но принципиального значения это не имеет. Это может быть открытка, плакат, картинка для коробки или обложки диска.

Нам предстоит сделать градиентный фон картинки, добавить надписи и изображение. Новички, не вдаваясь в «премудрости» программы Photoshop, получат возможность «наладить производство» картинок самостоятельно. Вот что получится в итоге:

Такую картинку я использовал для создания 3D-обложки книги, но аналогично делаются любые другие обложки или упаковка. Приступим.

Открываем Photoshop и жмём Ctrl+N («Файл — Создать»). Вы можете задать другой размер, а я установил 21 х 29,7 см — размер стандартного листа A4:

Картинка будет служить не только для изготовления 3D-обложки, но и как титульная страница при создании электронной книги в формате PDF. Если сделать картинку меньшего размера, то при её увеличении, пострадает качество. Остальные параметры в окне не важны.

Создадим фон картинки, для заливки которого нужно установить цвет. Но т.к. мы будем делать градиентную заливку, нам потребуется выбрать два цвета: основной (Рис.1-1А) и фоновый (Рис.1-1Б). Кликните по квадратику, и откроется «Палитра цветов», где можно подобрать цвет или ввести в отмеченное поле вручную:

Рис.1. Панель инструментов и Палитра цветов

То же самое проделайте со вторым квадратиков, установив цвет потемнее. Инструмент «Заливка» может служить для заливки фона одним цветом, а мы выбираем инструмент «Градиент» (Рис.1-2):

Чтобы залить изображение градиентом, устанавливаем курсор в верхний левый угол и тянем его по диагонали в нижний угол. Отпустив кнопку мыши, получаем градиентный фон: в верхней точке — светлый цвет, а в нижней — тёмный.

Если используется изображение большого размера, то для удобства уменьшаем масштаб в нижнем уголке. Следующим шагом будет нанесение надписи. Выбираем инструмент «Текст» (Рис.1-3) и кликаем примерно в том месте, где он должен начинаться.

Точность места не важна, потому что готовую надпись мы сможем передвинуть, используя инструмент «Перемещение» (Рис.1-4).

Устанавливаем цвет текста (Рис.2-1) и набираем название книги. Если оно длинное, то для переноса строки используем клавишу Enter. Обратите внимание, наши две строчки получились неодинаковой длины:

Для того чтобы править текст, заходим в «Окно — Символ» и используем панель «Символ» (Рис.2). Выделяем надпись или её часть и задаём шрифт (Рис.2-2), у меня это «Impact». Длину строки регулируем размером шрифта (Рис.2-3) или изменяем её ширину в процентах (Рис.2-5). Рядом можно изменить её высоту (Рис.2-4).

Рис.2. Правка текста в панели «Символ»

В поле (Рис.2-6) регулируем междустрочный интервал, а после завершения всех действий жмём галочку (Рис.2-7), что их сохраняет. Перечёркнутый кружок служит для отмены произведённых изменений. Теперь сдвигаем надпись на её место, а заодно центрируем по горизонтали с помощью инструмента «Перемещение» (Рис.1-4).

Для того чтобы надпись стала более привлекательной наложим на неё тень: «Слои — Стиль слоя — Тень». Я оставил настройки, которые были по умолчанию, но вы можете их подкорректировать. Например, изменить угол отображения тени (тут 120°), или изменить её смещение и размер:

Теперь вы сможете сделать столько надписей, сколько требуется, повторив все процедуры. Для того чтобы повернуть надпись и сделать её вертикальной, идём в «Редактирование — Трансформирование — Поворот на 90° против часовой».

Осталось добавить изображения: сверху логотип, а второе, в формате PNG с прозрачным фоном:

Откройте изображение PNG, выделите его инструментом «Прямоугольная область» (Рис.1-5) и скопируйте: Ctrl+C («Редактирование — Скопировать»). Теперь выделите прямоугольник на нашей картинке и вставьте его: Ctrl+V («Редактирование — Вставить»).

Чтобы подогнать вставленное изображение по размеру, нажмите Ctrl+T («Редактирование — Свободное трансформирование»), и тяните курсором за уголки рамки. Затем подправьте местоположение инструментом «Перемещение» (Рис.1-4).

Чтобы вставить изображение с непрозрачным фоном, нужно уметь пользоваться другими инструментами выделения, например: «Лассо» (Рис.1-6), и некоторыми другими. Или делать картинку с белым фоном. Но вы без особого труда сможете найти изображения PNG с прозрачным фоном, применив фильтры для их поиска в Яндекс Картинках.

Естественно, что всё «гладко» с первого раза может не получиться. Но мы спокойно может отредактировать любую надпись, изображение или даже поменять фон. Все они располагаются на отдельных слоях. Работать со слоями можно из панели «Слои», нажмите F7 («Окно - Слои»):

Рис.3. Работа в панели «Слои»

Видите, и картинки, и каждая надпись расположены в своём слое, которые образовались в процессе работы. Но вы сами можете создавать новые слои (Рис.3-1) или удалять их (Рис.3-2). Слева у каждого слоя находится глазик, он отвечает за его видимость. Кликните по глазику, и слой на картинке станет невидимым.

Рабочий слой всегда выделен, в нашем примере — это надпись «webmastersam.ru». Если сейчас выбрать инструмент «Текст» (Рис.1-3) и выделить эту надпись на нашей картинке, то её снова можно редактировать.

Выделяйте нужные слои и вносите изменения. Наиболее неудачные элементы картинки отключайте (глазиком) и создавайте альтернативные. Комбинируя, отбирайте удачные варианты.

Обычные веб-форматы изображений не имеют слоёв. Чтобы иметь шаблон картинки со слоями, для последующего использования, сохраните её в формате PSD: Shift+Ctrl+S («Файл — Сохранить как»).

Ну, а саму картинку, сохраните в формате JPG или PNG-8: Alt+Shift+Ctrl+S («Файл — Сохранить для Web и устройств»). Если требуется повышенное качество картинки, выбирайте формат PNG-24. Получится более полновесный файл, но картинка будет высокого качества.

Уроки Photoshop:

webmastersam.ru



О сайте

Онлайн-журнал "Автобайки" - первое на постсоветском пространстве издание, призванное осветить проблемы радовых автолюбителей с привлечение экспертов в области автомобилестроения, автоюристов, автомехаников. Вопросы и пожелания о работе сайта принимаются по адресу: Онлайн-журнал "Автобайки"