ria pc game
fle game engine - движок для создания игр
fle game engine - движок для создания игр


Balls and holes PC game / Balls and Holes PC игра
Вакансии
Игродельня
Сегодня
23 мая 2019 18:06
Вход Регистрация Забыли пароль ?

megainformatic - Создание музыки и звука: урок 5 - Первая композиция в Mod Plug Tracker
          Урок 5: Первая композиция в Mod Plug Tracker 1.16.
подробнее...

Теги создание сайтов, создание игр, дизайн, игры, информатика, уроки photshop, php, c++, музыка, delphi, cms, робосайт
Статьи сайта
megainformatic - По ту сторону

cj megainformatic - музыкальный альбом БЕСКОНЕЧНОЕ ДВИЖЕНИЕ ОЖИДАНИЕ И ДЕЙСТВИЕ

megainformatic - Костя Коробкин - Секретный проект - интерактивный комикс

megainformatic - Основы анимации во флеш на примере анимирования простейшей окружности

megainformatic - Парсер сайтов Введение

megainformatic - Я пишу музыку для себя и для продажи

megainformatic - Статьи на околомузыкальные темы - осень 2014 часть 1

megainformatic - рассказ - Чужие воспоминания - автор Синицин Андрей - 24.09.2014

megainformatic - Сайты живущие вне поисковых систем. Есть ли такие и как их найти ?

megainformatic - Game craft - проект разработки игровых и мультимедийных проектов

megainformatic - Game craft - моделируем scv

megainformatic - Game craft - моделируем scv - шаг 1 (часть 2)

megainformatic - Game craft - моделируем scv - шаг 2 (часть 3)

megainformatic - Game craft - Наложение текстуры на модель робота scv (часть 4)

megainformatic - Game craft - Прорисовка текстуры робота SCV шаг 5

megainformatic - Game craft - Экспорт модели из 3ds max в формат X

megainformatic - Game craft - отображение scv модели в формате x в d3d9-приложении

megainformatic - Game craft - управление игрой от Direct Input в d3d9 - приложении

megainformatic - Game craft - игровая камера в d3d9 - приложении

megainformatic - Приключения Кости Коробкина - Как я провел лето - онлайн комикс - страница 1

megainformatic - Приключения Кости Коробкина - Как я провел лето - онлайн комикс - страница 2

megainformatic - Приключения Кости Коробкина - Как я провел лето - онлайн комикс - страница 3

megainformatic - Приключения Кости Коробкина - Как я провел лето - онлайн комикс - страница 4

megainformatic - Приключения Кости Коробкина - Как я провел лето - онлайн комикс - страница 5

megainformatic - Приключения Кости Коробкина - Как я провел лето - онлайн комикс - страница 6

megainformatic - Приключения Кости Коробкина - Как я провел лето - онлайн комикс - страница 7

megainformatic - Приключения Кости Коробкина - С новым годом - интерактивный комикс (kk hny) - онлайн комикс - страница 1

megainformatic - Приключения Кости Коробкина - С новым годом - интерактивный комикс (kk hny) - онлайн комикс - страница 2

megainformatic - Приключения Кости Коробкина - С новым годом - интерактивный комикс (kk hny) - онлайн комикс - страница 3

megainformatic - Приключения Кости Коробкина - С новым годом - интерактивный комикс (kk hny) - онлайн комикс - страница 4

megainformatic - Приключения Кости Коробкина - С новым годом - интерактивный комикс (kk hny) - онлайн комикс - страница 5

megainformatic - Приключения Кости Коробкина - С новым годом - интерактивный комикс (kk hny) - онлайн комикс - страница 6

megainformatic - Приключения Кости Коробкина - С новым годом - интерактивный комикс (kk hny) - онлайн комикс - страница 7

megainformatic - Костя Коробкин - СЕКРЕТНЫЙ ПРОЕКТ - интерактивный комикс (kk scp) - онлайн комикс - страница 1

megainformatic - Костя Коробкин - СЕКРЕТНЫЙ ПРОЕКТ - интерактивный комикс (kk scp) - онлайн комикс - страница 2

megainformatic - Костя Коробкин - СЕКРЕТНЫЙ ПРОЕКТ - интерактивный комикс (kk scp) - онлайн комикс - страница 3

megainformatic - Костя Коробкин - СЕКРЕТНЫЙ ПРОЕКТ - интерактивный комикс (kk scp) - онлайн комикс - страница 4

megainformatic - Костя Коробкин - СЕКРЕТНЫЙ ПРОЕКТ - интерактивный комикс (kk scp) - онлайн комикс - страница 5

megainformatic - Костя Коробкин - СЕКРЕТНЫЙ ПРОЕКТ - интерактивный комикс (kk scp) - онлайн комикс - страница 6

megainformatic - Костя Коробкин - СЕКРЕТНЫЙ ПРОЕКТ - интерактивный комикс (kk scp) - онлайн комикс - страница 7

megainformatic - Веселый Буквоежка - онлайн комикс - страница 1

megainformatic - Веселый Буквоежка - онлайн комикс - страница 2

megainformatic - Веселый Буквоежка - онлайн комикс - страница 3

megainformatic - Веселый Буквоежка - онлайн комикс - страница 4

megainformatic - Веселый Буквоежка - онлайн комикс - страница 5

megainformatic - Веселый Буквоежка - онлайн комикс - страница 6

megainformatic - Веселый Буквоежка - онлайн комикс - страница 7

megainformatic - Веселый Буквоежка - онлайн комикс - страница 8

megainformatic - Веселый Буквоежка - онлайн комикс - страница 9

megainformatic - Веселый Буквоежка - онлайн комикс - страница 10

megainformatic - Веселый Буквоежка - онлайн комикс - страница 11

megainformatic - Веселый Буквоежка - онлайн комикс - страница 12

megainformatic - Веселый Буквоежка - онлайн комикс - страница 13

megainformatic - Веселый Буквоежка - онлайн комикс - страница 14

megainformatic - Веселый Буквоежка - онлайн комикс - страница 15

megainformatic - Веселый Буквоежка - онлайн комикс - страница 16

     
  Уроки Photoshop - Рисуем и анимируем  
     
  Уроки Photoshop - Рисуем и анимируем  
 
 
     
  [содержание]  
     
  Урок 1 - Старт - PSD, BMP, JPG, TGA, Контуры, Обесцвечивание  
     
 

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

Как ?

 
     
  Давайте попробуем. За основу возьмём пока главного героя - Веселого Буквоежку (ВБ).  
     
   
     
  Создаем новое изображение, размер пока зададим 512 x 512 пикселей.  
     
   
     
  Задаем единицы измерения - пиксели (pixels), проставляйте значения, цвет подложки (заднего плана) можно задать пока Transparent (прозрачный). Как видите на рисунке Ваши действия обозначены цифрами от 1 до 6  
     
   
     
 

Остальное нужно оставить без изменений или задать как на рисунке. Resolution - разрешение вашей картинки (пиксель/дюйм) по-умолчанию стоит 72, оставьте как есть или сделайте 300 - как у меня. Color Mode - обязательно RGB Color - чтобы мы могли работать с цветным 24 битным изображением.

1) Почему разрешение имеено 300 точек на дюйм ?

2) Почему изображение будет 24 битным ?

 
     
 

Жмём ОК и слушаем ответ на вопросы -

1) Разрешение влияет на картинку, выводимую на печать, т. е. если Вы планируете вашу картинку после её создания напечатать, то получите именно столько точек на дюйм, сколько это указано, на фактический размер картинки (512х512, который мы уже задали в пикселях), это никак не влияет, но 300 в данном случае - для печати достаточно хорошее значение;

2) Если мы задаем режим RGB Color / 8 bit - это значит каждому пикселю нашего изображения уделяется в памяти 3 х 8 = 24 бит, поскольку R (Red), G (Green) и B (Blue) - его составляющие красного, зеленого и синего будут занимать по 8 бит каждый, а в совокупности это и дает изображение 24 бит на пиксель.

Если еще прикинуть что само изображение будет 512 х 512 пиксель или = 262144 пикселей, и каждый пиксель - это 3 байта (24 бита, 8 бит - это 1 байт), то вся информация о картинке в памяти будет занимать -

262144 х 3 байт = 786432 байт.

1024 байт - это 1 Килобайт (Кб), значит наша картинка будет иметь размер - 768 Кб.

Попробуйте сохранить и проверьте какой получился размер.

 
     
 

У меня получился другой размер файла, скажите Вы. Почему ?

Причин несколько - 1) пока у нас пустое изображение, нужно хотя бы залить например сплошным цветом и сохранить еще раз;

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

Ого, размер файла стал даже больше чем 768 Кб.

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

Но вот если Вы выберите для сохранения формат файла BMP, 24 бит, то в результате получите именно то, о чём я говорил.

 
     
 

Файл BMP (Bitmap) - это точная копия того, как хранится изображение в памяти без каких-либо преобразований. Однако этот формат не используйте для своих изображений.

Рабочие изображения храните в формате PSD - при этом Вы не потеряете ничего из того, что делали - слоёв, оформления и прочих особенностей (BMP их не сохраняет).

Итоговые изображения - законченные и готовые к использованию также не сохраняйте в BMP - они получаются очень большие по размеру и долго обрабатываются. Вместо этого рекомендую использовать более удобный и надежный формат - JPG. По-сути это тот же BMP, но здесь можно хранить файл, выбрав приемлемое качество сжатия. Таким образом Вы достигнете сразу двух целей: получите конечный файл готовый к публикации и размер его будет значительно меньше, чем аналогичный файл BMP, даже если Вы сохраните в JPG с максимальным качеством (12).

 
     
 

Таким образом, в ходе наших с Вами уроков Вы будете работать преимущественно с файлами в форматах PSD, JPG и TGA.

Это еще что за формат ?

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

Эти три базовых формата мы и будем применять в наших уроках.

 
     
  Итак, это было немного теоретических сведений, которые Вам еще пригодятся, но продолжим наш урок.  
     
  Давайте возьмём картинку нашего героя, вставим в созданное нами изображение, сделаем его черно-белым (чтобы было легче обводить) и на отдельном слое, вооружившись кистью просто обведем контуры.  
     
  Открываем картинку fle_1.jpg из Photoshop, выбираем пункт меню Select > All чтобы выделить всё изображение в картинке  
     
   
     
  Далее выбираем Edit > Copy, переключаемся на новое, созданное нами изображение и снова выбираем Edit > Paste  
     
   
     
  Мы видим, что на новом слое Layer 2, который до сих пор был пустым появилось наше изображение.  
     
  Теперь создаем новый слой и рисуем на нём -  
     
   
     
  Вернемся на слой Layer 2 и обесцветим изображение на нём -  
     
   
     
  Щелкаем слой Layer 3, выбираем подходящий цвет, кисть и её параметры и обводим по контуру  
     
   
     
   
     
  чтобы было удобнее обводить воспользуйтесь инструментом Zoom Tool и увеличьте нужный участок картинки. Обратите внимание! Обводим на слое Layer 3 !!! Иначе наши контуры сольются с картинкой (если обводите на Layer 2)  
     
   
     
  Размеры кисти задайте порядка 3 пикселей, края твёрдые и осторожно обводите мышью контуры.  
     
   
     
  В результате у Вас должно получиться что-то подобное -  
     
   
     
  Теперь если скроем слой оригинал (по-которому мы ориентировались при обводке), то увидим наш результат. Именно такой цвет для обводки был выбран не случайно - Вам гораздо легче видеть те участки, которые Вы уже обвели, а которые - еще нет.  
     
   
     
  Маленькая хитрость - когда рисуете контуры в увеличенном изображении нажимайте клавишу [Пробел] и двигайте изображение мышью, нажав еще и левую кнопку мыши.  
     
  Ну и поскольку реальные картинки всегда бывают обведены черным, а не пурпурным цветом, то исправим этот момент -  
     
   
     
   
     
  [содержание]  
     
  Уроки Photoshop - Рисуем и анимируем  
 
 
     
megainformatic live chat
Начать беседу
X
 

Оставленные комментарии



fle game engine - движок для создания игр
fle game engine - движок для создания игр


Something: Unexplained 2 captive of desires / Нечто: Необъяснимое 2 в плену желаний
Костя Коробкин Комикс Коллекционное издание - 6 комиксов, 81 страница, 220 mp3 треков
megainformatic Размещение баннерной рекламы у нас
Время загрузки: 0,8460