Мини-чат

Войти на сайт

  • Страница 1 из 3
  • 1
  • 2
  • 3
  • »
Аниме форум » Наше творчество » Графика сайта » Урок 1: Сохранение изображений в .png формате [без фона] (Уроки для новчиков :))
Урок 1: Сохранение изображений в .png формате [без фона]
ApelsinKaOffline
Аниота
Дата: Суббота, 06.02.2016, 22:00 | Сообщение #1
Всем привет! *^*)/
Хочу рассказать вам о том, как сохранять картинки в .png формате без фона (т.е. фон будет прозрачный) - это может пригодиться тем, кто хочет создать какую-нибудь аккуратную надпись. На нашем сайте логотипы и иконки кланов - в .png формате и возможно, кому-то это покажется банальной тратой времени, а кому-то очень даже пригодится.

Йа буду делать вот такой вот логотипчик:


Шаги 1 и 2: Открываем свой чудесный фотошоп, дальше нажимаем Файл > Создать..
У вас откроется небольшое окошко "Новый" и в поле "Содержимое фона" выбираем "Прозрачный", чтобы не мучиться и не удалять его слоями или ластиком.


Шаги 3 и 4: У нас появится поле в клетку /*на самом деле оно прозрачное*/ мы берем инструмент "Горизонтальный текст", нажимаем левой кнопкой мыши на наш холст и тянем в противоположную сторону, создавая рамку. Отпускаем и печатаем в ней текст. Таким образом мы сможем управлять текстом /*поворачивать его и всячески изменять*/


Шаги 4 и 5: Мы с вами создали слой с текстом. Теперь я хочу прикрепить к нему чибика для симпатичности. Нажимаем на Файл > Открыть.. и выбираем картинку в формате .png /*у меня уже без фона - в интернете полно таких*/


Шаги 6 и 7: Вот она, огромная .png картинка во всей красе. Открылась она в отдельной вкладочке моего фотошопа. Не долго думая во вкладке с чибиком нажимаем: Ctrl+A и Ctrl+C - переходим во вкладку с нашим холстом и нажимаем Ctrl+V /*все буквы английские*/. Вот оно чудо - наш чибик оказывается на нашем холсте, загораживая всем своим естеством весь наш текст.


Шаги 8 и 9: Чтобы уменьшить нашего чибика - открываем слои справа в фотошопе. Нужно проследить, чтобы мы были именно на слое с чиби. Теперь нажимаем Ctrl+T /*все буквы английские*/ и появляется вокруг чиби рамка. Мы зажимаем Shift /*это для того, чтобы картинка не сплющилась*/ и ведем за уголок вверх, уменьшая наше изображение до нужного размера.


Шаги 10 и 11: Теперь я хочу изменить цвет нашего текста. Я выделяю текст и нажимаю на "Основной цвет". Появится окно и я просто с помощью пипетки позаимствовала зелененький с волос чиби.


Шаги 12 и 13: Вы так же можете использовать какой-нибудь стиль /*как я*/, только будьте внимательны, чтобы вы были именно на слое с текстом, иначе измените стиль чиби. Я открыла стили и выбрала один из любимых мной. Теперь аккуратно обрезаем холст, стараясь не задеть тень нашего стиля с помощью инструмента "Рамка".


Шаги 14 и 15: Теперь сохраняем! Нажимаем Файл > Сохранить как.. и выбираем из всех представленных форматов - .png :)


Готово! Я очень надеюсь, что этот урок был полезен для новичков. Жду от вас работ в формате .png *^*)/
EvergardenOffline
Завсегдатай
Дата: Суббота, 06.02.2016, 22:16 | Сообщение #2
очень полезно для новичков :3
у меня вопросик,могу и я делиться уроками?
WeydeOffline
Завсегдатай
Дата: Суббота, 06.02.2016, 23:51 | Сообщение #3
я пытался..
Удаленные
Дата: Воскресенье, 07.02.2016, 00:07 | Сообщение #4
Emmure, Конечно, почему бы и нет? Я, например, не буду же спрашивать разрешение на создание темы у кого-то? К тому же - мало ли, пригодится кому-нибудь :З

Weyde, Не ври, ты хорошо фотошопишь! :D
WeydeOffline
Завсегдатай
Дата: Воскресенье, 07.02.2016, 00:13 | Сообщение #5
Demy, Mama mia..
я это пол часа делала т.т
мне кажется у тебя лучше вышло.. ну да ладно, спасибо. :3
с нетерпением буду ждать следующий выпуск *О*

P.S.: можешь кинуть в ЛС, где можно скачать фш русскую версию? *-*
а то где бы я не качала - то все на английском о:

Упс, в меня вторглись - Weyde - Воскресенье, 07.02.2016, 00:14

Удаленные
Дата: Воскресенье, 07.02.2016, 00:15 | Сообщение #6
Weyde, У меня просто стили такие волшебные - они накладываются на цвет :о
А можно спросить, что у тебя за фотошоп? Если что - могу поделиться своим.
WeydeOffline
Завсегдатай
Дата: Воскресенье, 07.02.2016, 00:19 | Сообщение #7
Demycs6, раз как-то было на русском, но после того как винда слетела
почему-то качалось на английском, хотя и ставила русский
вот такие пироги
Удаленные
Дата: Воскресенье, 07.02.2016, 00:23 | Сообщение #8
Weyde, Тебе торрент лучше или на Яндекс загрузить? У меня просто установочный файл есть. Не помню, где скачала. Таскаю его на флешке - берегу на всякий случай :))
EvergardenOffline
Завсегдатай
Дата: Воскресенье, 07.02.2016, 00:33 | Сообщение #9
Demy, а уроки чисто для новичков или можно для более опытных тоже? :)
WeydeOffline
Завсегдатай
Дата: Воскресенье, 07.02.2016, 00:36 | Сообщение #10
Demy, с Яндекса, думаю :3
Удаленные
Дата: Воскресенье, 07.02.2016, 00:43 | Сообщение #11
Emmure, Конечно можно любые уроки. Главное, ведь, чтобы подробно объяснил всё и будет людям счастье :)

Weyde, С Яндекс-Зло накладочка вышла, но йа загрузил! Жди в ЛС ссылочку :)
EvergardenOffline
Завсегдатай
Дата: Воскресенье, 07.02.2016, 00:54 | Сообщение #12
Demy, ну если что я видеоурок запишу :D
WeydeOffline
Завсегдатай
Дата: Воскресенье, 07.02.2016, 01:03 | Сообщение #13
Emmure, если собираешь делать урок для фотошоперов - то я буду ждакать *-*
/мимопроползал/
EvergardenOffline
Завсегдатай
Дата: Воскресенье, 07.02.2016, 01:04 | Сообщение #14
Weyde, могу придумать что-то :D
WeydeOffline
Завсегдатай
Дата: Воскресенье, 07.02.2016, 01:16 | Сообщение #15
Emmure, давай, у дебя ведь лапки из правильного места ростут, я видела твои работы в темах >:3
Аниме форум » Наше творчество » Графика сайта » Урок 1: Сохранение изображений в .png формате [без фона] (Уроки для новчиков :))
  • Страница 1 из 3
  • 1
  • 2
  • 3
  • »
Поиск: